html {}

body {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #fff
}

a:hover {
    color: #3377ff
}

i,
em {
    font-style: normal
}

u {
    text-decoration: none
}

.date_multi_popup .date_multi_inner {
    background: #3C3E41 !important
}

.date_multi_popup,
.date_multi_popup .date_list .select_period {
    color: #fff !important;
}

.date_multi_popup .date_list .select_period p::after,
.date_multi_popup .date_list .select_firstlast p::after {
    background-color: #5A5B5D !important;
}

.date_multi_popup .date_list,
.date_multi_popup .date_week {
    border-bottom: 1px #575757 solid !important
}

.date_multi_popup .date_multi_time span::after,
.date_multi_popup .date_multi_time span:last-child::after {
    background: url(../images/ico_jt10.png) no-repeat center !important;
}

.date_multi_title.date_footer span {
    border: 1px solid #ffffff !important;

    color: #ffffff !important;
}

.date_multi_popup .date_multi_title.date_footer span:last-child {
    border: 1px solid #3171F0 !important
}

input {
    outline: none;
}

input[type="password"]::-webkit-credentials-cramble-button {
    appearance: none;
}

input[type="password"]::-ms-reveal {
    display: none;
}

input[type="password"]::-ms-clear {
    display: none;
}

.line-20 {
    line-height: 20px
}

.line-62 {
    line-height: 62px;
}

.line-48 {
    line-height: 48px;
}

.userbg {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background: url(../images/dlbg.jpg) no-repeat #ededed;
    background-size: 100% auto;

}

.playVideo {
    width: 30px;
    height: 30px;
    background: url(../images/ico_video.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 4px;
}


.loginbox {
    position: fixed;
    right: 100px;
    top: 50%;
    width: 760px;

    transform: translate(0%, -50%);
    border-radius: 16px 16px 16px 16px;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

.loginbox .bsbg {
    background: #FFFFFF;
    padding: 52px 117px;
    border-radius: 16px 16px 16px 16px;
    height: 100%;
}

.ico_zyw {
    width: 36px;
    height: 36px;
    background: url(../images/fyen.png) no-repeat;
    position: absolute;
    left: 28px;
    top: 28px;
    cursor: pointer;
}

.Scanlogin {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/code.png) no-repeat;
    width: 72px;
    height: 72px;
    cursor: pointer;
}

.logo {
    text-align: center;
}

.logo img {
    height: 47px;
}

.dltab {
    margin: 30px 0 60px 0;
}

.dltab ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dltab ul li {
    color: #999;
    font-size: 22px;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}

.dltab ul li:last-child {
    margin-right: 0
}

.dltab ul li.on {
    color: #3171F0;
    font-weight: bold;
}

.dltab ul li.on:after {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50px;
    background: #3E7BFA;
}

.dlbox {
    display: none;
}

.dlbox.on {
    display: block;
}


.dlbox ul li {
    margin-bottom: 40px;
    position: relative;
    cursor: pointer;
}

.dlbox ul li i {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 24px;
    top: 15px;
}

.dlbox ul li input {
    width: 100%;
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    font-size: 15px;
    color: #666;
    text-indent: 60px;
}

.dlbox>button {
    height: 60px;
    cursor: pointer;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 60px;
    width: 100%;
    border: 0;
    color: #fff;
    font-size: 24px;
    margin: 0px 0 40px;
}


button#zh_login, button#tc_register {
    height: 60px;
    cursor: pointer;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 60px;
    width: 100%;
    border: 0;
    color: #fff;
    font-size: 24px;
    margin: 0px 0 40px;
}

.layui-layer.scanbox {
    background-color: transparent;
    border-radius: 12px;
    border: 4px solid rgba(255, 255, 255, 0.2);
}

.layui-layer-iframe.scanbox iframe {
    border-radius: 12px;
}

.scanbox .layui-layer-setwin {
    top: 20px;
    right: 20px;
}

.scanbox .layui-layer-setwin .layui-layer-close2 {
    background: url(../images/ico_close_hs_30.png) no-repeat center;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
}

.scanbox .layui-layer-setwin .layui-layer-close2:hover {
    background: url(../images/ico_close_hs_30.png) no-repeat center;
}

.message-box-fixed {
    position: fixed;
    right: -420px;
    bottom: 0;
    height: calc(100% - 80px);
    background: #282B2F;
    padding: 25px 20px;
    z-index: 10;
    width: 420px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.message-box-fixed.on {
    right: 0;
}

#message-close {
    width: 20px;
    height: 20px;
    background: url(../images/ico_close_hs_20.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 26px;
    cursor: pointer;
}

.message-box-fixed h3 {
    font-size: 20px;
    color: #fff;
    display: flex;
    padding-right: 40px;
    ;
    justify-content: space-between;
    line-height: 24px;
    margin-bottom: 17px;
    padding-bottom: 24px;
    border-bottom: 1px #3c3c3c solid
}

.message-box-fixed h3 a {
    font-size: 14px;
    color: #999999;
    background: url(../images/ico_jt2.png) no-repeat center right;
    padding-right: 20px;
}

.message-box-fixed .msgtab {
    margin-bottom: 25px;
}

.message-box-fixed .msgtab ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.message-box-fixed .msgbody ul .nodata {
    background: url(../images/nodata.png) no-repeat center 80px;
    background-size: 240px;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    margin-top: 25%;
    padding: 280px 0 0px;
}

.message-box-fixed .msgtab ul li {
    width: 80px;
    margin-right: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px 2px 2px 2px;
    color: #999999;
    border: 1px solid #999999;
    cursor: pointer;
}

.message-box-fixed .msgtab ul li.on {
    background: #1F6BF6;
    border: 1px solid #1F6BF6;
    color: #fff;
}

.message-box-fixed .msgbody ul {
    display: none;
}

.message-box-fixed .msgbody ul.on {
    display: block;
}

.message-box-fixed .msgbody ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #3c3c3c solid
}

.message-box-fixed .msgbody ul li.zzt1 span {
    color: #999999;
}

.message-box-fixed .msgbody ul li span {
    display: block;
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.message-box-fixed .msgbody ul li u {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    line-height: 27px;
    display: flex;
    color: #999999;
    justify-content: space-between;
}

.message-box-fixed .msgbody ul li u em {
    background: url(../images/ico_jt2.png) no-repeat center right;
    padding-right: 20px;
}



.geetest_captcha .geetest_holder,
.geetest_popup_wrap .geetest_holder {
    width: 100% !important
}

.ico-email {
    background: url(../images/ico_email.png) no-repeat center;
}

.ico-password {
    background: url(../images/ico_password.png) no-repeat center;
}

.ico-yzm {
    background: url(../images/ico_yzm.png) no-repeat center;
}

.ico-verify {
    background: url(../images/ico_verify.png) no-repeat center;
    background-size: contain;
}

.loginbox .eyes_click {
    right: 20px;
    top: 13px;
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/ico_eye_no.png) no-repeat center;
    cursor: pointer;

}

.loginbox .eyes_click.on {
    background: url(../images/ico_eye.png) no-repeat center;
}

#fsyzm {
    position: absolute;
    border: 0;
    background: none;
    width: 120px;
    line-height: 52px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #3171F0;
    cursor: pointer;
}

.loginbox .error {
    color: #e74c3c;
    font-size: 14px;
    margin-top: 5px;
    display: none;
    padding-left: 20px;
    position: absolute;
}

.fwtk {
    text-align: center;
    font-size: 18px;
    color: #999;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.istyzc {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px #E0E0E0 solid;
    border-radius: 100%;
    margin-right: 10px;
}

.istyzc.on {
    background: url(/skin/images/g2.png) no-repeat center;
}


.w100 {
    width: 100% !important
}

.btn-del a {
    display: inline-block;
    background: url(../images/ico_del.png) no-repeat center #33363A;
    cursor: pointer;
    width: 58px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    vertical-align: middle;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #464A4E;
    color: #fff;
}


.btn-del:hover a {
    background: url(../images/ico_del.png) no-repeat center #3171F0;
}


.fwtk a {
    color: #F09031;
}

.istyzc {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px #E0E0E0 solid;
    border-radius: 100%;
    margin-right: 10px;
}

.istyzc.on {
    background: url(/skin/images/g2.png) no-repeat center;
}

.layui-layer.wzfwtk {
    background-color: #fff;
}

.layui-layer.wzfwtk .layui-layer-title {
    color: #333;
    font-weight: bold;
}

.layui-layer.wzfwtk .layui-layer-content {
    background: #FAFAFA;
    border-radius: 8px 8px 8px 8px;
    margin: 0 40px;
    border: 1px solid #E4E6ED;
}

.layui-layer.wzfwtk .layui-layer-btn {
    text-align: center;
    display: flex;
    padding: 30px;
    justify-content: space-evenly;
}

.layui-layer.wzfwtk .layui-layer-btn a {
    width: 242px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 50px 50px 50px 50px;
}


.layui-layer.wzfwtk .layui-layer-btn a.layui-layer-btn0 {
    background: #fff;
    color: #3171F0;
}

.fwtk a {
    color: #F09031;
}


.wjmmzc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wjmmzc a {
    font-weight: 400;
    width: 45%;
    display: block;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    border: 1px solid #0978FF;
    color: #3171F0;
    text-align: center;
}

