/*author njf*/
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;background:#ffff;color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.abs{position: absolute;}
a{color:#333;text-decoration:none;outline:none;}
textarea{resize:none}
input,input:focus,select,textarea,button{outline:0;-webkit-user-modify:read-write-plaintext-only;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.icon{ background: url("/images/zhuceshuiwushi/project2022/icon.png") no-repeat; background-size: 100% auto;}
.title{ font-weight: bold; text-align: center; font-size: 0.48rem;background: url("/images/zhuceshuiwushi/project2022/chinaacc.png") no-repeat  center center; background-size:4.267rem auto; padding-top: 0.267rem; margin: 0.667rem 0 0.533rem;}
.title i{ background:url("/images/zhuceshuiwushi/project2022/tit01.png") no-repeat; background-size: 100% auto; display: inline-block; width:1.4rem; height: 0.293rem; margin: 0 0.2rem;}
.title i.tit01{ transform: rotate(180deg);}
.title i.tit02{ background:url("/images/zhuceshuiwushi/project2022/tit02.png") no-repeat; background-size: 100% auto;}
.title i.tit03{ background:url("/images/zhuceshuiwushi/project2022/tit02.png") no-repeat; background-size: 100% auto;transform: rotate(180deg);}


.headTop{ z-index: 0;}
.headTop img{ width: 100%; height:5.867rem;}
.headTop h2{ font-size:0.333rem; color: #fff; font-style: italic; left: 50%; top: 0.6rem; margin-left: -1.6rem; font-weight: normal;}
.headTop p{ left:1.933rem; bottom:1.8rem;}
.headTop p span{display: inline-block; font-size: 0.333rem; color: #fff; padding-left: 0.6rem; background-position: 0 0; background-size: 100% auto; margin-right: 0.347rem;}
.headTop .countDown{ color: #fff; font-size:0.347rem;}
.headTop .countDown em i{ font-weight: bold; color: #ffc350; font-size: 0.347rem;}

.coursePopular.marginBottom{ margin-bottom: 1.6rem;}
.coursePopular{background: url("/images/zhuceshuiwushi/project2022/coursePopular.jpg") no-repeat; background-size: 100% auto; width:9.213rem; height:6.267rem; margin:-1.067rem auto 0; position: relative; z-index: 1; text-align: center;box-shadow:0 0.1rem 0.2rem #c3d6f7;}
.coursePopular h3{ color: #67372c; font-size: 0.453rem; height: 1.333rem; line-height: 1.333rem; margin-bottom: 0.28rem;}
.coursePopular h4{ font-size: 0.48rem; color: #67372c; height: 0.56rem; line-height: 0.56rem;}
.coursePopular p{ color: #f84a1f; font-size:0.373rem; margin-bottom: 0.2rem;line-height: 0.48rem;}
.coursePopular .giveIntro{ font-size: 0.293rem; color: #fff; width: 6.133rem; padding: 0.267rem; margin:0 auto; text-align: left; border-radius: 0.133rem;
    height: 0.73rem;
    background:#f84a20;
    background:-webkit-linear-gradient(135deg,#ff800e,#f84a20);
    background:-moz-linear-gradient(135deg,#ff800e,#f84a20);
    background:-ms-linear-gradient(135deg,#ff800e,#f84a20);
    background:linear-gradient(135deg,#ff800e,#f84a20);
}
.coursePopular .giveIntro i{display: inline-block; width: 1.2rem; height: 0.533rem; background-position: 0 -0.72rem; background-size: 100% auto; right: 0.2rem; bottom: 0;}
.coursePopular .priceFlow{ width:8.067rem; height:3.773rem;}



.underIntro{ display: block; width:4.667rem; height: 0.933rem; text-align: center; color: #fff; font-size: 0.373rem; margin:0.8rem auto 0; border-radius: 0.467rem; line-height: 0.933rem; box-shadow: 0 0 0.2rem #f8cdbe;
    background:#ffa53a;
    background:-webkit-linear-gradient(top,#ffa53a,#ff7c2e,#ff5123);
    background:-moz-linear-gradient(top,#ffa53a,#ff7c2e,#ff5123);
    background:-ms-linear-gradient(top,#ffa53a,#ff7c2e,#ff5123);
    background:linear-gradient(top,#ffa53a,#ff7c2e,#ff5123);
}
.underIntro i{ background-position:0 -1.427rem; display:inline-block; width: 0.733rem; height: 0.867rem; background-size: 160% auto; right: 0; bottom:-0.4rem;
    animation: heartbeat 1s infinite;
    -webkit-animation: heartbeat 1s infinite;
}
@keyframes heartbeat {
    0% {
        transform:scale(0.8,0.8);
        opacity:1;
    }
    25% {
        transform:scale(1,1);
        opacity:0.8;
    }
    100% {
        transform:scale(0.8,0.8);
        opacity:1;
    }
}
.suitablePadding{ height:5.8rem; background: #f0f4ff; border-radius: 0.133rem; padding: 0.4rem; margin:0 0.4rem 0.4rem;}
.peopleSuitable .title{ padding: 0.6rem 0 0.467rem;}
.suitableCon{ padding-bottom:0.667rem;}
.suitableCon li{ padding: 0.133rem; text-align: center; font-size: 0.32rem; color: #494759; width: 3.867rem; margin: 0 auto;}
.suitableCon li .content{border-radius: 0.133rem; background: #fff; box-shadow: 0 0 0.473rem #dee5f8; width:3.333rem; padding: 1.2rem 0.267rem 0.48rem;margin: 0 auto;}
.suitableCon li .content span{ background: #ffe1b7; padding: 0.1rem 0.2rem; border-bottom-right-radius:0.347rem; border-top-right-radius: 0.347rem; border-top-left-radius:0.133rem; border-bottom-left-radius: 0.133rem; font-size: 0.32rem;  color: #a26106; left: -0.133rem; top: 0.267rem; }
.suitableCon li .content h4{ font-size: 0.4rem; margin-bottom: 0.26rem;}
.suitableCon li .content h5{ color: #808aab; font-weight: normal; border-bottom: 1px dashed #b5bccc; padding-bottom: 0.26rem;}
.suitableCon li .content i{ display:inline-block; background: #f0f4ff; padding: 0.1rem 0.2rem; border-radius: 0.3rem; color: #8084e8; margin:0.26rem 0;}
.suitableCon .swiper-pagination{ color: #fff; font-size: 0.32rem; bottom: .6rem;}
.suitableCon .swiper-slide{filter:Alpha(opacity=80)}
.suitableCon  .swiper-pagination-bullet-active{ background: #8e92e9;border: 2px solid #8e92e9; }
.suitableCon  .swiper-pagination-bullet{ border: 2px solid #8e92e9; background: #8e92e9;}

.bookMod{ height:4.2rem;}

.teacher-mod .tab-tit ul {
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #fff;
    box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06);
    height: 1.04rem;
    color: #888;
    margin-bottom: .27rem;
}
.teacher-mod .tab-tit ul::-webkit-scrollbar{display: none;}
.teacher-mod .tab-tit ul li{
    white-space: nowrap;
    display: inline-block;
    height: 1.067rem;
    line-height: 1.067rem;
   /* width: 2.5rem;*/
    font-size:0.373rem;
    padding: 0 0.4rem;
}
.teacher-mod .tab-tit ul li.current{
    color: #fff;
    background:#585cf2;
    font-weight: bold;
    background:-webkit-linear-gradient(left,#4e52ed,#6569fa);
    background:-moz-linear-gradient(left,#4e52ed,#6569fa);
    background:-ms-linear-gradient(left,#4e52ed,#6569fa);
    background:linear-gradient(left,#4e52ed,#6569fa);
}
.teacher-mod .tab-con{
    display: none;
    margin: 0 0.4rem;
}
.teacher-mod .tab-con section{
    display: none;
}
.teacher-mod .tab-con .teacher-con .teacher-con-top{
    background: #FFFFFF;
    box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06);
    border-radius: .21rem;
    padding: .4rem;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    position:relative;
}
.teacher-mod .tab-con .teacher-con .teacher-con-top .video-btn{ display:block; width:2.213rem; padding:0.173rem 0; line-height:1; text-indent:0.227rem; border-radius:0.667rem; font-size:0.32rem; color:#fff; font-weight:bold; position:absolute; top:3.867rem; left:0.747rem; box-shadow:0 0 0.03rem #fd6245; background:#fa5444; background-image:-webkit-linear-gradient(left, #f64343, #ff6d46); background-image:-moz-linear-gradient(left, #f64343, #ff6d46); background-image:linear-gradient(left,#f64343,#ff6d46);}
.teacher-mod .tab-con .teacher-con .teacher-con-top .video-btn:before{ content:""; width:0.347rem; height:0.347rem; position:absolute; top:0.16rem; right:0.267rem; background:url("/images/zhuceshuiwushi/project2022/icon.png") no-repeat 0 -2.81rem; background-size:380% auto;}
.teacher-mod .tab-con .teacher-con .teacher-con-top .left-img{
    width: 2.96rem;
    height: 4.267rem;
    margin-right: .24rem;
    display: flex;
    flex-shrink: 1;
}
.teacher-mod .tab-con .teacher-con .teacher-con-top .detail{
    position: relative;
    padding-top: .13rem;
}
.teacher-mod .tab-con .teacher-con .teacher-con-top .detail .title01{
    font-weight: 600;
    color: #333333;
    font-size: 0.48rem;
    margin-bottom: .25rem;
}
.teacher-mod .tab-con .teacher-con .teacher-con-top .detail .border{
    width: 0.67rem;
    height: 0.05rem;
    background: #6147FF;
    border-radius: .05rem;
    margin-bottom: .2rem;
}
.teacher-mod .tab-con .teacher-con .detail .main .main-text{
    margin-bottom: .2rem;
}
.teacher-mod .tab-con .teacher-con .detail .main .main-text h4{
    font-size: 0.35rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: .15rem;
}
.teacher-mod .tab-con .teacher-con .detail .main .main-text p{
    font-size: 0.35rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.48rem;
}
.teacher-mod .tab-con .tea-swiper{
    background: #FFFFFF;
    box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06);
    border-radius: .21rem;
    margin-top: 0.267rem;
    padding: .27rem .4rem;
}
.teacher-mod .tab-con .tea-swiper ul{
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.teacher-mod .tab-con .tea-swiper ul::-webkit-scrollbar{
    display: none;
}
.teacher-mod .tab-con .tea-swiper ul li{
    white-space: nowrap;
    display: inline-block;
    margin-right: .27rem;
    width: 1.733rem;
    height: 1.2rem;
}
.teacher-mod .tab-con .tea-swiper ul li .name{
    font-size: 0.29rem;
    font-weight: 400;
    color: #666666;
    margin-top: .23rem;
}
.teacher-mod .tab-con .tea-swiper ul li.on img{
    width: 1.693rem;
    height: 1.16rem;
    border:0.027rem solid #6147FF;
    box-shadow: 0px .053rem .53rem 0px rgba(0, 0, 0, 0.18);
}
.class-mode-con{ margin-bottom: 0.56rem;}
.class-mode-con .class-mode-con-title{
    margin-bottom: .28rem;
}
.class-mode-con .class-mode-con-title ul{
    display: flex;
    flex-direction: row;
    height: 1.4rem;
    box-shadow: 0px .053rem .53rem 0px rgba(0, 0, 0, 0.18);
}
.class-mode-con .class-mode-con-title ul li.on{
    background: linear-gradient(0deg, #5954E8 0%, #8082F0 100%);
    color: #fff;
}
.class-mode-con .class-mode-con-title ul li{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.37rem;
    color: #888;
}
.class-mode-con .class-mode-main-item section{
    margin-bottom: .3rem;
}
.class-mode-con .class-mode-main-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: .4rem ;
    margin-bottom: .16rem;
}
.class-mode-con .class-mode-main-title h3{
    font-size: 0.53rem;
    color: #333333;
    display: flex;
    align-items: center;
}
.class-mode-con .class-mode-main-title h3 .vip{
    width: 1.32rem;
    height: .49rem;
}
.class-mode-con .class-mode-main-title h3::before{
    width: .49rem;
    height: .99rem;
    content:"";
    display: inline-block;
    margin-right: .16rem;
    background: url(/images/zhuceshuiwushi/project2022/arrowBg.png) no-repeat left center;
    background-size: cover;
}
.class-mode-con .class-mode-main-title p{
    border: 1px solid #FFCE99;
    background: linear-gradient(0deg, #FFE6C7 0%, #FFEFD4 100%);
    box-shadow: 0rem .21rem .53rem 0rem rgba(22, 22, 22, 0.06);
    border-radius: .1rem;
    padding: .09rem .23rem;
    color: #A45D00;
    font-size: 0.29rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    display: inline-table;
}
.class-mode-con .class-mode-main-title p img{
    width: .8rem;
    height: .8rem;
    position: absolute;
    top: -.3rem;
    right: -.4rem;
}
.class-mode-con .class-mode-main-title p b{
    color: #F8483B;
    font-size: .37rem;
    font-weight: normal;
}
.class-mode-con .class-mode-main-title p span{
    color: #F8483B;
}
.class-mode-main-shadow{
    margin: 0 .4rem;
    background: #FFFFFF;
    box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06);
    border-radius: 0 0 .21rem .21rem;
    padding: .4rem 0;
}
.class-mode-con .class-mode-main-img{
    width: 9.2rem;
    height:5.973rem;
    padding-top: .4rem;
    text-align: center;
    margin: 0 auto;
    position:relative;
}

.class-mode-con .class-mode-main-img h2{
    font-size: 0.72rem;
    color: #fff;
    font-weight: bold;
    padding:0.2rem 0 0.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
}
.class-mode-con .class-mode-main-img h2 i{  text-shadow: 0.067rem 0.067rem 0.067rem #d53f2e;}
.class-mode-con .class-mode-main-img h2 i.textag01{  text-shadow: 0.067rem 0.067rem 0.067rem #4329b0;}
.class-mode-con .class-mode-main-img h2 i.textag02{  text-shadow: 0.067rem 0.067rem 0.067rem #3463e2;}
.class-mode-con .class-mode-main-img h2 i.textag03{  text-shadow: 0.067rem 0.067rem 0.067rem #3d4b88;}
.class-mode-con .class-mode-main-img h2 span{
    background: linear-gradient(0deg, #FFC300 0%, #FBEE73 100%);
    -webkit-background-clip: text;
    color: transparent;
}
.class-mode-con .class-mode-main-img p{
    font-size: 0.32rem;
    color: #fff;
    height: 0.667rem;
    line-height: 0.667rem;
}
.class-mode-con .class-mode-main-img p.border-img2{ font-size: 0.32rem; padding-top: 0.1rem;}
.class-mode-con .class-mode-main-img .original-prize{ font-size:0.4rem; color:#ec3b37; font-weight:bold; line-height:1; left:0.4rem; top:3.3rem;}
.class-mode-con .class-mode-main-img .now-prize{ font-size:0.64rem; color:#ec3b37; font-weight:bold; line-height:1; left:6.3rem; top:4.7rem;}

.class-mode-con .class-mode-main-service{
    padding: 0 .4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: .48rem;
}
.class-mode-con .class-mode-main-service li{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .16rem;
    border: 1px solid #FFC1BC;
    border-radius: .1rem;
    margin-right: .2rem;
    font-size: .29rem;
    padding-right: .2rem;
    color: #555;
}
.class-mode-con .class-mode-main-service h4{
    /*width: 0.68rem;*/
    width: 0.85rem;
    height: 0.43rem;
    background: linear-gradient(0deg, #FC5644 0%, #EA4342 99%);
    border-radius: .1rem 0 0 .1rem;
    font-size: .29rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .2rem;
}

.class-mode-main-item{ margin-bottom: 0.4rem;}
.class-mode-con .class-mode-main-choiceCourse{ padding: 0 0.4rem;}
.class-mode-con .class-mode-main-choiceCourse .price{ color: #f84436; font-size: 0.48rem; font-weight: bold; display: inline-block; margin-bottom: 0.373rem;}

.class-mode-con .class-mode-main-choiceCourse .class-mode-btn-wrap{
    background: rgba(248, 68, 54, 0);
    border: 1px solid #F84436;
    box-shadow: .05rem .093rem .3rem 1px rgba(255, 24, 0, 0.32);
    border-radius: 1rem;
    display: flex;
    height: 1.07rem;
}
.class-mode-con .class-mode-main-choiceCourse .class-mode-btn-wrap a{
    flex: 1;
    font-size: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.class-mode-con  .class-mode-btn-wrap .learn{
    color: #F84436;
}
.class-mode-con .class-mode-btn-wrap .buy{
    color: #fff;
    background: linear-gradient(90deg, #FC5644, #EA4342);
    border-radius:0 1rem 1rem  0;
    height: 100%;
}
.class-mode-con .class-mode-btn-wrap .buy i{ display: inline-block; width:0.48rem; height: 0.533rem; background-position: 0 -3.533rem; background-size:280%  auto; margin-right: 0.1rem;}
.class-mode-con .class-mode-main-tab {
    display: flex;
    justify-content: center;
    margin-bottom: .43rem;
}
.class-mode-con .class-mode-main-tab ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #EFF3F7;
    width: 4.63rem;
    padding: .05rem;
}
.class-mode-con .class-mode-main-tab ul li{
    font-size: 0.37rem;
    color: #333;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.class-mode-con .class-mode-main-tab ul li.on{
    width: 2.19rem;
    height: 0.75rem;
    background: #FFFFFF;
}

.card-tip{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin:0 0.4rem;
}
.card-tip .card-text {
    font-size: 0.35rem;
    color: #999999;
    display: flex;
    align-items: center;
}
.card-tip .card-section-dialog{
    padding: .18rem;
    background-color: #fff;
    line-height: .55rem;
    border: 1px solid #eaeaea;
    position: absolute;
    top: 1rem;
    z-index: 10;
    display: none;
}
.card-tip i{
    width: .4rem;
    height: .4rem;
    background-position:0 -4.55rem;
    background-size:360% auto;
    display: inline-block;
    margin-right: .15rem;
}
.card-tip a{
    font-size: 0.35rem;
    color: #F75144;
    padding: .17rem .43rem;
    border: 1px solid #F75143;
    border-radius: .66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}



.bookSuitable .tab-tit ul {
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #fff;
    box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06);
    height: 1.04rem;
    color: #888;
    margin-bottom: .27rem;
}
.bookSuitable .tab-tit ul::-webkit-scrollbar{display: none;}
.bookSuitable .tab-tit ul li{
    white-space: nowrap;
    display: inline-block;
    height: 1.067rem;
    line-height: 1.067rem;
    font-size:0.267rem;
    padding: 0 0.1rem;
}
.bookSuitable .tab-tit ul li.current{
    color: #fff;
    background:#585cf2;
    font-weight: bold;
    background:-webkit-linear-gradient(left,#4e52ed, #6569fa);
    background:-moz-linear-gradient(left,#4e52ed,#6569fa);
    background:-ms-linear-gradient(left,#4e52ed,#6569fa);
    background:linear-gradient(left,#4e52ed,#6569fa);
}

.bookSuitable .bookCon li{ border-radius: .2rem; font-size: 0.32rem; background: #fff; padding: 0.533rem 0.373rem; width:8.65rem; margin: 0 0.2rem 0.4rem 0.1rem;box-shadow: 0px .08rem .53rem 0px rgba(22, 22, 22, 0.06); line-height:0.613rem;}
.bookSuitable .bookCon li .bookPic{ float: left; width:2.96rem; height: 3.44rem; margin-right: 0.32rem; background: #fafafb;}
.bookSuitable .bookCon li h5{ font-size: 0.427rem; margin-bottom: 0.08rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bookSuitable .bookCon li p{ font-size:0.293rem; color: #808080;}
.bookSuitable .bookCon li em{ display: inline-block; background: #ffd5a8; color: #ff5901; padding:0.05rem 0.2rem 0; line-height: 0.373rem; height: 0.373rem; font-size:0.293rem; border-radius: 0.067rem; }
.bookSuitable .bookCon li span{ color: #f84436; font-size: 0.4rem;}
.bookSuitable .bookCon li del{ color: #b1b1b1; font-size:0.293rem;}
.bookSuitable .bookCon li .bookBuy{ margin: 0.2rem 0 0 3.2rem; width: 2.24rem; height: 0.653rem; border-radius:0.653rem; line-height:0.653rem; font-size: 0.373rem; text-align: center; color: #fff; display: block;background-image:-webkit-linear-gradient(top,#ffa239,#ff7d2f,#ff4e22); background-image:linear-gradient(top,#ffa239,#ff7d2f,#ff4e22);}

.bookSuitable .moreCourse{ width: 4.08rem; height: 0.933rem; line-height: 0.933rem; text-align: center; border-radius: 0.467rem; border: 1px solid #f75143; margin: 0.2rem auto 0.4rem; display: block; color: #f75144; font-size: 0.373rem;}

.freeData-mod{
    height: auto;
    background: url(/images/zhuceshuiwushi/project2022/qes-bg.jpg) no-repeat top center #1b2adb;
    background-size: cover;
    padding-top:.01rem;
    box-sizing: border-box;
    margin-bottom: .67rem;
}
.freeData-mod .title{ background: url(/images/zhuceshuiwushi/project2022/chinaacc01.png) no-repeat; background-size: 100% auto;}

.freeData-mod .freeDate-mod-con{
    padding:0 0.4rem .4rem;
}
.freeData-mod .freeDate-mod-con .top li{
    padding: .51rem .41rem .51rem .53rem;
    display: flex;
    flex-direction: row;
    /* justify-content: center;*/
    align-items: center;
    border: 1px solid #DFAC4D;
    background: linear-gradient(0deg, #FDF5E6 0%, #FFF9F2 100%);
    box-shadow: 0px .4rem .26rem 0px rgba(22, 22, 22, 0.06);
    border-radius: .26rem;
    margin-bottom: .27rem;
}
.freeData-mod .freeDate-mod-con .top li img{
    width: .64rem;
    margin-right: .33rem;
}
.freeData-mod .freeDate-mod-con .top li h3{
    font-size: 0.43rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: .2rem;
}
.freeData-mod .freeDate-mod-con .top li p{
    font-size: 0.32rem;
    color: #777777;
}
.freeData-mod .freeDate-mod-con .bottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .35rem;
}
.freeData-mod .freeDate-mod-con .bottom li{
    border: 1px solid #DFAC4D;
    background: linear-gradient(0deg, #FDF5E6 0%, #FFF9F2 100%);
    box-shadow: 0px .4rem .26rem 0px rgba(22, 22, 22, 0.06);
    border-radius: .26rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.88rem;
    padding: .32rem 0 .35rem;
    font-size:0.32rem;
}
.freeData-mod .freeDate-mod-con .bottom li img{
    width: .53rem;
    margin-bottom: .1rem;
}
.freeData-mod .freeDate-mod-con .footer-price{
    display: flex;
    align-items: center;
    justify-content: center;
}
.freeData-mod .freeDate-mod-con .footer-price a{
    width: 5.6rem;
    height: 1.07rem;
    background: linear-gradient(90deg, #FFDB96, #FFF2D0, #FFDB97);
    box-shadow: 0px .06rem .26rem 0px rgba(35, 8, 190, 0.5);
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.48rem;
    font-weight: 600;
    color: #C30801;
}
.freeData-mod .freeDate-mod-con .footer-price .go-buy .finger {
    bottom: -.2rem;
    right: 0;
    width: 1.06rem;
    height: .79rem;
    background: url(//m.chinaacc.com/images/chujizhicheng/project/2022index/icon-finger.png) no-repeat center center;
    background-size: cover;
    animation:heartbeat 1s infinite;
    -webkit-animation:heartbeat 1s infinite;
}

.freeData-mod .title{ color: #fff;background: url("/images/zhuceshuiwushi/project2022/chinaacc01.png") no-repeat  center center; background-size:4.267rem auto;}

.reminderMod{ margin-bottom: 1.33rem;}
.reminderMod .list{ padding:0.1rem 0.4rem 0.347rem;}
.reminderMod .list li{ margin-bottom:0.347rem; padding:0.373rem 0.533rem 0.373rem 0.4rem; color:#fff; position:relative; border-radius: .2rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    background:#4e52ed;
    background:-webkit-linear-gradient(left,#4e52ed, #666afb);
    background:-moz-linear-gradient(left,#4e52ed,#666afb);
    background:-ms-linear-gradient(left,#4e52ed,#666afb);
    background:linear-gradient(left,#4e52ed,#666afb);
}
.reminderMod .list li h3{ line-height:0.8rem; font-size:0.427rem; font-weight:bold; }
.reminderMod .list li p{ height:auto; line-height:0.413rem; font-size:0.347rem;}
.reminderMod .list li p.on{ height:0.827rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.reminderMod .list li p a{ color: #f19c36;}
.reminderMod .list li a{ color:#fff;}
.reminderMod .list .up-btn{ display:block; width:0.8rem; height:0.8rem; background:url(//m.chinaacc.com/images/zhucekuaijishi/project/index2020/tips-ico02.png) no-repeat center; background-size:0.293rem auto; position:absolute; right:.2rem; top:0.373rem;}
.reminderMod .list .up-btn.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}



.dialogFixed{width:100%;position:fixed;left:0;top:0;}
.choice-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:700;display:none;cursor:pointer;}
.choiceCoursesMod{padding-bottom:2.34rem;position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:800;display:none;}
.choiceCoursesMod .choice-head{height:1.32rem;line-height:1.32rem;margin:0 .4rem;border-bottom:1px solid #f5f5f5;}
.choiceCoursesMod .choice-head strong{font-size:.4rem;display:none;}
.choiceCoursesMod .choice-close{width:1.24rem;height:1.32rem;line-height:132rem;overflow:hidden;position:absolute;right:0;top:0;background:url(/images/zhuceshuiwushi/pro2021/choice-close.png) no-repeat center center;background-size:.32rem .32rem;}
.choiceCoursesMod .choice-body{padding:0.2rem 0 1px .4rem;}
.choiceCoursesMod .choice-item .item-hd{margin-bottom:8px;position:relative;z-index:1;}
.choiceCoursesMod .choice-item .item-hd strong{font-size:0.373rem;display:inline-block;line-height:0.72rem;}
.choiceCoursesMod .choice-item .item-hd strong em{margin-right:0.28rem;}
.choiceCoursesMod .choice-item .item-hd strong span{font-size:0.32rem;color:#f00;font-weight:normal;}
.choiceCoursesMod .choice-item .choice-explain{line-height:0.6rem;color:#666;font-size:.32rem;}
.choiceCoursesMod .choice-item ul{font-size:0;}
.choiceCoursesMod .choice-item ul li{margin:0 0.68rem 0.28rem 0;display:inline-block;position:relative;}
.choiceCoursesMod .choice-item ul li input{position:absolute;left:0;top:0;opacity:0;}
.choiceCoursesMod .choice-item ul li label{padding:0.2rem 0.48rem;line-height:1;border:1px solid #f6f6f6;background:#f6f6f6;color:#555;font-size:.32rem;vertical-align:top;display:inline-block;-webkit-border-radius:1.333rem;border-radius:1.333rem;}
.choiceCoursesMod .choice-item ul li input:checked + label{border-color:#4bb9ff;background:#edf8ff;color:#249ff6;}
.choiceCoursesMod .choice-item ul li input:disabled + label{border-color:#f6f6f6;background:#f6f6f6;color:#ccc;}
.choiceCoursesMod .choice-foot{padding-bottom:0.16rem;position:absolute;left:0;right:0;bottom:0;background:#fff;z-index:10;}
.choiceCoursesMod .choice-confirm{padding:0.24rem 0;margin:0.16rem 0.32rem 0;display:block;background:#585df3;font-size: 0.373rem;text-align:center;color:#fff;-webkit-border-radius:100px;border-radius:100px;}
.choiceCoursesMod .choice-selected{padding:0.36rem 0.28rem 0.36rem 0.32rem;background:#fff4ed;line-height:1;color:#fe7b37;font-size:0;display:none;}
.choiceCoursesMod .choice-selected span{font-size:0.373rem;display:inline-block;margin-right:0.16rem;vertical-align:top;}
.choiceCoursesMod .choice-selected p{max-width:6.2rem;display:inline-block;font-size:0.373rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.choiceCoursesMod .choice-selected .p-majority{width:4.4rem;}
.choiceCoursesMod .choice-selected #total{position:absolute;top:.36rem;right:0.28rem;}
.choiceCoursesMod .choice-selected .selected-suffix{display:none;}
.period-btn{position:absolute;right:.4rem;top:0;font-size:0.32rem;line-height:0.72rem;display:inline-block;color:#999;padding-right:0.533rem;background:url(/images/zhuceshuiwushi/pro2021/period-icon.png) no-repeat right center;background-size: 0.4rem auto;}
.period-pop{width:8rem;background:#fff; padding:0.32rem; border:1px solid #eee; border-radius:0.08rem; position:fixed; right:.2rem; top:0; z-index:89;display:none;}
.period-pop p{color:#777; line-height:0.48rem; font-weight:normal;}
.period-pop:before{content:"";width:0.24rem; height:0.187rem; background:url(/images/zhuceshuiwushi/pro2021/period-icon1.png) no-repeat; background-size:0.24rem auto; position:absolute; top:-0.187rem; right:0.267rem;}


.ceilingNav{position:fixed;left:0;bottom:0;right:0;z-index:80;
    background:#666afb;
    background:-webkit-linear-gradient(left,#666afb, #5054ee);
    background:-moz-linear-gradient(left,#666afb,#5054ee);
    background:-ms-linear-gradient(left,#666afb,#5054ee);
    background:linear-gradient(left,#666afb,#5054ee);
}
.ceilingNav ul{font-size:0;}
.ceilingNav ul li{width:25%;display:inline-block;text-align:center;}
.ceilingNav ul li a{position:relative;padding:0.2rem 0;line-height:0.48rem;font-size:0.32rem;color:#fff;font-weight:bold;display:block;}
.ceilingNav ul li a:before{width:0.533rem;height:0.547rem;content:"";vertical-align:middle;margin:-0.04rem auto 0.15rem;display:block;}
.ceilingNav ul li a.cn-resign:before{
    background:url(/images/zhuceshuiwushi/project2022/video.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li a.cn-buyClass:before{
    background:url(/images/zhuceshuiwushi/project2022/buy.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li a.cn-live:before{
    background:url(/images/zhuceshuiwushi/project2022/book.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li a.cn-book:before{
    background:url(/images/zhuceshuiwushi/project2022/dpao.png) no-repeat;
    background-size:.533rem .547rem;
}
.ceilingNav ul li.on a{
    background-color:#fff;
    color: #ff5901;
}
.ceilingNav ul li.on a:before{
    background-size:0 -2.6rem;
}
.ceilingNav ul li.on a.cn-resign:before{
    background:url(/images/zhuceshuiwushi/project2022/videoOn.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li.on a.cn-buyClass:before{
    background:url(/images/zhuceshuiwushi/project2022/buyOn.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li.on a.cn-live:before{
    background:url(/images/zhuceshuiwushi/project2022/bookOn.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li.on a.cn-book:before{
    background:url(/images/zhuceshuiwushi/project2022/dpaoOn.png) no-repeat;
    background-size: .533rem .547rem;
}
.ceilingNav ul li a i{
    color:#fff;
    height: .3733rem;
    line-height: .3733rem;
    font-size: .2667rem;
    padding:0 .16rem;
    border-radius: .1867rem .1867rem .1867rem 0;
    position:absolute;
    top: -0.16rem;
    right: -0.0533rem;
    background:#ffa70e;
}


.nav-fix{ width:1.12rem; height:4.4rem; position:fixed; right:0.347rem; bottom:2rem; z-index:89;}
.nav-fix a{ display:block; width:1.12rem; height:1.12rem; text-align:center; border-radius:50%; margin-top:0.4rem; position:relative; background-position: 0 -4.47rem;background-size:110% auto;}
.nav-fix a p{ font-size:0.267rem; color:#fff; line-height:0.333rem; padding-top:0.213rem;}
.nav-fix a.zhengbaoCoin-tag02 p{ z-index:2;display:block; width:1.2rem; padding-top:.12rem; height:1rem; text-align:center; border-radius:50%; margin-top:0.4rem; position:relative;}
.nav-fix a.zhengbaoCoin-tag02 strong{ font-size:0.24rem; color:#fff000;}
.nav-fix a.zhengbaoCoin-tag02 strong span{ font-size:0.32rem}
.nav-fix a.zhengbaoCoin-tag02 h3{ font-size:0.27rem; font-weight:bold; height:0.52rem; line-height:0.52rem; color:#fff; padding:0 .2rem 0 0.61rem; background:#5155ef; position:absolute; right:1rem; top:.26rem; white-space:nowrap; border-bottom-left-radius:0.67rem; border-top-left-radius:0.67rem; z-index:1;}
.nav-fix a.zhengbaoCoin-tag02 h3:before{ content:""; width:0.31rem; height:0.29rem; position:absolute; left:0.24rem; top:50%; margin-top:-.145rem; background:url("//m.chinaacc.com/images/zhuanti/20210618/ico11.png") no-repeat; background-size:100% auto;}
.nav-fix a.zhengbaoCoin-tag02 b{ display:none;}
.nav-fix a.zhengbaoCoin-tag02.on b{display:block}
.nav-fix a.zhengbaoCoin-tag02.on h3{ padding-left:0.20rem;}
.nav-fix a.zhengbaoCoin-tag02.on h3:before{ display:none;}
.nav-fix a.service-btn{ background-position: 0 -5.66rem;background-size:110% auto;}
.nav-fix a.back-btn{ background-position: 0 -6.86rem;background-size:110% auto;}
.nav-fix .red-btn{ display:none; width:1.827rem; height:1.84rem; background:url("//m.chinaacc.com/images/zhuanti/20210618/red-icon.png") no-repeat; background-size:100%; position:absolute; right:-0.453rem; bottom:-3rem; z-index:29;-moz-animation: hatch 4s 0s infinite both;-webkit-animation:hatch 4s 0s infinite both;animation: hatch 4s 0s infinite both}
.nav-fix .red-btn span{ display:block; font-size:0.24rem; color:#fff; line-height:0.267rem; padding-top:1.147rem; text-align:center; padding-right:0.08rem;}
@-webkit-keyframes hatch{0%{-webkit-transform-origin:bottom;-webkit-transform:rotate(0deg)}5%{-webkit-transform:rotate(-8deg)}9%{-webkit-transform:rotate(8deg)}13%{-webkit-transform:rotate(-8deg)}16%{-webkit-transform:rotate(4deg)}20%{-webkit-transform:rotate(-4deg)}25%{-webkit-transform:rotate(0deg)}}
@-moz-keyframes hatch{0%{-moz-transform-origin:bottom;-moz-transform:rotate(0deg)}5%{-moz-transform:rotate(-8deg)}9%{-moz-transform:rotate(8deg)}13%{-moz-transform:rotate(-8deg)}16%{-moz-transform:rotate(4deg)}20%{-moz-transform:rotate(-4deg)}25%{-moz-transform:rotate(0deg)}}
@keyframes hatch{0%{transform-origin:bottom;transform:rotate(0deg)}5%{transform:rotate(-8deg)}9%{transform:rotate(8deg)}13%{transform:rotate(-8deg)}16%{transform:rotate(4deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(0deg)}}


/**/
.redBanner{ width:8.4rem; position:fixed; left:50%; margin-left:-4.2rem; top:-10rem; padding:0.267rem 0 0.387rem; background:rgba(0,0,0,.7); border-radius:0.133rem; z-index:79;}
.redBanner h3{ display:none; line-height:0.56rem; padding:0 0 0 0.947rem; font-size:0.347rem; font-weight:bold; color:#fff; background:url("/images/zhucekuaijishi/project/index2021/red-ico02.png") no-repeat 0.4rem center; background-size:0.467rem auto;}
.redBanner .close-btn{ display:block; width:0.467rem; height:0.467rem; line-height:0; font-size:0; position:absolute; left:-0.173rem; top:-0.093rem; background:url("/images/zhucekuaijishi/project/index2021/red-ico01.png") no-repeat; background-size:100% auto;}
.redBanner .btn-wrap{ padding:0 0.293rem 0 1.2rem;}
.redBanner .btn-wrap p{ display:block; line-height:0.667rem; font-size:0.32rem; color:#ff6600;}
.redBanner .btn-wrap .red-btn{ display:none; width:1.787rem; line-height:1; font-size:0.293rem; text-align:center; color:#fff; font-weight:bold; padding:0.173rem 0; background:#ff6600; border-radius:0.4rem;}
.fixBanner{ display:none; width:1.653rem; height:2.013rem; background:url("/images/zhucekuaijishi/project/index2021/red-ico03.png") no-repeat; background-size:100% auto; position:fixed; right:.2rem; bottom:6.6rem; z-index:79;}
.fixBanner .close-btn{ display:block; width:30px; height:30px; line-height:0; font-size:0; position:absolute; right:0; top:0;}
.fixBanner .red-btn{ display:none; width:1.36rem; line-height:1; font-size:0.24rem; padding:0.093rem 0; color:#fff; text-align:center; font-weight:bold; border-radius:0.4rem; margin:1.467rem auto 0; background:#ffd254; background-image:-webkit-linear-gradient(top, #ffd254, #ff7b11); background-image:linear-gradient(top,#ffd254,#ff7b11);}
.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.receiveRed-pop{ display:none; width:6.4rem; border-radius:0.107rem; position:fixed; left:50%; margin-left:-3.2rem; top:50%; z-index:99; background:url("/images/zhucekuaijishi/project/index2021/red-ico04.png") no-repeat center top #fff; background-size:100% auto; text-align:center; padding-bottom:0.667rem; }
.receiveRed-pop h4{ line-height:0.787rem; padding-top:2.76rem; font-size:0.347rem; font-weight:bold;}
.receiveRed-pop p{ line-height:0.427rem; font-size:0.293rem; color:#666; padding-bottom:0.467rem;}
.receiveRed-pop .use-btn{ display:block; width:5.067rem; line-height:1; text-align:center; font-size:0.373rem; padding:0.213rem 0; font-weight:bold; color:#fff; background:#ff6600; border-radius:0.4rem; margin:0 auto;}
.receiveRed-pop .close-btn{ display:block; width:0.507rem; height:0.507rem; line-height:0; font-size:0; position:absolute; right:0.187rem; top:0.187rem;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        top:-10rem;
        transform: translateY(-100%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        top:1rem;
        transform: translateY(4%);
    }
    95%{
        top:1rem;
        transform: translateY(-2%);
    }
    100% {
        top:1rem;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        top:-10rem;
        -webkit-transform: translateY(-100%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        top:1rem;
        -webkit-transform: translateY(4%);
    }
    95%{
        top:1rem;
        -webkit-transform: translateY(-2%);
    }
    100% {
        top:1rem;
        -webkit-transform: translateY(0%);
    }
}


@-webkit-keyframes shake {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes shake {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    50% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.shake {

    animation:shake 2s infinite;
    -webkit-animation:shake 2s infinite;
}


/*add njf 20221118*/
.topHeaderNew2022{ height:5.333rem;}
.topHeaderNew2022 .swiper-container{ height:5.333rem;}
.topHeaderNew2022 .topHeaderBg{ height:5.333rem;}
.topHeaderNew2022 .textWord01{text-align: center;}
.topHeaderNew2022 .textWord01 h3{ font-size:0.747rem; color: #fff; padding-top:0.533rem; text-align: center;}
.topHeaderNew2022 .textWord01 h3 span{ color: #fff691;}
.topHeaderNew2022 .textWord01 h4{ text-align: center; background:none; color: #fff; font-size: 0.373rem;width: auto; font-weight: normal; margin-top: 0.2rem; display: inline-block; border-top: 1px solid #ffbfbf; border-bottom:1px solid #ffbfbf; height: 0.533rem; line-height: 0.533rem;}
.topHeaderNew2022 .topLink{ display: block;width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.topHeaderNew2022 .swiper-pagination{margin-left: -0.467rem; bottom:1.2rem; height:0.333rem; position: absolute; z-index: 2;}
.topHeaderNew2022 .swiper-pagination .swiper-pagination-bullet{background:rgba(0,0,0,1);  width:0.08rem; height: 0.08rem; border-radius: 50%; display: inline-block;*display: inline; zoom: 1; margin: 0 0.067rem;}
.topHeaderNew2022 .swiper-pagination .swiper-pagination-bullet-active{ width: 0.267rem; border-radius:0.04rem;background:rgba(0,0,0,0.8); }
.topHeaderNew2022 .textWord02{text-align: center;}
.topHeaderNew2022 .textWord02 h3{font-size: 0.453rem;color: #fff;font-style: italic;font-weight: normal; padding-top: 1.067rem;}

.footFloat{ height:1.307rem;position: fixed; left: 0; bottom: 0; width: 100%; z-index: 90;}
.footFloat p{ background: url("/images/zhongjizhicheng/project/2021project/2021index/footbg.jpg") no-repeat; background-size: 100% auto; border-top: 1px solid #e0e0e0;  height:1.293rem; width: 7.147rem; font-size: 0.427rem; color: #f6512a; text-align: center; line-height:.21rem; font-weight: bold;}
.footFloat .goBuy{ display: inline-block; float: right;background-image:-webkit-linear-gradient(left, #fea803, #fd2e3e); background-image:linear-gradient(left, #fea803, #fd2e3e); width: 2.853rem; height:1.307rem; text-align: center; color: #fff; line-height: 1.307rem; font-size: 0.427rem;}
.footFloat p i{ display:inline-block;background-image:-webkit-linear-gradient(top, #fff6f4, #ffeee9); background-image:linear-gradient(top, #fff6f4, #ffeee9); height: 0.267rem; border-radius: 0.133rem; padding: 0 .2rem; margin-top: .5rem; }

/*20230228 畅学班升级 he*/
/*头部大图轮换*/
.topHeaderNew2022 .textWord03 h3{ position: absolute; left: 0; top: 0.533rem; width: 100%; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.453rem; color: #2d69fa; font-weight: 700;}
.topHeaderNew2022 .textWord03 p{ position: absolute; left: 1.467rem; top: 2.44rem; width: 7.08rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.347rem; color: #fff;}
/*头部模块*/
.changXueNew{ position: relative; z-index: 2; margin: -1.067rem 0.4rem 0; border: 0.027rem solid #fff; border-radius: 0.133rem; background:url(/images/zhuceshuiwushi/project2023/bg_01.jpg) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2); -moz-box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2); box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2);}
.changXueNew .fdIcon01{ position: absolute; top: -0.493rem; right: 0.133rem; width: 1.747rem; height: 2.187rem; background:url(/images/zhuceshuiwushi/project2023/icon_01.png) no-repeat; background-size: 100% 100%;}
.changXueNew .tBox{ padding-top: 0.213rem; margin-bottom: 0.533rem;}
.changXueNew .tBox h3{ height: 1.04rem; line-height: 1.04rem; text-align: center; font-size: 0.667rem; color: #67372c; font-weight: 700;}
.changXueNew .tBox h4{ height: 0.533rem; line-height: 0.533rem; text-align: center; font-size: 0.32rem; color: #67372c; font-weight: 400;}
.changXueNew .tBox .tlist{ position: relative; z-index: 1; margin: 0.187rem 0.667rem 0 0.8rem; height: 0.88rem; border-radius: 0.107rem; -webkit-box-shadow:0 0.04rem 0.04rem rgba(234, 151, 57, 0.25); -moz-box-shadow:0 0.04rem 0.04rem rgba(234, 151, 57, 0.25); box-shadow:0 0.04rem 0.04rem rgba(234, 151, 57, 0.25);
    background: -webkit-linear-gradient(left, #fff6da, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff6da, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff6da, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff6da, #ffffff); /* 标准的语法 */}
.changXueNew .tBox .tlist-icon{ position: absolute; top: 50%; left: -0.24rem; margin-top: -0.387rem; width: 0.667rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.373rem; color: #fff; border: 0.053rem solid #fff6dc; background: #ff4c21; border-radius: 50%;}
.changXueNew .tBox .tlist-ltxt{ float: left; width: 2.933rem; line-height: 0.88rem; font-size: 0.373rem; color: #67372c; font-weight: 700; padding-left: 0.693rem;}
.changXueNew .tBox .tlist-ctxt{ float: left; width: 2.267rem; line-height: 0.88rem; font-size: 0.32rem; color: #67372c;}
.changXueNew .tBox .tlist-rtxt{ float: left; line-height: 0.88rem; font-size: 0.32rem; color: #67372c;}
.changXueNew .cBox{ margin: 0 0.267rem 0.267rem;}
.changXueNew .cBox-tCon{ position: relative; z-index: 1; height: 2rem; border-radius: 0.373rem 0.373rem 0 0;
    background: -webkit-linear-gradient(left, #ff810e, #f84920); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff810e, #f84920); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff810e, #f84920); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff810e, #f84920); /* 标准的语法 */}
.changXueNew .cBox-tCon .ctPic{ position: absolute; top: -0.2rem; left: 0.2rem; width: 4.093rem; height: 2.16rem;}
.changXueNew .cBox-tCon .ctList{ padding: 0.293rem 0 0 4.4rem;}
.changXueNew .cBox-tCon .ctList-txt{ position: relative; z-index: 1; padding-left: 0.507rem; height: 0.693rem; line-height: 0.693rem; font-size: 0.293rem; color: #fff;}
.changXueNew .cBox-tCon .ctList-txt i{ display: block; position: absolute; left: 0; top: 0.133rem; width: 0.427rem; height: 0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.267rem; color: #f84f1e; background: #fff; border-radius: 50%;}
.changXueNew .cBox-tCon .ctList-txt .chuang{ color: #fff474;}
.changXueNew .cBox-bCon{ border: 1px solid #ff8b1f; padding: 0.24rem 0;
    background: -webkit-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -o-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -moz-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: linear-gradient(to right, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);}
.changXueNew .cBox-bCon .cbLeft{ float: left; position: relative; z-index: 1; width: 4.493rem; height: 1.8rem; margin-left: 0.16rem; background:url(/images/zhuceshuiwushi/project2023/bg_02.png) no-repeat; background-size: 100% 100%;}
.changXueNew .cBox-bCon .cbLeft p{ position: absolute; top: 0.373rem; left: 3.307rem; line-height: 0.533rem; color: #f84b1f; font-size: 0.427rem;}
.changXueNew .cBox-bCon .cbRight{ float: right; width: 3.627rem; margin: 0.08rem 0.16rem 0 0;}
.changXueNew .cBox-bCon .cbRight .ttxt{ line-height: 0.453rem; font-size: 0.32rem; color: #67372c; font-weight: 700; margin-bottom: 0.053rem;}
.changXueNew .cBox-bCon .cbRight .btxt{ line-height: 0.347rem; font-size: 0.267rem; color: #67372c;}
.changXueNew .bBox{ position: relative; z-index: 1; padding-top: 1.093rem; margin: 0 0.267rem 0.267rem;
    background: -webkit-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -o-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -moz-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: linear-gradient(to right, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);}
.changXueNew .bBox-tit{ position: absolute; top: 0; left: 50%; margin-left: -2rem; width: 4rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.427rem; color: #67372c; font-weight: 700; background: #ffe6bd; border-radius: 0 0 0.24rem 0.24rem;}
.changXueNew .bBox-price{ position: relative; z-index: 1; padding: 0.2rem 0 0.2rem 0.187rem; border-top: 1px solid #fbe2ba; border-bottom: 1px solid #fbe2ba;}
.changXueNew .bBox-price .txt{ line-height: 0.427rem; font-size: 0.32rem; color: #67372c;}
.changXueNew .bBox-price .fdtxt{ position: absolute; top: 0.413rem; right: 0.16rem; line-height: 0.427rem; font-size: 0.32rem; color: #67372c;}
.changXueNew .bBox-price .fdtxt b{ text-decoration: line-through; color: #f84b1f;}
.changXueNew .bBox-bot{ padding: 0.24rem 0.4rem;}
.changXueNew .bBox-bot-price{ float: left; line-height: 0.933rem; font-size: 0.32rem; color: #67372c; font-weight: 700;}
.changXueNew .bBox-bot-price span{ color: #f84a1f;}
.changXueNew .bBox-bot-price b{ font-size: 0.667rem; vertical-align: -0.08rem;}
.changXueNew .bBox-bot-btn{ position: relative; z-index: 1; float: right; display: block; width: 3.733rem; height: 0.933rem; line-height: 0.933rem; text-align: center; font-size: 0.373rem; font-weight: 700; color: #fff; border-radius: 0.467rem; -webkit-box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5); -moz-box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5); box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5);
    background: -webkit-linear-gradient(left, #ff810f, #f84a20); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff810f, #f84a20); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff810f, #f84a20); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff810f, #f84a20); /* 标准的语法 */}
.changXueNew .bBox-bot-btn:after{ content: ""; display: block; position: absolute; top: 0.333rem; right: -0.187rem; width: 1.04rem; height: 0.853rem; background:url(/images/zhuceshuiwushi/project2023/icon_02.png) no-repeat; background-size: 100% 100%; animation:btnBig 3s infinite; -webkit-transform:btnBig 3s infinite;}

/*密训班*/
.mixun-con{ margin: 0.4rem 0.4rem 0; border-radius: 0.133rem; -webkit-box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2); -moz-box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2); box-shadow:0 0 0.4rem rgba(18, 57, 168, 0.2);
    background: -webkit-linear-gradient(top, #b3cfff, #d8ecff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #b3cfff, #d8ecff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #b3cfff, #d8ecff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #b3cfff, #d8ecff); /* 标准的语法 */}
.mixun-con .top-tit{ height: 1.067rem;}
.mixun-con .top-tit h4{ float:left; line-height:1.067rem; margin-left: 0.267rem; padding-left:0.613rem; font-size:0.427rem; color:#333; font-weight:bold; background:url("/images/zhuceshuiwushi/project2023/icon_06.png") no-repeat left center; background-size: 0.4rem 0.4rem;}
.mixun-con .top-tit h4 strong{ font-size:0.48rem; color:#f54b29; vertical-align: -0.02rem;}
.mixun-con .top-tit .countDown{ display:none; float:right; line-height:1.067rem; padding-right:0.267rem; font-size:0.293rem; color:#333;}
.mixun-con .top-tit .countDown em{ display:inline-block; width:0.533rem; height:0.4rem; line-height:0.4rem; vertical-align:-0.004rem; text-align:center; color:#fff; font-size:0.347rem; font-weight:bold; border-radius:0.053rem; margin:0 0.06rem; background:#0c6df4;}
.mixun-con .con{ position: relative; z-index: 1; margin: 0 0.267rem 0.4rem; background:url("/images/zhuceshuiwushi/project2023/bg_06.png") no-repeat center top #fffefc; background-size: 100% auto; border-radius: 0.08rem; -webkit-box-shadow:0 0.08rem 0.347rem rgba(113, 162, 253, 0.66); -moz-box-shadow:0 0.08rem 0.347rem rgba(113, 162, 253, 0.66); box-shadow:0 0.08rem 0.347rem rgba(113, 162, 253, 0.66);}
.mixun-con .con .tit{ padding-top: 0.133rem; width: 100%; height:1.467rem; line-height: 1.467rem; text-align: center; font-size: 0.667rem; color: #0c6df4; font-weight: 700;}
.mixun-con .con .pic{ width:7.733rem; height:3.107rem; margin: 0 auto 0.373rem;}
.mixun-con .con .pic .head{ display: block; width: 7.333rem; height: 2.307rem; margin: 0 auto;}
.mixun-con .con .pic .text{ width:7.733rem; height:0.8rem; line-height:0.8rem; text-align:center; font-size:0.4rem; color:#5f1000; margin:0 auto; border-radius: 0 0.4rem 0.4rem 0.4rem; background:#ffcf81;
    background: -webkit-linear-gradient(left, #ffd885, #ffce87); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffd885, #ffce87); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffd885, #ffce87); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffd885, #ffce87); /* 标准的语法 */}
.mixun-con .con .introduce{ padding-bottom: 0.187rem;}
.mixun-con .con .introduce li{ clear: both; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.16rem;}
.mixun-con .con .introduce li .liLeft{ width: 2.267rem; text-align: right; font-size: 0.32rem; color: #136bef; font-weight: 700;}
.mixun-con .con .introduce li .liRight{ position: relative; z-index: 1; width: 5.04rem; padding: 0.133rem 0.267rem; line-height: 0.373rem; font-size: 0.293rem; color: #333; border: 1px solid #92bafe; border-radius: 0.24rem; margin-right: 0.4rem;}
.mixun-con .con .introduce li .liRight:before{ content:""; width:0.4rem; height:0.267rem; position:absolute; left:-0.16rem; bottom:-1px; background:url("/images/zhuceshuiwushi/project2023/icon_07.png") no-repeat; background-size: 100% 100%;}
.mixun-con .con .sale{ display:none; width: 7.6rem; margin:0 auto 0.267rem;}
.mixun-con .con .buy-con{ height:1.333rem; border-radius:0 0 0.133rem 0.133rem; background:#eff5ff;}
.mixun-con .con .buy-con .type{ float: left; line-height: 1.333rem; margin-left: 0.4rem; font-size: 0.4rem; color: #fa5618; font-weight: 700;}
.mixun-con .con .buy-con .buy-btn{ position: relative; z-index: 1; float: right; display: block; width: 3.733rem; height: 0.933rem; line-height: 0.933rem; text-align: center; font-size: 0.373rem; font-weight: 700; color: #fff; margin: 0.2rem 0.4rem 0 0; border-radius: 0.467rem; -webkit-box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5); -moz-box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5); box-shadow:0 0.027rem 0.133rem rgba(228, 66, 11, 0.5);
    background: -webkit-linear-gradient(left, #ff810f, #f84a20); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff810f, #f84a20); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff810f, #f84a20); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff810f, #f84a20); /* 标准的语法 */}
.mixun-con .con .buy-con .buy-btn:after{ content: ""; display: block; position: absolute; top: 0.333rem; right: -0.187rem; width: 1.04rem; height: 0.853rem; background:url(/images/zhuceshuiwushi/project2023/icon_02.png) no-repeat; background-size: 100% 100%; animation:btnBig 3s infinite; -webkit-transform:btnBig 3s infinite;}

/*课程模块*/
.flagShipNewClass{ position: relative; z-index: 1; width: 9.2rem; margin: 0 auto; background: #d32f00; border-radius: 0.213rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(231, 54, 5, 0.56); -moz-box-shadow:0 0.133rem 0.267rem rgba(231, 54, 5, 0.56); box-shadow:0 0.133rem 0.267rem rgba(231, 54, 5, 0.56);}
.flagShipNewClass .fdIcon{ position: absolute; top: 0.133rem; right: 0.107rem; z-index: 5; display: block; width: 1.973rem; height: 1.693rem; background: url(/images/zhuceshuiwushi/project2023/icon_03.png) no-repeat; background-size: 100% 100%;}
.flagShipNewClass .fsTit{ position: absolute; top: -0.947rem; left: 50%; margin-left: -2.907rem; width: 5.813rem; height: 0.947rem; text-align: center; background: url(/images/zhuceshuiwushi/project2023/tit_01.png) no-repeat; background-size: 100% 100%;}
.flagShipNewClass .fsTit p{ line-height: 0.96rem; font-size: 0.427rem; font-weight: 700;
    background-image: -webkit-linear-gradient(left, #ffd99d, #fff8ea); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(left, #ffd99d, #fff8ea); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(left, #ffd99d, #fff8ea); /* Firefox 3.6 - 15 */
    background-image: linear-gradient(to right, #ffd99d, #fff8ea); /* 标准的语法 */
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; }
.flagShipNewClass .courseClassTop{ position: relative; z-index: 1; width: 100%; height: 7.6rem;}
.flagShipNewClass .courseClassTop .subTit{ position: absolute; top: 4.96rem; left: 0; width: 100%; text-align: center;}
.flagShipNewClass .courseClassTop .subTit span{ display: inline-block; padding-left: 0.4rem; height: 0.533rem; line-height: 0.56rem; font-size: 0.32rem; color: #d62800; font-weight: 700; margin: 0 0.133rem; background: url(/images/zhuceshuiwushi/project2023/icon_04.png) no-repeat left center; background-size: 0.333rem 0.333rem;}
.flagShipNewClass .arrangEmentNew{ position: relative; z-index: 1; margin: -0.187rem 0.267rem 1.36rem;}
.flagShipNewClass .arrangEmentNew-con{ overflow: hidden; display: -webkit-flex; display: flex; border-radius: 0.133rem;}
.flagShipNewClass .arrangEmentNew-con .list{ flex-grow: 1; padding: 0.08rem 0 0.48rem;
    background: -webkit-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -o-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -moz-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: linear-gradient(to right, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);}
.flagShipNewClass .arrangEmentNew-con .list-tit{ position: relative; z-index: 1; height: 1.04rem; line-height: 1.04rem; font-size: 0.347rem; text-align: center; color: #67372c; font-weight: 700; margin-bottom: 0.24rem;}
.flagShipNewClass .arrangEmentNew-con .list-tit i{ position: absolute; left: 50%; bottom: 0; margin-left: -0.36rem; display: block; width: 0.72rem; height: 1px; background: #b78e85;}
.flagShipNewClass .arrangEmentNew-con .list-txt{ line-height: 0.373rem; text-align: center; font-size: 0.267rem; color: #67372c;}
.flagShipNewClass .giveServicesNew{ position: relative; z-index: 1; margin: 0 0.267rem 1.36rem; border-radius: 0.133rem;
    background: -webkit-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -o-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: -moz-linear-gradient(left, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);
    background: linear-gradient(to right, rgba(253,240,220,1) 0%, rgba(255,254,250,1) 40%, rgba(255,237,208,1) 90%);}
.flagShipNewClass .giveServicesNew .gsbook{ position: relative; z-index: 1; padding: 0.373rem 0;}
.flagShipNewClass .giveServicesNew .gsbook-pic{ display: block; width: 8.133rem; height: 3.8rem; margin: 0 auto;}
.flagShipNewClass .giveServicesNew .gsbook-txt{ position: absolute; bottom: 0.373rem; left: 0; width: 100%; height: 0.96rem; line-height: 0.96rem; text-align: center; font-size: 0.32rem; color: #fff;}
.flagShipNewClass .giveServicesNew .gsbook-txt b{ font-size: 0.533rem; vertical-align: -0.04rem;}
.flagShipNewClass .giveServicesNew .gsCon{ padding: 0.24rem 0;}
.flagShipNewClass .giveServicesNew .gsCon-list{ float: left; overflow: hidden; width: 2.72rem; padding-left: 0.48rem; height: 0.533rem; line-height: 0.533rem; font-size: 0.267rem; color: #67372c; margin-left: 0.4rem; background: url(/images/zhuceshuiwushi/project2023/icon_05.png) no-repeat left 0.093rem; background-size: 0.333rem 0.333rem;}
.flagShipNewClass .giveServicesNew .gsCon-list:nth-child(2n){ width: 3.76rem;}
.flagShipNewClass .priceEquivalentNew{ position: relative; z-index: 1; padding: 0.2rem 0 0.4rem; background: #fff; border-radius: 0 0 0.213rem 0.213rem;}
.flagShipNewClass .priceEquivalentNew .peList{ overflow: hidden; height: 1.053rem; border-bottom: 1px solid #e5e5e5; margin: 0 0.533rem;}
.flagShipNewClass .priceEquivalentNew .peList-ltxt{ float: left; width: 2rem; line-height: 1.053rem; font-size: 0.373rem; color: #f84a1f; font-weight: 700; padding-left: 0.133rem;}
.flagShipNewClass .priceEquivalentNew .peList-ltxt b{ font-size: 0.533rem;}
.flagShipNewClass .priceEquivalentNew .peList-rtxt{ float: left; line-height: 1.053rem; font-size: 0.32rem; color: #67372c;}
.flagShipNewClass .priceEquivalentNew .btn-wrap{ background: rgba(248, 68, 54, 0); border: 1px solid #F84436; box-shadow: .05rem .093rem .3rem 0.013rem rgba(255, 24, 0, 0.32); border-radius: 1rem; display: flex; height: 1.07rem; margin: 0.4rem 0.4rem 0}
.flagShipNewClass .priceEquivalentNew .btn-wrap a{ flex: 1; font-size: .4rem; display: flex; align-items: center; justify-content: center;}
.flagShipNewClass .priceEquivalentNew .btn-wrap .learn{ color: #F84436;}
.flagShipNewClass .priceEquivalentNew .btn-wrap .buy{ color: #fff; background: linear-gradient(90deg, #FC5644, #EA4342); border-radius:0 1rem 1rem  0; height: 100%;}

/**/
.reward-con{ width:7.013rem; height:0.827rem; line-height:.827rem; font-size:0.373rem; color:#fff; font-weight:bold; margin:-0.3rem 0 0.3rem 1.2rem; background:url("/images/zhuceshuiwushi/project2023/reward-bg.png") no-repeat; background-size:100% auto;}
.reward-con span{ display:inline-block; width:1.947rem; line-height:.827rem; font-size:0.347rem; color:#f74436; font-weight:bold; margin-left:0.227rem;}

@keyframes btnBig
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

@-webkit-keyframes btnBig
{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}