.v_icon_vgood {
    margin-left: 3px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../images/rgoodv.png) no-repeat center center;
    background-size: 14px 14px;
}
.userBox{
    display:flex;
    padding: 10px 10px 0 10px;
    padding-top:44px;
    justify-content: space-between;
}
.userBox .btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.userBox .btns .iconfont{
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.userBox .btns .iconfont::before{
    font-size: 30px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.userBox .userInfo{
    display: flex;
    gap: 10px;
    align-items: center;
}

.userBox.column {flex-direction: column;justify-content: normal;}
.userinfobox {display: flex;margin-top: 8px;}
.userinfobox .infolis {flex: 1;}
.userinfobox .infolis a {color: var(--text-color-1);font-size: 14px;font-weight: bold;text-align: center;display: block;}
.userinfobox .infolis span {color: var(--text-color-3);font-size: 12px;font-weight: normal;display: block;}

.rtopuse {
    background: linear-gradient(10deg,var(--body-bg) 25%,rgba(0,127,228,0.35));
    display: block;
    overflow: hidden;
    clear: both;
    /* height: 160px; */
    /* position: relative; */
}
.rtopuse .btns{
    position: absolute;
    top:0;
    right:0;
    height: 44px;
    display: flex;
    box-sizing: border-box;
    padding:5px 10px;
    gap: 10px;
    align-items: center;
    z-index: 9999;
}
.rtopuse .btns .iconfont{
    font-size: 20px;
    margin:0;
    position: relative;
}
.rtopuse .btns .iconfont .dotred{
    border: solid 2px #f0f0f0;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: -2px;
    display: block;
    z-index: 8;
    background: #ff3333;
}

.rtopuse .btns .iconfont::before{
    font-size: 26px !important;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myicon.icon-font-share::before {margin: 0;}

.rtopusei {height:344px}

.rtopuse .rtopicons {display: flex;align-items: center;top: 5px;right: 0;position: absolute;z-index: 1;}
.rtopuse .rtopicons>div {position: unset;margin-right: 10px;}

.rtopbg {
    width: 100%;
    height: 190px;
    display: block;
    position: relative;
    z-index: 1;
}

.rtopbgblur {
    float: left;
    width: 100%;
    height: 170px;
    /*background-repeat:no-repeat;background-position:center;background-size:cover;*/
}

.rtopbgblack50 {
    background-color: rgba(15, 14, 14, 0.7);
    width: 100%;
    height: 170px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.rtopbg,
.rtopbg::before,
.rtopbgblack50 {
    z-index: unset;
}

.rtopbg_userimg {
    height: 64px;
    width: 64px;
    display: block;
    position: absolute;
    top: 50px;
    left: 14px;
    z-index: 8;
}

.rtopbg_userimg img {
    border-radius: 50%;
}

.rtopbg_userimg2 {
    height: 52px;
    width: 52px;
    position: absolute;
    top: 52px;
    left: 14px;
    display: block;
    z-index: 8;
}

.rtopbg_userimg2 img {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.rtopbg_user_name {
    line-height: 30px;
    color: #333333;
    text-align: left;
    position: absolute;
    font-weight: bold;
    top: 50px;
    left: 84px;
    z-index: 8;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position:static;
}

.rtopbg_user_name .appeal {vertical-align: 3px;}
.rtopitem {display: flex;align-items: center;margin: 3px 0;}
.vip-icon {background:linear-gradient(90deg,#fff1c8,#ffd867);color:#9a5f4b !important;font-size: 11px;font-weight: normal;line-height: 18px;padding: 0 0 0 6px;margin: 0 5px 0 0;overflow: hidden;vertical-align: -3px;border:none;border-radius:4px;display: inline-block;}
.vip-icon::after {content:"VIP";background: linear-gradient(45deg,#683f0e,#d9a15d);color:#fff;font-family: system-ui;padding: 0 8px 0 5px;margin: 0 -3px 0 4px;border-radius: 5px 0 0 0;transform: skewX(-10deg);display: inline-block;}

.rtopbg_user_data {
    position: absolute;
    top: 114px;
    left: 0px;
    width: 100%;
    color: var(--text-color-1);
    height: 20px;
    z-index: 8;
}

.rtopbg_user_data .datawrap {
    width: 90%;
    margin: 0 auto;
    height: 20px;
}

.rtopbg_user_data .datawrap .daclass {
    width: 32%;
    line-height: 20px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: var(--white60);
}

.rtopbg_user_data .datawrap .daclass span {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding-left: 4px;
}

.rtopbg_user_data .datawrap .daline {
    height: 14px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    float: left;
    margin: 4px 0;
}

/*旧的我的球币模块-先隐藏到时候删除.Ballcoinwrap{width:100%;height:88px;position:absolute;top:150px;left:0;border-radius:12px 12px 0 0;background-color:var(--bg-color-1);z-index:8;}
.Ballcoinbg{width:94%;height:69px;margin:16px auto;border-radius:10px;background-image:linear-gradient(to right,#F7DA90,#E9AF58 );}
.theme--dark .Ballcoinbg{background:linear-gradient(90deg,#9c8d61 1.49%,#533D1C 97.91%);}
.Ballcoinimg{width:100%;height:69px;background:url(../images/Union.png) no-repeat top center;background-size:220px 53px;color:var(--gray80);}
.Ballcoinleft{width:70%;height:69px;float:left;}
.Ballcointit{margin:12px 0 6px 20px;font-size:12px;}
.Ballcoinamount{background:url(../images/Ballcoin.svg) no-repeat center left;background-size:15px 15px;padding-left:20px;margin-left:20px;font-size:16px;font-weight:700;line-height:15px;}
.Ballcoinright{width:30%;height:69px;float:right;}
.Ballcoinbu{width:78px;height:26px;line-height:26px;background-color:#fff;border-radius:13px;font-size:12px;text-align:center;float:right;margin:21px 13px 0 0;color:var(--gray90);font-weight:600;}
*/
/*个人中心VIP*/
.vipinlet {
    width: 100%;
    /* height: 194px; */
    /* position: absolute; */
    padding-top:10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    /* top: 150px; */
    /* left: 0; */
    /* border-radius: 12px 12px 0 0; */
    /* background-color: var(--bg-color-1); */
    /* z-index: 8; */
}

.vipinletbg {
    width: calc(100% - 24px);
    height: 70px;
    margin: 12px 12px 0;
    border-radius: 10px 10px 0 0;
    background: url(../images/vip/vipcenter_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.vipinletbg_v {
    background: url(../images/vip/vipcenter_bg_v.png) no-repeat center right;
    background-size: auto 100px;
    border-radius: 12px 12px 0 0;
    width: calc(100% - 20px);
    height: 50px;
    padding: 10px;
    position: relative;
}

.vipinletbg_v .viparrow {
    -webkit-transform: rotate(225deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin: -4px;
    border-left: 1px solid var(--text-color-3);
    border-bottom: 1px solid var(--text-color-3);
}

.icoin {
    /* border: 1px solid var(--border-1); */
    border-top: none;
    padding: 10px;
    margin: 0 12px;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
    background: linear-gradient(90deg,#1272CC,#004781);
    display: flex;
    justify-content: space-between;
}
.icoin .btns{
    display: flex;
    align-items: center;
    gap: 10px;
}
.icoin .item {
    /* color: var(--text-color-2); */
    color: var(--text-white);
    font-size: 12px;
    line-height: normal;
    padding:0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.icoin .item span {font-size:16px;line-height: 20px;font-weight:bold;}
.icoin .item .icon-ticket {}

.icoinleft {
    float: left;
    font-size: 14px !important;
    line-height: 26px;
}

.icoinleft:before {
    margin-right: 2px;
    color: var(--red40);
}

.icoinleft:first-child {
    margin-right: 8px;
}

.icoinleft span {
    color: var(--red40);
    font-weight: 600;
    padding-left: 4px;
}

.vipinlet .icoin .icoinbg {
    float: right;
    background: linear-gradient(90deg, #f44535, #fb8c01);
    min-width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: var(--text-white);
    padding: 0 8px;
    margin: 0 0 0 4px;
    border-radius: 15px;
    font-size: 12px;
    position: relative;
}
.vipinlet .icoinbg .tag {
    background: linear-gradient(90deg,#1bc6e6,#ffc911);
    color: var(--text-white);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    padding: 0 4px;
    border-radius: 4px;
    transform: skewX(-10deg);
    top: -10px;
    right: -10px;
    position: absolute;
    z-index: 1;
}
.vipinlet .icoin .icoinbg.blue{
    /* background: #0170ca !important;color: #ffffff !important; */
    background: rgba(255, 255, 255, 0.2) !important;
    color: var(--text-white) !important;
}
.vipinlet .icoin .icoinbg:last-child {
    margin: 0;
}

.excouponbox {background: #fff5cb;padding: 12px 10px;margin: 0 12px;border-radius: 6px;}
.excouponbox::after {content:"";clear: both;display: block;}
.excouponbox .item {color: #7e5132;font-size: 12px;line-height: 18px;width: 50%;float: left;}
.excouponbox .item:last-child {text-align: right;}
.excouponbox .item img {height: 18px;margin-right: 8px;vertical-align: -4px;}
.excouponbox .item .gouse {color: #ff6837;border-left: 1px solid #e3cda7;padding-left: 8px;margin-left: 8px;cursor: pointer;}

.bannerBox {
    background: var(--bg-color-1);
    height: 52px;
    position: relative;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: var(--border-1);
    width: calc(100% - 26px);
    margin: 0 12px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}

.banner {
    margin: 0 10px;
    background: #f67134 url(../Images/bannerbg.gif) no-repeat left center;
    background-size: auto 42px;
    border-radius: 2px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-left: 76px;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px #9d3c11;
}

.bannerBox i {
    position: absolute;
}

.bannerBox .delete {
    width: 18px;
    height: 18px;
    position: absolute;
    top: -6px;
    right: 4px;
    background: url(../images/vip/delete.png) no-repeat center center;
    background-size: 18px;
    display: inline-block;
    border-radius: 50%;
    z-index: 99;
}

.rtopbg_user_two {
    line-height: 30px;
    color: var(--white40);
    text-align: left;
    position: absolute;
    top: 78px;
    left: 84px;
    z-index: 8;
    min-width: 110px;
    font-size: 12px;
    font-weight: normal;
    width: 75%;
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.r_wtow,
.r_wtow:visited,
.r_wtow:hover {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

.rtopbg_user_sm {
    line-height: 24px;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 126px;
    left: 14px;
    z-index: 8;
    min-width: 180px;
    font-size: 12px;
    font-weight: normal;
    width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
}

.rtopbg_user_sm2 {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
    min-width: 180px;
    /* width: 75%; */
    /* position: absolute;
    top: 80px;
    left: 74px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 8;
}

.rtopbg_user_vicon {
    background: #ffeaea;
    color: var(--red40);
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 3px;
    border-radius: 20px;
    z-index: 8;
}

.rtopbg_user_vicon_img {
    height: 17px;
    z-index: 10;
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background: url(../images/vicon.png) no-repeat;
    position: absolute;
    top: 108px;
    left: 15px;
    background-size: 62px 17px;
    width: 62px;
}

.rtopbg_user_vicon2 {
    z-index: 8;
    background: url(../images/vicon.png) no-repeat left 7px;
    background-size: 57px 16px;
    padding-left: 62px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin-left: 6px;
    display: inline-block;
}

.rtopbg_user_w {
    /* background-color: var(--bg-color-1); */
    /* padding: 10px 0 2px 0; */
    margin-top:10px;
}

.rtopbg_user_rn {
    background-color: var(--bg-hightlight-1);
    color: var(--text-hightlight-4);
    display: block;
    font-size: 12px;
    line-height: 26px;
    margin: 0 12px;
    text-align: center;
    border: 1px solid var(--border-hightlight-2);
    border-radius: 6px;
}

.rtopbg_user_rn .rnicon {
    background: url(../images/jt36x36-2.png) no-repeat center center;
    background-size: 12px 12px;
    width: 28px;
    height: 38px;
    float: right;
}

.bgBox {
    /* background: var(--bg-color-1); */
    width: 100%;
    padding: 10px 0 0 0;
}

.mainlistBox {
    background: var(--bg-color-1);
    width: calc(100% - 24px);
    margin: 0 12px;
    border-radius: 12px;
    border: 1px solid var(--border-1);
    overflow: hidden;
    padding-top: 14px;
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
.mainlistBox h4{
    padding:0 15px;
    margin-bottom: 10px;
}
.mainlist_one {
    width: 25%;
    float: left;
    text-align: center;
    padding-bottom: 14px;
    font-size: 12px;
}

.main_i_icon {
    width: 35px;
    height: 35px;
    margin: 0 auto 5px auto;
    position: relative;
}

.main_i_icon.i1 {
    background: url(../images/main_i_icon1.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i2 {
    background: url(../images/main_i_icon2.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i3 {
    background: url(../images/main_i_icon3.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i4 {
    background: url(../images/main_i_icon4.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i5 {
    background: url(../images/main_i_icon5.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i6 {
    background: url(../images/main_i_icon6.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i7 {
    background: url(../images/main_i_icon7.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon.i8 {
    background: url(../images/main_i_icon8.png) no-repeat center center;
    background-size: 32px 32px;
}

.main_i_icon .have,
.select .tab .have,
.ballbox .info .noticetit .time .have {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: var(--bg-hightlight-5);
    top: -2px;
    right: -2px;
    display: block;
    border: solid 2px #ffffff;
}

.rcenterlistnojt {
    height: 44px;
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    border-bottom: 1px solid var(--border-1);
    padding-left: 14px;
    display: block;
    background-color: var(--bg-color-1);
}

.rcenterlistnojt .rigchar {
    font-size: 12px;
    font-weight: normal;
    line-height: 44px;
    float: right;
    padding-right: 8%;
    text-align: right;
    color: var(--text-color-3);
}

.rcenterlist {
    height: 52px;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    border-bottom: 1px solid var(--border-1);
    background: url(../images/jt36x36.png) no-repeat 95% center;
    background-size: 12px 12px;
    padding-left: 14px;
    display: block;
    background-color: var(--bg-color-1);
    position: relative;
}

.rcenterlist .rigchar {
    font-size: 12px;
    font-weight: normal;
    line-height: 52px;
    float: right;
    padding-right: 10%;
    text-align: right;
    color: var(--text-color-3);
}

.rcenterlist em {
    font-size: 12px;
    font-style: normal;
    color: var(--text-color-3);
}

.rcenterlist .myicon {
    width: 25px;
    display: inline-block;
    margin-right: 2px;
}

.icon-font-i-follow:before,
.icon-font-i-publish:before,
.icon-font-Vrecommend:before,
.icon-font-i-see:before,
.icon-font-i-reward:before,
.icon-font-i-ball:before,
.icon-font-i-recommend:before,
.icon-font-i-safe:before,
.icon-font-setup3:before,
.icon-font-_help:before,
.icon-i-vip:before {
    font-size: 21px;
}

.icon-font-adduser:before,
.icon-font-share:before {
    margin-right: 3px;
    font-size: 24px;
}

.r_btbig,
.r_btbig:visited,
.r_btbig:hover {
    color: var(--text-white);
    text-decoration: none;
    font-size: 16px;
    margin: 12px;
    background: var(--primary-color);
    text-align: center;
    display: block;
    line-height: 48px;
    border-radius: 8px;
    font-weight: normal;
}

.rtopbg_name {
    line-height: 38px;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 44px;
    left: 90px;
    z-index: 8;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.statdata {
    display: flex;
    align-items: center;
    position: absolute;
    top: 76px;
    left: 85px;
}

.statdata>div {
    position: unset;
    width: auto;
    line-height: normal;
    padding: 0 6px;
}

.statdata .rtopbg_user_rig04 {
    color: var(--text-hightlight-5);
    background: none;
    text-align: center;
    line-height: 22px;
}

.statdata .rtopbg_user_rig04 .icon,
.statdata .icon-font-small-support-off:before,
.statdata .icon-font-small-support-on:before {
    width: 20px;
    height: 20px;
    line-height: normal;
    margin: 0 auto;
    display: block;
}

.statdata .icon-font-small-support-on {
    animation: amplify 0.5s ease alternate;
    animation-fill-mode: forwards;
}

@keyframes amplify {
    0% {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }

    50% {
        width: 20px;
        height: 20px;
        font-size: 20px;
    }

    100% {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}

.rtopbg_user_rig01 {
    padding: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 16px;
    color: var(--text-white);
    text-align: center;
    position: absolute;
    top: 88px;
    left: 88px;
    z-index: 8;
    width: 60px;
}

.rtopbg_user_rig02 {
    padding: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 16px;
    color: var(--text-white);
    text-align: center;
    position: absolute;
    top: 88px;
    left: 148px;
    z-index: 8;
    width: 60px;
}

.rtopbg_user_rig03 {
    padding: 0px;
    ;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 16px;
    color: var(--text-white);
    text-align: center;
    position: absolute;
    top: 88px;
    left: 209px;
    z-index: 8;
    width: 60px;
}

.rtopbg_user_rig01 span,
.rtopbg_user_rig02 span,
.rtopbg_user_rig03 span {
    font-size: 11px;
    color: #999999;
}

.rtopbg_user_rig04 {
    line-height: 25px;
    color: var(--text-white);
    position: absolute;
    top: 94px;
    right: 18px;
    z-index: 8;
    padding-left: 22px;
    background: url(../images/font-small-support-off.svg) no-repeat left center;
    background-size: 19px 19px;
}

.rtopbg_user_rig04off {
    line-height: 25px;
    color: var(--text-hightlight-5);
    text-align: center;
    position: absolute;
    top: 94px;
    padding-left: 22px;
    right: 18px;
    z-index: 8;
    background: url(../images/font-small-support-on.svg) no-repeat left center;
    background-size: 19px 19px;
}

.rtopbg_coin {
    height: 28px;
    width: 80px;
    position: absolute;
    top: 56px;
    right: 0;
    display: block;
    z-index: 8;
    background: url(../images/rcoin.png) rgba(134, 133, 133, 0.473) no-repeat;
    background-position: 7px center;
    background-size: 16px;
    padding-left: 27px;
    border-radius: 20px 0px 0px 20px;
    color: #ccc;
    font-size: 14px;
    line-height: 28px;
}

.rtopbg_btwz_2 {
    right: 3px !important;
}

.recharge_i {
    background-color: var(--yellow50) !important;
    color: #9A5F4B !important;
    width: 50px !important;
    border-radius: 15px !important;
}

.rtopbg_btwz {
    height: 22px;
    width: 60px;
    position: absolute;
    top: 92px;
    right: 8px;
    display: block;
    z-index: 8;
}

.rtopbg_addfavbt {
    height: 36px;
    width: 110px;
    position: absolute;
    top: 80px;
    right: -20px;
    display: block;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center；
}

.rrbtred {
    width: 80px !important;
    height: 34px !important;
    font-size: 17px !important;
    line-height: 34px !important;
    background: var(--second-color) !important;
    border-radius: 20px !important;
    transform: scale(0.8);
    transform-origin: right center;
}

.rrbtred_now {
    width: 80px !important;
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 20px !important;
    color: #8c8c8c !important;
    font-size: 17px !important;
    transform: scale(0.8);
    transform-origin: right center;
}

.rc_h54px {
    background: var(--bg-color-1);
    height: 44px;
    ;
    display: block;
    clear: both;
    border-bottom: 1px solid var(--border-1)
}

.rc_pjnor {
    text-align: center;
    border-bottom: 2px solid transparent;
    height: 40px;
    display: block;
    margin: 0 5%;
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    padding-top: 2px;
    color: #777
}

.rc_pjnor span {
    font-size: 12px;
    color: var(--text-color-3);
}

.rc_pjnor em {
    font-size: 12px;
    color: var(--text-color-3);
    font-style: normal;
}

.rc_pjnow {
    text-align: center;
    border-bottom: 2px solid var(--text-hightlight-1);
    height: 40px;
    display: block;
    margin: 0 5%;
    color: var(--text-hightlight-1);
    font-size: 16px;
    cursor: pointer;
    line-height: 40px;
    padding-top: 2px;
    font-weight: 600
}

.rc_pjnow span {
    font-size: 12px;
    color: #ff3333;
}

.rc_pjnow em {
    font-size: 12px;
    color: var(--text-color-3);
    font-style: normal;
}

.rc_pjnow em.now {
    font-size: 12px;
    color: #4098e0;
    font-style: normal;
}

.rc_fbk {
    padding: 10px 12px;
    background: var(--bg-color-1);
    clear: both;
    border-bottom: 1px solid var(--border-1);
    position: relative;
}

.rc_fbk .tit {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
    color: var(--text-color-1);
    padding-bottom: 5px
}

.rc_fbk .tittwo {
    clear: both;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.rc_fbk .tittwo:after {
    content: "";
    display: block;
    clear: both;
}

.rc_fbk .numfrom {
    text-align: left;
    line-height: 20px;
    font-size: 12px;
    color: var(--text-color-1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.rc_fbk .tittwo2 {width: 50%;bottom: 10px;right: 10px;position: absolute;}
.rc_fbk .tittwo2:after {content:"";clear:both;display:block;}
.rc_fbk .tittwo2 .number {
    background: var(--bg-hightlight-5);
    color: var(--text-white);
    font-size: 11px;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 20px;
    float: right;
    display: inline-block;
}

.rc_fbk .tittwo2 .number i {
    background: url(../Images/Users/lock.svg) no-repeat center center;
    background-size: 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
    vertical-align: -1px;
}

.rc_fbk .seal {
    position: absolute;
    top: -1px;
    right: 8px;
    width: 38px;
    height: 38px;
    background: url(../images/mingzhong2.png) no-repeat;
    background-size: 38px;
    opacity: 0.7;
}

.rc_fbk .titfrom {
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    color: var(--text-color-1);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    flex: 1;
    margin-right: 10px;
}

.rc_fbk .vleftuse {
    text-align: left;
    line-height: 24px;
    font-size: 12px;
    color: var(--text-color-1);
}

.rc_fbk .titlook {
    text-align: right;
    line-height: 18px;
    font-size: 12px;
    color: var(--text-color-3);
    float: right;
}

.titlook .browseh {
    color: var(--text-hightlight-5);
    font-size: 13px;
    line-height: 20px;
}

.titlook .readCount {
    font-size: 13px;
    float: right;
    color: var(--text-color-3);
    height: 20px;
    line-height: 20px;
}

.titlook .renew {
    color: var(--text-color-3);
    font-size: 13px;
}

.rc_fbk .titfromvicon {
    width: 43px;
    height: 14px;
    display: inline-block;
    background: url(../images/vicon2char2.png) no-repeat right bottom;
    background-size: 43px 16px;
    color: var(--text-color-1);
    font-size: 12px;
    font-weight: normal;
    margin-bottom: -4px;
}

.rc_fbk .titanurl {color: var(--blue70);}
.rc_fbk .label {background:var(--bg-hightlight-9);color:#5690d2 !important;font-size:12px;padding:0 5px;margin:0 2px 0 0;border-radius:20px;display:inline-block;cursor:pointer;}
.rc_fbk .label::before {content:"#";font-size:12px;margin-right:4px;display:inline-block;}

/* .rc_fbk .titdocicon{height:18px;display:inline-block;background:url(../images/rdoc.png) no-repeat left center;background-size:12px;padding-left:16px;color:var(--text-color-3);font-size:12px;font-weight:normal;}*/
.rc_fbk .titdocicon {
    font-size: 12px;
    color: var(--text-color-3);
}

.rc_fbk .checkwz {
    width: 20px;
    height: 48px;
    margin-right: 5px;
    display: block;
    position: relative;
}

.rc_fbk .flexty {
    align-items: center;
}

.rc_fbk .top {
    color: var(--text-color-3);
    margin-right: 10px;
}

.rc_fbk .top.on {
    color: var(--text-hightlight-5);
}

.rc_fbk .gzicon {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    display: block;
    position: relative;
}

.rc_fbk .gzicon img {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: block;
}

.rc_dotred {
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #ff3333;
    display: block;
    font-size: 1;
    z-index: 999;
}

.rc_fbk .gz_rigbtwz {
    width: 60px;
    position: relative;
}

.rc_fbk .gz_rigbtwz2 {
    width: 125px;
    position: relative;
}

.rc_fbk .gz_center_name {
    margin-top: 3px;
    font-size: 16px;
    color: var(--text-color-1);
    font-weight: 600;
}

.rc_fbk .gz_center_name .rigwzc {
    font-size: 12px;
    color: #666;
    float: right;
}

.rc_fbk .gz_center_namesm {
    font-size: 12px;
    margin-top: 3px;
    color: var(--text-color-2);
    padding-right: 5px;
    line-height: 18px;
}

.rc_fbk .gz_center_c14t3 {
    font-size: 14px;
    margin-top: 5px;
    color: var(--text-color-1);
    line-height: 20px;
    text-align: justify;
}

.rc_fbk .gz_center_name_one {
    line-height: 48px;
    font-size: 14px;
    color: var(--text-color-1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 180px;
}

.rc_fbk .gz_center_name_one span {
    line-height: 48px;
    font-size: 12px;
    color: #999;
}

.rc_fbk .gz_center_name_one em {
    text-align: right;
    padding-right: 5px;
    font-style: normal;
    line-height: 48px;
    font-size: 12px;
    color: #999;
    float: right;
}

.rc_fbk .rigtime {
    font-size: 12px;
    color: #999;
    min-width: 60px;
    text-align: center;
    line-height: 48px;
    display: block;
    text-align: right;
}

.notice_right {
    float: right;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center；
}

.notice_follow {
    border-radius: 2px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    width: 58px;
    font-size: 14px;
    font-weight: normal;
    color: #4098e0;
    border: solid 1px #8ec2ec;
    position: absolute;
    right: 14px;
    top: 19px;
}

.notice_follow:before {
    display: inline-block;
    content: '+';
    font-size: 18px;
    margin-right: 2px;
}

.notice_agree {
    border-radius: 2px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    width: 58px;
    font-size: 14px;
    font-weight: normal;
    color: #4098e0;
    border: solid 1px #8ec2ec;
    position: absolute;
    right: 14px;
    top: 19px;
}

.notice_follow_on {
    border-radius: 2px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    width: 58px;
    font-size: 14px;
    font-weight: normal;
    background: #f1f1f1;
    color: #333;
    border: solid 1px #cccccc;
    position: absolute;
    right: 14px;
    top: 19px;
}

.gz_center_name span.fansCout {
    font-size: 12px;
    color: var(--text-color-3);
    margin-right: 10px;
    font-weight: normal;
}

.gz_center_name span.fubCout {
    font-size: 12px;
    color: var(--text-color-3);
    font-weight: normal;
}

.icon-font-fans::before,
.icon-font-fublish::before,
.icon-font-small-document::before {
    font-size: 14px;
    margin-right: 2px;
}

.icon-font-QB::before,
.icon-font-renew::before {
    margin-right: 2px;
}

.rc_fs_name {
    margin-top: 2px;
    font-size: 14px;
    color: var(--text-color-1);
    height: 26px;
    line-height: 26px;
}

.rc_fs_name_rigbt {
    float: right;
    width: 197px;
    display: block;
}

.rc_windows {
    width: 80%;
    border-radius: 10px;
    display: block;
    clear: both;
    background: var(--bg-color-1);
    margin: 0 auto;
}

.rc_windows .titldetail {
    padding: 35px 10px;
    text-align: center;
    font-size: 16px;
    color: var(--text-color-1);
    line-height: 24px;
}

.rc_windows .btpj {
    text-align: center;
    border-top: 1px solid var(--border-1);
    font-size: 14px;
    line-height: 40px;
    border-right: 1px solid var(--border-1);
}

.rc_windows .listonety {
    height: 44px;
    line-height: 44px;
    text-align: left;
    padding: 0 14px;
    ont-size: 16px;
    color: #333;
    border-bottom: 1px solid var(--border-1);
}

.rc_windows .listonelast {
    height: 44px;
    line-height: 44px;
    text-align: left;
    padding: 0 14px;
    ont-size: 16px;
    color: #333;
}

.rc_windows .listonety_checkwz {
    height: 40px;
    width: 14px;
    float: right;
    display: block;
    margin-top: 2px;
}

.r_shutyban {
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    clear: both;
    background: var(--bg-color-1);
    display: block;
    border-bottom: 1px solid var(--border-1);
}

.r_shutyban .shuline {
    margin: 17px 4px 6px 0;
    height: 10px;
    width: 2px;
    background: var(--bg-hightlight-4);
    display: inline-block;
    float: left;
}

.r_shutyban .righicon {
    float: right;
    height: 30px;
    display: block;
    padding-top: 4px;
}

.r_vwz {
    height: auto;
    clear: both;
}

.r_vbluebtlook {
    border-radius: 4px;
    height: 24px;
    float: right;
    display: block;
    padding: 0px 5px;
    word-break: normal;
    color: #FFF;
    text-align: center;
    line-height: 23px;
    background: var(--bg-hightlight-4);
    cursor: pointer;
    width: 70px;
    font-size: 12px;
}

/*.r_shutyban .rigmenu{float:right;height:40px;display:block;color:var(--text-color-1);line-height:38px;}
.r_shutyban .rigmenu .now{color:var(--text-hightlight-1);padding:0 6px;border-bottom:2px solid var(--text-hightlight-1);display:inline-block;font-weight:500;}
.r_shutyban .rigmenu .nor{color:var(--text-color-2);padding:0 6px;border-bottom:2px solid var(--bg-color-1);display:inline-block;}
*/
.r_shutyban .rigmenu {
    float: right;
    height: 30px;
    display: block;
    color: var(--text-color-1);
    line-height: 30px;
    background-color: var(--bg-color-2);
    margin-top: 7px;
    border-radius: 4px;
}

.r_shutyban .rigmenu .now {
    color: var(--text-color-1);
    width: 50px;
    display: inline-block;
    font-weight: 800;
    background-color: var(--bg-color-1);
    border: 1px solid var(--gray40);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    z-index: 99;
    position: relative;
}

.r_shutyban .rigmenu .nor {
    color: var(--text-color-2);
    width: 50px;
    position: relative;
    margin: 0;
    display: inline-block;
    text-align: center;
    z-index: 1;
}

.r_shutyban .rigmenu .nor::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    right: -5.6px;
    top: 10px;
}

.r_shutyban .rigmenu .nor:last-child::after {
    display: none;
}

.theme--dark .r_shutyban .rigmenu .now {
    border: 1px solid var(--gray70);
}

.theme--dark .r_shutyban .rigmenu .nor::after {
    background-color: rgba(255, 255, 255, 0.15);
}

.rsearchk {
    clear: both;
    padding: 10px 14px;
}

.rsearchicon {
    display: inline-block;
    background: url(../images/risearch.png) no-repeat 5px center;
    background-size: 24px;
    padding-left: 10%;
    color: var(--text-color-3);
    font-size: 14px;
    border-radius: 4px;
    background-color: var(--bg-color-1);
    display: block;
    height: 36px;
    line-height: 36px;
    width: 90%;
    border: 1px solid var(--border-2);
}

.rc_nav2_h40px {
    background: var(--bg-color-1);
    height: 39px;
    display: block;
    clear: both;
    line-height: 36px;
    border-bottom: 1px solid var(--border-1);
}

.rc_h40pjnor {
    text-align: center;
    border-bottom: 2px solid transparent;
    height: 37px;
    display: block;
    margin: 0 15%;
    min-width: 60px;
    font-size: 14px;
    color: var(--text-color-2);
}

.rc_h40pjnow {
    text-align: center;
    border-bottom: 2px solid var(--text-hightlight-3);
    height: 38px;
    display: block;
    margin: 0 15%;
    min-width: 60px;
    color: var(--text-hightlight-3);
    font-size: 14px;
}

.rc_bottomnav {
    border-top: 1px solid var(--border-1);
    background: var(--bg-color-1);
    height: 44px;
    line-height: 44px;
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
}

.rc_bottomnav_tc {
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: var(--text-color-1);
    border-right: 1px solid var(--border-1);
}

.rc_bottomnav_tc .now {
    color: var(--text-hightlight-1);
}

.rc_center_paytitle {
    padding: 5px 14px;
    color: var(--text-color-2);
    font-size: 12px;
}

.r_listinput {
    height: 44px;
    font-size: 14px;
    font-weight: normal;
    line-height: 44px;
    border-bottom: 1px solid var(--border-1);
    display: block;
    background-color: #fff;
}

.r_listinput_left {
    font-size: 14px;
    color: var(--text-color-1);
    text-align: right;
    width: 80px;
}

.r_listinput_rig {
    font-size: 15px;
    color: var(--text-color-1);
    text-align: left;
    border: none;
    padding-left: 10px;
    width: 95%;
    background: none;
}

.r_listinput_3wz {
    font-size: 14px;
    color: var(--text-color-3);
    text-align: left;
    /* padding:6px 10px 0 5px;*/
    text-align: center;
    /* background-color:var(--bg-hightlight-9);*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.r_listinput_3wz img {
    border-radius: 1000px;
    overflow: hidden;
    border: #b7b7b7 1px solid !important;
}

/*bluetybtnor*/
.rrbtblue {
    border-radius: 4px;
    height: 24px;
    display: block;
    text-align: center;
    line-height: 24px;
    background: #1D4B8F;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    margin: 10px 10px 0 0;
}

.r_listendsmc {
    padding: 10px 20px 15px 20px;
    clear: both;
    color: #999;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
}

.r_listikgwz {
    position: relative;
    width: 60px;
}

.r_center_kgnor {
    background: url(../images/rbt_off.svg) no-repeat;
    background-size: 44px 23px;
    width: 60px;
    height: 23px;
    display: inline-block;
}

.r_center_kgnow {
    background: url(../images/rbt_on.png) no-repeat;
    background-size: 44px 23px;
    width: 60px;
    height: 23px;
    display: inline-block;
}

.r_yingsitiaoli {
    padding: 10px 14px 0 14px;
    color: #1D4B8F;
    font-size: 12px;
    text-align: center;
}

.r_yingsitiaolidark {
    padding: 5px 14px 0 14px;
    color: var(--text-hightlight-1);
    font-size: 12px;
    text-align: center;
}

.r_bottom {
    background: var(--bg-color-2);
    padding: 10px 0 1px;
}

.r_backinputwz {
    margin: 0 12px 12px 10px;
}

.r_backinputwz.contact {
    display: flex;
    justify-content: space-evenly;
}

.r_backinputwz.input {
    background-color: var(--bg-color-1);
    border: 1px solid var(--border-2);
    padding: 10px;
}

.r_backinput {
    border: 1px solid var(--text-white);
    line-height: 20px;
    color: var(--text-color-2);
    width: 96%;
    border-radius: 5px;
    display: block;
    background-color: var(--bg-color-1);
    font-size: 14px;
}

.r_backinput .text {
    float: left;
    display: inline-block;
    line-height: 34px;
}

.r_backinput .ulpic {
    display: inline-block;
    height: 34px;
    width: 34px;
    margin-left: 4px;
    background: url(../images/font-picture.svg) top center no-repeat;
    background-size: 34px 34px;
}

.Vrecommend,
.qqname {
    background: var(--bg-color-1);
    color: var(--text-color-2);
    padding: 5px 14px;
    border-radius: 15px;
    position: relative;
}

.Vrecommend {
    padding: 5px 20px 5px 14px;
}

.Vrecommend::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 6px solid var(--text-color-3);
    position: absolute;
    top: 11px;
    right: 6px
}

.Upload {
    height: 100%;
}

.Upload .Upload_front {
    width: 45px;
    height: 45px;
    background: var(--bg-color-2) url(../images/icon_add.svg) center center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    display: inline-block;
}

.Upload .Upload_after {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 10px;
}

.Upload .Upload_after img {
    width: 45px;
    height: 45px;
}

.r_d_wzk {
    clear: both;
    padding-top: 15px;
}

.r_bt_dianzan {
    background: #fff;
    font-size: 15px;
    color: #5f5f5f;
    display: inline-block;
    width: 126px;
    border-radius: 20px;
    line-height: 38px;
    float: right;
    margin-right: 10px;
    border: 1px #e8e8e8 solid;
    align-items: center;
    justify-content: center;
    padding-left: 58px;
    position: relative;
}

.r_bt_dashuan {
    background: #fff;
    font-size: 15px;
    color: #5f5f5f;
    display: inline-block;
    width: 126px;
    border-radius: 20px;
    line-height: 38px;
    float: left;
    margin-left: 10px;
    border: 1px #e8e8e8 solid;
    align-items: center;
    justify-content: center;
    padding-left: 58px;
    position: relative;
}

.r_bt_dashuan .gules {
    color: #e85448;
    font-weight: bold;
}

.i_reward.icon-font-reward {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 32px;
    font-size: 18px;
}

.i_fabulous.icon-font-small-support-off,
.i_fabulous.icon-font-small-support-on {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 32px;
    font-size: 18px;
}

.icon-font-small-support-on {
    animation: changeScale 0.5s ease alternate;
    animation-fill-mode: forwards;
}

.icon-font-reward:before,
.icon-font-small-support-off:before,
.icon-font-small-support-on:before {
    width: 30px;
    height: 30px;
    display: inline-block;
}

@keyframes changeScale {
    0% {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    50% {
        width: 30px;
        height: 30px;
        font-size: 26px;
    }

    100% {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
}

.r_bt_bottomc {
    text-align: center;
    color: #999;
    font-size: 12px;
    padding: 12px 0;
}

.r_d_listk {
    margin: 15px 20px;
    clear: both;
    background: #F6FAFC;
    border: 1px solid #f0f0f0;
    padding: 0px;
    border-radius: 5px;
}

.r_d_listtitle {
    height: 24px;
    line-height: 24px;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    color: #999;
}

.r_d_listty {
    line-height: 30px;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    font-size: 12px;
    color: #999;
}

.r_d_listty .icon20 img {
    border-radius: 50%;
    margin-left: 5px;
}

.r_d_listty .names {
    text-align: left;
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    margin-right: 5px;
}

.r_d_chakan {
    line-height: 24px;
    height: 24px;
    clear: both;
    font-weight: normal;
}

.r_d_chakanimg {
    float: left;
    padding-right: 5px;
}

.r_d_chakanimg img {
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.r_d_chakan_time {
    float: right;
    text-align: right;
    color: #999;
    font-size: 12px;
}

/*reglogin use*/
.r_logregbgblue .rheaderbg {
    background: transparent;
    position: relative;
}

.r_logregbgblue .rheaderbg .back {
    width: 30px;
    height: 30px;
    background: var(--black20);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    margin: 0;
    z-index: 9999;
    border: none;
}

.r_logregbgblue .rheaderbg .back::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    left: 38%;
    top: 57%;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: rotate(45deg) translate(-50%, -50%);
}

.reddot {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: inline-block;
    background: #ff3333;
}

.r_btbigred {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    margin-top: 15px;
    background: var(--bg-hightlight-4);
    border: none;
    text-align: center;
    display: block;
    border-radius: 50px;
    font-weight: normal;
    line-height: 26px;
}

.r_btbigred:hover {
    background: var(--bg-hightlight-7);
    transition: all 0.4s linear;
}

.r_btbiggrayno,
.r_btbiggrayno:visited,
.r_btbiggrayno:hover {
    color: #666;
    text-decoration: none;
    font-size: 16px;
    margin: 14px;
    height: 40px;
    background: #d9d9d9;
    text-align: center;
    display: block;
    line-height: 40px;
    border-radius: 4px;
    font-weight: normal;
}

.r_logregbgblue {
    background: var(--bg-color-1) url(../images/land/bannerL.jpg)no-repeat top;
    /*background:var(--bg-color-1);*/
    background-size: 100%;
}

.r_logregbgblue.theme--dark {
    background: var(--bg-color-1) url(../images/land/bannerD.jpg)no-repeat top;
    background-size: 100%;
}

.r_chartishiyel {
    color: var(--text-hightlight-5);
    font-size: 12px;
    text-align: left;
    margin: 0 47px;
}

.r_charleftwhite {
    color: var(--text-color-2);
    font-size: 12px;
    text-align: left;
    margin: 0 12px;
}

.charligorg {
    color: var(--text-hightlight-1);
}

.r_charbox {
    margin: 10px 45px;
    text-align: center;
}

.r_rl_losepass {
    color: var(--text-hightlight-1);
    padding: 0 20px;
    border-right: 1px solid var(--border-3);
}

.r_rl_regquickbt {
    color: var(--text-hightlight-1);
    padding: 0 20px;
}
.r_charcenter {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 15px auto 0 auto;
}

.newcontent {min-height: 420px;height: calc(100vh - 182px);position: relative;}
.loginbtns {display: flex;align-items: center;}
.loginbtns .r_btbigred {flex: 1;margin: 0 0 0 15px;}
.loginbtns .r_btbigred.othbtn {margin: 0;}
.r_btbigred.othbtn {background: var(--bg-color-2);color: var(--text-color-2);margin-top:25px;}
.communication {padding-left: 20px;margin: 5px 0;}
.communication li {color: var(--text-color-3);font-size: 12px;list-style: disc;}
.other-loginbox {width: calc(100% - 60px);padding: 30px;/*bottom: 0;left: 50%;transform: translateX(-50%);position: absolute;*/}
.othlogintit {color: var(--text-color-3);font-size: 12px;text-align: center;margin: 5px 0;position: relative;}
.othlogintit::before,.othlogintit::after {content:"";background: var(--bg-color-3);width: 30%;height: 1px;transform: translateY(-50%);top: 50%;left: 0;position: absolute;}
.othlogintit::after {left: auto;right: 0;}
.othloginfo {text-align: center;}
.othloginlis {color: var(--text-color-2);font-size: 14px;text-align: center;width: 40%;display: inline-block;cursor: pointer;}
.othloginlis img {height: 40px;margin: 5px auto;display: block;}
.forget {color: var(--text-hightlight-1);margin-left: 5px;}

.r_lr14px {margin:32% 30px 0 30px;}
.r_lr14px .AD {width: 100%;border-radius: 6px;margin-bottom: 10px;}
.r_rlinputty_top {
    font-size: 14px;
    font-weight: normal;
    /* border:1px solid var(--border-3);*/
    background: var(--bg-color-2);
    display: block;
    border-radius: 50px;
    padding: 10px;
   
    overflow: hidden;
}

.r_rlinputty_bottom {
    font-size: 14px;
    font-weight: normal;
    /* border:1px solid var(--border-3);*/
    background: var(--bg-color-2);
    display: block;
    border-radius: 50px;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.r_rlinputty {
    font-size: 14px;
    font-weight: normal;
    /* border:1px solid var(--border-3);*/
    background: var(--bg-color-2);
    display: block;
    border-radius: 50px;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.r_rlinputty_justone {
    font-size: 14px;
    font-weight: normal;
    display: block;
    background-color: var(--bg-color-1);
    border: 1px solid var(--border-3);
    border-radius: 50px;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
}

.r_list_rigicon_2 {
    width: 24px;
    text-align: right;
}

.r_icon_eyeyes {
    background: url(../images/lr_eye_yes.png) no-repeat center center;
    background-size: 20px;
    width: 40px;
    height: 50px;
    display: inline-block;
}

.r_icon_eyeno {
    background: url(../images/lr_eye_no.png) no-repeat center center;
    background-size: 20px;
    width: 40px;
    height: 50px;
    display: inline-block;
}

/* .r_icon_del{background:url(../images/lr_del.png) no-repeat center center;background-size:20px;width:40px;height:40px;display:inline-block;}
*/
.r_icon_del {
    width: 16px;
    height: 16px;
    background: var(--black20);
    border-radius: 50%;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.r_icon_del::before,
.r_icon_del::after {
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    left: 3px;
    top: 8px;
    background: var(--white);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.r_icon_del::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.theme--dark .r_icon_del::before,
.theme--dark .r_icon_del::after {
    background: var(--border-3);
}

.landicon {
    color: #bdbdbd;
    font-size: 20px !important;
    position: relative;
}

.landicon i {
    position: absolute;
    top: -10px;
    right: -2px;
    width: 16px;
    height: 16px;
    background: var(--primary-color);
    color: var(--text-white);
    border-radius: 50%;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 2px;
    z-index: 99;
    transform: scale(0.7);
}

.theme--dark .landicon i {
    color: var(--text-color-2);
}

.eyeicon {
    color: var(--border-2);
    font-size: 20px !important;
    text-align: center;
}

.theme--dark .eyeicon {
    color: var(--border-3);
}

.r_lr14px input:focus {
    outline: none;
    border: none;
}

input:-internal-autofill-selected,
input:-internal-autofill-selected:hover {
    box-shadow: inset 0 0 0 1000px var(--bg-color-2) !important;
    -webkit-text-fill-color: var(--text-color-3);
}

.theme--dark input:-internal-autofill-selected {
    box-shadow: inset 0 0 0 1000px var(--bg-color-2) !important;
}

.rheaderbg .themeicon {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}

/*统计环形*/
.guessChart {
    background: var(--bg-color-1);
    padding: 8px 0;
    position: relative;
    min-height: 50px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid var(--border-1);
}

.guessChart::after {
    display: block;
    content: '';
    clear: both;
}

.guessChart .item {
    position: relative;
    padding: 0px;
    margin: 0;
    background: transparent;
    padding: 10px 20px 20px 20px;
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.guessChart .item canvas {
    margin-top: -10px;
}

.guessChart .item .precentData {
    position: absolute;
    bottom: 10px;
    line-height: normal;
    font-size: 12px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    background: var(--bg-hightlight-5);
}

.guessChart .item .txt {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.guessChart .item .txt .red {
    font-size: 14px;
}

.guessChart .item .txt span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
}

.guessChart .item .txt span:first-child {
    font-weight: bold;
}

/*统计环形end*/
.back_reg {
    line-height: 2em;
    float: left;
    height: 2em;
    color: #666;
    margin-left: 5%;
}

.back_reg_receive {
    float: right;
    width: 24%;
    display: inline-block;
    text-align: center;
    color: #fff;
    height: 36px;
    line-height: 36px;
    background: #5A8EE1;
}

.r_loginwindows {
    
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
}

.r_loginwindows_tywz {
    padding: 10px 0;
    clear: both;
}

.r_loginwindows_ty {
    text-align: center;
    color: #333;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    display: block;
}

.r_windows_top {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

#bgshow {
    position: fixed;
    background-color: #333;
    opacity: 0.5;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
    z-index: 1;
}

.r_loginwindows {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 99999999999999999999999999999999999999999999999999999999999999999;
    height: min-content;
}

/*站内消息-通知*/
.r_listinput_se {
    border: none;
    background: none;
    color: var(--text-hightlight-1)
}

#contentList .k10 {
    display: none;
}

.sale {
    width: 30px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    background-color: var(--bg-hightlight-5);
    color: #fff;
    font-size: 12px;
    padding: 1px 3px;
    border-radius: 3px
}

/* 反馈 */
.feedbackbody {
    background-color: var(--bg-color-2);
}

.fwbtnbox {
    text-align: center;
}

.fwbtnbox .r_btbigred {
    display: inline-block;
    width: 36%;
    line-height: 20px;
    margin: 10px 5px;
}

.questionbox {
    padding-bottom: 10px;
}

.question:last-child {
    border: none;
}

.question .time {
    color: var(--text-color-3);
    font-size: 11px;
    line-height: 22px;
}

.question .time2 {
    color: var(--text-color-3);
    font-size: 12px;
    line-height: 26px;
    text-align: center;
}

.question .answer {
    color: var(--text-color-2);
    background-color: var(--blue10);
    border: var(--blue20);
    padding: 6px 10px;
    border-radius: 4px;
    margin: 4px 0;
}

.question img {
    max-height: 100px;
}

.r_uploadbtn {
    opacity: 0;
    width: 34px;
    height: 34px;
}

.ulpic img {
    width: auto;
    height: 100px;
}

.question {
    padding: 5px 0;
}

.question .listleft {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 4px;
}

.question .listright {
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 4px;
}

.question .fe_head {
    width: 36px;
    height: 36px;
}

.question .fe_head img {
    border-radius: 50%;
}

.question .com_left {
    float: left;
    padding-left: 6px;
}

.question .com_right {
    float: right;
    padding-right: 6px;
}

.question .name {
    color: var(--text-color-3);
    font-size: 11px;
    line-height: 22px;
}

.question .name.left {
    text-align: left;
}

.question .name.right {
    text-align: right;
}

.question .problem {
    line-height: 22px;
    padding: 4px 8px;
    line-height: 18px;
}

.question .problem.left {
    background: var(--bg-color-1);
    border-radius: 0 4px 4px 4px;
}

.question .problem.right {
    background: var(--blue50);
    border-radius: 4px 0 4px 4px;
    color: var(--text-white);
}

.question .problem.left img,
.question .problem.right img {
    max-height: 100px;
}

/*------VIP会员开通/会员中心--------*/
/*会员开通、会员中心的顶部*/
.viphub {
    position: relative;
}

.viphub .rtopbg_ban span {
    color: var(--white60);
    margin: 0 8px;
}

.viphub .rtopbg_ban .on {
    color: var(--text-white);
    font-weight: bold;
}

.viphub_banner {
    background: url(../images/vip/vip_bg.jpg) no-repeat center;
    background-size: 100% auto;
    cursor: pointer;
    padding-bottom: 20px;
}
.viphub_banner.banhigh {height:192px;}


.viphelp,
.vipdetail {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 10px;
    right: 12px;
    background: url(../images/vip/icon_help.png) no-repeat center;
    background-size: 22px;
    display: block;
    z-index: 8;
}

.vipdetail {
    background: url(../images/vip/nav_time.png) no-repeat center;
    background-size: 22px;
    right: 45px;
}

.drill {
    background: url(../images/vip/goldDM.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: 44px;
    right: 18px;
    width: 93px;
    height: 86.5px;
    z-index: 10;
}

.mooncard .drill {
    background: url(../images/vip/platinumDM.png) no-repeat center;
    background-size: 100% auto;
}

.datacard .drill {
    background: url(../images/vip/dataDM.png) no-repeat center;
    background-size: 100% auto;
}

.mooncard .state {
    background: url(../images/vip/platinumbg.png) no-repeat center top;
    background-size: cover;
}

.datacard .state {
    background: url(../images/vip/databg.png) no-repeat center top;
    background-size: cover;
}

.state {
    /* background: url(../images/vip/goldbg.png) no-repeat center top;
    background-size: cover; */
    background: linear-gradient(90deg,#fef0d4,#ffd087);
    font-size: 12px;
    border-radius: 12px ;
    padding: 10px 5px;
    margin: 10px 12px;
    /* width: calc(100% - 34px); */
    /* height: 90px;top: 50px; */
    position: relative;overflow: hidden;z-index: 1;
}
.state::before {
    content: "";
    background: url(../images/vip/line.png)no-repeat center;
    background-size: 100%;
    width: 100%;
    height: 100px;
    right: -88px;
    top: -18px;
    transform: rotate(350deg);
    opacity: 0.3;
    position: absolute;
    z-index: -1;
}
.state .items{
    /* background: #fff6dd;
    border-top:solid 1px #e3cda7;
    margin-top:-10px; */
    background: var(--bg-color-1);
    padding:15px 0 ;
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.state .items .item{
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(20% - 8px);
    align-items: center;
    color: #996a4a;
}
.state .items .item img {width:26px;height:26px;padding:4px;border:1px solid rgba(210,148,42,0.2);border-radius:50%;}

.stateitem {padding-top: 40px;}
.state.moon {background:linear-gradient(45deg,#757e9b 50%,#98a4cc,#7682a9);}
.state.season{background:linear-gradient(45deg,#ad8041 50%,#edbc76,#c78a36);}
.state.year{background:linear-gradient(45deg,#331f10 50%,#9e7b61,#6b4324);}
/* .state.data {background: linear-gradient(135deg, #ffdec1, #fff2dd, #ffb99e);} */
.state.data{background:linear-gradient(90deg,#d4e7ff,#9fc3f1);}
.state.noad{background:linear-gradient(90deg,#e6fff1,#8fccaa);}
.state.nobg {background: var(--white10);width: calc(100% - 24px);padding: 0;border-radius: 30px;}
.state.nobg::before {display: none;}
.state.nobg .stateleft {color: var(--text-white);padding: 10px 12px;display: block;}
.state .continueBtn {font-size: 12px;font-weight: bold;line-height: 20px;letter-spacing: 0px;top: 6px;width: auto;height: auto;padding: 4px 15px;border: none;border-radius: 30px;}
.stateinfo{font-size:16px;font-weight:bold;padding-left:10px;display:inline-block;}
.stateinfo span{color:#666;font-size:14px;font-weight:normal;margin-top:3px;display:block;}

.vipinlet .state {padding: 0;margin: 0 12px;}
.vipinlet .state::before {opacity: 0.12;}
.state.high {height:135px !important;}
.data .state_v {
    background: url(../images/vip/vipcenter_dbg_v.png) no-repeat center right;
    background-size: auto 90px;
    width: 100%;
    height: 90px;
}

.state_v {
    /*background:url(../images/vip/vipcenter_bg_v.png) no-repeat center right;background-size:auto 90px;*/
    /* height: 90px; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.state_open {
    padding: 14px 16px;
    position: relative;
    line-height: 32px;
}

.state_centre {
    padding: 6px 12px;
    position: relative;
    width: 100%;
}

.state_open .state_title,
.state_centre .state_title {}

.vipnickname {display: flex;align-items: center;padding: 4px 0;}
.vipnickname img {width: 16px;height: 16px;object-fit: cover;margin-right: 4px;}
.vipnickname .illustrate {color:var(--text-color-1);font-size:11px;}
.vipnickname .name {color: #333;font-size:13px;font-weight:bold;margin-right: 4px;}
.vipinletbg_v a,
.state_open .state_title .vipnickname a,
.state_centre .state_title .vipnickname a
{font-size:16px;font-weight:bold;line-height:30px;color:#333;}
.state_open .state_title .vipnickname span,
.state_centre .state_title .vipnickname span 
{color:#666;font-size: 12px;font-weight:normal;}

.state.moon .vipnickname .name,.state.season .vipnickname .name,.state.year .vipnickname .name {color: var(--text-white);}
.state.moon .vipnickname .des,.state.season .vipnickname .des,.state.year .vipnickname .des {color: var(--white60);}
.state .state_v .continueBtn {background: linear-gradient(90deg,#bd7b3b,#573412);/*color: #8C4600;*/}
.state.moon .state_v .continueBtn {background: linear-gradient(130deg,#fafbff 20%,#cdd1d9 70%,#fff);color: #434c68;}
.state.year .state_v .continueBtn {background:linear-gradient(90deg,#f7f0c4,#e2b24c);color:#73410c;}

.icon-vip {
    width: 26px;
    height: 14px;
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    margin: 0 0 4px 6px;
}

.icon-vip.metals {
    background: url(../images/vip/icon-vip-metals.png) no-repeat center;
    background-size: 26px 14px;
}

.vipnickname .grade {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    vertical-align: -3px;
    display: inline-block;
}

.vipnickname .grade.img1 {
    background: url(../Images/vip/vip_grade_1.png) no-repeat center center;
    background-size: 60px 16px;
    width: 60px;
}

.vipnickname .grade.img2 {
    background: url(../Images/vip/vip_grade_2.png) no-repeat center center;
    background-size: 60px 16px;
    width: 60px;
}

.vipnickname .grade.img3 {
    background: url(../Images/vip/vip_grade_3.png) no-repeat center center;
    background-size: 60px 16px;
    width: 60px;
}

.vipnickname .grade.img4 {
    background: url(../Images/vip/vip_grade_4.png) no-repeat center center;
    background-size: 60px 16px;
    width: 60px;
    vertical-align: -2px;
}

.vipnickname .grade.img5 {
    background: url(../Images/vip/icon_gold.png) no-repeat center center;
    background-size: 16px;
}

.vipnickname .grade.img6 {
    background: url(../Images/vip/icon_yin.png) no-repeat center center;
    background-size: 16px;
}

.vipnickname .grade.img7 {
    background: url(../Images/vip/yearC.svg) no-repeat center center;
    background-size: 45px 16px;
    width: 45px;
    vertical-align: -2px;
}

.vipnickname .grade.img8 {
    background: url(../Images/vip/moonC.svg) no-repeat center center;
    background-size: 45px 16px;
    width: 45px;
    vertical-align: -2px;
}

.vipnickname .grade.img9 {
    background: url(../Images/vip/dataC.svg) no-repeat center center;
    background-size: 45px 16px;
    width: 45px;
    vertical-align: -2px;
}

.icon-vip.red {
    background: url(../images/vip/icon-vip-red.png) no-repeat center;
    background-size: 26px 14px;
}


.illustrate {
    color: #595959;
    line-height: 16px;
    font-size: 12px;
    vertical-align: 1px;
}

.illustrate i {
    background: url(../Images/vip/zs.png) no-repeat center center;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: -3px;
    display: inline-block;
}

.illustrate span {
    color: var(--red40);
    padding: 0 2px;
    font-weight: 600;
}

.state .Recharge {
    display: inline-block;
    margin-bottom: 6px;
}

.state .Recharge .schedule {
    background: #4e301c;
    line-height: 8px;
    margin: 0 5px 0 0;
    width: 200px;
    border-radius: 6px;
    display: inline-block;
    height: 8px;
}

.state .Recharge .schedule i {
    height: 8px;
    float: left;
    background: linear-gradient(90deg, #f44535, #fb8c01);
    border-radius: 5px;
}

.mooncard .state .Recharge .schedule i {
    background: linear-gradient(90deg, #1c79cd, #58c8da);
}

.payCount {
    color: #8C4600;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    background: url(../images/vip/QBpay.png) no-repeat right center;
    background-size: 16px;
    padding: 0 18px 0 6px;
    display: inline-block;
    font-weight: 600;
}

.continueBtn {
    /* background: var(--yellow2); */
    background: linear-gradient(90deg,#ffae06,#ff3a06);
    color: var(--text-white);
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    width: 75px;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 12px;
    border: solid 1px #f7d395;
    overflow: hidden;
}
.continueBtn::before {
    content: "";
    background: linear-gradient(80deg,transparent,rgba(255,255,255,0.15),transparent);
    width: 30px;
    height: 100%;
    left: -100px;
    top: 0;
    position: absolute;
    animation: flash 2s ease infinite;
    z-index: 1;
}
@keyframes flash {
    0%{left:-100px;}
    30%{left:100%;}
    100%{left:200%;}
}
.mooncard .continueBtn {
    background: #589CDA;
    color: #fff;
}

.datacard .continueBtn {
    background: #fff1f1;
    color: var(--red40);
}

.preferential {
    border-top: 1px dashed rgba(53, 53, 53, 0.3);
    height: 38px;
    background: url(../images/vip/preferential.png) no-repeat left center;
    background-size: 16px 16px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;
    color: var(--red40);
    position: relative;
}

.preferential .RechargeBtn {
    background: linear-gradient(90deg, #f44535, #fb8c01);
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    top: 50%;
    position: absolute;
    right: 0;
    color: var(--white);
    font-size: 12px;
    height: 24px;
    margin-top: -11px;
    line-height: 24px;
    width: 68px;
    font-weight: 600;
}

/*会员开通*/
.bottomwrap_open {
    width: 100%;
    margin: -10px 0 0;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(to bottom, #faeed6, #fff, #fff);
    z-index: 9999 !important;
    position: absolute;
}

.Equitytop {
    width: 100%;
    height: 50px;
    margin: 20px 0 0;
    position: relative;
}

.Equitytit {
    width: 180px;
    font-size: 16px;
    color: #333;
    text-align: center;
    height: 24px;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    margin: 12px auto;
}

.Equitytit::before,
.Equitytit::after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #e1e1e1;
    margin: auto;
}

.Equitytit span {
    background-color: #faeed6;
    padding: 0 20px;
    font-weight: 600;
    color: #58441d;
}

.Equity-html {
    width: calc(100% - 20px);
    display: block;
    margin: 0 10px;
}

.Equity-html li {
    float: left;
    display: block;
    padding: 0 0 16px;
    width: 25%;
    border-radius: 4px;
    transition: all .2s ease;
    position: relative;
}

.Equity-html li .vipicon {
    height: 48px;
    width: 48px;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.Equity-html li .vipicon.VIP_ai {
    background: url(../images/vip/VIP_ai.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_Unlock {
    background: url(../images/vip/VIP_Unlock.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_openqb {
    background: url(../images/vip/VIP_openqb.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_openqq {
    background: url(../images/vip/VIP_openqq.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_EW {
    background: url(../images/vip/VIP_warning.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_percent {
    background: url(../images/vip/VIP_percent.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_intact {
    background: url(../images/vip/VIP_intact.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_zhibo {
    background: url(../images/vip/VIP_live.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_yidong {
    background: url(../images/vip/VIP_fluctuation.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_guanzhu {
    background: url(../images/vip/VIP_infattention.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_youhuiquan {
    background: url(../images/vip/VIP_coupon.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_huicha {
    background: url(../images/vip/VIP_huicha.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_JcSupport {
    background: url(../images/vip/VIP_jc.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_MacaoRecommend {
    background: url(../images/vip/VIP_mc.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_nickname {
    background: url(../images/vip/VIP_nickname.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_give {
    background: url(../images/vip/VIP_give.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_ad {
    background: url(../images/vip/VIP_ad.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_cs {
    background: url(../images/vip/VIP_cs.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_GMM {
    background: url(../images/vip/VIP_GMM.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_VS {
    background: url(../images/vip/VIP_vs.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_setup {
    background: url(../images/vip/VIP_setup.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .vipicon.VIP_consult {
    background: url(../images/vip/VIP_consult.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_EToA {
    background: url(../images/vip/VIP_EToA.png) no-repeat center center;
    background-size: 48px;
}
.Equity-html li .vipicon.VIP_ant {
    background: url(../images/vip/VIP_ant.png) no-repeat center center;
    background-size: 48px;
}

.Equity-html li .eqname {
    font-size: 12px;
    font-weight: 600;
    color: #8C4600;
    text-align: center;
    margin-top: 2px;
}

.plan {
    position: absolute;
    top: -4px;
    right: -24px;
    transform: scale(0.9);
}

.plan-word {
    padding: 2px 2px 4px;
    background-color: #b3b3b3;
    color: var(--text-white);
    line-height: 10px;
    border-radius: 2px;
    font-size: 8px;
}

.plan-triangle {
    width: 0;
    height: 0;
    border-top: 4px solid #b3b3b3;
    border-bottom: 0 none;
    border-left: 4px solid transparent;
    border-right: 3px solid transparent;
    vertical-align: middle;
    margin-left: 8px;
    transition: all 300ms;
}

.plan2 {
    position: absolute;
    top: -6px;
    right: -5px;
    transform: scale(0.9);
}

.plan-year {
    background-color: #FF5106;
    color: var(--text-white);
    border-radius: 50%;
    width: 18px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    font-size: 10px;
}

.clear {
    clear: both
}

.vipbanner {
    width: calc(100% - 32px);
    border-radius: 8px;
    position: relative;
}

.vipbanner img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.bannerword {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 168px;
    font-size: 14px;
    color: var(--text-white);
    line-height: 18px;
}

.bannerword .bannertit {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}

.rightList2 {
    padding: 12px 16px 10px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.pricewrap {
    width: 31%;
    border: 1px solid var(--border-1);
    text-align: center;
    border-radius: 8px;
    color: var(--text-color-1);
    padding: 14px 0 12px;
    background-color: var(--bg-color-1);
}

.pricewrap:hover {
    border: 1px solid #9ecdf3;
    background-color: var(--white-bg);
    box-shadow: 5px 7px 8px -5px rgb(149 166 185 / 35%);
}

.pricewrap.on {
    border: solid 2px var(--yellow60);
    position: relative;
    overflow: hidden;
    color: #8c4600;
    background-color: #fffbf0;
    padding: 12px 0 10px;
}

.pricewrap.on::before {
    background-color: var(--yellow60);
    color: var(--text-white);
    content: "";
    font-size: 9px;
    width: 48px;
    text-align: center;
    position: absolute;
    height: 14px;
    right: -20px;
    padding: 0 0 5px 0;
    line-height: normal;
    bottom: -2px;
    display: block;
    transform: rotate(-45deg);
}

.pricewrap.on::after {
    content: "";
    display: table;
    width: 4px;
    height: 10px;
    position: absolute;
    bottom: 3px;
    right: 4px;
    border: 2px solid var(--white);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1);
    transition: all .2s ease-in-out;
}

.pricewrap .pricetit {
    font-size: 14px;
}

.pricewrap .final {
    font-size: 24px;
    font-weight: 600;
    line-height: 22px;
    padding: 4px 0 2px;
}

.pricewrap .ext {
    color: var(--text-color-3);
    font-size: 12px;
}

.pricewrap .ext .price {
    color: #8c4600;
    text-decoration: line-through;
    padding: 0;
}

.pricewrap .type {
    font-size: 14px;
    color: var(--text-color-3);
}

.pricewrap .type span {
    font-size: 14px;
    line-height: 22px;
    padding-left: 6px;
}

.pricewrap .type span i {
    text-decoration: line-through;
    margin-right: 2px;
}

.buyword {
    background-color: var(--white-bg);
    padding: 4px 0 16px;
}

.readtips {
    line-height: 32px;
    display: table;
    margin-left: 16px;
    font-size: 12px;
    margin: 0 auto;
}

.readtips input {
    border-radius: 3px;
    margin-right: 5px;
    vertical-align: -1px;
}

.readtips a {
    color: var(--blue50);
}

.buybu {
    background-color: var(--yellow60);
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 0 16px;
    border-radius: 30px;
    color: var(--text-white);
    font-size: 16px;
    font-weight: 600;
}

.iconopen {
    font-size: 18px !important;
    font-weight: normal;
    vertical-align: 2px;
}

.iconopen.a:before {
    margin-right: 4px;
    color: #8c4600;
}

.iconopen.b:before {
    margin-right: 4px;
    color: var(--text-color-1);
}

/*会员中心*/
.msgInfo{
    background: #fff8ea;
    top: 160px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    padding:0 10px;
    font-size: 14px;
    box-sizing: border-box;
    color: #6d4409;
    position: relative;
}
.msgInfo i{
    position: absolute;
    right: 5px;
    top:10px;
    border: 5px solid transparent;
    border-left-color: #58441d;
    width: 0;
    height: 0;
}
.salebox {
    background: var(--bg-color-1);
    width: 100%;
    padding:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: fixed;
    left:0;
    bottom: 0;
    box-sizing: border-box;
    z-index: 10000;
}
.fixedBox{display:flex;gap:10px;}
.fixedBox .btn{width:40%;border:solid 1px #ffebbc;border-radius:8px;font-size:15px;line-height:26px;text-align:center;display:flex;flex-direction:column;padding:38px 0 10px 0;color:#714709;background:#fff8ea;margin-left:18px;}
.fixedBox .btn .dates{background:linear-gradient(60deg,#ab7b33,#714709);color:#fff4df;font-size:12px;text-align:center;width:60%;border-radius:0 0 10px 10px;top:0;left:50%;transform:translateX(-50%);position:absolute;}
.fixedBox .btn .price{font-weight:bold;font-size:22px;color:#333333;}
.fixedBox .btn .subPrice{font-size:14px !important;padding:0 5px;color:rgba(0,0,0,0.5);}
.salebox .popinfo {margin-top: 5px;text-align:center;}
.salebox .popinfo input {vertical-align: -2px;margin-right: 2px;}

.bottomwrap_centre {
    width: 100%;
    margin: -20px 0 0;
    padding-bottom: 30px;
    border-radius: 12px 12px 0 0;
    background-color: var(--bg-color-4);
    z-index: 9999 !important;
  
    overflow: hidden;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.vipbtn {
    background: var(--bg-hightlight-3);
    color: var(--text-white);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 6px;
    width: 80%;
    border-radius: 20px;
    box-shadow: 0 2px 20px var(--bg-hightlight-3);
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
    z-index: 99999;
}

.asslist {
    padding: 0 10px;
}

.vipmodule {
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: var(--white-bg);
    /*border:1px solid #ffd77a;*/
    overflow: hidden;
}

.vipmodule.Gradientbg {
    background: linear-gradient(179deg, #ffefe9, #fff);
    /*border:1px solid #ffd77a;*/
}

.vipmodule .viptit {
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 30px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color-1);
    position: relative;
    border-bottom: 1px solid var(--border-1);
}

.vipmodule .viptit.iconUnlock {
    background: #F2EAE7 url(../images/vip/VIP_Unlock_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconai {
    background: #F2EAE7 url(../images/vip/VIP_ai_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconintact {
    background: #F2EAE7 url(../images/vip/VIP_intact_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconad {
    background: #F2EAE7 url(../images/vip/VIP_ad_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconcs {
    background: #F2EAE7 url(../images/vip/VIP_cs_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.icongive {
    background: #F2EAE7 url(../images/vip/VIP_give_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconGMM {
    background: #F2EAE7 url(../images/vip/VIP_GMM_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconFT {
    background: #F2EAE7 url(../images/vip/VIP_fluctuation_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconconsult {
    background: #F2EAE7 url(../images/vip/VIP_consult_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconEToA {
    background: #F2EAE7 url(../images/vip/VIP_EToA_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconJcSup {
    background: #F2EAE7 url(../images/vip/VIP_JcSup_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconMcRecom {
    background: #F2EAE7 url(../images/vip/VIP_McRecom_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconEW {
    background: #F2EAE7 url(../images/vip/VIP_warn_tit.png) no-repeat 8px center;
    background-size: 18px;
}
.vipmodule .viptit.iconPT {
    background: #F2EAE7 url(../images/vip/VIP_pt_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.vipmodule .viptit.iconVS {
    background: #F2EAE7 url(../images/vip/VIP_VS_tit.png) no-repeat 8px center;
    background-size: 18px;
}

.orange-rate {
    background: var(--bg-hightlight-3);
    color: var(--text-white);
    float: left;
    padding: 2px 6px 1px 6px;
    line-height: 11px;
    font-size: 10px;
    text-align: center;
    margin-left: 4px;
    border-radius: 20px;
    font-weight: 400;
}

.vipmodule .viptit span {
    font-weight: 500;
    padding-left: 4px;
}

.vipmodule .viptit .vipmore {
    position: relative;
    height: 38px;
    width: 48px;
    float: right;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 38px;
    color: var(--text-color-2);
    font-weight: 500;
    font-size: 12px;
}

.vipmodule .viptit .vipmore i {
    transform: rotate(45deg);
    -webkit-transform: rotate(225deg);
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 16px;
    border-left: 1px solid var(--text-color-2);
    border-bottom: 1px solid var(--text-color-2);
    z-index: 9999;
}

.vipmodule .viptit .year {
    background-color: var(--red40);
    color: var(--text-white);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -5px;
    font-weight: 500;
}

.match {
    padding: 9px 0;
    border-bottom: 1px solid #F2EAE780;
    background: var(--white-bg);
}

.viphub .match:nth-child(4) {
    border: none;
}

.match .time {
    color: var(--text-color-3);
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    margin: 4px;
}

.match .time span {
    padding: 0 2px;
}

.match .infobox {
    margin: 6px 0;
    text-align: center;
}

.match:last-child {
    border: none;
}

.infobox .hometeam {
    float: left;
    width: 41%;
    text-align: right;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-left: 2%;
}

.infobox .guestteam {
    float: right;
    width: 41%;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-right: 2%;
}

.teamicon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 4px;
    vertical-align: middle;
}

.infobox .VS {
    position: relative;
    float: left;
    width: 14%;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: var(--text-color-3);
}

.infobox .VS.basketball {
    font-size: 11px;
}

.infobox .VS.red {
    font-weight: 600;
    color: var(--red40) !important;
}

.infobox .recresult {
    background: var(--bg-hightlight-11);
    color: var(--red40);
    border: 1px solid var(--border-hightlight-3);
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    width: 55%;
    padding: 3px 10px;
    margin: 5px auto;
    border-radius: 20px;
}

.infobox .recresult.tip {
    background: var(--bg-hightlight-9);
    color: var(--blue50);
    border-color: var(--border-hightlight-4);
}

.ew-result-win {
    position: relative;
    width: 100%;
}

.ew-result-win .icon {
    color: var(--text-color-3);
    font-size: 20px;
    font-weight: normal;
    margin-left: 5px;
    vertical-align: -2px;
    cursor: pointer;
    position: absolute;
    bottom: 4px;
    right: 14%;
}

.ew-result-win .icon-font-_help:before {
    font-size: 16px;
}

.match .infobox .ew-result-win .icon {
    bottom: 8px;
}

.authorline {
    width: calc(100% - 20px);
    padding: 0 10px;
}

.authorline li {
    float: left;
    color: var(--text-color-1);
    display: block;
    padding: 12px 0.5%;
    margin: 0;
    text-align: center;
    border: none;
    width: 19%;
}

.authorline li .icon {
    width: 36px;
    height: 36px;
    margin: 0 auto 4px;
    border-radius: 50%;
    overflow: hidden;
}

.authorline li .icon img {
    width: 100%;
    height: 100%;
}

.authorline li .nickname {
    width: 100%;
    margin-bottom: 4px;
    color: var(--text-color-1);
    line-height: 14px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.authorline li .LianHong {
    margin: 0 auto;
    float: none;
}

.vipext {
    color: var(--text-color-3);
    border-top: 1px dashed #F2EAE780;
    font-size: 12px;
    text-align: left;
    padding: 5px 10px;
}

.columns {
    position: relative;
    font-size: 16px;
    margin: 0 12px;
    color: var(--red40);
    border-bottom: 1px solid var(--border-1);
    padding: 16px 0;
}

.viphub .columns:nth-child(2) {
    border: none;
}

.columns .obvious {
    color: var(--red40);
    font-weight: 600;
}

.columns .menubtn {
    position: absolute;
    right: 0;
    top: 50%;
    background: linear-gradient(90deg, #f44535, #fb8c01);
    width: 70px;
    text-align: center;
    color: var(--text-white);
    height: 26px;
    margin-top: -14px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
}

.columns {
    position: relative;
    font-size: 15px;
    margin: 0 12px;
    color: var(--text-color-1);
    border-bottom: 1px solid var(--border-1);
    padding: 14px 0;
    font-weight: 600;
}

.vipmodule textarea {
    background: var(--white-bg);
    border: none !important;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    height: 30px;
    text-align: center;
    padding: 4px 0;
    overflow-y: auto;
}

.columns .contact {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background-color: var(--bg-color-2);
    border: 1px solid var(--border-1);
    text-align: center;
    color: var(--text-color-4);
    border-radius: 4px;
}

.columns .contact.on {
    background-color: #fffbf0;
    border: 1px solid var(--yellow60);
    color: var(--yellow60);
}

.rtopbg_ban_back {
    border-left: 2px solid var(--white) !important;
    border-bottom: 2px solid var(--white) !important;
}

.columns .contact .vipbicon,
.columns .contact.on .vipbicon {
    margin-right: 4px;
    width: 25px;
    display: inline-block;
}

.icon-customerservice::before {
    font-size: 20px;
}

.icon-customerservice.on::before {
    font-size: 20px;
    color: var(--yellow60);
}

/*---开关---*/
.switch {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    line-height: 28px;
}

.switch .switch-style {
    height: 24px;
    width: 46px;
    background: var(--bg-color-3);
    -webkit-border-radius: 3px;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    float: right;
    margin-top: 2px;
}

.switch .switch-style:before {
    display: block;
    content: '';
    height: 22px;
    position: absolute;
    width: 22px;
    background-color: var(--white-bg);
    -webkit-border-radius: 2px;
    border-radius: 50%;
    left: 0.1em;
    top: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.switch>input[type="checkbox"]:checked+.switch-style:before {
    left: 50%;
}

.switch>input[type="checkbox"]:checked+.switch-style:after {}

.switch .switch-span:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.newsetting .selectbox span.on,
.switch>input[type="checkbox"]:checked+.switch-style {
    background: #c98a34;
}

.vipmodule input {
    display: none;
}

.Equityslot {
    margin-bottom: 10px;
    background: linear-gradient(179deg, #fff8e9, #fff);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.mooncard .Equityslot {
    background: linear-gradient(179deg, #e9f0ff, #fff);
}

.datacard .Equityslot {
    background: linear-gradient(179deg, #ffe9e9, #fff);
}

.Equityretract {
    padding-top: 10px;
}

.retracttit {
    width: 200px;
    font-size: 12px;
    color: #333;
    text-align: center;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}

.retracttit::before,
.retracttit::after {
    content: "";
    flex: 1;
    background: linear-gradient(90deg, transparent, #ccc);
    height: 1px;
    margin: auto;
}

.retracttit::after {
    transform: rotate(180deg);
}

.retracttit span {
    padding: 0 10px;
    font-weight: 600;
    color: #58441d;
}

.arrow {
    width: 14px;
    height: 14px;
    cursor: pointer;
    transition: all 0.2s linear;
    z-index: 5;
    margin: 0 auto;
    display: block;
    position: relative;
}

.arrow::after {
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    border: 1px solid #aaa;
    border: 5px solid transparent;
    border-bottom-color: #58441d;
    width: 0;
    height: 0;
}

/*.arrow.up,.arrow:hover{transform:rotate(180deg);}
*/
.arrow.up:hover {
    transform: rotate(0deg);
}

.arrow.on::after {
    transform: rotate(180deg);
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    border: 1px solid #aaa;
    border: 5px solid transparent;
    border-bottom-color: #58441d;
    width: 0;
    height: 0;
    margin-top: 4px;
}

/*续费会员弹窗*/
.bgshow {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: #333;
    z-index: 99999;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.popupPlanes {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999999;
    height: 200px;
    width: 90%;
    max-width: 640px;
}

.popupPlanes .e_pinp {
    background: #fff;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 20px rgba(24, 33, 40, .2);
    padding-bottom: 14px;
}

.popupPlanes .e_pinp h3 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    text-align: center;
    margin: 0px;
    text-align: center !important;
    position: relative;
    font-weight: 600;
    padding-top: 6px;
}

.closebtn {
    position: absolute;
    right: 8px;
    top: 12px;
    padding: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.closebtn:before,
.closebtn:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 1px;
    top: 13px;
    left: 5px;
    background-color: #888;
}

.closebtn:before {
    transform: rotate(45deg);
}

.closebtn:after {
    transform: rotate(-45deg);
}

.buybu.win {
    margin-top: 10px;
}

.box-img-out.bottom {
    margin-bottom: 10px;
    height: 133px;
}

/*CMM预测分布*/
.predictionbg {
    background: url(../images/vip/predictionbg.jpg) no-repeat center -10px;
    background-size: 100% auto;
    cursor: pointer;
    padding-top: 36px;
    background-repeat: no-repeat;
}

.predictiontit {
    color: var(--text-white);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}

.predictionbox {
    margin: 0 12px;
}

.exclusive {
    width: 88px;
    height: 20px;
    border-radius: 10px 10px 0 0;
    background: url(../images/vip/vipcenter_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    color: #8C4600;
    font-size: 11px;
    margin: 0 auto;
    padding-left: 20px;
}

.exclusive span {
    padding-left: 4px;
}

.icon-vip.metals.pre {
    background-size: 19px 10px;
    width: 19px;
    height: 10px;
    margin: 0
}

.predictioncon {
    width: 100%;
    background-color: var(--bg-color-1);
    border-radius: 12px;
}

.preAgainst {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    padding: 0 14px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 10px;
    margin: 0 12px 12px;
}

.preAgainst .titem {
    text-align: center;
    flex: 1;
    overflow: hidden;
    -webkit-box-flex: 1;
}

.preAgainst .titem img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 1px;
}

.preAgainst .titem p {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: var(--text-color-1);
    text-align: center;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.preAgainst .vs {
    text-align: center;
    width: 24%;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
    padding-top: 20px;
}

.predata {
    margin: 0 20px 10px;
    padding: 10px 24px 6px;
    border-radius: 6px;
}

.predata.host {
    background-color: #fffbf0;
}

.predata.visitor {
    background-color: #F0FAFF;
}

.pdatatitlebox {
    width: 180px;
    height: 20px;
    margin: 0 auto 10px;
}

.pdatatitle {
    font-size: 12px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
}

.pdatatitle.host::before,
.pdatatitle.host::after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid var(--text-hightlight-5);
    margin: auto;
    opacity: 0.5;
}

.pdatatitle.visitor::before,
.pdatatitle.visitor::after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid var(--text-hightlight-1);
    margin: auto;
    opacity: 0.5;
}

.pdatatitle span {
    padding: 0 8px;
}

.pdatatitle.host {
    color: var(--text-hightlight-5);
}

.pdatatitle.visitor {
    color: var(--text-hightlight-1);
}

.dataterm {
    height: 14px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 10px;
}

.datatermtit {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin-right: 6px;
}

.datatermtit i {
    background: var(--text-color-2);
    height: 2px;
    width: 2px;
    border-radius: 2px;
    overflow: hidden;
    display: inline-block;
    margin: 0 6px;
    margin-bottom: 3px;
}

.proportion {
    background-color: var(--bg-color-3);
    width: 200px;
    height: 6px;
    border-radius: 3px;
    width: 180px;
}

.proportion .bar {
    height: 6px;
    border-radius: 3px;
}

.proportion .bar.orange {
    background: var(--bg-hightlight-3);
}

.proportion .bar.green {
    background: var(--bg-hightlight-7);
}

.proportion .bar.red {
    background: var(--bg-hightlight-5);
}

.regulartime {
    color: var(--text-color-3);
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 12px;
}

.pointto {
    font-size: 14px !important;
    color: var(--gray30);
    padding-left: 2px;
}

.result {
    margin: 0 20px 10px;
    padding: 24px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
    border-radius: 6px;
    background: #FFEBEE;
    color: var(--text-hightlight-3);
    overflow: hidden;
    position: relative;
}

.result .cmmhit {
    position: absolute;
    right: -2px;
    bottom: -5px;
    width: 42px;
    height: 41px;
    background: url(../images/mingzhong2.png) no-repeat center center;
    background-size: 42px 41px;
}

.red {
    color: var(--text-hightlight-3);
}

.green {
    color: var(--text-hightlight-2);
}

/*会员中心-dark*/
.theme--dark .vipmodule textarea {
    background-color: #191919;
}

.rtopbg_ban_back {
    border-left: 2px solid var(--white) !important;
    border-bottom: 2px solid var(--white) !important;
}

.theme--dark .bottomwrap_open {
    background: linear-gradient(to bottom, #745f36, #3b3324, #191919, #191919);
}

.theme--dark .Equity-html li .vipicon.VIP_ai {
    background: url(../images/vip/VIP_ai_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_Unlock {
    background: url(../images/vip/VIP_Unlock_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_EW {
    background: url(../images/vip/VIP_warning_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_percent {
    background: url(../images/vip/VIP_percent_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_openqb {
    background: url(../images/vip/VIP_openqb_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_openqq {
    background: url(../images/vip/VIP_openqq_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_intact {
    background: url(../images/vip/VIP_intact_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_zhibo {
    background: url(../images/vip/VIP_live_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_yidong {
    background: url(../images/vip/VIP_fluctuation_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_guanzhu {
    background: url(../images/vip/VIP_infattention_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_youhuiquan {
    background: url(../images/vip/VIP_coupon_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_huicha {
    background: url(../images/vip/VIP_huicha_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_JcSupport {
    background: url(../images/vip/VIP_jc_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_MacaoRecommend {
    background: url(../images/vip/VIP_mc_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_nickname {
    background: url(../images/vip/VIP_nickname_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_give {
    background: url(../images/vip/VIP_give_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_ad {
    background: url(../images/vip/VIP_ad_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_cs {
    background: url(../images/vip/VIP_cs_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_GMM {
    background: url(../images/vip/VIP_GMM_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_EToA {
    background: url(../images/vip/VIP_EToA_dark.png) no-repeat center center;
    background-size: 48px;
}
.theme--dark .Equity-html li .vipicon.VIP_VS {
    background: url(../images/vip/VIP_vs_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_setup {
    background: url(../images/vip/VIP_setup_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .vipicon.VIP_ant {
    background: url(../images/vip/VIP_ant_dark.png) no-repeat center center;
    background-size: 48px;
}

.theme--dark .Equity-html li .eqname {
    color: #f6bd69;
}

.theme--dark .Equitytit span {
    background-color: #6b5833;
    color: #B29253;
}

.theme--dark .Equitytit::before,
.theme--dark .Equitytit::after {
    border-bottom: 1px solid #988c75;
}

.theme--dark .pricewrap.on {
    background-color: #49300c;
    color: #f6bd69;
}

.theme--dark .buyword {
    background: #191919;
}

.theme--dark .plan-word {
    background-color: #262626;
    color: #818181;
}

.theme--dark .pricewrap {
    border: 1px solid #3a3a3a;
}

.theme--dark .pricewrap.on {
    border: solid 2px var(--yellow60);
}

.theme--dark .columns .contact.on {
    background-color: #49300c;
    border: 1px solid var(--yellow60);
    color: var(--yellow60);
}

.theme--dark .icon-customerservice.on::before {
    font-size: 20px;
    color: var(--yellow60);
}

.theme--dark .iconopen.a:before {
    color: #f6bd69;
}

.theme--dark .predata.host {
    background-color: #49300C;
}

.theme--dark .predata.visitor {
    background-color: #0A2D49;
}

.theme--dark .result {
    background: #5C1715;
}

/*比分分析页-会员*/
.match.assay {
    padding: 0;
    overflow: hidden;
    display: inline-block;
    border-bottom: none;
    width: 100%;
    margin-bottom: 2px;
    border-radius: 0;
    margin-top: 0;
}

.fenxiBar {
    background: var(--bg-color-1);
    position: relative;
    width: calc(100% - 15px);
    line-height: 40px;
    font-size: 16px;
    padding: 0 5px 0 10px;
    border-bottom: 1px solid var(--border-1);
    margin-bottom: -1px;
    color: var(--text-color-1);
    clear: both;
    height: 41px;
}

.fenxiBar .query {
    vertical-align: middle;
    color: var(--bg-hightlight-5);
    font-size: 12px !important;
    margin-left: 2px;
    font-weight: 400;
}

.fenxiBar:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 12px;
    background-color: var(--text-hightlight-1);
    margin-right: 5px;
    vertical-align: -1px;
    border-radius: 20px;
    float: left;
    margin-top: 14px;
}

.predata.assay {
    margin: 12px 12px 10px !important;
}

.predata.visitor.assay {
    margin: 0 12px 10px !important;
}

.result.assay {
    margin: 0 12px 8px !important;
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 72px);
    display: inline-block;
}

.vipmore {
    position: relative;
    height: 38px;
    width: 80x;
    float: right;
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 38px;
    color: var(--text-color-3);
    font-weight: 500;
    font-size: 12px;
    margin-right: 10px;
}

.vipmore i {
    transform: rotate(45deg);
    -webkit-transform: rotate(225deg);
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 16px;
    border-left: 1px solid var(--text-color-3);
    border-bottom: 1px solid var(--text-color-3);
    z-index: 9999;
}

.assaylist {}

.vipassay {
    margin-bottom: 8px;
    background-color: var(--white-bg);
    display: inline-block;
    width: 100%;
}

.vipassay::after {
    content: "";
    display: block;
    clear: both;
}

.buybuass {
    background-color: var(--white-bg);
    overflow: hidden;
    padding: 10px 12px;
}

.buybuass a {
    width: 100%;
    padding: 10px 0;
    border-radius: 20px;
    background: var(--second-color);
    color: var(--text-white);
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.vip_qiuba {
    padding: 10px 14px 0;
    background-color: var(--bg-color-1);
    clear: both;
    line-height: 24px;
    font-size: 16px;
    font-style: normal;
    color: var(--text-color-1);
}

.smbottom {
    padding: 10px 14px 20px;
    background-color: var(--bg-color-1);
    clear: both;
    line-height: 20px;
    font-size: 12px;
    font-style: normal;
    color: var(--text-color-3);
}

/**/
.ballbox {
    border-bottom: 1px solid var(--border-1);
}

.ballbox .headinfo {
    background: var(--bg-color-1);
    width: 30px;
    height: 30px;
    border-radius: 4px;
    float: left;
    position: relative;
}

.ballbox .username2 {
    color: var(--text-color-1);
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
    margin: 4px 0 0 8px;
    float: left;
}

.ballbox .username2 span {
    font-weight: normal;
    font-size: 12px;
    color: var(--text-color-2);
}

.ballbox .state {
    background: var(--gray40);
    color: var(--text-white);
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    margin-left: 4px;
}

.ballbox .activity {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    float: left;
    position: relative;
    margin-right: 6px;
    color: var(--text-white);
    line-height: 42px;
    text-align: center;
    font-size: 14px;
}

.ballbox .activity.color1 {
    background: var(--blue50);
}

.ballbox .activity.color2 {
    background: var(--green60);
}

.ballbox .activity.color3 {
    background: var(--yellow60);
}

.ballbox .info.notice {
    margin-top: 2px;
    color: var(--text-color-3);
    padding: 0;
    font-size: 12px;
}

.ballbox .info .noticetit {
    font-size: 14px;
    color: var(--text-color-1);
}

.ballbox .info .noticetit .time {
    float: right;
    color: var(--text-color-3);
    font-size: 12px;
    position: relative;
}

.ballbox .info .noticetit .time .have {
    right: -6px;
}

.ballbox .info .noticetext {
    color: var(--text-color-3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ballbox .info {
    color: var(--text-color-1);
    position: relative;
    min-height: auto;
    width: initial;
    float: none;
    padding: 14px;
}

.select .tab {
    position: relative;
}

/*--------- 实力对比 --------*/
.strength .match {
    border-color: var(--border-1);
}

.strengthbox {
    padding: 10px 10px 0;
}

.strengthbar {
    background: var(--blue50);
    height: 8px;
    border-radius: 20px;
    width: calc(100% - 100px);
    margin: 3px auto;
    display: inline-block;
    overflow: hidden;
}

.strengthbar .home {
    background: var(--red40);
    height: 8px;
    border-radius: 10px;
    float: left;
}

.strengthbox .grade {
    min-width: 34px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    font-family: "Sofascore Sans Condensed", sans-serif;
}

.strengthbox .hs {
    color: var(--red40);
}

.strengthbox .gs {
    color: var(--blue50);
}

.strengthbox .Ht {
    background: var(--red40);
    float: right;
}

.strengthbox .Gt {
    background: var(--blue50);
    float: left;
}

.t-l {
    text-align: left;
    padding-left: 5px;
}

.t-r {
    text-align: right;
    padding-right: 5px;
}

.strengthdetail .strengthbar {
    width: 100%;
}

.strengthbox .teamitem {
    color: var(--text-color-2);
    font-size: 12px;
    text-align: center;
}

.teamitem .tname {
    font-size: 11px;
    vertical-align: 3px;
}

.radarbox {
    min-height: 200px;
    padding: 10px;
    text-align: center;
}

.radarbox canvas {
    width: auto;
    height: 170px;
    margin: 0 auto;
}

.typebtnbox {
    padding: 10px;
}

.typebtnbox::after {
    content: "";
    clear: both;
    display: block;
}

.typebtnbox .typebtn {
    background: var(--bg-color-2);
    color: var(--text-color-2);
    font-size: 12px;
    text-align: center;
    width: calc(33.3% - 16px);
    padding: 5px;
    margin: 3px;
    border-radius: 4px;
    float: left;
}

.typebtnbox .typebtn.on {
    background: var(--blue70);
    color: var(--text-white);
}

.strengthbox .detailbox {
    margin-bottom: 10px;
}

.strengthbox .barbox .text {
    width: 88px;
    color: var(--text-color-2);
    font-size: 12px;
    display: inline-block;
}

.strengthbox .barbox .bar {
    background: var(--bg-color-3);
    width: calc(50% - 100px);
    height: 6px;
    border-radius: 10px;
    margin: 1px 0;
    display: inline-block;
    overflow: hidden;
}

.strengthbox .barbox .bar span {
    height: 6px;
    border-radius: 10px;
}

/* 分析页-会员频道-实力 */
.assay .vague {
    filter: blur(4px);
}

.match.assay.strengthdetail {
    overflow: initial;
    margin-bottom: 8px;
}

.assay .shpopubox {
    background: var(--bg-color-1);
    width: 90%;
    line-height: normal;
    padding-bottom: 5px;
    border-radius: 8px;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 0 20px var(--black20);
    z-index: 10;
}

.assay .shpopubox .tit {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 36px;
    margin: 0 12px;
    border-bottom: 1px solid var(--border-1);
    position: relative;
}

.assay .shpopubox .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -6px;
    top: 4px;
    cursor: pointer;
}

.assay .shpopubox .close::before,
.assay .shpopubox .close::after {
    content: "";
    background: var(--gray50);
    width: 14px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.assay .shpopubox .close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.assay .strengthbox {
    padding: 10px 20px 0;
}

.assay .exegesis {
    color: var(--text-color-3);
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin: 5px;
}

.viphub.strength .Equityslot {
    background: var(--bg-color-1);
    margin-bottom: 8px;
}

.viphub.strength .Equityretract {
    padding: 10px 0;
    margin: 6px;
}

.viphub.strength .retracttit {
    width: 90%;
}

.vipbanner {
    width: calc(100vw - 20px);
    float: left;
    display: flex;
    justify-content: center;
    flex: 1 0 auto;
    margin: 0 10px;
}

.bannerword {
    left: 8%;
}

.vipbanner img {
    width: 100%;
}

.box-img-in {
    width: auto;
    position: absolute;
    height: 120px;
    display: flex;
}

.box-img-out {
    width: 100vw;
    height: 126px;
    overflow: hidden;
    float: left;
    position: relative;
}

@media only screen and (min-width:414px) {
    .box-img-out {
        height: 150px;
    }
}

.highlight {
    color: #FFD77A;
    font-weight: bold;
}

.bgshow {
    position: fixed;
}

.count_red {
    color: red;
    padding-left: 0px !important;
}

.state .drill {
    top: -15px;
    right: 0;
}

/* 开通会员弹框 */
.opvip-popu {
    background: var(--bg-color-1);
    width: 100%;
    height: 85vh;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    border-radius: 8px 8px 0 0;
    z-index: 100000;
}

.opvip-popu .btnitem {
    background: var(--bg-color-1);
    width: 100%;
    padding: 20px 0;
    box-shadow: 0 0 10px var(--black20);
    position: fixed;
    bottom: 0;
    z-index: 1;
}

.opvip-popu .btnitem .vipbtn {
    box-shadow: none;
    position: static;
    transform: none;
    margin: 0 auto;
}

.opvip-popu .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
    position: relative;
}

.opvip-popu .title .closebtn {
    top: 0;
}

.opvip-popu .detailNav {
    border-bottom: 1px solid var(--border-1);
}

.opvip-popu .detailNav .on {
    color: var(--text-hightlight-5);
}

.opvip-popu .detailNav .on::after {
    background: var(--bg-hightlight-3);
}

.opvip-popu .vipinfo {
    height: calc(100% - 130px);
    overflow-y: auto;
}

.opvip-popu .carditem {
    padding: 20px;
}

.opvip-popu .cardbox {
    background: url(../Images/vip/cards.png)no-repeat center;
    background-size: 100%;
    color: #8C4600;
    text-align: center;
    width: 100%;
    height: 128px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.opvip-popu .cardbox.mooncard {
    background: url(../Images/vip/cards-1.png)no-repeat center;
    background-size: 100%;
    color: #1272CC;
}

.opvip-popu .cardbox.datacard {
    background: url(../Images/vip/cards-2.png)no-repeat center;
    background-size: 100%;
    color: #871F1F;
}

.opvip-popu .type {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.opvip-popu .type span {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 4px;
    display: block;
}

.opvip-popu .money {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}

.opvip-popu .money span {
    color: var(--gray60);
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    display: block;
}

.opvip-popu .money span b {
    color: #871F1F;
    padding: 0 2px;
}

.opvip-popu .money .iconfont {
    font-weight: normal;
    margin-right: 5px;
    vertical-align: 4px;
}

.opvip-popu .equityitem {
    padding: 12px;
}

.opvip-popu .retracttit span {
    color: var(--text-color-3);
    font-size: 14px;
}

.opvip-popu .equitybox {
    border: 1px solid var(--border-1);
    margin: 10px 0;
    border-radius: 5px;
}

.opvip-popu .equitybox span {
    border-right: 1px solid var(--border-1);
    flex: 1;
}

.opvip-popu .equitybox .on {
    background: var(--bg-hightlight-1);
}

.equitybox .equitytit .on {
    color: var(--text-hightlight-5);
}

.equitybox .equitytit span:first-child,
.equitybox .equitylis span:first-child {
    color: var(--text-color-1);
    font-weight: normal;
    flex: 0 0 110px;
    text-align: left;
    padding-left: 10px;
}

.equitybox .equitytit span:first-child {
    color: var(--text-color-3);
}

.equitybox .equitytit span:last-child,
.equitybox .equitylis span:last-child {
    border: none;
}

.equitybox .equitytit,
.equitybox .equitylis {
    background: var(--bg-color-4);
    color: var(--text-color-3);
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    border-bottom: 1px solid var(--border-1);
    display: flex;
    align-items: center;
}

.equitybox .equitylis {
    background: none;
    color: var(--text-color-1);
    font-size: 14px;
    line-height: 32px;
    height: 32px;
}

.equitybox .equitylis:last-child {
    border: none;
}

.equitybox .equitylis span {
    color: var(--text-hightlight-5);
    font-weight: bold;
}

.equitybox .equitylis .icon {
    color: var(--text-color-3);
    margin-left: 4px;
}

.equitylis .icon-font-_help:before {
    font-size: 14px;
}

.equitylis .get {
    width: 12px;
    height: 5px;
    border-left: 2px solid var(--yellow60);
    border-bottom: 2px solid var(--yellow60);
    transform: rotate(-45deg);
    vertical-align: 3px;
    display: inline-block;
}

.equitylis .noget {
    background: var(--gray30);
    width: 12px;
    height: 2px;
    vertical-align: 3px;
    display: inline-block;
}

/* 明细页 */
.red {
    color: var(--text-hightlight-3) !important;
}

.blue {
    color: var(--text-hightlight-1) !important;
}

.green {
    color: var(--text-hightlight-2) !important;
}

.detailNav {
    background: var(--bg-color-1);
    display: flex;
    align-items: center;
}

.detailNav li {
    color: var(--text-color-2);
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    flex: 1;
}

.detailNav .on {
    color: var(--text-color-1);
    font-weight: bold;
    position: relative;
}

.detailNav .on::after {
    content: "";
    background: var(--second-color);
    width: 26px;
    height: 3px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.vipdetailbox .detailbox {
    padding: 12px;
}

.vipdetailbox .detailbox .nodata {
    text-align: center;
}

.vipdetailbox .detailbox .nodata img {
    margin: 5% auto;
}

.vipdetailbox .detailbox .detaillis {
    background: var(--bg-color-1);
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
}

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

.vipdetailbox .tititem .tit {
    color: var(--text-color-1);
    font-size: 16px;
    font-weight: bold;
}

.vipdetailbox .tititem .states {
    color: var(--text-color-3);
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.vipdetailbox .tititem .date {
    color: var(--text-color-3);
    font-size: 12px;
    text-align: right;
}

.vipdetailbox .tititem .date b {
    color: var(--text-color-1);
    font-weight: bold;
}

.vipdetailbox .dtlinfo {
    color: var(--text-color-3);
    font-size: 12px;
    line-height: 24px;
}

.vipdetailbox .dtlinfo span {
    display: inline-block;
}

.vipdetailbox .dtlinfo .matter {
    width: 64px;
}

.watchbtn {
    color: #999;
    background: #f9f9f9;
    float: right;
    line-height: 20px !important;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px;
    border: 1px solid #eee;
    border-right: none;
    border-radius: 30px 3px 3px 30px;
    cursor: pointer;
    position: relative;
}

.daclass{font-size:12px;font-weight:400;color:#666}
.daclass span{padding-left:2px;}
.highlight{color:#FFD77A;font-weight:bold;}

.contentList {background:var(--bg-color-1);margin: 12px;border-radius: 12px;box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);}
.contentList .rc_nav2_h40px,.contentList .rc_fbk,.contentList .viewlog .userBox {background: none;}
#focus_tip_3 {position:absolute;border-radius:20px;background:var(--red60);color:var(--text-white);font-size:12px;line-height:normal;padding:1px 6px;height:18px;top:50%;right:10%;margin-top:-9px;}

.highlight{color:#FFD77A;font-weight:bold;}
.rtopbg_userimg2{position:relative;top:0;left:0;}
.rtopuse .rtopbg_ban {color:var(--text-color-1);}

/* ------------弹窗------------ */
.popupPlane{width: 90%;max-height:80vh;position:fixed;left:50%;top:50%;margin:auto;transform: translate(-50%,-50%);border-radius: 8px;z-index:10000;}
.popupPlane .c_pinp{background:#fff;font-size:14px;border-radius:10px;overflow:hidden;}
.popupPlane .c_pinp .h2 {background: var(--bg-color-4);color: var(--text-color-1);font-size: 16px;font-weight:bold;line-height: 20px;height: auto;padding: 12px 15px;border-bottom: 1px solid var(--border-1);position: relative;}
.popupPlane .c_pinp .h2 .closebtn {top: 8px;}
.popupPlane .c_pinp .content{max-height: calc(80vh - 65px);overflow-y: auto;margin:0;padding:10px;border:none;text-align:center;font-size:14px;}
.popupPlane .c_pinp .content ul{margin:0 auto;overflow:hidden;color:#444}
/*.popupPlane .c_pinp .content li{display:block;text-align:left;margin:15px auto;}*/
.popupPlane .c_pinp .content li label{width:98px;text-align:right;margin:0 10px 0 0;display:inline-block;color:#444;}
.popupPlane .c_pinp .content li input{color:#333;border:1px solid #ddd;border-radius:3px;line-height:25px;padding:6px 8px;margin:0;width:267px;}
.popupPlane .c_pinp .content li select{color:#333;border:1px solid #ddd;border-radius:3px;height:39px;padding:6px 8px;width:282px;margin-left:-3px}
.popupPlane .c_pinp .content li .vfcbtn{background:#FFF;color:#007fe4;border-radius:3px;padding:0 10px;margin:0 0 0 10px;cursor:pointer;display:inline-block;line-height:35px;border:1px solid #e5e5e5;}
.popupPlane .c_pinp .content .btn{width:250px;margin:20px auto 5px auto;cursor:pointer;line-height:40px;}
.popupPlane .c_pinp .content span{line-height:20px;padding:0 5px;display:inline-block;text-align:left;}
.popupPlane .c_pinp .content p{text-align:left;line-height:25px;}
.popupPlane .c_pinp .content p.tips{text-align:left;margin:10px auto 0 auto;padding-left:10%;line-height:25px;color:#999;}
.popupPlane .c_pinp .content p.info{text-align:left;margin:10px auto 0 auto;padding-left:10%;line-height:25px;}
.popupPlane .c_pinp .content .clbtn{width:160px;background:#FFF;color:#777;border-radius:3px;padding:0 10px;margin:8px;cursor:pointer;display:inline-block;line-height:35px;border:1px solid #ddd;}
.popupPlane .c_pinp .content .clbtn.on{color:#007fe4;border:1px solid #007fe4;font-weight:bold;}
input[type="button"].btn,.btn{border-radius:4px;line-height:40px;text-align:center;font-weight:bold;min-width:100px;background:#007fe4;color:#fff;border:none;}

/* -- 运营总览弹框 -- */
.overviewbox {background:var(--bg-color-1);width:100%;max-height: 80vh;padding:0;border-radius:10px 10px 0 0;position:fixed;top: auto;bottom:0;left: 50%;transform: translate(-50%,0);overflow-y:auto;z-index:100000;}
.OVtabtit{line-height:30px;padding:5px 10px;border-bottom:1px solid var(--border-1);}
.OVtabtit::before{content:"";background:var(--second-color);width:3px;height:12px;margin-right:8px;border-radius:3px;vertical-align:-1px;display:inline-block;}
.OVtabtit::after{content:"";clear:both;display:block;}
.OVtabtit .tab{background:var(--bg-color-2);padding:1px;border-radius:4px;float:right;}
.OVtabtit .tab span{color:var(--text-color-3);font-size:12px;font-weight:normal;padding:0 8px;border-radius:4px;display:inline-block;}
.OVtabtit .tab .on{background:var(--bg-color-1);color:var(--text-color-1);font-weight:bold;box-shadow:0 0 4px var(--black20);}
.incomebox{margin:12px;}
.overviewbox .incomelis{background:linear-gradient(90deg,var(--bg-hightlight-2),transparent);padding:2px 0;text-align:left;}
.overviewbox .incomelis::after{content:"";display:block;clear:both;}
.overviewbox .total{width:50%;float:left;}
.overviewbox .total span{width:85px;color:var(--text-color-2);margin-right:10px;text-align:right;display:inline-block;}
/* .overviewbox .total text{background:var(--bg-hightlight-11);padding:0 5px;border-radius:3px;}*/
.overviewbox .compare{width:40%;color:var(--text-color-2);float:right;}
.overviewbox .compare span{margin-left:10px;padding:0 5px;border-radius:3px;display:inline-block;}
.overviewbox .up{color:var(--red40);background:var(--bg-hightlight-11);}
.overviewbox .up::before{content:"↑";margin-right:2px;}
.overviewbox .down{color:var(--green60);background:var(--bg-hightlight-10);}
.overviewbox .down::before{content:"↓";margin-right:2px;}
.overviewbox .button{background:var(--bg-color-4);color:var(--text-color-1);width:100%;padding:10px 0;margin:0;border-top:1px solid var(--border-1);position:sticky;bottom:0;}
.incomebox canvas{width:100%;height:0;/*max-height:110px;*/}

/* 运营推广弹框 */
.operationPR .tips {background: var(--bg-color-4);color: var(--text-color-2);line-height: 30px;text-align: left;padding-left: 10px;margin: 0 5px 5px 5px;}
.operationPR .tit {color: var(--text-color-1);font-size: 15px;font-weight: bold;text-align: left;padding: 0 10px;position: relative;}
.operationPR .tit:after {content:"";background:var(--bg-color-2);width:82%;height:1px;position:absolute;top:14px;right:0;}
.operationPR .typebox {width: auto;padding: 5px;text-align: left;}
.operationPR .typelis {background: var(--bg-color-4);border: 1px solid var(--border-3);color: var(--text-color-1);text-align: center;width: calc(34% - 24px);line-height: 20px;padding: 5px;margin: 4px;border-radius: 5px;display: inline-block;cursor: pointer;}
.operationPR .typebox.account .typelis {width: auto;padding: 3px 15px;}
.operationPR .typebox.article .typelis {width: calc(100% - 20px);padding: 5px 10px;margin: 4px 0;text-align: left;}
.operationPR .typebox .on {background: var(--primary-color) !important;color: var(--text-white) !important;border-color: var(--primary-color) !important;}
.inputnum {width: 40px;text-align: center;padding: 2px;border: 1px solid var(--border-3);border-radius: 4px;}

/* 分析师预测分布弹框 */
.distribution .c_pinp .h2 {background: var(--bg-color-1);}
.distribution .c_pinp .content {background: var(--bg-color-4);text-align: left;padding: 8px;}
.distribution .OVtabtit {line-height: 24px;padding: 5px;margin-bottom: 8px;}
.distribution .OVtabtit.pro::before {display: none;}
.distribution .OVtabtit.pro .icon {transform: rotate(-90deg);padding: 0;}
.distribution .OVtabtit .icon {color: var(--text-color-3);font-size: 14px;padding-left: 10px;float: right;cursor: pointer;}
.distribution .OVtabtit .tab span {line-height: 24px;}
.distribution .itembox {background: var(--bg-color-1);padding: 5px;margin-bottom: 8px;border-radius: 6px;}
.distribution .iteminfo {margin: 5px;display: flex;align-items: center;justify-content: space-between;}
.radicon {color: var(--text-color-2);font-size: 12px;margin: 0 5px;}
.radicon::before {content:"";width: 8px;height: 8px;background: var(--border-2);border: 2px solid var(--bg-color-1);outline: 1px solid var(--border-2);border-radius: 50%;margin-right: 5px;vertical-align: -2px;display: inline-block;}
.radicon.on::before {background: var(--blue50);outline-color: var(--blue50);}
.radicon.on {color: var(--blue50);}
.itembox .tips {color: var(--text-color-4);font-size: 12px;padding: 0 5px;}
.itembox .subtit {margin: 8px 5px;}
.activatebox {padding: 5px;margin: 5px !important;border: 1px solid var(--border-2);border-radius: 4px;display: flex;align-items: center;}
.activatebox .icon {color: var(--text-color-2);font-size: 12px;margin-left: 5px;}
.activatebox li {font-size: 12px;line-height: normal;text-align: center;margin: 0 2px;flex:0 0 15.8%;overflow: hidden;}
.activatebox .sleeper {width: 26px;height: 26px;border-radius: 50%;margin: 0 8px;object-fit: cover;}
.activatebox span {color: var(--text-color-2);font-size: 10px;text-align: center !important;line-height: normal !important;padding: 0 !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block !important;}
.articlelis {font-size: 12px;margin: 8px 0;display: flex;align-items: center;}
.articlelis .teammatch {background: linear-gradient(90deg,var(--blue10),transparent);padding: 3px;border-radius: 4px;flex: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.articlelis .teammatch span {padding: 0 !important;margin-right: 5px;}
.articlelis .type {background: var(--blue10);color: var(--blue50);padding: 0 5px;border-radius: 4px;}
.clickbtn {color: var(--text-color-2);text-align: center;width: 30%;padding: 4px;margin: 10px auto;border: 1px solid var(--border-2);border-radius: 30px;cursor: pointer;}
.clickbtn.on {color: var(--blue50);border-color: var(--blue50);}


/* -- 个人统计页 -- */
.OVstat{background:var(--bg-color-1);}
.OVstat .records{background:var(--bg-hightlight-2);color:var(--text-color-2);padding:2px 5px;margin-top:5px;border-radius:3px;}
.OVstat .records i{width:20px;height:20px;line-height:20px;color:var(--text-white);font-size:12px;text-align:center;font-style:normal;margin:0 2px;border-radius:50%;display:inline-block;}
.OVstat .records .direct{width:0;height:0;margin:0 8px 1px 0;border-bottom:5px solid var(--gray40);border-right:0 none;border-left:5px solid transparent;border-top:5px solid transparent;border-radius:0;transform:rotate(-45deg);display:inline-block;}
.records .win{background:var(--red40);}
.records .draw{background:var(--blue50);}
.records .lose{background:var(--green60);}
.expertbox{padding:10px;}
.expertlis{display:flex;align-items:center;text-align:center;padding:8px 6px;margin:4px 0;border-radius:5px;}
.expertlis:first-child{background:linear-gradient(90deg,var(--bg-hightlight-11),transparent);}
.expertlis:nth-child(2){background:linear-gradient(90deg,var(--bg-hightlight-1),transparent);}
.expertlis:nth-child(3){background:linear-gradient(90deg,var(--bg-hightlight-8),transparent);}
.expertlis .num{width:20px;color:var(--red40);font-size:18px;font-weight:bold;font-family:"Sofascore Sans Condensed",sans-serif;}
.expertlis .item{flex:1;line-height:normal;}
.expertlis .item.user{background:none;min-width:35%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.expertlis .item span{color:var(--text-color-3);font-size:12px;display:block;}
.expertlis .headicon{width:24px;height:24px;border-radius:50%;margin:0 5px;vertical-align:-6px;}

/* -- 优惠券 -- */
.theme--dark .couponbox{opacity:0.8;}
.theme--dark .couponbox::-webkit-scrollbar{background:#555;}
.theme--dark .couponbox::-webkit-scrollbar-thumb{background:#999;}
.coupones{background:var(--bg-color-1);height:min-content;width:94%;position:fixed;/*width:max-content;*/top:0px;left:0px;right:0px;bottom:0px;padding:4px 0 8px 0;margin:auto;z-index:100000;border-radius:10px;}
.coupones .mainlistBox{padding:0;margin:0 12px 6px 12px;border:none;box-shadow:none;}
.coupones .tabnav{/*border-bottom:1px solid var(--border-1);*/position:relative;margin-bottom: 6px;border-bottom: 1px solid var(--border-1);}
.coupones .tabnav span{width:50%;color:var(--text-color-2);font-size:14px;text-align:center;padding:6px 0;display:inline-block;transition:all 0.2s linear;}
.coupones .tabnav .on{color:var(--text-color-1);font-weight:bold;position:relative;}
.coupones .tabnav .on::after{content:"";background:var(--red40);width:15%;height:3px;border-radius:4px;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);}
.coupones .tabnav .closebtn{top:2px;right:0;}

.coupones .maintabnav{/*border-bottom:1px solid var(--border-1);*/position:relative;text-align: center;margin: 5px 0;}
.coupones .maintabnav span{width:30%;color:var(--text-color-1);font-size:15px;text-align:center;padding:6px 0;display:inline-block;transition:all 0.2s linear;}
.coupones .maintabnav .on{font-size: 16px;font-weight:bold;position:relative;z-index: 1;}
.coupones .maintabnav .on::after{content:"";background:linear-gradient(90deg,var(--yellow60),transparent);width:60%;height:7px;border-radius:2px;position:absolute;bottom:5px;left:55%;transform:translateX(-50%) skewY(-6deg);z-index:-1;}
.coupones .maintabnav .closebtn{top:2px;right:0;}

.couponbox{padding:0;max-height:314px;overflow:hidden;overflow-y:auto;}
.couponbox::-webkit-scrollbar{background:#ddd;width:4px;height:100%;border-radius:10px;}
.couponbox::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px;}
.couponbox .nodata{background:var(--bg-color-4);color:var(--text-color-2);font-size:14px;text-align:center;padding:20px;border-radius:8px;}
.couponlis{height: 90px;margin:8px 5px 0 5px;border-radius:8px;overflow:hidden;position:relative;display: flex;align-items: center;transition:all 0.2s linear;}
.couponlis::before,.couponlis .type::before,.couponlis .type::after{content:"";background:var(--bg-color-1);width:22px;height:22px;border-radius:50%;position:absolute;top:35%;left:-16px;}
.couponlis::after{content:"";clear:both;display:block;}
.couponlis .type::before{top:-14px;left:-12px;}
.couponlis .type::after{top:auto;left:-12px;bottom:-14px;}
.couponlis:hover .type .usebtn{box-shadow:0 2px 10px #428fff;}
.couponlis .moretks{background:#ffe8bd;color:#5c2712;font-size:11px;line-height:20px;padding:0 5px;border-radius:8px 0;position:absolute;left:0;top:0;z-index:1;}
.coupon{background:#5996f1;color:var(--text-white);font-size:15px;font-weight:bold;text-align:left;width:calc(70% - 30px);height: 100%;padding:0 8px 0 20px;float:left;display: flex;flex-direction: column;justify-content: center;}
.coupon span{font-size:12px;font-weight:normal;line-height:normal;display:block;}
.coupon .time{color:var(--black50);font-size:11px;font-weight:normal;line-height:16px;padding:6px 0;}
.couponlis .type{background:#c8daf3;border-left:2px dashed #5996f1;width:30%;height: 100%;padding:0;position:relative;display: flex;justify-content: center;align-items: center;flex-direction: column;float:left;}
.couponlis .type span{color:#264d89;font-size:20px;line-height:normal;font-weight:bold;text-align:center;padding:0 0 4px 0;margin:0 auto;border-radius:20px;display:block;}
.couponlis .usebtn{background:#5996f1;color:var(--text-white);font-size:11px;line-height:20px;text-align:center;width:70%;padding:0;margin:0 auto;border-radius:20px;display:block;cursor:pointer;}
.couponlis.free:hover .type .usebtn{box-shadow:0 2px 10px #fd6048;}
.couponlis.free .coupon,.couponlis.free .usebtn{background:#f16e59;}
.couponlis.free .coupon .time,.couponlis.free .type span{color:#8d4034;}
.couponlis.free .type{background:#f5dad6;border-color:#f16e59;}
.couponlis.used:hover .type .usebtn{box-shadow:none;}
.couponlis.used .coupon{background:#bbb;}
.couponlis.used .coupon .time,.couponlis.used .type span{color:#696969;}
.couponlis.used .type{background:var(--gray20);border-color:#bbb;}
.couponlis.used .usebtn{background:none;color:#888;border:1px solid #bbb;line-height:18px;cursor:auto;}
.couponlis.newC:hover .type .usebtn{box-shadow:0 2px 10px #fd5656;}
.couponlis.newC .coupon,.couponlis.newC .usebtn{background:#fd5656;}
.couponlis.newC .type span{color:#b92e2e;}
.couponlis.newC .type{background:#ffdbdb;border-color:#fd5656;}


/* 折扣标签 */
.FTdiscount {background: var(--bg-color-1);color: var(--red40);font-size: 10px;line-height: 14px;font-style: normal;width: max-content;padding-right: 2px;border: 1px solid var(--border-hightlight-3);border-radius: 3px;vertical-align: -4px;overflow: hidden;display: inline-block;}
.FTdiscount i {background: var(--red40);color: var(--text-white);padding: 0 2px;margin-right: 2px;}

/* 分析师预测分布 */
.distributionbox {padding: 0 5px 5px 5px;display: flex;}
.distributionbox .dbitembox {flex:1;display: flex;align-items: center;justify-content: center;}
.distributionbox .text {width: 44px;color: var(--red40);font-size: 12px;line-height: 22px;text-align: right;}
.distributionbox .text font {background: rgba(240,70,70,0.1);font-size: 14px;text-align: center;padding: 0 5px;border-radius: 4px;display: inline-block;}
.distributionbox .text.guest {color: var(--blue50);text-align: left;}
.distributionbox .text.guest font {background: rgba(0,127,228,0.1);}
.distributionbox .canvabox {width: 70px;height: 70px;margin: 0 6px;/*border: 6px solid var(--bg-color-2);*/border-radius: 50%;position: relative;}
.distributionbox .canvabox canvas {width: 100%;height: 100%;margin-top: -5px;}
.distributionbox .canvabox text {color: var(--text-color-3);font-size: 11px;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 1;}

/* 数据异动 */
.infobox .yd-recresult {background:var(--bg-hightlight-11);color:var(--red40);border:1px solid var(--border-hightlight-3);font-size:14px;font-weight:normal;text-align:center;width:60%;padding:3px 10px;margin:5px auto;border-radius:20px;}
.infobox .yd-recresult.tip {background:var(--bg-hightlight-10);color:#2ca31f;border-color:rgba(44,163,31,0.15);}
.yd-recresult .value,.yd-recresult .biaoji {font-weight:600;}
.yd-recresult .explain {color: #db6b6b;margin-left:15px;}
.yd-recresult.tip .explain {color: #42965f;}

/* 免广告 */
.ad-box .vipmodule{text-align:center;}
.ad-box .Equityretract{margin-bottom:10px;}
.ad-content-box{background: var(--bg-color-1); width:calc(100% - 40px);margin:0 10px;padding: 10px;border-bottom: 1px solid var(--border-1);}
.Equityretract + .ad-content-box {border-radius: 10px 10px 0 0;}
.ad-content-box:last-child {border: none;margin-bottom: 10px;}
.ad-content-box .num{width:50px;margin:0 auto;display: block;}
.ad-box-tips{color:var(--text-color-1);font-size:20px;font-weight:600;text-align: center;}
.ad-box-desc{color:var(--text-color-2);font-size:14px;line-height:30px;text-align: center;}
.ad-box-img{width:200px;height:auto;margin:10px auto;}
#vippaybox {width:100%;min-height:250px;position:fixed;bottom:0px;overflow:hidden;z-index:999999999;}


 .userhengfutips {
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #c75d61;
    background: #fffaf6;
    background-position-x: 37.5%;
    border: 1px solid #fde0e0;
    margin-top: 5px;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 0px rgba(187, 143, 143, 0.1);
}