/*会员中心*/
.user_main {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.user_menu {
    width: 11%;
    padding-left: 45px;
    box-sizing: border-box;
    padding-top: 25px;
    position: fixed;
    left: 0;
    top: 0;
}

.user_menu ul {
    overflow-y: auto;
    height: calc(100vh - 120px) !important;
}

.user_logo {
    height: 36px;
    background-size: auto 36px !important;
    display: block;
    margin-bottom: 30px;
}


.h-txsz ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.h-txsz label {
    width: 48%;
    background: #33363A;
    cursor: pointer;
    border-radius: 8px 8px 8px 8px;
    padding: 16px;
    position: relative;
    margin-top: 4%;
}

.h-txsz label input {
    display: none;
}

.h-txsz label span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.h-txsz label span i {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    background-size: 100% !important;
}

.h-txsz label .ico1 span i {
    background: url(../images/pay_wx.png) no-repeat center;
}

.h-txsz label .ico2 span i {
    background: url(../images/pay_zfb.png) no-repeat center;
}

.h-txsz label .ico3 span i {
    background: url(../images/pay_xn.png) no-repeat center;
}

.h-txsz label .ico4 span i {
    background: url(../images/pay_ex.png) no-repeat center;
}

.h-txsz label .ico9 span i {
    background: url(../images/oy-icon.png) no-repeat center;
}

.h-txsz label .ico10 span i {
    background: url(../images/ba-icon.png) no-repeat center;
}

.h-txsz label p {
    font-size: 12px;
    color: #999999;
}

.qxztxfs {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    ;
}



.user_menu ul li {
    margin-bottom: 30px;
}

.user_menu ul li.on dl {
    display: block;
}

.user_menu ul li a {
    color: #999999;
    font-size: 15px;
    line-height: 36px;
}

.user_menu ul>li>a {
    display: -webkit-flex;
    display: -moz-flex;
    cursor: pointer;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.user_menu ul li.on>a,
.user_menu ul li.active>a {
    color: #fff;
}

.user_menu ul li i {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 16px;
    background-size: 100% !important;
}

.user_menu ul li i.ico1 {
    background: url(../images/ico_nav1.png) no-repeat center;
}

.user_menu ul li i.ico2 {
    background: url(../images/ico_nav2.png) no-repeat center;
}

.user_menu ul li i.ico3 {
    background: url(../images/ico_nav3.png) no-repeat center;
}

.user_menu ul li i.ico4 {
    background: url(../images/ico_nav4.png) no-repeat center;
}

.user_menu ul li i.ico5 {
    background: url(../images/ico_nav5.png) no-repeat center;
}

.user_menu ul li i.ico6 {
    background: url(../images/ico_nav6.png) no-repeat center;
}

.user_menu ul li i.ico7 {
    background: url(../images/ico_nav7.png) no-repeat center;
}

.user_menu ul li i.ico8 {
    background: url(../images/ico_nav8.png) no-repeat center;
}

.user_menu ul li i.ico9 {
    background: url(../images/ico_nav9.png) no-repeat center;
}

.user_menu ul li i.ico13 {
    background: url(../images/ico_nav13.png) no-repeat center;
}

.user_menu ul li i.ico12 {
    background: url(../images/ico_nav12.png) no-repeat center;
}

.user_menu ul li i.ico14 {
    background: url(../images/ico_nav14.png) no-repeat center;
}

.user_menu ul li.on i.ico1 {
    background: url(../images/ico_nav1_on.png) no-repeat center;
    background-size: 36px;
}

.user_menu ul li.on i.ico2 {
    background: url(../images/ico_nav2_on.png) no-repeat center;
}

.user_menu ul li.on i.ico3 {
    background: url(../images/ico_nav3_on.png) no-repeat center;
}

.user_menu ul li.on i.ico4 {
    background: url(../images/ico_nav4_on.png) no-repeat center;
}

.user_menu ul li.on i.ico5 {
    background: url(../images/ico_nav5_on.png) no-repeat center;
}

.user_menu ul li.on i.ico6 {
    background: url(../images/ico_nav6_on.png) no-repeat center;
}

.user_menu ul li.on i.ico7 {
    background: url(../images/ico_nav7_on.png) no-repeat center;
}

.user_menu ul li.on i.ico8 {
    background: url(../images/ico_nav8_on.png) no-repeat center;
}

.user_menu ul li.on i.ico9 {
    background: url(../images/ico_nav9_on.png) no-repeat center;
}

.user_menu ul li.on i.ico10 {
    background: url(../images/ico_nav10_on.png) no-repeat center;
}

.user_menu ul li.on i.ico11 {
    background: url(../images/ico_nav11_on.png) no-repeat center;
}

.user_menu ul li.on i.ico12 {
    background: url(../images/ico_nav12_on.png) no-repeat center;
}

.user_menu ul li.on i.ico13 {
    background: url(../images/ico_nav13_on.png) no-repeat center;
}

.user_menu ul li.on i.ico14 {
    background: url(../images/ico_nav14_on.png) no-repeat center;
}

.user_menu ul li dl {
    padding-left: 45px;
    display: none;
}

.user_menu ul li dl a {
    color: #999;
}

.user_menu ul li dl a.on {
    color: #fff;
}

.user_menu ul li dl dd {
    margin-top: 28px;
}


.zhtjbox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-top: 50px;
}

.zhtjbox ul.nodata {
    background: url(../images/nodata.png) no-repeat center 60px;
    background-size: 240px;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    padding: 250px 0 0px;
    width: 100%;
}

.zhtjbox dl {
    text-align: center
}

.zhtjbox dl dd {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 140px;
    width: 28px;
    background: #33363A
}

.zhtjbox dl dd>div {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80%
}

.zhtjbox dl.ico1 dd>div {
    background: #EB8735
}

.zhtjbox dl.ico2 dd>div {
    background: #8A79F8
}

.zhtjbox dl dt span {
    display: block;
    margin: 25px 0;
    color: #EB8735;
    font-size: 30px
}

.zhtjbox dl dt i {
    display: block;
    font-size: 14px
}

.zhtjbox dl dt i:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 12px;
    background: #7972FF;
    margin-right: 10px
}

.zhtjbox dl.ico2 dt i:before {
    background: #13CF8A
}

.zhtjbox dl.ico2 dt span {
    color: #8A79F8
}


.user_right_boox {
    width: 89%;
    margin-left: 11%;
}

.fy_ss {
    width: 286px;
    position: relative;
}

.fy_ss button {
    background: url(../images/ico_ss_bs.png) no-repeat center;
    display: block;
    width: 24px;
    height: 24px;
    border: 0;
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
}

.fy_ss input {
    background: #3C3F43;
    line-height: 36px;
    border-radius: 6px 6px 6px 6px;
    width: 100%;
    border: 0;
    height: 36px;
    font-weight: 400;
    font-size: 13px;
    color: #999999;
    text-indent: 20px;
}

.user_top_nav {
    background: #1F2227;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    padding: 0 30px;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    margin-bottom: 20px;
}


.user_top_nav>ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.user_top_nav>ul>li {
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

.user_top_nav>ul>li i {
    display: block;
    width: 32px;
    height: 32px;
}

.user_top_nav>ul>li i.ico1 {
    background: url(../images/ico_top_nav1.png) no-repeat center;
}

.user_top_nav>ul>li i.ico2 {
    background: url(../images/ico_top_nav2.png) no-repeat center;
}

.user_top_nav>ul>li i.ico3 {
    background: url(../images/ico_top_nav3.png) no-repeat center;
}

.user_top_nav>ul>li i.ico4 {
    background: url(../images/ico_top_nav4.png) no-repeat center;
}

.user_top_nav>ul>li i.ico4.on {
    background: url(../images/ico_top_nav4_on.png) no-repeat center;
}

.user_top_nav>ul>li i.ico5 {
    background: url(../images/ico_top_nav5.png) no-repeat center;
}

.user_top_nav>ul>li i.ico6 {
    background: url(../images/ico_top_nav6.png) no-repeat center;
}

.user_top_nav>ul>li i.ico7 {
    background: url(../images/ico_top_nav7.png) no-repeat center;
}

.user_top_nav>ul>li i.ico8 {
    background: url(../images/ico_top_nav8.png) no-repeat center;
}

.user_top_nav>ul>li i.icon_rl {
    background: url(../images/rl.png) no-repeat center;
}

.user_top_nav>ul>li:nth-child(4) .nav_lang_qh {
    width: 100px;
    left: -40px;
}

.user_top_nav .nav_app_xz {
    position: absolute;
    background: #3C3E41;
    border-radius: 4px;
    padding: 25px 10px;
    width: 188px;
    z-index: 10;
    left: -70px;
    top: 40px;
    display: none;
}

.user_top_nav li:hover .nav_app_xz {
    display: block;
}

.user_top_nav .nav_app_xz:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent;
    border-style: solid;
    top: -20px;
    right: 90px;
    border-top-width: 0;
    border-bottom-color: #3C3E41;
    border-width: 12px;
}


.user_top_nav .nav_app_xz img {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto
}

.user_top_nav .nav_app_xz span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-top: 20px;
    justify-content: space-between;
}

.user_top_nav .nav_app_xz span a {
    display: block;
    width: 78px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    border-radius: 36px 36px 36px 36px;
}

.user_top_nav .nav_app_xz span a.ico_ios {
    background: url(../images/ico_ios.png) no-repeat 10px center #5B5C5D;
}

.user_top_nav .nav_app_xz span a.ico_anzhuo {
    background: url(../images/ico_anzhuo.png) no-repeat 10px center #5B5C5D;
}



.user_top_nav .nav_qianbao {
    position: absolute;
    background: #3C3E41;
    border-radius: 4px;
    padding: 25px 17px;
    width: 286px;
    z-index: 10;
    left: -120px;
    top: 40px;
    display: none;
    text-align: center;
}

.user_top_nav .nav_qianbao u {
    display: block;
    font-size: 16px;
}

.user_top_nav .nav_qianbao b {
    display: block;
    font-size: 24px;
    margin: 16px 0;
}

.user_top_nav .nav_qianbao b em {
    font-size: 14px;
    padding-right: 5px;
}

.user_top_nav li:hover .nav_qianbao {
    display: block;
}

.user_top_nav .nav_qianbao:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent;
    border-style: solid;
    top: -20px;
    right: 138px;
    border-top-width: 0;
    border-bottom-color: #3C3E41;
    border-width: 12px;
}

.user_top_nav .nav_qianbao span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px #505050 solid;
    justify-content: space-between;
}

.user_top_nav .nav_qianbao span a {
    display: block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    border-radius: 36px 36px 36px 36px;
}

.user_top_nav .nav_qianbao span a.ico_qianbao {
    background: url(../images/ico_qianbao.png) no-repeat 10px center #5B5C5D;
}

.user_top_nav .nav_qianbao span a.ico_time {
    background: url(../images/ico_time.png) no-repeat 10px center #5B5C5D;
}

.nav_qianbao>a {
    width: 136px;
    color: #fff;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: url(../images/ico_jt_r2.png) no-repeat center right 10px #3C5CFE;
    display: block;
    margin: 0 auto;
    border-radius: 28px 28px 28px 28px;
}






.user_top_nav .nav_lang_qh {
    position: absolute;
    background: #3C3E41;
    border-radius: 4px;
    padding: 10px 22px;
    width: 76px;
    z-index: 10;
    left: -22px;
    top: 40px;
    display: none;
}

.user_top_nav li:hover .nav_lang_qh {
    display: block;
}

.user_top_nav .nav_lang_qh:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent;
    border-style: solid;
    top: -20px;
    right: 32%;
    border-top-width: 0;
    border-bottom-color: #3C3E41;
    border-width: 12px;
}

.user_top_nav .nav_lang_qh a {
    display: block;
    text-align: center;
    color: #fff;
}

.user_top_nav .nav_lang_qh a:first-child {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px #999 solid
}

.user_top_nav .nav_lang_qh a.on {
    color: #999999;
}


.user_top_nav .user-name {
    position: relative;
    margin-left: 20px;
    height: 60px;
}

.user_top_nav .user-name>a {
    display: flex;
    align-items: center;
    height: 60px;
    padding-right: 20px;
    color: #fff;
    font-size: 16px;
}

.user_top_nav .user-name>a:after {
    content: '';
    position: absolute;
    right: 0;
    transition: all 0.5s;

    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/jt12x12.png) no-repeat center right;
    transform: rotate(180deg);
}

.user_top_nav .user-name:hover>a:after {
    transform: rotate(0deg);
}

.user_top_nav .user-name:hover dl {
    display: block;
}

.user_top_nav .user-name>a img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 0px 8px 0px 0;
}

.user_top_nav .user-name dl {
    position: absolute;
    width: 214px;
    background: #3C3E41;
    padding: 24px;
    box-sizing: border-box;
    text-align: center;
    z-index: 2222;
    top: 60px;
    right: -25px;
    border-radius: 4px;
    display: none;
}

.user_top_nav .user-name dl:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 8px;
    top: -8px;

    border-top-width: 0;
    border-bottom-color: #3C3E41;
    left: 48%;
}

.user_top_nav .user-name dl dt {}

.user_top_nav .user-name dl dt img.tx {
    border-radius: 100%;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}

.user_top_nav .user-name dl dt img.zcd {
    height: 40px;
    margin-bottom: 8px;
}

.user_top_nav .user-name dl dt p span {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

.user_top_nav .user-name dl dt p span em {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/vip2.png) no-repeat center;
    vertical-align: middle;
    margin-left: 5px;
}

.user_top_nav .user-name dl dt p span em.on {
    background: url(../images/vip.png) no-repeat center;
}

