@charset "utf-8";
body{background: #f1f0ef url("/service/static/promotion/img/qqt-vipNew/qqt-vipNew/top-bg2.png")no-repeat;background-size: 100% auto;}
.top-box{display: block;}
.top-box .header{background-color: inherit;}
.swiper-box {padding: .566667rem .4rem;}
.swiper-pagination .swiper-pagination-bullet{background-color: #9999ac;border: 1px solid #9999ac;}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #ffffff;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flex-start{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
    -webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.qqt-vip{}
.qqt-vip .tab-ul{height: auto;overflow: hidden;padding: .266667rem .266667rem .1rem;}
.qqt-vip .tab-ul li{position: relative; float: left;color: #a09b95;font-size: .34rem;font-weight: bold; text-align: center;padding: 0 .266667rem;height: .68rem;line-height: .68rem;}
.qqt-vip .tab-ul li .qipao-1{position: absolute;top: -.28rem;right: -.4rem;background: #cc3d14;color: #ffffff;padding: 0 6px;border-radius: 100px;font-size: .08rem;height: .45rem;line-height: .45rem;}

.qqt-vip .tab-ul li.active{color: #323359;font-size: .42rem;}
.qqt-vip .tab-ul li.active p::before{content: "";position: absolute;width: .8rem;height: 4px;background-color: #ffcb9d;bottom: -.09rem;left: 50%;transform: translate(-50%,0);}
.tab-content{position: relative; background-color: #ffffff;border-radius: 4px;margin: 0 .4rem .4rem;padding: .4rem;box-shadow: 0 0 5px #eaecec;}
.tab-content .title-1{text-align: center;color: #26231f;font-size: .4rem;padding-bottom: .266667rem;}
.tab-content .title-1 img{width: .4rem;margin: 0 .166667rem;display: inline-block;}
.open-con .left-con{position: relative;width: 30%;}
.open-con .left-con img{ width: 85%;}
.open-con .left-con .start-video{position: absolute;width: .45rem;bottom: .1rem;right: 20%;}
.proVip-dialog .start-video{position: absolute;width: 1.26rem;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.open-con .right-con{width: 70%;}
.open-con .right-con .p-01{color: #c37733;font-size: .4rem;}
.open-con .right-con .p-01 label{color: #b7b7b7;font-size: .32rem;}
.open-con .right-con .p-02{color: #777777;font-size: .34rem;}
.btn-open{background: linear-gradient(to right,#35365e,#4a457d);color: #fee6c5;border-radius: 999px;box-shadow: 0 3px 8px #b4abbe;margin: .4rem auto 0;}
.zh-btn{    margin: 0.7rem auto 0;
    width: 100% !important;
    background: linear-gradient(90deg, #d8d8e0, #d8d8e0);
    border-radius: 23px;}
.btn-ybl{background: #e8e9ec;color: #adb3c5;box-shadow: none;}
.rule-a{text-align: center;font-size: .373333rem;padding-top: .266667rem;}
.rule-a a{color: #625d95;}
.btn-ylqy{position: absolute;top: .4rem;right: 0;background: linear-gradient(to right,#ffcb9e,#fff6ef);color: #e4a46d;border-radius: 50px 0 0 50px;text-align: center;padding: 2px 6px;font-size: .35rem;}
.vip-benefit{}
.vip-benefit .tab-ul{height: auto;overflow: hidden;padding: 0 .266667rem .266667rem;}
.vip-benefit .tab-ul li{position: relative;z-index: 1; float: left;color: #a09b95;font-size: .34rem;font-weight: bold; text-align: center;height: .68rem;line-height: .68rem;width: 25%;}
.vip-benefit .tab-ul li p{display: inline-block;}
.vip-benefit .tab-ul li.active{color: #323359;font-size: .42rem;}
.vip-benefit .tab-ul li.active p::before{content: "";position: absolute;z-index: -1; width:80%;height: 4px;background-color: #ffcb9d;bottom: .1rem;left: 50%;transform: translate(-50%,0);}
.vip-benefit .list-con{}
.vip-benefit .list-con ul{}
.vip-benefit .list-con ul li{background: url("/service/static/promotion/img/qqt-vipNew/qqt-vipNew/bg-img2.png")no-repeat center;background-size: 100% 100%;
    padding: .53rem 0;margin-bottom: .32rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: center; -ms-flex-align: center;
    -webkit-align-items: center;align-items: center;}
.vip-benefit .list-con ul li .left-con{width: 30%;}
.vip-benefit .list-con ul li .left-con img{width: 50%;margin: 0 auto;}
.vip-benefit .list-con ul li .right-con{width: 60%;}
.vip-benefit .list-con ul li .right-con .p-01{color: #c37733;font-size: .373333rem;padding-left: .53rem;}
.vip-benefit .list-con ul li.active{background: url("/service/static/promotion/img/qqt-vipNew/qqt-vipNew/bg-img3.png")no-repeat center;background-size: 100% 100%;box-shadow: 0 3px 8px #eeddcf;}
/*弹窗*/
.qqtVip-dialog{}
.qqtVip-dialog h4{background: url("/service/static/promotion/img/qqt-vipNew/qqt-vipNew/tlt-bg1.png")no-repeat center;background-size: 100% 100%;color: #fedfba;padding: .4rem 0;font-weight: bold;}
.qqtVip-dialog .modal-con{padding: 0;border-radius: 10px;}
.qqtVip-dialog .modal-text{max-height: 8rem;}
.qqtVip-dialog .item-ul{padding: 0 .6rem .6rem;}
.qqtVip-dialog .item-ul li{border-bottom: 1px solid #e7e7f1;padding: .266667rem 0;}
.qqtVip-dialog .item-ul li:last-child{border-bottom: none;}
.qqtVip-dialog .item-ul li .p-01{color: #333333;font-size: .4rem;}
.qqtVip-dialog .item-ul li .p-02{color: #999999;font-size: .32rem;}
.close-img{margin: .4rem auto;width: .8rem;}


.rule-con{background-color: #ffffff;margin: .4rem;padding: .4rem;border-radius: 6px;box-shadow: 0 0 5px #eaecec;}
.rule-con .tlt{color: #403d6e;text-align: center;}
.rule-con .tlt p{position:relative;display: inline-block; font-size: .45rem;font-weight: bold;z-index: 1;}
.rule-con .tlt p::before{content: "";position: absolute;z-index: -1;bottom: .1rem; width: 100%;height: 4px;background: linear-gradient(to right,#ffcb9d,#fff5ed);}
.rule-con .item-con{font-size: .34rem;}
.rule-con .item-con p{margin: .32rem;}
.rule-con .item-con .img-ad{width: 100%;}

.btn-ljlq{background: linear-gradient(to right,#35365e,#4a457d);color: #fee6c5;border-radius: 999px;}
.zh-btn{background: linear-gradient(to right,#8f8f9d, #8f8f9d);color: #f1f1f1;border-radius: 999px;}
/*权益融合新星会员相关 start*/
.extraTip,.check-con.extraTip{
    display: none;
}
#checkbox2{
    transform: scale(0.8,0.8);
    position: relative;
    top: -1px;
}

.check-con{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: .4rem;}
.check-con .check-rt{color: #777777;;font-size: .373333rem;padding-left: .26rem;}
.check-con .checkbox:after{border-radius: 4px;left:1px;top:1px;border-color: #777777;}
.check-con .checkbox:before{border: .073333rem solid #000000;border-top-style: none;border-right-style: none;}
.receive-con{display: flex;justify-content: space-between;align-items: center;border: 1px solid #fcf5d4;border-radius: 4px;padding: .4rem;margin: .4rem 0;}
.receive-con .left-txt{width: 70%}
.receive-con .right{width: 30%}
.receive-con .left-txt .p-01{color: #f0daa9;font-size: .45rem;}
.receive-con .left-txt .p-02{color: #999999;font-size: .373333rem;}
.receive-con .btn-click{background: linear-gradient(to right,#ff7700,#ffac00);padding: 6px 0;font-size: .373333rem; border-radius: 100px;color: #ffffff;width: 100%;display: block;text-align: center;}
.color-ff7600{color: #ff7600;}
/*权益融合新星会员相关 end*/




/**wuhuili 2022/11/4新增**/
.top-sxhy {
    display: block;
    height: 100%;
}
.sxhynew{background-color: #F1F0EF!important;}
.swiper-box {
    padding: 0.4rem 0.4rem;
}
.qqt-vip .tab-ul {
    padding: 0.266667rem 0.4rem 0.1rem;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 6px;
}
.qqt-vip .tab-ul li{
    padding: 0;
    height: 18px;
    font-size: .373333rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #868686;
    line-height: 14px;
    margin-right: 10px;
}
.qqt-vip .tab-ul li:last-child{margin-right: 0;}
.qqt-vip .tab-ul li.active p::before{
    width: 100%;
    height: 3px;
    background: #FDB474;
}
.qqt-vip .tab-ul li.active {
    font-size: .4rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #403E6F;
}
.tab-content{
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(205,224,232,0.25);
    border-radius: 9px;
    padding: 0.64rem 0.4rem 0.4rem;
    margin-bottom: .4rem;
}
.flex-center{
    align-items: flex-end;
    align-content: center;
}
.open-con .left-con{
    width: auto;
}
.open-con .left-con img {
    width: 2.6rem;
}
/*.open-con .right-con {
    width: auto;
}*/
.open-con .right-con .p-01{
    font-size: .426667rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C37733;
}
.open-con .right-con .p-01 label {
    font-size: .346667rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    text-decoration: line-through;
    color: #B7B7B7;
}
.open-con .right-con .p-02{
    font-size: .373333rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #777777;
}
.button-box {
    padding: 0 .266667rem;
}
.btn-open{
    margin: 0.7rem auto 0;
    width: 100% !important;
    height: 45px;
    background: linear-gradient(90deg, #323359, #4E4884);
    border-radius: 23px;
}
.tab-content .title-1{
    margin-bottom: 0;
    padding-bottom: 0;
}
.vip-benefit .tab-ul{
    padding: 0 0 0.4rem;
    margin-top: 0.533333rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.vip-benefit .tab-ul li{
    text-align: left;
    height: inherit;
    line-height: 24px;
    width: 33%;
    font-size: .32rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #A09B95;
}
.vip-benefit .tab-ul li.active{
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #323359;
}
.vip-benefit .tab-ul li.active p::before{
    left: 0;
    height: 5px;
    background: linear-gradient(to right,#D9BF4D,#FFC28C);
    transform: translate(0,0);
}
.rule-a {
    text-align: center;
    font-size: .373333rem;
    padding-top: 0.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #625D95;
}

.vip-benefit .list-con ul li{
    height: 2.133333rem;
}
.vip-benefit .list-con ul li .right-con .p-01 {
    padding-left: 0.346667rem;
    font-size: .4rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #C37733;
    line-height: 18px;
}

.modal-dialog .modal-con h4{
    padding: 0;
    font-size: .533333rem;
    font-family: FZLanTingHeiS-DB1-GB;
    font-weight: 400;
}

.p-tips {
    font-size: .346667rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    margin: 0!important;
}
.extraTip {
    padding: 14px 10px;
    margin: 0;
    background: #F1F1F1;
    border-radius: 8px;
}
.check-con.extraTip{
    background: inherit;
    margin: 0 0.426667rem;
    padding: 14px 0;
}
.extraTip p{margin: 0!important;}
.extraTip .p-title{
    font-size: .4rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.extraTip .p-txt{
    font-size: .32rem;
    line-height: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.proVip-dialog .modal-btn {
    padding: 0.533333rem 0.4rem;
}
.modal-btn .btn{
    height: 1.2rem;
}
.proVip-dialog .modal-btn .btn-qx{
    background: #FFFFFF;
    border: 1px solid #403D6E;
    font-size: .426667rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #403E6F;
}
.proVip-dialog .modal-btn .btn-qd{
    background: linear-gradient(-90deg, #323359, #4E4884);
    border: 1px solid #403D6E;
    border-radius: 23px;
    font-size: .426667rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFE5CE;
}
#sxhy_open2 .proVip-dialog .modal-con{
    min-height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
#sxhy_open2 .modal-dialog .modal-text{margin-top: 1rem;}
#sxhy_open2 .proVip-dialog .modal-con #sxhy_tips2{display: flex;
    justify-content: center;}
.es-result {
    background: #F5F5F5;
    min-height: 100vh;
    padding: .48rem .4rem; }
.es-result .es-fl {
    display: flex; }
.es-result .er-header {
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    padding-bottom: 0.6rem; }
.es-result .er-header img {
    width: 60px;
    height: 60px;
    margin-bottom: 0.4rem; }
.es-result .er-header span {
    padding-left: 0.32rem; }
.es-result .er-content {
    background: #FFFFFF;
    border-radius: 9px;
    padding: 0.45rem 0.4rem;
    font-size: .36rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #000000;
    line-height: 24px;}
.es-result .er-btn {
    padding: 0.4rem 0.4rem 0;}
.es-result .er-btn button {
    flex: 1;
    height: 1rem;
    font-size: .36rem;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FEFEFE;
    line-height: 1rem;
    border-radius: 100px;}
.es-result .er-btn button.backsucess{
    background: linear-gradient(0deg, #BBDCFF 0%, #D8EBFF 100%);
}
.es-result .er-btn button.goherfsucess{
    background: linear-gradient(90deg, #2892FF, #007EFF);
}
.es-result .er-btn button.goherfsucess {
    margin-left: .4rem; }

.login-div {
    z-index: 999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    padding: 10px 0;
}

.login-div div {
    background-color: #007EFF;
    line-height: 1.2rem;
    font-size: 16px;
    color: white;
    border-radius: 23px;
}
.fail-tips{
    /*position: fixed;
    bottom: .73rem;*/
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    color: #fff !important;
    padding: .1rem 0;
}

.footer-aifix{
    position: fixed;
    bottom: 1.6rem;
    width: 100%;
    height: auto;
}