@charset "utf-8";

.lot-tery *,
::after,
::before {
    -webkit-box-sizing: unset;
    -moz-box-sizing: inherit;
    box-sizing: unset;
}

.hover:hover {
    opacity: 0.8;
}

.cont {
    position: absolute;
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 1px;
}

.box-lottery {
    position: absolute;
    margin: 0;
    float: left;
    width: 615px;
    height: 615px;
    overflow: hidden;
    background: url('../img/bg_lottery.png') center no-repeat;
}

.lottery-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/bg_lottery_f.png') center no-repeat;
}

.lottery-wrap img {}

.lottery-wrap span {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 32.7%;
    width: 214px;
    height: 50%;
    color: #fff;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    text-align: center;
}

.lottery-wrap span.lottery-span1 {
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
}

.lottery-wrap span.lottery-span2 {
    -webkit-transform: rotate(67.5deg);
    -moz-transform: rotate(67.5deg);
    -ms-transform: rotate(67.5deg);
    transform: rotate(67.5deg);
}

.lottery-wrap span.lottery-span3 {
    -webkit-transform: rotate(112.5deg);
    -moz-transform: rotate(112.5deg);
    -ms-transform: rotate(112.5deg);
    transform: rotate(112.5deg);
}

.lottery-wrap span.lottery-span4 {
    -webkit-transform: rotate(157.5deg);
    -moz-transform: rotate(157.5deg);
    -ms-transform: rotate(157.5deg);
    transform: rotate(157.5deg);
}

.lottery-wrap span.lottery-span5 {
    -webkit-transform: rotate(202.5deg);
    -moz-transform: rotate(202.5deg);
    -ms-transform: rotate(202.5deg);
    transform: rotate(202.5deg);
}

.lottery-wrap span.lottery-span1 img {
    width: 71px;
    height: 71px;
}

.lottery-wrap span.lottery-span6 {
    -webkit-transform: rotate(247.5deg);
    -moz-transform: rotate(247.5deg);
    -ms-transform: rotate(247.5deg);
    transform: rotate(247.5deg);
}

.lottery-wrap span.lottery-span6 img {}

.lottery-wrap span.lottery-span7 {
    -webkit-transform: rotate(292.5deg);
    -moz-transform: rotate(292.5deg);
    -ms-transform: rotate(292.5deg);
    transform: rotate(292.5deg);
}

.lottery-wrap span.lottery-span8 {
    -webkit-transform: rotate(337.5deg);
    -moz-transform: rotate(337.5deg);
    -ms-transform: rotate(337.5deg);
    transform: rotate(337.5deg);
}

.lottery-wrap span.lottery-span8 img {}

.lottery-wrap i {
    display: block;
    width: 100%;
    height: 60px;
    font-style: normal;
    font-size: 22px;
    line-height: 80px;
    color: #fee1e1;
    margin: 48px 0 12px;
}

.lottery-wrap img {
    max-width: 100%;
}

.lottery-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    text-indent: -999em;
    z-index: 11;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 161px;
    height: 161px;
}

.lottery-btn i {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -20.5px;
    width: 41px;
    height: 39px;
    background: url('../img/icon_point.png') center no-repeat;
    -webkit-transform-origin: 50% 102.5px;
    -moz-transform-origin: 50% 102.5px;
    -ms-transform-origin: 50% 102.5px;
    transform-origin: 50% 102.5px;
}

.lottery-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/btn_lottery.png') center no-repeat;
}

.lottery {
    background: #f7e9bf;
    min-width: 980px;
    width: 100%;
}

.lottery-with {
    width: 1200px;
    margin: auto;
    padding-top: 45px;
}

.lottery-with *,
.lottery-with::after,
.lottery-with::before {
    -webkit-box-sizing: unset;
    -moz-box-sizing: inherit;
    box-sizing: unset;
}

.right {
    float: right;
}

.cj_aside {
    width: 239px;
    margin-top: 30px;
}

.cj_sidebox_hd {
    width: 210px;
    background: url(../img/cj_sprite.png) no-repeat 0 -218px;
    height: 38px;
    padding: 14px 15px 0;
    overflow: hidden;
}

.cj_more {
    background: url(../img/cj_sprite.png) no-repeat 0 -562px;
    width: 65px;
    height: 26px;
    line-height: 24px;
    *line-height: 26px;
    color: #5a4739;
    text-align: center;
    float: right;
}