.user_top_nav .user-name dl dt p u {
    display: block;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

.user_top_nav .user-name dl dt div {}

.user_top_nav .user-name dl dt ul {}

.user_top_nav dl dt ul li {
    text-align: center;
    height: 36px;
    border-radius: 33px;
    line-height: 36px;
    border: 1px solid rgba(49, 113, 240, 0.6);
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
}

.user_top_nav dl dt ul li a {
    display: block;
    color: #fff;
    font-size: 15px;
}


.user_top_nav dl dt ul li a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 12px;
}


.user_top_nav dl dt ul li a i.ico1 {
    background: url(../images/ico_tg.png) no-repeat center;
}

.user_top_nav dl dt ul li a i.ico2 {
    background: url(../images/ico_sy.png) no-repeat center;
}

.user_top_nav dl dd ul {
    padding-left: 30px;
}

.user_top_nav dl dd ul li {
    line-height: 20px;
    margin-bottom: 28px;
}

.user_top_nav dl dd ul li:last-child {
    margin-bottom: 0;
}

.user_top_nav dl dd ul li a {
    display: block;
    font-size: 14px;
    padding: 0 30px;
    color: #fff;
    text-align: left;
}

.user_top_nav dl dd ul li.ico1 a {
    background: url(../images/ico_xl1.png) no-repeat 0px center;
    background-size: 20px
}

.user_top_nav dl dd ul li.ico2 a {
    background: url(../images/ico_xl2.png) no-repeat 0px center;
    background-size: 20px
}

.user_top_nav dl dd ul li.ico3 a {
    background: url(../images/ico_xl3.png) no-repeat 0px center;
    background-size: 20px;
}

.user_top_nav dl dd ul li.ico4 a {
    background: url(../images/ico_xl4.png) no-repeat 0px center;
    background-size: 20px
}

.user_top_nav dl dd ul li.ico5 a {
    background: url(../images/ico_xl5.png) no-repeat 0px center;
    background-size: 20px
}

.user_top_nav dl dd ul li.ico6 a {
    background: url(../images/ico_xl6.png) no-repeat 0px center;
    background-size: 20px
}



.huodongtc .layui-layer-title {
    font-size: 20px;
    border-bottom: 0;
    height: 100px;
    line-height: 100px
}

.huodongtc .layui-layer-content {}

.huodongtc .layui-layer-setwin {
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
    box-shadow: rgb(0 0 0 / 10%) 1px 1px 19px 1px;
    border-radius: 10px
}

.huodongtc .layui-layer-setwin a {
    width: 50px;
    height: 50px;
    line-height: 50px
}


.iconfont.icon-systemprompt,
.icon-systemprompt {
    width: 24px;
    height: 24px;
    background: url(../images/ico_tz.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 0px
}


.ggbox {
    background: #33363A;
    margin: 0 100px 20px;

}

.ggbox h1 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    line-height: 86px;
}

.ggbox .nr {
    margin: 0 40px 40px 40px;

    background: #3D4147;
    border-radius: 8px 8px 8px 8px;


}


.ggbox .guanggaobox {
    height: 500px;
    overflow-x: hidden;
}

.ggbox .guanggaobox::-webkit-scrollbar {
    width: 12px;
    /* 纵向滚动条的宽度 */

}

/* 滚动条轨道部分 */
.ggbox .guanggaobox::-webkit-scrollbar-track {
    background-color: #57595C;
    border-radius: 10px;
}

.ggbox .guanggaobox::-webkit-scrollbar-thumb {
    background-color: #828385;
    border-radius: 10px;
}

.ggbox .nr table {
    padding: 30px;
    line-height: 2;
    word-wrap: break-word;
    word-break: break-all;
}

.guanggaobox img {
    max-width: 100% !important;
    height: auto !important
}

.navgg {
    margin: 0 100px;
    line-height: 60px;
    height: 60px;
}

.navgg>a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;

    line-height: 56px;
    height: 56px;



    background: url(../images/ico_jt16.png) no-repeat center right 40% #3C5CFE;
    border-radius: 28px 28px 28px 28px;
}


.navgg ul {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-around;
    align-items: center;
}

.navgg ul li {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 36px;

    width: 140px;
    height: 36px;

    border-radius: 82px 82px 82px 82px;
    background: #33363A;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navgg ul li i {
    display: block;
    width: 12px;
    height: 12px;
}

.navgg ul li i.ico1 {
    background: url(../images/ico_jt_r2.png) no-repeat center;
    margin-right: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.navgg ul li i.ico2 {
    background: url(../images/ico_jt_r2.png) no-repeat center;
    margin-left: 10px;
}

.navgg ul li:last-child {
    background: #3171F0;
}

.navgg #yema {
    text-align: center;
    width: 30%;


    font-size: 13px;
    color: #999999;
}

.navgg #yema b {
    color: #fff;
    font-size: 20px;
}



.user_body {
    /* padding: 30px; */
    background-color: #272A2E;
}

.home-sjxx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}





.home-sjxx li {
    position: relative;
    height: 160px;
    width: 24%;
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px 0px;
    padding: 40px 35px;
    box-sizing: border-box;
    background: #1F2227;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.home-sjxx li>i {
    width: 64px;
    display: block;
    height: 64px;
    margin-right: 23px;
}

.home-sjxx li.ico1>i {
    background: url(../images/ico_xx1.png) no-repeat center
}

.home-sjxx li.ico2>i {
    background: url(../images/ico_xx2.png) no-repeat center
}

.home-sjxx li.ico3>i {
    background: url(../images/ico_xx3.png) no-repeat center
}

.home-sjxx li.ico4>i {
    background: url(../images/ico_xx4.png) no-repeat center
}

.home-sjxx p {
    font-family: PingFangSC-Semibold;
    font-size: 36px;
    line-height: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
}



.home-sjxx li.ico1 p {
    color: #AE58FF;
}

.home-sjxx li.ico2 p {
    color: #5594FF;
}

.home-sjxx li.ico3 p {
    color: #7ADC35;
}

.home-sjxx li.ico4 p {
    color: #FF7041;
}

.home-sjxx li p small {
    display: block;
    width: 15px;
    height: 20px;
    margin-right: 5px;
}

.home-sjxx li.ico1 p small {
    background: url(../images/ico_xx1_hb.png) no-repeat center
}

.home-sjxx li.ico2 p small {
    background: url(../images/ico_xx2_hb.png) no-repeat center
}

.home-sjxx li.ico3 p small {
    background: url(../images/ico_xx3_hb.png) no-repeat center
}

.home-sjxx li.ico4 p small {
    background: url(../images/ico_xx4_hb.png) no-repeat center
}


.home-sjxx h3 {
    line-height: 28px;
    color: #a2a1b0;
    font-size: 20px
}

.home-sjxx h3>b {
    display: block;
    font-size: 40px;
    color: #000
}

.home-sjxx h3 span {
    cursor: pointer;
    position: relative;
    margin-left: 20px
}

.home-sjxx h3 span i {
    background: url(../images/ico_wh.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    display: inline-block
}

.home-sjxx h3 span:hover u {
    display: block
}

.home-sjxx h3 span u {
    display: none;
    position: absolute;
    background: #3C3E41;
    border-radius: 4px;
    padding: 12px;
    z-index: 2000;
    color: #fff;
    line-height: 1.6;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    padding: 16px;
    text-decoration: none;
    width: 240px;
    transform-origin: center top;
    z-index: 2065;
    top: 30px;
    left: -130px;
}

.home-sjxx h3 span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -12px;
    right: 95px;
    border-top-width: 0;
    border-bottom-color: #3C3E41;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

/*.home-sjxx h3 span u b:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;content:" ";border-width:6px;top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#3C3E41;left:0}
*/
.tjkhba {
    margin-right: 24px;
}

.tjkhba a {
    width: 310px;
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/ico_jt_r2.png) no-repeat center right 15px #3C3F43;
    text-align: center;
    border-radius: 29px 29px 29px 29px;
    padding-left: 10px;
}



.tjkhba a:before {
    content: "";
    background: url(/skin/images/ico_tjkh.png) no-repeat center;
    width: 47px;
    height: 60px;
    display: block;
    background-size: 100%;
    position: absolute;
    top: -12px;
    left: 0;
}



.tjja {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.fytjt {
    position: relative;
    width: 74.5%;
    height: 500px
}

.fytjnav {
    position: absolute;
    line-height: 100px;
    z-index: 1;
    width: 100%
}

.fytjnav select {
    border: 1px #999999 solid;
    margin-right: 30px;
    float: right;
    background: #1f2227;
    padding: 2px 10px;
    color: #999999;
    margin-top: 40px
}

.fytjnav h3 {
    color: #fff;
    font-size: 24px;
    margin-left: 30px;
    float: left
}

#chart-container {
    height: 510px;
    padding-right: 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px 0px;

    background: #1F2227;
}

#chart-container.nodata span {
    background: url(../images/nodata.png) no-repeat center;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    padding: 350px 0 50px;
    display: block;
}

#chart-container.nodata canvas {
    display: none;
}


.fybishu {
    width: 24%;
    padding: 24px;
    box-sizing: border-box;
    height: 510px;
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px 0px;
    background: #1F2227
}

.bta {
    margin-bottom: 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    line-height: 28px;
    justify-content: space-between;
}

.bta span {
    font-size: 20px;
    color: #fff;
}

.bta a {
    font-size: 14px;
    color: #FFFFFF;
    background: url(../images/ico_jt_r2.png) no-repeat center right;
    padding-right: 20px;
}

.fybsbox ul {}

.fybsbox ul.nodata {

    background: url(../images/nodata.png) no-repeat center 80px;
    background-size: 240px;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    padding: 260px 0 0px;
}

.fybsbox ul#nosj p {
    text-align: center;
    padding-top: 180px;
    font-size: 20px
}

.fybsbox ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px #424242 solid
}

.fybsbox ul li:last-child {
    padding-bottom: 16px;
    margin: 0;
}

.fybsbox ul li .txfyqb span {
    display: block;
    font-size: 14px;
    margin-bottom: 16px;
    font-weight: 700;
}

.fybsbox ul li .txfyqb i {
    display: block;
    color: #999999;
    font-size: 13px
}

.fybsbox ul li .txfyslb {
    margin-right: 10px;
    color: #51F872;
    font-size: 18px;
    font-weight: bold;
}


.home-df {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}


.fymx {
    width: 74.5%;
    background: #1F2227;
    padding: 24px;
}

.fymx .layui-table-header {
    border: 0
}

.fymx .layui-table-cell {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.fymx .layui-table-body {

    background: #272A2E;
}

.fymx .layui-table tr {
    border-bottom: 0
}

.zhsltj {
    width: 24%;
    background: #1F2227;
    padding: 24px;
}

.h-pthd {
    width: 36.5%;
    background: #1F2227;
    padding: 24px;
}

.h-pthd ul {
    background: #272A2E;
    padding: 18px;
    height: 267px;
}

.h-pthd .nodata {
    background: url(../images/nodata.png) no-repeat center 10px #272A2E;
    background-size: 240px;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    padding: 210px 0 0px;
}

.h-pthd ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #3c3c3c solid
}

.h-pthd ul li span {
    display: block;
    margin-bottom: 5px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.h-pthd ul li u {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    line-height: 27px;
    display: flex;
    color: #999999;
    justify-content: space-between;
}

.h-pthd ul li u em {
    background: url(../images/ico_jt2.png) no-repeat center right;
    padding-right: 20px;
}

.h-gdxt {
    width: 36.5%;
    background: #1F2227;
    padding: 24px;
}

.h-txsz {
    width: 24%;
    background: #1F2227;
    padding: 24px;
}


.tab_box {}

.tab_nav {}

.tab_nav ul {
    display: -webkit-flex;
    width: 550px;
    display: -moz-flex;
    margin: 0 auto;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #33363A;
    border-radius: 34px 34px 34px 34px;
    padding: 5px;
}

.tab2 .tab_nav ul {
    width: 370px;
}


.tab_nav ul li {}

.tab_nav ul li a {
    font-size: 16px;
    color: #999999;
    display: block;
    width: 180px;
    text-align: center;
    line-height: 48px
}

.tab_nav ul li.on a,
.tab_nav ul li:hover a {
    color: #fff;
    background: #3E70FF;
    border-radius: 34px;
}


.rebate .tab_nav ul {
    width: 1080px;
}

.tab_nav .uladay button {
    font-size: 16px;
    color: #999999;
    display: block;
    width: 180px;
    text-align: center;
    line-height: 48px;
    border: 0;
    background: none;
    cursor: pointer;
}

.tab_nav .uladay button.on,
.tab_nav .uladay button:hover {
    color: #fff;
    background: #3E70FF;
    border-radius: 34px;
}



.tab_body {
    margin: 40px;
    padding: 40px;
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
}



.fymx .nodata {
    background: url(../images/nodata.png) no-repeat center;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    padding: 350px 0 50px;
}

.user_bta {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    position: relative;
}

.gdfk_btn {
    position: absolute;
    font-size: 15px;
    right: 80px;
    top: 40px;
    height: 36px;
    line-height: 34px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    background: url(../images/ico_jt_r.png) no-repeat center right 10px;
    border: 1px solid #666666;
    padding: 0 40px 0 20px;
}

/*个人中心*/
.profile,
.trading,
.rebate,
.dlmx {
    background: #1F2227;
}

.profile .layui-btn {
    margin: 70px auto 0
}

.profile .layui-btn.layui-yzcode {
    margin: 0;
}

.profile .tab_nav {
    padding-top: 45px;
}

.avatar-box {
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 25px;
    justify-content: space-between;
}

.avatar-add {
    position: relative;
    margin-right: 20px;
}

.avatar-add img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: block;
    cursor: pointer
}

.avatar-add .loading {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 5px #fff solid;
    left: 0;
    top: 0;
    padding: 0;
    background-color: #000;
    opacity: 0.5;
    filter: Alpha(opacity=50)
}

.avatar-add p {
    position: absolute;
    top: 70px;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    color: #999
}

.layui-form-label span {
    position: absolute;
    padding-left: 10px;
    font-size: 26px;
    color: #FF6565
}

.avatar-info h3 {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.avatar-info h3 i {
    display: block;
    background: url(../images/vip2.png) no-repeat center;
    width: 30px;
    height: 30px
}

.avatar-info h3 i.vip {
    background: url(../images/vip.png) no-repeat center
}

.avatar-info h3 span {
    margin: 0 10px;
    font-size: 18px;
    color: #999999;
}

.avatar-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.zljdt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.zljdt span {
    margin-right: 10px;
}

#jdt {}

#jdt .layui-progress-text {
    display: none;
}

#jdt .layui-progress-big,
#jdt .layui-progress-big .layui-progress-bar {
    height: 8px;
    line-height: 8px;
}

#jdt .layui-progress-bar {
    background-image: linear-gradient(90deg, #3EBBFF 0%, #3E70FF 100%);

}


#jdt .layui-progress {
    background-color: #33363A
}

#jdt h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

#jdt .layui-progress {
    width: 200px
}


.xgmmts {
    margin-left: 132px;
    color: #fff;
    font-size: 14px;
    background: url(../images/ico_ts_bs.png) no-repeat 20px center #903638;
    padding-left: 50px;
    line-height: 48px;

    border-radius: 6px 6px 6px 6px;
    border: 1px solid #AB4E50;
}



/*账号登记*/

.tskb {
    font-size: 16px;
    line-height: 2;
    border: 1px #ff8800 solid;
    padding: 15px;
    background: #903638;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #AB4E50;
    display: inline-block;
    min-width: 100%;
    margin-top: 20px;
    margin-bottom: 60px;
}

.qmyxlt {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    float: left;
    margin: 10px 0px 0 10px
}

.qmyxlt+.layui-input {
    width: 90%
}

.trading_box {
    margin: 0 40px;
    padding: 40px;
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
}

.layui_btn_jz {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.layui_btn_jz .layui-btn {
    margin: 0 20px;
}

.shcg {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #08A250;
    border-radius: 4px 4px 4px 4px;
}

.shz {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #3171F0;
    border-radius: 4px 4px 4px 4px;
}

.zhwg {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #FD8215;
    border-radius: 4px 4px 4px 4px;
}

.shsb {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #FD2E15;
    border-radius: 4px 4px 4px 4px;
}

.handle-wrap {
    display: flex;
    gap: 10px;
}

/*返佣查询*/

.rebate_box {
    margin: 0 40px;
    padding: 40px 40px;
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
}

.rebate .tab_nav {
    margin-bottom: 40px;
}

.rebate_box .layui-form .layui-btn {
    margin: 50px auto;
}

.rebate_box .layui-form .layui-btn:before {
    content: "";
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url(../images/ico_ss_bs.png) no-repeat center;
}

.layui-table-body,
.layui-table-cell {
    overflow: initial
}

.zcdjyzh span {
    position: relative;
}

.zcdjyzh span i {
    width: 32px;
    height: 32px;
    background: url(../images/ico_zcd.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
}

.zcdjyzh span i.ico2 {
    background: url(../images/ico_zcd2.png) no-repeat center;
}

.zcdjyzh span i.ico4 {
    background: url(../images/ico_wh.png) no-repeat center;
}

.zcdjyzh span u {
    display: none;
    position: absolute;
    background: #494B4E;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    color: #fff;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    text-decoration: none;
    transform-origin: center top;
    z-index: 2065;
    top: 28px;
    left: -90px;
    white-space: normal;
    width: 250px;
}

.zcdjyzh span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -12px;
    left: 40%;
    border-top-width: 0;
    border-bottom-color: #494B4E;
    border-width: 6px;
}

.zcdjyzh span:hover u {
    display: block;
}

.zcdfybz span {
    position: relative;
}

.zcdfybz span i {
    width: 30px;
    height: 30px;
    background: url(../images/ico_fybz.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}

.zcdfybz span u {
    display: none;
    position: absolute;
    background: #494B4E;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    color: #fff;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    text-decoration: none;
    transform-origin: center top;
    z-index: 2065;
    top: 28px;
    left: -90%
}

.zcdfybz span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -12px;
    left: 40%;
    border-top-width: 0;
    border-bottom-color: #494B4E;
    border-width: 6px;
}

.zcdfybz span:hover u {
    display: block;
}


.smalltool {
    display: flex;
    margin-bottom: 14px;
    justify-content: flex-end;
}

.smalltool a,
.smalltool button {
    width: 100px;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px 8px 8px 8px;
    margin-left: 20px;
}

.smalltool a.ico1,
.smalltool button.ico1 {
    background: url(../images/ico_jt_r.png) no-repeat center right 15px #33363A;
}

.smalltool a.ico2,
.smalltool button.ico2 {
    background: url(../images/ico_dc.png) no-repeat 15px #33363A;
    padding-left: 10px;
}

/*提现申请*/

.txsz_set {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
}

.txsz_set label {
    background: #33363A;
    cursor: pointer;
    flex: 1;
    border-radius: 8px 8px 8px 8px;
    padding: 20px;
    position: relative;
}

.txsz_set label input+div+div:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 40%;
    border-radius: 24px;
    box-sizing: border-box;
    border: 2px solid #999999;
}

.txsz_set label input+.layui-form-radio {
    display: none;
}

.txsz_set label input {
    display: none;
}