.cj_sidebox_hd .tit {
    color: #6f3f11;
    font-weight: 500;
    font-family: "microsoft yahei";
    float: left;
    font-size: 16px;
    line-height: 24px;
    margin-top: unset;
    margin-bottom: unset;
    *line-height: 22px;
    _line-height: 26px;
}

.cj_more:hover {
    background-position: -69px -562px;
    text-decoration: none;
}

.cj_sidebox_hd .tit .ico1,
.cj_sidebox_hd .tit .ico2 {
    background: url(../img/cj_sprite.png) no-repeat -212px -278px;
    width: 16px;
    height: 16px;
    float: left;
    margin: 4px 8px 0 0;
}

.cj_sidebox_bd {
    background: #fff5e3;
    border-left: #d3ab5e 1px solid;
    border-right: #d3ab5e 1px solid;
}

.cj_sidebox_fd {
    background: url(../img/cj_sprite.png) no-repeat 0 -270px;
    height: 6px;
    overflow: hidden;
}

.cj_prizebox {
    height: 475px;
    position: relative;
}

.cj_prizebox .cj_warnbox {
    overflow: hidden;
}

.cj_prizebox .cj_warnbox .ico1,
.cj_prizebox .cj_warnbox .ico2 {
    background: url(../img/cj_warn_ico.jpg?9034908) no-repeat;
    width: 70px;
    height: 100px;
    display: block;
    margin: 100px auto 10px;
}

.cj_prizebox .cj_warnbox .ico2 {
    background-position: -72px 0;
    width: 83px;
}

.cj_prizebox .cj_warnbox .tip1 {
    color: #3f9500;
    font-size: 16px;
    font-family: "microsoft yahei";
    text-align: center;
}

.cj_prizebox .cj_warnbox .tip2 {
    color: #333;
    font-family: "microsoft yahei";
    font-size: 14px;
    text-align: center;
}

.j-unlogin_pop,
.j-unlogin_reg {
    cursor: pointer;
}

/* prizelist*/
.cj_prizelist {
    zoom: 1;
    height: 468px;
    overflow: hidden;
    position: relative;
    margin-bottom: unset;
}

.cj_prizelist li {
    height: 35px;
    line-height: 35px;
    border-bottom: #ded9cf 1px solid;
}

.cj_prizelist li a {
    height: 35px;
    border-left: #fff6e5 4px solid;
    padding: 0 11px 0 8px;
    display: block;
    position: relative;
    overflow: hidden;
}

.cj_prizelist li a:hover {
    background: #f6e6d0;
    border-color: #CC5200;
    text-decoration: none;
}

.cj_prizelist li .date {
    float: right;
    color: #666;
    font-family: "arial";
}

.cj_prizelist li .nolink {
    color: #333;
    cursor: default;
}

.cj_prizelist li .nolink:hover {
    text-decoration: none;
}

.mt15 {
    margin-top: 20px;
}

/*invitebox*/
.cj_invitebox {
    padding: 15px 15px;
    zoom: 1;
}

.cj_invitebox .log_tip {
    color: #333;
    line-height: 21px;
    white-space: nowrap;
    margin: unset;
}

.cj_invitebox .log_tip_name {
    color: #333;
    line-height: 21px;
    white-space: nowrap;
    margin-bottom: 10px;
}