.txsz_set label input:checked+div+div:after {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.txsz_set label span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.txsz_set label div {
    position: relative;
}

.txsz_set label span {
    margin-bottom: 20px;
}

.txsz_set label span i {
    display: block;
    min-width: 36px;
    min-height: 36px;
    margin-right: 12px;
    background-size: 100% !important;
}

.txsz_set label .ico1 span i {
    background: url(../images/pay_wx_no.png) no-repeat center;
}

.txsz_set label .ico2 span i {
    background: url(../images/pay_zfb_no.png) no-repeat center;
}

.txsz_set label .ico3 span i {
    background: url(../images/pay_xn_no.png) no-repeat center;
}

.txsz_set label .ico4 span i {
    background: url(../images/pay_ex_no.png) no-repeat center;
}

.txsz_set label .ico5 span i {
    background: url(../images/oy-no-icon.png) no-repeat center;
}

.txsz_set label .ico6 span i {
    background: url(../images/ba-no-icon.png) no-repeat center;
}

.txsz_set label .ico7 span i {
    background: url(../images/ic-no-icon.png) no-repeat center;
}


.txsz_set label .ico1 span i.have {
    background: url(../images/pay_wx.png) no-repeat center;
}

.txsz_set label .ico2 span i.have {
    background: url(../images/pay_zfb.png) no-repeat center;
}

.txsz_set label .ico3 span i.have {
    background: url(../images/pay_xn.png) no-repeat center;
}

.txsz_set label .ico4 span i.have {
    background: url(../images/pay_ex.png) no-repeat center;
}

.txsz_set label .ico5 span i.have {
    background: url(../images/oy-icon.png) no-repeat center;
}

.txsz_set label .ico6 span i.have {
    background: url(../images/ba-icon.png) no-repeat center;
}

.txsz_set label .ico7 span i.have {
    background: url(../images/ic-icon.png) no-repeat center;
}

.txsz_set label span button {
    width: 88px;
    height: 30px;
    line-height: 30px;
    border: 0;
    color: #fff;
    background: url(../images/ico_jt_r2.png) no-repeat center right 10px rgba(255, 255, 255, 0.1);
    font-size: 13px;
    padding-right: 10px;
    line-height: 30px;
    position: absolute;
    border-radius: 40px 40px 40px 40px;
    right: -10px;
    margin-top: 10px;
    top: 10px;
    cursor: pointer;
}


.txsz_set label span em {
    display: block;
    width: 20px;
    height: 21px;
    margin-left: 12px;
    background: url(../images/ico_tx_edit.png) no-repeat center;
    cursor: pointer;
}

.txsz_set label p {
    font-size: 13px;
    color: #999999;
}

.qxztxfs {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 20px;
    ;
}


/*平台推荐*/

.pttj {
    background: #1F2227;
    padding: 0 70px;
}

.pttj .nodata {
    background: url(../images/nodata.png) no-repeat top center;
    text-align: center;
    color: #7e7e7e;
    font-size: 20px;
    margin-top: 150px;
    padding: 250px 0 50px;
}

.ptlist ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.ptlist ul li {
    width: 49%;
    background: #414447;
    border-radius: 8px 8px 8px 8px;
    margin-right: 2%;
    margin-bottom: 30px;
}

.ptlist ul li:nth-child(2n) {
    margin-right: 0
}

.ptlist ul li a {
    padding: 24px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.ptlist ul li a img {
    height: 138px;
    width: 60%;
    border-radius: 8px;
    margin-right: 25px;
}

.ptlist ul li a span {}

.ptlist ul li a span u {
    display: block;
    font-size: 24px;
    margin-bottom: 40px;
}

.ptlist ul li a span em {
    width: 143px;
    line-height: 36px;
    height: 36px;
    display: block;
    padding: 0 30px 0 40px;
    background: url(../images/ico_jt_r2.png) no-repeat center right 20px #474A4D;
    border-radius: 28px 28px 28px 28px;
}

.ptlist ul li:hover a span em {
    background: url(../images/ico_jt_r2.png) no-repeat center right 20px #3C5CFE;
    color: #fff;
}


.ymtz {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.ymtz input {
    width: 48px;
    height: 32px;
    background: #33363A;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #41454A;
    margin: 0 8px;
    ;
}

.ymtz button {
    width: 58px;
    height: 32px;
    display: block;
    text-align: center;
    color: #fff;
    border: 0;
    background: #3E70FF;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
}

.ptsearch {
    position: absolute;
    right: 0;
    top: 35px;
    height: 32px;
    line-height: 32px;
}

.ptsearch input {
    width: 286px;
    height: 32px;
    font-weight: 400;
    font-size: 13px;
    color: #999999;
    display: block;
    text-indent: 20px;
    border: 0;
    background: #3C3F43;
    border-radius: 6px 6px 6px 6px;
}

.ptsearch button {
    background: url(../images/ico_ss_bs.png) no-repeat center;
    display: block;
    width: 32px;
    height: 32px;
    border: 0;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}





/*留言信息*/
.message {
    background: #1F2227;
    padding: 0 70px 70px;
}

.message-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 35px;
}

.message-btn>.layui-btn {
    margin: 0;
    height: 35px;
    margin-right: 24px;
    border-radius: 4px 4px 4px 4px;
    line-height: 35px;
    border: 1px solid #464A4E;
    padding: 0 10px 0 40px;
    width: auto;
    font-size: 14px;
}

.message-btn .layui-btn.qbyd {
    background: url(../images/ico_g2.png) no-repeat 10px center #33363A;
}

.message-btn .layui-btn.del {
    background: url(../images/ico_del.png) no-repeat 10px center #33363A;
}

.searcha {
    position: relative;
    margin-left: auto;
}

.searcha input {
    width: 286px;
    height: 32px;
    font-weight: 400;
    font-size: 13px;
    color: #999999;
    display: block;
    text-indent: 20px;
    border: 0;
    background: #3C3F43;
    border-radius: 6px 6px 6px 6px;
}

.searcha .layui-btn {
    background: url(../images/ico_ss_bs.png) no-repeat center;
    display: block;
    width: 32px;
    height: 32px;
    border: 0;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}




.xxwd {
    width: 70px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    background: #BE4848;
    border-radius: 4px 4px 4px 4px;
}

.xxyd {
    width: 70px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    background: #7D7D7D;
    border-radius: 4px 4px 4px 4px;
}

.xxck {
    border: 1px solid #464A4E;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 90px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    background: #33363A;
    border-radius: 4px 4px 4px 4px;
}

.layui-table tr:hover .xxck {
    background: #3171F0;
}

.layui-table tr:hover .xxyd,
.layui-table tr:hover .xxwd {
    color: #fff;
}

.message-tool {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 35px;
    margin-bottom: 35px;
}

.message-tool a {
    height: 35px;
    border: 1px solid #464A4E;
    line-height: 33px;
    padding: 0 12px 0 38px;
    color: #fff;
    border-radius: 8px 8px 8px 8px;
    background: url(../images/ico_jt20.png) no-repeat 12px center #33363A;
}

.message-tool span {
    line-height: 35px;
    padding-left: 16px;
    font-size: 15px;
}

.message-tool button {
    margin-left: auto;
    height: 35px;
    border: 1px solid #464A4E;
    line-height: 33px;
    padding: 0 12px 0 38px;
    color: #fff;
    cursor: pointer;
    border-radius: 8px 8px 8px 8px;
    background: url(../images/ico_del.png) no-repeat 12px center #33363A;
}

.message-nr {
    padding: 40px;
    font-size: 16px;
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
}

/*提现明细*/
.txmx,
.txsq {
    background: #1F2227;
}

.txsq #all,
.txsq .rmb {
    display: none;
}

.syje {
    text-align: center;
    margin: 0px 0 15px 0;
    display: flex;
    border-bottom: 1px solid #404040;
    padding-bottom: 15px;
    justify-content: center;
}

.syje span {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
}

.syje p {
    font-size: 24px;
    color: #FF8912;
    line-height: 1
}

.txmx-df {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 35px;
}

.txmx-df .layui-input-inline {
    width: 200px;
    margin-right: 0;
}

.txmx-df .layui-input {
    text-align: center;
    padding-left: 0;
}

.txmx-df .layui-input-block {
    min-height: 48px;
    margin-left: 100px;
}

.txmx-df .layui-form-item {
    margin-bottom: 0;
    height: 48px;
    margin-right: 40px;
    ;
}

.layui-form-mid {
    line-height: 48px;
    font-size: 0;
    width: 28px;
    background-color: #999;
    height: 1px;
    margin: 23px 20px;
}

.txmx-tool {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.date-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.date-list a {
    display: block;
    margin-right: 16px;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    width: 103px;
    height: 36px;
    background: #33363A;
    border-radius: 48px 48px 48px 48px;
    text-align: center;
}

.date-list a:last-child {
    margin-right: 0
}

.date-list a:hover,
.date-list a.on {
    background: #3E70FF;
    color: #fff;
}

.cxdc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.cxdc a {
    width: 100px;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 8px 8px 8px 8px;
    margin-left: 20px;
    background: url(../images/ico_dc.png) no-repeat 15px #33363A;
    padding-left: 10px;
    cursor: pointer;
}

.cxdc button {
    width: 100px;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    border-radius: 8px 8px 8px 8px;
    margin-left: 20px;
    background: url(../images/ico_ss_bs.png) no-repeat 15px #33363A;
    padding-left: 10px;
    border: 0
}


/*代理推广*/

.dltj {
    background: #1F2227;
}

.dlsyjze {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-bottom: 44px;
}

.dlsyjze span {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

.dlsyjze .icon {
    background: url(../images/ico_wh.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    display: inline-block;
}

.dlsyjze span:hover u {
    display: block
}

.dlsyjze span u {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    padding: 18px 20px;
    text-decoration: none;
    width: 200px;
    transform-origin: center top;
    z-index: 2065;
    top: 28px;
    left: 12px
}

.dlsyjze span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -12px;
    left: 10px;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.dlsyjze span u b:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 6px;
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff;
    left: 0
}

.dlsyjze>b {
    display: block;
    font-size: 24px;
    color: #FF8912
}

.dlsyjze>b a {
    display: block;
    width: 120px;
    height: 32px;
    margin: 20px auto 0 auto;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 32px;
    background: url(../images/ico_jt_r2.png) no-repeat center right 20px rgba(255, 255, 255, 0.1);
    border-radius: 40px 40px 40px 40px;
}

.tgdl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    display: flex;
    margin-bottom: 30px;
}


.tjhykf {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.tgdlfzlj {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #45484C;
    border-radius: 40px 40px 40px 40px;
    line-height: 34px;
    padding: 7px 7px 7px 16px;

}

.tgdlfzlj span {
    display: block;
    background: url(../images/ico_link.png) no-repeat left;
    padding-left: 32px;
    font-size: 15px;
    font-weight: bold;
}

.tgdlfzlj #fzbtn {

    width: 132px;
    height: 36px;

    border-radius: 41px;
    line-height: 36px;

    background: url(../images/ico_copy.png) no-repeat 20px center #3171F0;
    margin-left: auto;
    cursor: pointer;
    padding-left: 30px;
}

.tgdlfzlj input {
    border: 0;
    background: 0;
    color: #999999;
    width: 380px;
}

.tjhykf img {
    margin-right: 10px;
    width: 54px;
}

.tjhykf p {}

.tjhykf b {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.tjhykf span {
    display: block;
    color: #D2D2D2;
}

.tgdl_r {
    background: #373B40;
    width: 38%;
    border-radius: 8px 8px 8px 8px;
    padding: 35px 28px;
}

.tgdl_r h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}


.tgdl_l {
    background: #373B40;
    width: 60%;
    border-radius: 8px 8px 8px 8px;
    padding: 35px 28px;
}


.dltjan {
    margin-bottom: 28px;
}

.dltjan .layui-btn:before {
    content: "";
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url(../images/ico_ss_bs.png) no-repeat center;
}


/*工单管理*/

.answers {
    background: #1F2227;
}

.answers .edui-default .edui-editor-iframeholder {
    background: #33363A
}

.answers .edui-default .edui-editor {
    border: 0;
    border-radius: 8px;
}

.answers .edui-default .edui-editor-toolbarboxouter {
    background: #33363A;
    border-bottom: 1px #666666 solid
}

.answers .edui-default .edui-editor-bottomContainer {

    background: #33363A;
}

.answers .edui-default .edui-editor-bottomContainer td {
    border-top: 1px #666666 solid
}

.answers .layui-form .layui-btn.searchb:before {
    content: "";
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url(../images/ico_ss_bs.png) no-repeat center;
}


.ztdcl {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #7D7D7D;
    border-radius: 4px 4px 4px 4px;
}

.ztclz {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #E17F0E;
    border-radius: 4px 4px 4px 4px;
}


.ztywc {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 70px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #08A250;
    border-radius: 4px 4px 4px 4px;
}



.btn-edit a {
    display: block;
    cursor: pointer;
    /*    background-color:#2b2337;-webkit-mask:url(/static/img/edit.png) no-repeat center;
    mask:url(/static/img/edit.png) no-repeat center;
    margin-top:26%*/
}

.btn-edit a.gdbj {
    border: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #33363A;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #464A4E;
}

.btn-edit:hover a.gdbj {
    background: #3171F0;
    border: 1px solid #3171F0;
}

.answersbox {
    padding: 40px;
    background: #1F2227;
}

.answerstitle {
    margin-bottom: 50px;
}

.answerstitle h3 {
    text-align: center;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}

.answerstitle h3 a {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    padding-left: 20px;
    background: url(../images/ico_jt_l.png) no-repeat 15px center #3C3F43;
    border-radius: 4px 4px 4px 4px;
    font-weight: normal;
}

.dqzt {
    margin: 0 15% 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.dqzt:after {
    content: "";
    display: block;
    width: 94%;
    height: 6px;
    left: 3%;
    background: #33363A;
    position: absolute;
    top: 9px;
    z-index: 1
}

.dqzt li {
    position: relative;
    line-height: 30px;
    padding-top: 40px;
    width: 80px;
    font-size: 16px;
    color: #999999;
    text-align: center;
}

.dqzt li:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    background: #272A2E;
    top: 0%;
    z-index: 2;
    border-radius: 24px;
    box-sizing: border-box;
    border: 2px solid #999999;
}

.dqzt.zt1 li:nth-child(1):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt1 li:nth-child(2):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}


.dqzt.zt2 li:nth-child(1):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt2 li:nth-child(2):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt2 li:nth-child(3):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt3 li:nth-child(1):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt3 li:nth-child(2):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt3 li:nth-child(3):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}

.dqzt.zt3 li:nth-child(4):before {
    background: url(../images/ico_g.png) no-repeat center;
    border: 0;
}





.gdinfo {
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
    padding: 35px 130px;
    margin: 0 20% 60px;
}

.gdinfo h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: bold;
}

.gdinfo ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.gdinfo ul li {
    width: 50%;
    line-height: 40px;
    font-size: 18px;
}

.gdinfo ul li b {
    font-weight: 600;
}

.gtjl {
    background: #272A2E;
    border-radius: 12px 12px 12px 12px;
    padding: 60px 40px;
}

.gtjl h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.gtlist {
    padding-bottom: 20px;
    border-bottom: 1px #464646 solid;
    margin-bottom: 20px;
    width: 100%;
    display: flex
}

.gtl h3 i {
    color: #999;
}

.gttx {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 20px
}

.gtl h3 {
    display: flex;
    justify-content: space-between
}

.gttx img {
    width: 100%
}

.gtl {
    width: calc(100% - 70px)
}

.gtl span {
    font-size: 18px;
    font-weight: bold;
    display: block
}

.gtl table {
    width: 100%
}

.gtl table img {
    max-width: 500px
}


/*分页*/

.page {
    margin-top: 20px;
    text-align: center
}

.page ul {
    display: flex;
    justify-content: center;
    align-items: center
}

.page li {
    display: inline-block;
}

.page li a,
.page li span {
    height: 32px;
    line-height: 32px;
    margin: 0 10px;
    display: block;
    padding: 0 14px;
    border: none;
    background: #33363A;
    border-radius: 2px;
    overflow: hidden;
}

.page li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.page li i.prev {
    background: url(../images/ico_jt_r2.png) no-repeat center;
    transform: rotate(180deg);
    margin-right: 10px
}

.page li i.next {
    background: url(../images/ico_jt_r2.png) no-repeat center;
    margin-left: 10px;
}

.page li.active span,
.page li:hover a {
    color: #fff;
    background-color: #3171F0
}

.page li span {}

/*积分商城*/
.jfshop {
    background: #1F2227;
}

.jfshop .tab_nav {
    padding-top: 45px;
}

.shopjf {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #33363A;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 50px;
    padding: 20px 0;
}

.shopjf li {
    position: relative;
    width: 25%;
    padding: 0 20px;
    text-align: center;
    border-right: 1px #505050 solid;
}

.shopjf li:last-child {
    border-right: 0;
}

.shopjf h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.shopjf p {
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #FF8912;
    line-height: 28px;
    font-weight: bold
}

.shopjf h3 span {
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

.shopjf h3 .icon {
    background: url(../images/ico_wh.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    display: inline-block;
}

.shopjf h3 span:hover u {
    display: block
}

.shopjf h3 span u {
    display: none;
    position: absolute;
    background: #3C3E41;
    width: 300px;
    padding: 12px;
    z-index: 2000;
    color: #fff;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    padding: 18px 20px;
    text-decoration: none;
    transform-origin: center top;
    z-index: 2065;
    top: 36px;
}

.shopjf h3 span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -24px;
    border-top-width: 0;
    border-width: 12px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    right: 54px;
    border-bottom-color: #3C3E41;
}


.shoplist {
    background: #33363A;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px
}

.shoplist>ul {
    padding: 40px 80px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shoplist>ul>li {
    width: calc(25% - 60px);
    margin-bottom: 60px;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    background: #3E4044;
    cursor: pointer
}

.shoplist>ul>li:nth-child(4n) {
    margin-right: 0
}

.shoplist>ul>li div {
    Width: 100%;
    background: #484A4C;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden
}

.shoplist>ul>li img {
    Width: 100%;
    padding: 20px;
}

.shoplist>ul>li em {
    display: inline-block;
    background: url(../images/ico_jf.png) no-repeat left center;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    font-size: 18px;
    margin-top: 30px
}

.shoplist>ul>li:hover {}

.shoplist>ul>li:hover a {
    color: #0d7aff
}

.jfhq_tool {
    margin-bottom: 36px;
}

.jfhq_tool .layui-form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.jfhq_tool .layui-form .layui-form-item {
    margin-right: 40px;
    margin-bottom: 0;
}

.jfhq_tool .layui-form button {
    margin: 0;
    margin-left: auto;
}

.jfhq_tool .layui-form .layui-input-block {
    margin-left: 88px;
}

.shop_dhsp {
    padding: 35px;
}

.shop_dhsp h3 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
}

.shop_dhsp dl {
    text-align: center;
    width: 230px;
    margin: 0 auto;
    background: #3E4044;
    border-radius: 8px 8px 8px 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.shop_dhsp dl div {
    background: #484A4C;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
}

.shop_dhsp dl div img {
    padding: 20px;
    width: 100%
}

.shop_dhsp dl em {
    display: inline-block;
    background: url(../images/ico_jf.png) no-repeat left center;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    font-size: 18px;
    margin-top: 30px;
}

.shop_dhsp p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.shop_dhsp p b {
    font-size: 20px;
}

.layui-layer.shoptc {
    border-radius: 12px;
    overflow: hidden
}

.jfgz {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    color: #999999;
    justify-content: center;
    margin-bottom: 30px;
}

.jfgz a {
    color: #0088FF;
}

.jfgz .layui-form-checkbox i {
    width: 20px;
    height: 20px;

    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #999999;
}

.jfgz .layui-form-checkbox .layui-icon-ok:before {
    display: none;
}

.jfgz .layui-form-checked[lay-skin=primary] i {
    border: 0;
    background: url(../images/ico_g.png) no-repeat center;
    background-size: 20px;
}

.jfdhgzsm .layui-layer-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    padding: 0 50px 42px !important;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jfdhgzsm .layui-layer-btn .layui-layer-btn0 {
    width: 280px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #282B2F;
    border: 1px solid #999999;
    border-radius: 28px 28px 28px 28px;
    margin: 0;
}

.jfdhgzsm .layui-layer-btn .layui-layer-btn1 {
    width: 280px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #3C5CFE;
    border: 1px #3C5CFE solid;
    border-radius: 28px 28px 28px 28px;
    margin: 0;
}


/*新手注册*/

.xsbknav {
    position: fixed;
    position: fixed;
    z-index: 55555;
    width: 177px;
    line-height: 36px;
    color: #fff;
    box-sizing: border-box;
    background: #000;
    font-size: 15px;
}

body.ohyc .profile .tab_body {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px;
    border: 2px solid #47484A;
}

body.ohyc .dltj .tab_body {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px;
    border: 2px solid #47484A;
}

body.ohyc .jfshop .tab_body {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px;
    border: 2px solid #47484A;
}

.xsbka {
    position: fixed;
    width: 240px;
    background-color: #28292B;
    padding: 20px;
    box-shadow: 0px 1px 5px 2px rgb(0 0 0 / 10%);
    left: 20px;
    border-radius: 12px;
    border: 2px solid #47484A;
    z-index: 55556;
}

.xsbka h3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.xsbka h3 i {
    width: 28px;
    height: 28px;
    border-right: 5px;
    display: block;
    margin-right: 10px;
}

.xsbka h3.ico0 i {
    background: url(../images/xsjc0.png) no-repeat center #3C3E40;
}

.xsbka h3.ico1 i {
    background: url(../images/xsjc1.png) no-repeat center #3C3E40;
}

.xsbka h3.ico2 i {
    background: url(../images/xsjc2.png) no-repeat center #3C3E40;
}

.xsbka h3.ico3 i {
    background: url(../images/xsjc3.png) no-repeat center #3C3E40;
}

.xsbka h3.ico4 i {
    background: url(../images/xsjc4.png) no-repeat center #3C3E40;
}

.xsbka h3.ico5 i {
    background: url(../images/xsjc5.png) no-repeat center #3C3E40;
}

.xsbka>span {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
}

.xsbka>span em {
    color: #666666;
    padding-right: 10px;
}

.xsbka h3 em {
    color: #666666;
    font-size: 14px;
    margin-left: 10px;
}

.xsbka h3 u {
    margin-left: auto;
    background: url(../images/ico_close_hs_16.png) no-repeat center;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.xsbka p {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    line-height: 2;
}

.xsbka p b {
    color: #fff;
    font-weight: normal;
}

.xsbka>i {
    left: 50%;
    margin-left: -20px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -20px;
    border-top-width: 0;
    border-bottom-color: #47484A;
    border-width: 10px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.xsbka>i:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 10px;
    top: 4px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #28292b;
    left: 0
}

.xsbka .btnhja {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.xsbka button {
    background-color: #3C5CFE;
    border: 0;
    width: 48%;
    text-align: center;
    border-radius: 8px;
    line-height: 32px;
    height: 32px;
    color: #fff;
    cursor: pointer;
}

.xsbka button.tg-btn {
    background-color: #525455
}

.xsbknav.ico1 {
    font-size: 16px;
    ;
}

.xsbknav.ico1 i {
    background-color: #4674fd;
}

.xsbka.tradingon {
    width: 660px;
}


.xsbka .jtxa {
    left: 50%;
    margin-left: -20px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -20px;
    border-bottom-width: 0;
    border-top-color: #47484A;
    border-width: 10px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.xsbka .jtxa:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 10px;
    bottom: 4px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #28292b;
    left: 0
}

body.ohyc #fylx .layui-form-select dl dd:nth-child(2) {
    background-color: #3171F0;
}

body.ohyc #zclx .layui-form-select dl dd:nth-child(2) {
    background-color: #3171F0;
}

body.ohyc .rebate_box {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px;
    border: 2px solid #47484A;
}

body.ohyc .txsq .tab_body {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px;
    border: 2px solid #47484A;
}

.xsbka.tradingonb {
    width: 660px;
}


body.ohyc {
    overflow: hidden;
}

#ydbg {
    position: fixed;
    background: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 55555;
    display: none;
}

body.ohyc #ydbka {
    position: relative;
    z-index: 55556;
    background: #28292B;
    border-radius: 12px 12px 12px 12px;
    border: 2px solid #47484A;
}


.czmmb {
    display: none
}


.czmmb i {
    display: block;
    height: 130px;
    background: url(../images/ico_g_big.png) no-repeat center;
    margin: 100px 0 60px;
}

.czmmb p {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 80px;
    color: #999999;
}

.czmmb a {
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    background: linear-gradient(90deg, #0978FF 0%, #3E92F8 100%);
    border-radius: 60px;
    width: 100%;
    border: 0;
    color: #fff;
    font-size: 24px;
    margin: 30px 0 40px;
}



.Partner_a {
    text-align: center;
    border-radius: 16px 16px 16px 16px;
    background: #1F2227;
    padding: 10px 30px 40px 30px;
    margin-bottom: 40px;
}

.Partner_a h3 {
    font-weight: bold;
    font-size: 30px;
    margin: 50px 0 24px;
}

.Partner_a p {
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}

.Partnerfzlj {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #45484C;
    border-radius: 40px;
    line-height: 48px;
    padding: 0 7px;
    width: 800px;
    margin: 50px auto 60px;
    border: 1px solid #3C3C3C;
}

.Partnerfzlj span {
    display: block;
    background: url(../images/ico_link.png) no-repeat left;
    padding-left: 32px;
    font-size: 15px;
    font-weight: bold;
}

.Partnerfzlj #fzbtn {

    width: 132px;
    height: 36px;

    border-radius: 41px;
    line-height: 36px;
    margin-top: 7px;
    background: url(../images/ico_copy.png) no-repeat 20px center #3F3F3F;
    ;
    margin-left: auto;
    cursor: pointer;
    padding-left: 30px;
}

.Partnerfzlj input {
    border: 0;
    background: 0;
    color: #999999;
    width: 380px;
}

.partnerbox {
    width: 1100px;
    margin: 0 auto;
    padding: 60px 170px;
    background: #232529;
    text-align: left;
    border-radius: 16px 16px 16px 16px;
}

.partnerbox h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partnerbox h4 i {
    width: 150px;
    margin: 0 20px;
    height: 2px;
    position: relative;
    background: linear-gradient(90deg, #FFF082 0%, rgba(35, 37, 41, 0) 100%);
    border-radius: 0px 0px 0px 0px;
    display: block;
}

.partnerbox h4 i:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #FFF082;
    position: absolute;
    top: -3px;
}

.partnerbox h4 i:first-child {
    transform: rotate(180deg);
}

.partnerbox p {
    margin-bottom: 30px;
    font-size: 16px;
    color: #BABABA;
    position: relative;
    padding-left: 20px;
}