.cj_invitebox .log_tip_name .name_pic {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.cj_invitebox .log_tip_name .name {
    color: #ea5e00;
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px;
}

.cj_invitebox .log_tip .num {
    color: #ea5e00;
    font-weight: 700;
    margin: 0 5px;
}

/* cj_service */
.cj_service {
    overflow: hidden;
    clear: both;
    padding-top: 50px;
}

.cj_question {
    background: url(../img/cj_sprite.png?9034908) no-repeat;
    width: 249px;
    height: 217px;
    float: right;
}

.cj_question .qlist {
    width: 184px;
    height: 120px;
    margin: 60px auto 0;
    overflow: hidden;
}

.cj_question .qlist li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.cj_question .qlist a {
    color: #632500;
}

.cj_describe {
    width: 726px;
    padding-top: 25px;
    overflow: hidden;
}

.cj_describe .desc_tit {
    background: url(../img/cj_sprite.png?9034908) no-repeat 0 -334px;
    width: 191px;
    height: 73px;
    text-indent: -9999em;
    overflow: hidden;
}

.cj_describe .desc_list {
    padding-left: 12px;
    margin-top: 10px;
}

.cj_describe .desc_list li {
    color: #6e3007;
    font-size: 14px;
    line-height: 30px;
}

.txthide {
    text-indent: -999em;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

.my_wrapper {
    margin: 0 auto;
    text-align: left;
    width: 1200px;
}

.my_footer {
    display: flex;
    padding: 10px 0;
    zoom: 1;
    line-height: 2;
    font-family: "arial"
}

.my_footer a:hover {
    color: #f60;
}

.my_cinfo {
    float: left;
    color: #555;
}

.my_cinfo .my_service {
    color: #888;
}

.my_fnav {
    overflow: hidden;
    zoom: 1;
}

.my_fnav li {
    float: right;
    margin-right: -1px;
    display: inline;
}

.my_fnav li a {
    padding: 0 5px;
    border-right: 1px solid #1C8ED3;
}

.my_fnav .a_job {
    color: #f00;
}

.my_linfo {
    float: right;
    text-align: right;
    color: #888;
}

.my_cred {
    font-size: 0;
    letter-spacing: -4px;
    white-space: nowrap;
    width: 600px;
    word-spacing: -4px;
}

.my_cred a {
    margin-left: 10px;
    zoom: 1;
    font-size: 12px;
    word-spacing: normal;
    letter-spacing: normal;
}

.my_cred a .moc {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 4px;
    display: inline-block;
}

.my_fnav li a {
    border-right: 1px solid #555;
}

.my_footer a {
    color: #555;
}

.jf_topmenu {
    background: url(../img/topbar_x.jpg) repeat-x;
    height: 44px;
    min-width: 1024px;
    width: 100%;
    padding-top: 11px;
}

.jf_topmenu_list {
    height: 34px;
    margin-left: -9px;
    font-family: "microsoft yahei";
    overflow: hidden;
}

.jf_topmenu_list li {
    background: url(../img/sprite.jpg) no-repeat -500px -82px;
    height: 34px;
    line-height: 34px;
    float: left;
    display: inline;
    margin-left: -1px;
    padding: 0 10px;
}

.jf_topmenu_list li a {
    width: 103px;
    height: 34px;
    color: #333;
    font-size: 16px;
    display: block;
    text-align: center;
}

.jf_topmenu_list .cur a,
.jf_topmenu_list li a:hover {
    background: #ff9600;
    color: #fff;
    text-decoration: none;
}

.jf_addfavor {
    float: right;
    margin-top: 5px;
    display: inline;
    padding-left: 20px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-family: "microsoft yahei";
}

/* 我的奖品 */
.page_side {
    float: left;
    width: 260px;
    background: #fff5e3;
}

.page_main {
    margin: 0 auto;
    width: 920px;
    background: #fff5e3;
}

.page_side .user_panel {
    border: 1px solid #E4E4E4;
    float: none;
    border-bottom: none;
}

.user_panel {
    width: 258px;
    height: 230px;
    border-right: 1px solid #E4E4E4;
    background: #fff5e3;
    float: right;
}

.user_info {
    padding: 13px 0 0 84px;
    height: 107px;
    position: relative;
    border-bottom: 1px dashed #E4E4E4;
}

.user_info .face {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    border: 1px solid #E4E4E4;
}

.user_info .nick {
    padding-bottom: 5px;
}

.user_info .nick a {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.user_info .lvlwrap {
    padding-bottom: 3px;
}

.user_info .logout a {
    color: #3c92c9;
}

.user_info .myscore {
    margin: 8px 0 0 -70px;
}

.user_info .myscore strong {
    color: #d7000f;
    font-size: 16px;
    font-weight: normal;
    vertical-align: -1px;
}

.user_info .sigin {
    position: absolute;
    top: 13px;
    right: 13px;
}

.user_info .sigin .btn_sigin {
    background: url(../img/spr.png) no-repeat;
    position: relative;
    display: block;
    width: 58px;
    height: 64px;
    background-position: -265px -63px;
    text-align: center;
}

.user_info .sigin .date {
    color: #c31f1f;
    position: absolute;
    top: 16px;
    left: 18px;
    width: 22px;
}

.user_info .sigin .txt {
    color: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    font-size: 14px;
}

.sigin_pop {
    position: absolute;
    top: 55px;
    left: -193px;
    width: 268px;
    height: 113px;
    background: url(../img/spr_layer.png) no-repeat 0 0;
    z-index: 999;
}

.sigin_pop .close {
    position: absolute;
    width: 12px;
    height: 11px;
    text-indent: -999em;
    overflow: hidden;
    right: 7px;
    top: 10px;
    background: url(../img/spr_other.png) no-repeat -407px -23px;
}

.sigin_pop .sigin_code,
.sigin_pop img,
.sigin_pop .btn_sigin_in {
    position: absolute;
}

.sigin_pop .sigin_code {
    border: 1px solid #AEAEAE;
    top: 25px;
    left: 15px;
    width: 115px;
    padding: 0 5px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
}

.sigin_pop img {
    top: 25px;
    left: 147px;
    width: 106px;
    height: 38px;
}

.sigin_pop .btn_sigin_in {
    width: 72px;
    height: 26px;
    background: #DE000C;
    color: #fff;
    top: 72px;
    left: 100px;
    text-align: center;
    line-height: 26px;
}

.btn_login,
.ico_giftbox {}

.btn_login {
    position: absolute;
    width: 116px;
    height: 60px;
    padding-left: 81px;
    line-height: 60px;
    font-size: 16px;
    background-position: 0 0;
    color: #666;
    top: 32px;
    left: 31px;
    background: url(../img/spr_other.png) no-repeat;
}

.manage {
    padding: 18px 0 16px;
}

.manage ul {
    text-align: center;
    font-size: 0;
}

.manage li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
}

.manage a {
    color: #444;
    display: block;
    width: 79px;
}

.manage .ico {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.manage .ico {
    display: block;
    width: 49px;
    height: 49px;
    margin: 0 auto 5px;
}

.manage .ico_score_exc {
    background-position: -265px -128px;
}

.manage .ico_score_get {
    background-position: -315px -128px;
}

.manage .ico_score_man {
    background-position: -365px -128px;
}

.side_box {
    border: 1px solid #E4E4E4;
    background: #fff5e3;
    width: 258px;
    border-top: 1px dashed #E4E4E4;
    overflow: hidden;
}

.ico_side_nav {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.side_nav {
    padding: 13px 0;
}

.side_nav li a {
    display: block;
    height: 54px;
    line-height: 54px;
    position: relative;
    font-size: 16px;
    color: #444;
    padding: 0 0 0 112px;
    border-left: 3px solid #fff5e3;
}

.side_nav li a:hover {
    text-decoration: none;
    color: #dd000c;
}

.side_nav .cur a {
    color: #dd000c;
    border-color: #DC000C;
    background: #F4F4F4;
}

.side_nav .ico_side_nav {
    position: absolute;
    left: 67px;
    top: 15px;
}

.side_nav .ico_side_nav_score {
    width: 22px;
    height: 23px;
    background-position: 0 -332px;
}

.side_nav .cur .ico_side_nav_score,
.side_nav a:hover .ico_side_nav_score {
    background-position: 0 -359px;
}

.side_nav .ico_side_nav_score_record {
    width: 19px;
    height: 23px;
    background-position: -25px -332px;
}

.side_nav .cur .ico_side_nav_score_record,
.side_nav a:hover .ico_side_nav_score_record {
    background-position: -25px -359px;
}

.side_nav .ico_side_nav_prize {
    width: 17px;
    height: 23px;
    background-position: -47px -332px;
}

.side_nav .cur .ico_side_nav_prize,
.side_nav a:hover .ico_side_nav_prize {
    background-position: -47px -359px;
}

.side_nav .ico_side_nav_exchange_record {
    width: 19px;
    height: 23px;
    background-position: -68px -332px;
}

.side_nav .cur .ico_side_nav_exchange_record,
.side_nav a:hover .ico_side_nav_exchange_record {
    background-position: -68px -359px;
}

.side_nav .ico_side_nav_address {
    width: 17px;
    height: 23px;
    background-position: -93px -332px;
}

.side_nav .cur .ico_side_nav_address,
.side_nav a:hover .ico_side_nav_address {
    background-position: -93px -359px;
}

.side_nav .ico_side_nav_message {
    width: 21px;
    height: 23px;
    background-position: -116px -332px;
}

.side_nav .cur .ico_side_nav_message,
.side_nav a:hover .ico_side_nav_message {
    background-position: -116px -359px;
}

.page_main_box {
    min-height: 100px;
}

.page_main_box {
    border: 1px solid #E4E4E4;
    background: #fff5e3;
    padding-bottom: 15px;
}

.exchange_record_box {
    height: 496px;
    margin-bottom: 0;
}

.page_module_box {
    padding: 16px 0 0;
}

.page_tit {
    font-size: 20px;
    color: #222;
    line-height: 27px;
    border-left: 4px solid #E1010C;
    padding-left: 16px;
    margin-bottom: 16px;
    position: relative;
}

.page_tit h3 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.page_tab_nav2 li,
.page_tab_nav2 li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.page_tab_nav2 li {
    position: relative;
    padding-right: 70px;
}

.page_tab_nav2 li a {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    color: #444;
}

.page_tab_nav2 li a:hover {
    text-decoration: none;
}

.page_tab_nav2 .tab_arrow {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 5px solid #e1010c;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    bottom: -5px;
    left: 50%;
    margin-left: -38px;
    display: none;
}

.page_tab_nav2 .cur a {
    background: #e1010c;
    color: #fff;
}

.page_tab_nav2 .cur .tab_arrow {
    display: block;
}

.page_tab_nav2 {
    padding: 0 0 0px 21px;
    font-size: 14px;
}

.exchange_record_box {
    height: 496px;
    margin-bottom: 0;
}

.page_table_wp {
    padding: 10px;
    width: 880px;
    margin: 0 auto;
    overflow: hidden;
}

.table2 {
    width: 101%;
    margin-left: -1px;
}

.table2 th,
.table2 td {
    text-align: center;
    font-weight: normal;
    border: 1px solid #D2D2D2;
}

.table2 th {
    font-size: 14px;
    background: #F9F9F9;
    border-bottom: 2px solid #F57B7A;
    padding: 5px 0;
}

.table2 td {
    padding: 10px 0;
    word-break: break-all;
}

.table2 a {
    color: #444;
}

.table2 .c1 {
    width: 112px;
}

.table2 .c2 {
    width: 116px;
}

.table2 .c3 {
    width: 109px;
}

.table2 .c4 {
    width: 89px;
}

.table2 .c5 {
    width: 89px;
}

.table2 .c6 {
    width: 92px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.page {
    text-align: center;
}

.page a {
    display: inline-block;
    *zoom: 1;
    height: 25px;
    line-height: 25px;
    border: 1px solid #E5E5E5;
    color: #666666;
    width: 45px;
    margin-left: -1px;
    background: #fff;
}

.page .morepage {
    display: inline-block;
    *zoom: 1;
    padding: 0 13px;
}

.page li {
    display: inline-block;
    *zoom: 1
}

.page li:hover {
    background: #f3f3f3;
    text-decoration: none;
}

.page li.active a {
    background: #E3E3E3;
    color: #222;
    cursor: default;
}

.page li.active:hover a {
    background: #E3E3E3;
}

.page a:hover {
    background: #f3f3f3;
    text-decoration: none;
}

.page .txtlink {
    width: 85px;
}

.page .cur {
    background: #E3E3E3;
    color: #222;
    cursor: default;
}

.page .cur:hover {
    background: #E3E3E3;
}

.page .dis {
    background: #f3f3f3;
    color: #ccc;
    cursor: default;
}

.select_record_time {
    position: absolute;
    top: 5px;
    right: 19px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}

.select_record_time .select_module {
    width: 79px;
}

.score_record_table .c1,
.score_record_table .c2 {
    width: 26%;
}

.score_record_table .c3 {
    width: 20%;
}

.myprize_table .c1 {
    width: 100px;
}

.myprize_table .c2 {
    width: 80px;
}

.myprize_table .c3 {
    width: 170px;
}

.myprize_table .c4 {
    width: 90px;
}

.myprize_table .c5 {
    width: 140px;
}

.myprize_table .c6 {
    width: 70px;
}

.myprize_table td {
    padding: 10px;
}

.table2 .table3 th {
    background: none;
    border-bottom: 1px solid #d2d2d2;
}

.score_strategy .num {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.ico_money {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.btn_gray {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.ico_s_m {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.ico_side_hd {
    background: url(../img/spr.png) no-repeat -999em -999em;
}

.ico_money {
    position: absolute;
    width: 14px;
    height: 13px;
    overflow: hidden;
    background-position: -249px -185px;
    left: 0;
    top: 1px;
}

.score_strategy {
    border-top: 3px solid #ffeac3;
    width: 647px;
    margin: 40px auto 43px;
    font-size: 0;
}

.score_strategy li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    width: 187px;
    height: 129px;
    border: 1px solid #C8C8C8;
    margin-top: 38px;
    position: relative;
    margin-right: 40px;
}

.score_strategy .last {
    margin-right: 0;
}

.score_strategy .info p {
    padding: 0 16px;
}

.score_strategy .info .tit {
    font-size: 16px;
    color: #222;
    padding: 8px 16px 5px;
}

.score_strategy .info .btn_red1 {
    width: 155px;
    height: 30px;
    margin: 15px auto;
    font-size: 14px;
}

.score_strategy .num {
    position: absolute;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background-position: 0 -386px;
    left: 81px;
    top: -58px;
}

.score_strategy .arrow {
    position: absolute;
    font-size: 30px;
    font-family: \5B8B\4F53;
    color: #C8C8C8;
    left: 83px;
    top: -18px;
}

.score_strategy .arrow span {
    position: absolute;
    color: #fff5e3;
    top: 1px;
    left: 0;
}

.btn_red1 {
    background: #e1000c;
    border: none;
    color: #fff;
    display: block;
    width: 104px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
}

.btn_red1:hover {
    background: #ec1622;
    text-decoration: none;
}

.page_line {
    height: 0;
    border-bottom: 1px dashed #E4E4E4;
    overflow: hidden;
    margin-bottom: 23px;
}

.side_box {
    border: 1px solid #E4E4E4;
    background: #fff5e3;
    width: 258px;
    overflow: hidden;
}

.side_box_hd {
    height: 39px;
    background: #F2F2F2;
    border-bottom: 1px solid #E4E4E4;
    line-height: 39px;
    color: #222;
    font-size: 16px;
    padding-left: 13px;
}

.ico_side_hd {
    display: inline-block;
    *zoom: 1;
    width: 21px;
    height: 25px;
    margin: 7px 7px 0 0;
    vertical-align: top;
    *vertical-align: -1px;
}

.ico_side_hd_wallet {
    background-position: -265px -229px;
}

.side_mission_list {
    padding: 24px 0 4px;
}

.side_mission_list li {
    position: relative;
    height: 70px;
}

.ico_s_m {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 0;
    left: 13px;
}

.ico_s_m_1 {
    background-position: -313px -340px;
}

.ico_s_m_2 {
    background-position: -313px -292px;
}

.ico_s_m_3 {
    background-position: -409px -292px;
}

.ico_s_m_4 {
    background-position: -361px -292px;
}

.ico_s_m_5 {
    background-position: -265px -339px;
}

.ico_s_m_6 {
    background-position: -265px -292px;
}

.ico_s_m_7 {
    background-position: -457px -292px;
}

.ico_s_m_8 {
    background-position: -361px -340px;
}

.ico_s_m_9 {
    background-position: -409px -340px;
}

.side_mission_list .info {
    padding: 5px 0 0 73px;
}

.side_mission_list .scorebox {
    color: #d7000f;
}

.btn_gray {
    display: block;
    width: 79px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    background-position: -265px -260px;
}

.side_mission_list .btn_gray {
    position: absolute;
    top: 7px;
    right: 11px;
    color: #444;
}

.side_question_list li {
    padding: 5px 18px 10px 5px;
}

.side_question_list .question_tit {
    font-size: 14px;
    padding: 5px 0;
    color: #222;
}

.side_question_list strong {
    color: #e1000c;
}

.side_question_list .answer {
    line-height: 21px;
    color: #666;
}

.question_more {
    text-align: right;
    padding: 0 18px 20px 0;
    margin-top: 80px;
}

.question_more a {
    color: #3c92c9;
}

.nor_tips {
    margin-top: 20px;
}

.nor_missions {
    padding: 20px 0 20px 20px;
    clear: both;
    overflow: hidden;
}

.ms_item {
    width: 265px;
    height: 100px;
    float: left;
    position: relative;
    margin: 0 34px 12px 0;
    display: inline;
}

.ms_item dt {
    border: #e4e4e4 solid 1px;
    width: 98px;
    height: 98px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.ms_item dd {
    padding-left: 115px;
}

.ms_item .ico_s_m {
    top: 25px;
    left: 25px;
}

.ms_item .scorebox {
    color: #d7000f;
}

.ms_item .btn_gray {
    margin-top: 20px;
    color: #444;
}

.more_ms p {
    text-align: center;
    margin-top: 28px;
}

.btn_gray {
    display: block;
    width: 79px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    background-position: -265px -260px;
}

.scorebox {
    position: relative;
    padding-left: 18px;
}

.page_tab_panel {
    padding: 19px 12px;
}

.page_tab_nav {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    padding-left: 19px;
}

.page_tab_nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    color: #222;
    position: relative;
    margin: 0 30px 0 0;
}

.page_tab_nav li a {
    color: #222;
}

.page_tab_nav li a:hover {
    text-decoration: none;
}

.page_tab_nav .tab_arrow {
    font-family: \5B8B\4F53;
    font-size: 12px;
    color: #ddd;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -15px;
    display: none;
}

.page_tab_nav .tab_arrow span {
    color: #fff5e3;
    position: absolute;
    top: 1px;
    left: 0;
}

.page_tab_nav .cur,
.page_tab_nav .cur a {
    color: #e1000c;
}

.page_tab_nav .cur .tab_arrow {
    display: block;
}

.page_gift {
    margin-top: 10px;
    overflow: hidden;
    height: 912px;
    width: 100%;
    position: relative;
    padding: 0 20px;
}

.page_gift .module_gift_list {
    border-left: 1px solid #e4e4e4;
    width: 880px;
}

.page_gift .module_gift_list li {
    border-top: 1px solid #e4e4e4;
    width: 291px;
    border-left: none;
    border-right: 1px solid #e4e4e4;
}

.giftlist {
    margin: -303px auto auto 258px;
    height: 303px;
    overflow: hidden;
}

.module_gift_list {
    font-size: 0;
}

.module_gift_list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 369px;
    height: 131px;
    border-left: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    -webkit-perspective: 1000000px;
    -moz-perspective: 1000000px;
}

.module_gift_list .imgwrap {
    position: absolute;
    width: 147px;
    height: 121px;
    overflow: hidden;
    top: 5px;
    left: 5px;
}

.module_gift_list .giftinfo {
    margin-left: 169px;
    position: relative;
    color: #666;
}

.module_gift_list .gift_tit {
    padding: 12px 0 4px;
    height: 36px;
}

.module_gift_list .gift_tit a {
    font-size: 13px;
    font-weight: normal;
}

.btn_red {
    display: block;
    width: 97px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #D7000F;
    color: #D7000F;
}

.btn_red:hover,
.module_gift_list li .btn_red:hover {
    background: #D7000F;
    color: #fff;
    text-decoration: none;
}

.btn_gray01 {
    background: #c0c0c0;
    border: #c0c0c0 solid 1px;
    cursor: default;
    color: #fff;
}

.module_gift_list li:hover .btn_gray01 {
    background: #c0c0c0;
    text-decoration: none;
}

.module_gift_list .scorebox {
    color: #d7000f;
}

.giftinfo em,
.giftinfo i {
    font-style: normal;
    font-weight: normal;
}

.module_gift_list .btn_red {
    position: absolute;
    left: 0;
    top: 98px;
}

.ico_clock {
    display: inline-block;
    *zoom: 1;
    width: 14px;
    height: 14px;
    overflow: hidden;
    background-position: -249px -200px;
    vertical-align: top;
    margin: 5px 0 0 5px;
}

.module_gift_list .scorebox {
    color: #d7000f;
}

.user_grow .txt input {
    border-radius: 0px;
    outline: none;
    width: 88px;
    height: 32px !important;
    margin-right: 3px;
    padding: 0px 3px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}

.ico_side_hd_rank {
    width: 16px;
    height: 23px;
    background-position: -289px -229px;
}

.side_rank_list li {
    width: 230px;
    height: 110px;
    position: relative;
    margin: 0 auto;
    border-bottom: 1px dashed #E4E4E4;
}

.side_rank_list .last {
    border-bottom: none;
}

.side_rank_list .rank_index {
    position: absolute;
    left: -4px;
    top: 49px;
    color: #fff;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    background: #B1B1B1;
}

.side_rank_list .rank_top {
    background: #FF4E4C;
}

.side_rank_list .rank_img {
    position: absolute;
    left: 20px;
    top: 16px;
    width: 98px;
    height: 78px;
    overflow: hidden;
    border: 1px solid #E4E4E4;
}

.side_rank_list .info {
    padding: 18px 0 0 135px;
}

.side_rank_list h4 {
    font-size: 14px;
    padding-bottom: 10px;
    font-weight: normal;
}

.side_rank_list a {
    color: #444;
}

.side_rank_list .scorebox {
    color: #d7000f;
}

.black-fixed {
    display: none;
}

.hicon {
    display: none;
}

.menu {
    display: none;
}

/* 手机样式 */
@media (max-width: 767px) {
    .jf_topmenu_list {
        display: none;
    }

    .my_wrapper {
        width: 100%;
    }

    .jf_topmenu {
        min-width: 300px;
        width: 100%;
    }

    .lottery {
        min-width: 300px;
        width: 100%;
    }

    html,
    body {
        min-width: 300px;
    }

    .addFavorite {
        display: none;
    }

    .setHomepage {
        display: none;
    }

    .jf_addfavor {
        background: none;
        padding-right: 20px;
        padding-left: 5px;
    }

    .hicon {
        height: 40px;
        background: url(../img/icon.png) left no-repeat;
        background-position-x: 20px;
        display: block;
    }

    .black-fixed {
        position: absolute;
        top: 0;
        left: 15px;
        height: 40px;
        line-height: 50px;
        font-size: 46px;
        color: #d11f37;
        display: none;
        cursor: pointer;
    }

    .menu {
        width: 100%;
        max-width: 512px;
        margin: 0 auto;
        display: block;
    }

    .menu .menubox {
        position: fixed;
        width: 100%;
        max-width: 512px;
        top: 54px;
        height: 0;
        z-index: 999;
    }

    .menu .menubox ul {
        overflow: hidden;
        width: 0;
        background: #2B2B2B;
        transition: all 0.5s;
    }

    .menu .menubox ul li {
        padding: 0 10px;
        border-bottom: 1px solid #343434;
        height: 60px;
        line-height: 60px;
        margin: 3px;
    }

    .menu .menubox ul li a {
        color: #fff;
        display: block;
        font-size: 18px;
        padding-left: 5px;
    }

    .lottery-with {
        width: 100%;
        display: block !important;
    }

    .box-lottery {
        background: none;
        width: 100%;
        height: 295px;
    }

    .lottery-wrap {
        display: none;
    }

    .cj_aside {
        width: 47% !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .leeee {
        float: left;
    }

    .cj_sidebox_hd {
        padding: 14px 0 0;
        width: 100%;
    }

    .cj_sidebox_hd {
        width: 99.2%;
        background-image: none;
        padding-top: 10px;
        background-color: #eec785;
        border: 1px solid #c79c5f;
    }

    .cj_more {
        padding-right: 2px;
    }

    .my_linfo {
        text-align: center;
    }

    .page_side {
        width: 100%;
    }

    .user_panel {
        width: 100%;
    }

    .side_box {
        width: 100%;
    }

    .page_main {
        width: 100%;
    }

    .page_table_wp {
        width: 100%;
    }

    .table2 {
        width: 96%;
        margin-left: 0px;
    }

    .exchange_record_box {
        height: auto;
    }

    .page_gift .module_gift_list {
        width: 100%;
    }

    .ms_item {
        width: 47%;
        height: 80px;
        margin: 0 10px 12px 0;
    }

    .nor_missions {
        padding: 10px 0 5px 5px;

    }

    .ms_item dt {
        width: 78px;
        height: 78px;
    }

    .ms_item .ico_s_m {
        top: 15px;
        left: 15px;
    }

    .ms_item dd {
        padding-left: 95px;
    }

    .ms_item dd h4 {
        font-size: 12px;
        font-weight: normal;
        height: 35px;
    }

    .ms_item .btn_gray {
        margin-top: 0px;
    }

    .page_gift .module_gift_list li {
        width: 92%;
        margin-top: 10px;
        border-left: 1px solid #e4e4e4;
    }

    .page_gift #ex-prizeList {
        border-left: none;
    }
}
.layui-layer-lottery .layui-layer-title{
    background:unset;
    border: unset;
}
.layui-layer-lottery .layui-layer-content {
    color: #555;
}
.layui-layer-lottery .layui-layer-btn{
    text-align: right !important;
    padding: 12px 15px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}
.layui-layer-lottery .layui-layer-btn .layui-layer-btn0 {
    border-color: #ff6f06;
    background-color: #ff6f06;
    color: #fff !important;
}