.partnerbox p:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #BABABA;
    position: absolute;
    left: 0;
    top: 8px;
}

.Partner_b {
    border-radius: 16px 16px 16px 16px;
    background: #1F2227;
    padding: 60px
}




.user_menu.partnernav {
    padding-left: 0;
    height: 100%;
}

.partnernav .user_logo {
    margin-left: 45px;
}

.user_menu.partnernav ul>li>a {
    padding-left: 45px;
}

.user_menu.partnernav ul li dl {
    padding-left: 0;
    text-align: center;
}

.user_menu.partnernav ul li dl a.on {
    background: #1F2227;
    display: block;
    line-height: 60px;
    border-right: 6px #3171F0 solid;
}

.fhsya {
    position: absolute;
    bottom: 50px;
    width: 122px;
    left: 50px;
    height: 36px;
    color: #fff;
    background: #272A2E;
    text-align: center;
    border-radius: 50px 50px 50px 50px;
    line-height: 36px;
    background: url(../images/ico_jt2_l.png) no-repeat 20px center #272A2E;
    padding-left: 20px;
}



.hhrptlist {}

.hhrptlist li {
    margin-bottom: 50px;
}

.hhrptlist li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 30px 40px;
    background: #33363A;
    align-items: center;
    border-radius: 8px 8px 8px 8px;
}

.hhrptlist li a img {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-right: 24px;
}

.hhrptlist li a i {
    display: block;
    width: 50px;
    margin-right: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    background: #4C4E52;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
}

.hhrptlist li a u {
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
}


.xjkh {
    background: #1F2227;
    padding: 60px;
}



.personnel {}


.ygdja {
    margin-bottom: 40px;
    border-radius: 16px 16px 16px 16px;
    background: #1F2227;
    padding: 60px;
    text-align: center;
}

.ygdja h3 {
    font-size: 32px;
    margin-bottom: 26px;
}

.ygdja h3 img {
    margin-right: 10px;
}

.ygdja h3 span {
    cursor: pointer;
    position: relative;
    top: 7px;
    margin-left: 20px
}

.ygdja h3 span i {
    background: url(../images/ico_wh.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    display: inline-block
}

.ygdja h3 span:hover u {
    display: block
}

.ygdja h3 span u {
    display: none;
    position: absolute;
    background: #3C3E41;
    border-radius: 4px;
    padding: 12px;
    z-index: 2000;
    color: #fff;
    line-height: 1.6;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    word-break: break-all;
    padding: 16px;
    text-decoration: none;
    width: 240px;
    transform-origin: center top;
    z-index: 2065;
    top: 30px;
    left: -130px;
}

.ygdja h3 span u b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -12px;
    right: 95px;
    border-top-width: 0;
    border-bottom-color: #3C3E41;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}


.dlyjzea {
    font-weight: 500;
    font-size: 26px;
    color: #FFCA09;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dlyjzea em {
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
}

.dlyjzea:after {
    content: "";
    display: block;
    background: url(../images/ico_jt_r3.png) no-repeat;
    width: 17px;
    height: 16px;
    margin-left: 10px;
}

.ygdja p {
    font-weight: 400;
    font-size: 15px;
    color: #FED955;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ygdja>span {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #595a5b;
    margin-bottom: 35px;
}

.ygdja p i {
    background: url(../images/ico_jg.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 10px;
}

.ygdja>span i {
    background: url(../images/ico_time_hs.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 10px;
}

.ygboxa {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ygboxa i {
    width: 100%;
    height: 36px;
    display: block;
}

.ygboxa i.ico1 {
    background: url(../images/ico_yg_1.png) no-repeat center;
}

.ygboxa i.ico2 {
    background: url(../images/ico_yg_2.png) no-repeat center;
}

.ygboxa h3 {
    font-size: 20px;
    margin: 24px 0;
    font-weight: bold;
}

.ygboxl {
    background: #2B2E33;
    padding: 36px;
    border-radius: 8px 8px 8px 8px;
    width: 48%
}


.ygboxjz {
    display: flex;
    justify-content: center;
    font-size: 16px;
    align-items: center;
}

.ygboxjz span {}

.ygboxjz p {
    margin: 0 16px;
    width: 168px;
    height: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #999;
    border-radius: 12px 12px 12px 12px;
}

.ygboxjz p u {
    width: 0%;
    display: block;
    height: 8px;
    background: #FFCA09;
    border-radius: 12px 12px 12px 12px;
}

.ygboxjz em {
    color: #999
}

.ygboxr {
    background: #2B2E33;
    padding: 36px;
    border-radius: 8px 8px 8px 8px;
    width: 48%
}

.dlmx_box {
    margin: 0 40px;
    padding: 40px;
}

.xjkh .user_bta {
    margin-bottom: 60px
}

.xjkh .dltjan {
    margin-bottom: 70px
}

.xjdf {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 40px;
}

.xjdf .layui-form-item {
    width: 23%;
    margin-bottom: 0;
}

.xjdf .layui-form-item .layui-input-block {
    margin-left: 90px
}

.xjkh .date-list {
    margin-right: auto
}

.xjkh .date-list a {
    margin-left: 0
}



.loyalty_box {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.loyalty_box_left {
    width: 60%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #1F2227;
    padding: 35px;
}

.loyalty_box_right {
    width: 38%;
    background: #1F2227;
    padding: 30px;
}

.loyalty_box_right ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.loyalty_box_right ul li {
    width: 48%;
    text-align: center;
    box-sizing: border-box;
}

.loyalty_box_right ul li i {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.loyalty_box_right ul li.ico1 i {
    background: url(../images/ico_jyss.png) no-repeat center;
}

.loyalty_box_right ul li.ico2 i {
    background: url(../images/ico_jyjf.png) no-repeat center;
}

.loyalty_box_right ul li span {
    display: block;
    margin: 24px 0;
    font-size: 16px;
}

.loyalty_box_right ul li b {
    display: block;
    font-size: 32px;
}



.loyalty_box_right ul li a {
    display: block;
    width: 120px;
    border-radius: 82px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin: 20px auto 0;
    background: #383B3F;
}

.loyalty_box_right ul li a:hover {
    opacity: 0.5
}

.loyalty_box_left h5 {
    font-size: 18px;
    margin-bottom: 18px;
}

.loyalty_box_left p {
    font-size: 14px;
}

.loyaltyb {}

.mqdjjx {
    margin-top: 35px;
}

.mqdjjx .djjl {}

.mqdjjx .djjl span {
    font-size: 14px;
    color: #fff;
    display: none;
}

.mqdjjx .djjl span b {
    font-weight: bold;
    font-size: 20px;
}


.loyalty_tab {

    padding: 60px 0 40px;
}

.loyalty_tab ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.loyalty_tab ul li {
    width: 23%;
    border-radius: 8px;
    background: #2D3035;
    padding: 25px 20px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border: 1px solid #2D3035;
}

.loyalty_tab ul li em {
    line-height: 30px;
    border-radius: 30px;
    background: #2361DE;
    border: 1px solid #E4E6ED;
    width: 100px;
    text-align: center;
    position: absolute;
    top: -50px;
    left: 50%;
    display: none;
    margin-left: -50px;
}

.loyalty_tab ul li em b {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -12px;
    right: 50%;
    margin-right: -3px;
    border-bottom-width: 0;
    border-top-color: #E4E6ED;
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.loyalty_tab ul li em b:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    border-width: 6px;
    bottom: 1px;
    margin-left: -6px;
    border-bottom-width: 0;
    border-top-color: #2361DE;
    left: 0
}

.loyalty_tab ul li:hover em,
.loyalty_tab ul li.on em {
    display: block;
}

.loyalty_tab ul li:hover,
.loyalty_tab ul li.on {
    background: #2361DE;

    border: 1px solid #E4E6ED;
}





.loyalty_tab ul li.ico1 span i {
    background: url(../images/ico_zcdb1.png) no-repeat center;
}

.loyalty_tab ul li.ico2 span i {
    background: url(../images/ico_zcdb2.png) no-repeat center;
}

.loyalty_tab ul li.ico3 span i {
    background: url(../images/ico_zcdb3.png) no-repeat center;
}

.loyalty_tab ul li.ico4 span i {
    background: url(../images/ico_zcdb4.png) no-repeat center;
}

.loyalty_tab ul li span {
    display: block;
    font-size: 14px;
    width: 108px;
    height: 28px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    background: #424449;
    line-height: 28px;
    position: relative;
    padding-left: 10px;
    margin: 0 auto 40px;
}

.loyalty_tab ul li span i {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -6px;
    left: -13px;
}

.loyalty_tab ul li p {
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 13px;
}

.loyalty_tab ul li p:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 5px;
}

.zcdzt ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 15px 0;
}

.zcdzt ul li {
    width: 165px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: flex;
    display: none;
}

.zcdzt ul li#nodj {
    background: #2b2337;
    display: none;
}

.zcdzt ul li#nodj i {
    display: block;
    background: url(/static/img/nodj.png) no-repeat center;
    height: 40px;
    width: 16px;
    margin-right: 10px;
    margin-left: 20px;
}

/*/*.zcdzt ul li.ztdj {    background: linear-gradient(to bottom, #1c9cff, #0260fe);}
.zcdzt ul li.ztdj i{display: block;height: 40px;width: 25px;margin-right: 10px;margin-left: 20px;}

.zcdzt ul li.ztdj.dj2 i{background:url(/static/img/jp1.png) no-repeat  top center;    background-size: 100%;}
.zcdzt ul li.ztdj.dj3 i{background:url(/static/img/jp2.png) no-repeat  top center;    background-size: 100%;}
.zcdzt ul li.ztdj.dj4 i{background:url(/static/img/jp3.png) no-repeat  top center;    background-size: 100%;}
.zcdzt ul li.ztdj.dj5 i{background:url(/static/img/jp4.png) no-repeat  top center;    background-size: 100%;}*/

.zcdzt {
    width: 50%;
}

.wcsx {
    width: 50%;
    text-align: center;
    background: #2D3035;
    padding: 40px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.wcsx ul {
    width: 50%
}

.wcsx em {
    font-size: 24px;
    display: block;
    font-weight: bold;
    margin: 20px 0;
}

.wcsj {}

.wcsx ul i {
    display: block;
    background: url(/static/img/wcsj.png) no-repeat center;
    height: 32px;
    width: 100%
}

.wcsx ul i.ico1 {
    background: url(../images/ico_zcda.png) no-repeat center;
}

.wcsx ul i.ico2 {
    background: url(../images/ico_zcdb.png) no-repeat center;
}

.wcsj p {
    font-size: 15px;
}

.loyalty {
    margin-bottom: 40px;
}

.loyaltyb {
    background: #1F2227;
    padding: 35px;
}

.Partner_c {
    text-align: center;
    border-radius: 16px 16px 16px 16px;
    background: #1F2227;
    padding: 60px;
    margin-bottom: 40px;
}


.hblq {
    background: url(../images/ico_hb.png) no-repeat;
    display: block;
    border: 0;
    width: 29px;
    height: 37px;
    margin-left: 20px;
    background-size: 100% !important;
}

.hblq.on {
    background: url(../images/ico_hb_on.png) no-repeat;
    cursor: pointer;
}


.hblq.lottery {
    background: url(../images/zp_disable.png) no-repeat;
    display: block;
    border: 0;
    width: 29px;
    height: 29px;
    margin-left: 20px;
}

.hblq.lottery.on {
    background: url(../images/zp_active.png) no-repeat;
    cursor: pointer;
}


.cj-btn {
    background: url(../images/cj-btn-bg.png) no-repeat;
    margin: 20px auto;
    display: block;
    border: 0;
    width: 280px;
    height: 60px;
    background-size: 100% !important;
}

.choujianga {
    background: url(../images/ico_zp.png) no-repeat;
    display: block;
    border: 0;
    width: 45px;
    height: 44px;
    margin-left: 20px;
}

.choujianga.on {
    background: url(../images/ico_zp_on.png) no-repeat;
}


.lphb {
    width: 440px;
    height: 440px;
    margin: 0 auto 60px;
}

.lphb .banner {
    display: block;
    width: 440px;
    height: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.lphb .banner .turnplate {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.lphb .banner .turnplate canvas.item {
    width: 100%
}

.lphb .banner .turnplate img.pointer {
    position: absolute;
    width: 88px;
    height: 100px;
    left: 50%;
    top: 38%;
    margin-left: -50px;
    cursor: pointer
}

.Partner_c p {
    color: #939496;
    font-size: 20px;
    margin-bottom: 20px;
}

.Partner_c button {
    background: url(../images/ico_go.png) no-repeat;
    display: block;
    border: 0;
    width: 280px;
    height: 60px;
    margin: 0 auto;
}


.pttjskin .layui-layer-setwin .layui-layer-close2 {
    background: url(/static/userb/images/ico_close_hs.png) no-repeat center;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

.pttjskin .layui-layer-setwin .layui-layer-close2:hover {
    opacity: .7;
    background-position: center;
}


.pttjskin .layui-layer-btn .layui-layer-btn0 {
    width: 280px;
    position: relative;
    z-index: 2;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    background: #3C5CFE;
    display: block;
    border-radius: 28px 28px 28px 28px;
    margin: -80px auto 0;
}

.loyaltyht .tab_nav {
    margin-bottom: 40px;
}

.layui-table tr.addhs {
    color: #999999;
}


.layui-table-grid-down {
    display: none !important;
}

.qr-login-panel {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 76px 76px 48px;
    background: #fff;
    box-sizing: border-box;
}

.loginbox.is-qr-login #loginbox {
    visibility: hidden;
}

.loginbox.is-qr-login .qr-login-panel {
    display: flex;
}

.qr-login-back {
    position: absolute;
    left: 22px;
    top: 22px;
    border: 0;
    background: none;
    color: #248eff;
    font-size: 15px;
    cursor: pointer;
}

.qr-login-title {
    margin-top: 0;
    color: #202c3a;
    font-size: 30px;
    font-weight: 700;
}

.qr-login-code {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 260px;
    margin-top: 34px;
    padding: 16px;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(30, 140, 255, .12);
    box-sizing: border-box;
}

.qr-login-code canvas,
.qr-login-code img {
    width: 220px !important;
    height: 220px !important;
}

.qr-login-status {
    min-height: 24px;
    margin-top: 24px;
    color: #738096;
    font-size: 16px;
    text-align: center;
}

.qr-login-status.is-success {
    color: #0f9f62;
}

.qr-login-status.is-error {
    color: #e25353;
}

.qr-login-refresh {
    height: 44px;
    margin-top: 18px;
    padding: 0 34px;
    border: 1px solid #4ea9ff;
    border-radius: 999px;
    background: #fff;
    color: #248eff;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .qr-login-panel {
        padding-left: 28px;
        padding-right: 28px;
    }
}

/* PC 积分商城 - 蓝湖稿 */
.points-mall-body {
    min-height: calc(100vh - 140px);
    padding: 24px 20px 36px !important;
    background: #272A2E !important;
    box-sizing: border-box;
}

.points-mall-page {
    min-height: 690px;
    background: #1F2227;
    color: #fff;
}

.points-mall-page .tab_box {
    padding: 38px 44px 44px;
}

.points-summary {
    margin: 0 auto 32px;
}

.points-summary__title {
    margin-bottom: 26px;
    color: #e9efff;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
}

.points-summary__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    min-height: 96px;
    padding: 0;
    overflow: visible;
    background: #33363A;
    border-radius: 8px;
}

.points-summary__list li {
    position: relative;
    min-width: 0;
    padding: 22px 24px 20px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .12);
    box-sizing: border-box;
}

.points-summary__list li:last-child {
    border-right: 0;
}

.points-summary__list h3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    margin-bottom: 12px;
    color: #e6ecff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.points-summary__list p {
    color: #d5bd09;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.points-summary h3 span {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    padding-left: 0;
}

.points-summary h3 .icon {
    position: static;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_wh.png) no-repeat center / contain;
    opacity: .75;
}

.points-summary h3 span:hover u {
    display: block;
}

.points-summary h3 span u {
    display: none;
    position: absolute;
    right: -18px;
    top: 30px;
    z-index: 20;
    width: 300px;
    padding: 14px 16px;
    color: #fff;
    background: #3c3f45;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .26);
    white-space: normal;
}

.points-summary h3 span u b {
    position: absolute;
    top: -12px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #3c3f45;
}

.points-tabs {
    padding-top: 0 !important;
    margin-bottom: 24px;
}

.points-tabs ul {
    width: 468px;
    height: 46px;
    padding: 4px;
    background: #333941;
    border-radius: 24px;
    box-sizing: border-box;
}

.points-tabs ul li a {
    width: 156px;
    height: 38px;
    color: #8f98a8;
    font-size: 14px;
    line-height: 38px;
}

.points-tabs ul li.on a,
.points-tabs ul li:hover a {
    color: #fff;
    background: #3f73ff;
    border-radius: 20px;
}

.points-mall-page .tab_body {
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.points-products {
    min-height: 425px;
    margin-bottom: 0;
    padding: 28px 28px 22px;
    background: #33363A;
    border-radius: 8px;
    box-sizing: border-box;
}

.points-products > ul {
    display: grid;
    grid-template-columns: repeat(7, minmax(120px, 1fr));
    gap: 26px 18px;
    padding: 0;
    justify-content: initial;
}

.points-products > ul > li.points-product {
    width: auto;
    min-width: 0;
    min-height: 174px;
    margin: 0;
    padding: 20px 14px 18px;
    overflow: visible;
    background: #3E4044;
    border: 1px solid transparent;
    border-radius: 6px;
    text-align: center;
    box-sizing: border-box;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.points-products > ul > li.points-product:hover {
    background: #45484D;
    border-color: rgba(63, 115, 255, .46);
    transform: translateY(-2px);
}

.points-product__image {
    position: relative;
    width: 86px !important;
    height: 86px;
    margin: 0 auto 13px;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.points-product__image img {
    display: block;
    width: 86px !important;
    height: 86px;
    padding: 0 !important;
    object-fit: contain;
}

.points-product__image strong {
    position: absolute;
    top: 18px;
    left: 10px;
    right: 10px;
    overflow: hidden;
    color: #f1516c;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.points-products > ul > li.points-product em {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    margin-top: 0;
    margin-bottom: 12px;
    padding-left: 28px;
    color: #e8edf9;
    background: url(../images/points-coin.png) no-repeat left center / 22px 22px;
    font-size: 15px;
    font-style: normal;
    line-height: 26px;
}

.points-product button {
    display: block;
    width: 78px;
    height: 28px;
    margin: 0 auto;
    border: 0;
    border-radius: 16px;
    background: #3177f5;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    cursor: pointer;
}

.points-product button:hover {
    background: #3f83ff;
}

.points-products .page {
    margin-top: 26px;
}

.points-products .page ul {
    gap: 8px;
    flex-wrap: wrap;
}

.points-products .page li a,
.points-products .page li span {
    min-width: 32px;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    color: #b9c1d0;
    background: #33363A;
    border-radius: 3px;
    line-height: 30px;
    box-sizing: border-box;
}

.points-products .page li.active span,
.points-products .page li:hover a {
    color: #fff;
    background: #3177f5;
}

.points-record-panel {
    min-height: 425px;
    padding: 24px 28px 28px;
    background: #33363A;
    border-radius: 8px;
    box-sizing: border-box;
}

.points-record-panel .jfhq_tool {
    margin-bottom: 22px;
}

.points-record-panel .jfhq_tool .layui-form {
    align-items: center;
    gap: 20px;
}

.points-record-panel .jfhq_tool .layui-form .layui-form-item {
    margin-right: 0;
}

.points-record-panel .layui-form-label {
    width: auto;
    min-width: 64px;
    color: #d9e3f9;
}

.points-record-panel .jfhq_tool .layui-form .layui-input-block {
    margin-left: 76px;
}

.points-record-panel .layui-input,
.points-record-panel .layui-select,
.points-record-panel .layui-unselect {
    background: #3E4044;
    border-color: #3a4b68;
    color: #fff;
}

.points-record-panel .layui-btn {
    min-width: 84px;
    height: 36px;
    background: #3177f5;
    border-radius: 18px;
    line-height: 36px;
}

.points-record-panel .layui-table-view {
    border: 0;
    background: #3E4044;
}

.points-record-panel .layui-table,
.points-record-panel .layui-table-view .layui-table-header,
.points-record-panel .layui-table-view .layui-table-body {
    background: #3E4044;
}

.points-record-panel .layui-table th,
.points-record-panel .layui-table td {
    border-color: #33445e;
}

.points-record-panel .layui-table-header th {
    background: #33363A;
    color: #e7edff;
}

.points-record-panel .layui-table-cell {
    color: #d7dfef;
}

.points-record-panel .layui-table-page {
    border-color: #33445e;
    background: #3E4044;
}

.points-record-panel .layui-laypage a,
.points-record-panel .layui-laypage span {
    border-color: #464A4E;
    background: #33363A;
    color: #b9c1d0;
}

.points-record-panel .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #3177f5;
}

.points-record-panel .layui-laypage input {
    background: #33363A;
    border-color: #464A4E;
    color: #fff;
}

.points-record-panel .layui-laypage button {
    background: #3177f5;
    border-color: #3177f5;
    color: #fff;
}

.points-record-panel .shz,
.points-record-panel .shcg {
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
}

.layui-layer.shoptc {
    background: #252b34;
    border-radius: 8px;
}

.layui-layer.shoptc .layui-layer-content {
    background: #252b34;
}

.shop_dhsp {
    background: #252b34;
    color: #fff;
}

.shop_dhsp h3 {
    color: #e9efff;
}

.shop_dhsp dl {
    background: #273852;
    border-radius: 6px;
}

.shop_dhsp dl div {
    background: transparent;
}

.shop_dhsp_pic {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
}

.shop_dhsp_pic img {
    display: block;
    width: 96px !important;
    height: 96px;
    padding: 0 !important;
    object-fit: contain;
}

.shop_dhsp_pic strong {
    position: absolute;
    top: 20px;
    left: 10px;
    right: 10px;
    overflow: hidden;
    color: #f1516c;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shop_dhsp dl em {
    background: url(../images/points-coin.png) no-repeat left center / 22px 22px;
    color: #e8edf9;
}

.shop_dhsp p {
    color: #cfd7e8;
}

.shop_dhsp p b {
    color: #d5bd09;
}

@media (max-width: 1680px) {
    .points-products > ul {
        grid-template-columns: repeat(6, minmax(120px, 1fr));
    }
}

@media (max-width: 1440px) {
    .points-mall-page .tab_box {
        padding: 30px 30px 38px;
    }

    .points-products > ul {
        grid-template-columns: repeat(5, minmax(120px, 1fr));
    }
}

@media (max-width: 1180px) {
    .points-summary__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .points-summary__list li:nth-child(2) {
        border-right: 0;
    }

    .points-summary__list li:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .points-products > ul {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }
}