/*
@author: njf
*/
@charset "utf-8";
body,input,select,textarea,button{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;}
body{-webkit-text-size-adjust:100% !important;-ms-text-size-adjust:100% !important;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#f23454;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;}
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;}
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;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.abs{ position:absolute;}
.pr{ position:relative;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.title,.title01{background: url(/images/zhuanti/2024618/title02.png) no-repeat; background-size: 100% auto; width: 9.613rem; margin: 0 auto; height: 2.027rem; font-weight: bold; font-style: italic; line-height: 1.4rem; text-align: center; color: #fff; font-size: 0.507rem; text-shadow: 0 0.067rem 0.067rem rgba(252,52,59,.54); }
.title01{background: url(/images/zhuanti/2024618/title.png) no-repeat; background-size: 100% auto; width: 10rem; height: 1.6rem; line-height: 1.46rem;}
.dialogFixed{width:100%;position:fixed;left:0;top:0;}
.mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.64);z-index:800;cursor:pointer;display:none;}

.topHeader{ background: url(/images/zhuanti/20251111/topHeader.jpg) no-repeat; background-size: 100% auto; height: 11.187rem;}
.topHeader .logo{width:2.24rem; height: 0.667rem; padding:0.4rem 0 0 0.677rem; display: block; }
.topHeader .countDown{ width:7.36rem; height:0.8rem; line-height:0.8rem; text-align: center; margin:2.95rem auto 0; border-radius:0.533rem; font-size:0.293rem; font-weight: normal; border:0.013rem solid #fff; background:#a7ed66; background-image:-webkit-linear-gradient(left, #a7ed66, #feea61); background-image:linear-gradient(left,#a7ed66,#feea61);}
.topHeader .countDown strong{ display: inline-block; width:0.56rem; height:0.48rem; line-height:0.48rem; text-align: center; background: #fff; border-radius:0.08rem; font-weight: bold; color: #a2161b; font-size:0.32rem; margin: 0 0.067rem;}


.featureClasses-mod{ position: relative; margin-top:-1.067rem; margin-bottom: 0.733rem;}
.featureClasses-con{background: #fd8d64; position: relative; padding-bottom: 0.4rem;}
.featureClasses-con .coupon-con{background: url(/images/zhuanti/2024618/coupon-bg1.png) no-repeat; background-size: 100% auto; height: 3.493rem;}
.featureClasses-con .coupon-btn{ width: 2.667rem; height: 1.413rem; float: right; margin:1.367rem 0.667rem 0 0;}
.featureClasses-con .coupon-con p{ float: left; font-size: 0.293rem; color: #fdf3e4; margin:1.92rem 0 0 0.8rem;}
.featureClasses-con .coupon-con p .rule-btn{ color: #ffe4ab; font-size: 0.32rem; margin-top: 0.12rem; display: inline-block;}

.materialObject{padding-top: 0.847rem; position: relative;}
.materialObject .tag-icon01{ position: absolute; left:.2rem; top:0; width: 6.853rem; height: 1.32rem;}
.materialObject ul li{ margin:0 0.4rem 0.267rem;}
.materialObject ul li.welfare03{ position: relative;}
.materialObject ul li.welfare03 a{ display: block; text-align: center; width:2.8rem; height:0.56rem; line-height:0.56rem;color: #f4194a;  border: 1px solid #f4194a; border-radius: 0.293rem; left: 0.4rem; bottom: 0.4rem; position: absolute;}

.borrowingPower{ background: #fee4c8; border-radius: 0.133rem; margin:0.747rem 0.267rem 0; position: relative; padding-top: 0.867rem;}
.borrowingPower .subtit{background: url(/images/zhuanti/2024618/subtit.png) no-repeat; background-size: 100% auto; font-size: 0.427rem; color: #fff; margin-left: -3.24rem; width: 6.48rem; height: 0.8rem; line-height: 0.8rem; text-align: center; position: absolute; left: 50%; top: -0.4rem; }
.borrowingPower ul li{background: url(/images/zhuanti/2024618/course-class-bg.png) no-repeat; background-size: 100% auto; width: 9.067rem; height: 4.693rem; margin: 0 auto; position: relative; margin-bottom: 0.347rem; }
.borrowingPower ul li .tag-icon02{ position: absolute; width: 0.8rem; height: 0.893rem; left: 0.4rem; top: -0.4rem;}
.borrowingPower ul li .discount{ position: absolute; height: 0.4rem; line-height: 0.4rem; padding: 0 0.2rem; color: #fff; font-size: 0.267rem; border-radius: 0 0.267rem 0 0.133rem; background: #db3515; right: 0; top: 0;}
.borrowingPower ul li .gxbClass{ width: 5.867rem; float: left; text-align: center;}
.borrowingPower ul li .gxbClass h4{ text-align: center; font-size: 0.56rem; color: #834fe1; padding-top: 0.467rem;}
.borrowingPower ul li .gxbClass p{ text-align: center; font-size: 0.347rem; line-height: 0.453rem; margin-top: 0.2rem;}
.borrowingPower ul li .gxbClass .price-con{ height: 0.667rem; line-height: 0.667rem; display: inline-block; color: #fff; font-size: 0.32rem; padding: 0 0.2rem; border-radius: 0 0.333rem 0.33rem 0; margin: 0.32rem 0;
    background:-webkit-linear-gradient(left,#fb540f,#ff9c31);
    background:-moz-linear-gradient(left,#fb540f,#ff9c31);
    background:-ms-linear-gradient(left,#fb540f,#ff9c31);
    background:linear-gradient(left,#fb540f,#ff9c31);
}
.borrowingPower ul li .gxbClass em{ font-size: 0.267rem; color: #f65827;}
.borrowingPower ul li .gxbClass em strong{ font-size: 0.533rem; color: #d92218;}
.borrowingPower ul li .ewm { font-size: 0.293rem; font-weight: bold; line-height: 0.4rem; text-align: center; color: #db3515; padding-top: 1.333rem;}
.borrowingPower ul li .ewm img{ width: 1.867rem; height: 1.867rem; margin-bottom: 0.15rem;}

/**/
.getTutoring-mod{ margin-bottom: 0.64rem;}
.border-content{ position: relative; border: 0.133rem solid #ff8e64; border-top: none; border-radius: 0px 0px 0.267rem 0.267rem; margin: 0 0.2rem;
    background:-webkit-linear-gradient(top,#fdf7ed,#ffedcc 70%,#fdf7ed);
    background:-moz-linear-gradient(top,#fdf7ed,#ffedcc 70%,#fdf7ed);
    background:-ms-linear-gradient(top,#fdf7ed,#ffedcc 70%,#fdf7ed);
    background:linear-gradient(top,#fdf7ed,#ffedcc 70%,#fdf7ed);
}
.getTutoring-mod ul{ margin:0 0.16rem;}
.getTutoring-mod ul li{ width: 4.367rem; height: 6.667rem; border-radius: 0.267rem; box-shadow: 0 0.04rem 0.12rem rgba(227,177,185); float: left; margin-bottom: 0.24rem;
    border:0.027rem solid transparent;
    background-image: linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe), linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe);
    background-image: -moz-linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe), -moz-linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe);
    background-image: -webkit-linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe), -webkit-linear-gradient(left,#fc97c2,#ffaea6 55%,#e1bafe);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.getTutoring-mod ul li .border-box{ background:url(/images/zhuanti/2024618/price-bg011.png) no-repeat center 1.867rem #fff8ea; background-size: 100% auto; border-radius: 0.267rem; width: 4.367rem; height: 6.667rem; position: relative;}
.getTutoring-mod ul li.jpbClass,.getTutoring-mod ul li.ewm-tags{ margin-left: 0.16rem;}
.getTutoring-mod ul li.gxbClass .border-box{background-color: #ffe8f5;}
.getTutoring-mod ul li span{ position: absolute; height: 0.4rem; line-height: 0.4rem; color: #fff; font-size: 0.267rem; padding: 0 0.32rem; background: #db3515; border-radius: 0 0.267rem 0 0.267rem; right: 0; top:0;}
.getTutoring-mod ul li h4{ text-align: center; font-size:0.453rem; color: #d12823; padding-top:0.8rem;}
.getTutoring-mod ul li .sub-word{ text-align: center; font-size: 0.267rem; margin-bottom:0.453rem;}
.getTutoring-mod ul li .sub-price{ font-size: 0.24rem; margin:0 0.24rem .633rem;}
.getTutoring-mod ul li .sub-price em.fl{width:1.073rem; display: inline-block; line-height:.28rem;}
.getTutoring-mod ul li .sub-price em.fl.oneRow{ margin-top:0.32rem;}
.getTutoring-mod ul li .sub-price em.fr{margin-top: 0.32rem;}
.getTutoring-mod ul li .sub-price strong{ color: #fff; font-size:0.24rem; display: inline-block; width: 1.707rem; text-align: center; margin-top:0.4rem;}
.getTutoring-mod ul li .sub-price strong b{font-size:0.32rem;}
.getTutoring-mod ul li .sub-price strong i{font-size:0.32rem;}
.getTutoring-mod ul li .last-price{ text-align: center; font-size:0.267rem; color: #f65827;}
.getTutoring-mod ul li .last-price strong{ font-size: 0.533rem; color: #d92218;}
.getTutoring-mod ul li .btn-common{text-align: center; margin-top:0.267rem;}
.getTutoring-mod ul li .btn-common a{ display: inline-block; width:1.933rem; height:0.747rem; line-height:0.747rem; text-align: center; border-radius:0.4rem; border: 1px solid #ff3c48; background: #fff; box-shadow: 0 0.067rem 0.107rem rgba(251,89,89,0.33);font-weight: bold;  font-size:0.347rem; color: #ff3c48; }
.getTutoring-mod ul li .btn-common .now-buy{border: none; text-align: center;  color: #fff; margin-right: 0.2rem;
    background:-webkit-linear-gradient(top,#ff8675,#f91c18);
    background:-moz-linear-gradient(top,#ff8675,#f91c18);
    background:-ms-linear-gradient(top,#ff8675,#f91c18);
    background:linear-gradient(top,#ff8675,#f91c18);
}
.getTutoring-mod ul li.jpbClass .border-box,.getTutoring-mod ul li.sybClass .border-box{background:url("/images/zhuanti/2024618/price-bg022.png") no-repeat center 2.267rem #f6f3ff;background-size: 100% auto;}
.getTutoring-mod ul li.sybClass .border-box{ background-color: #f3feff;}
.getTutoring-mod ul li.jpbClass .sub-price strong,.getTutoring-mod ul li.sybClass .sub-price strong{ margin-top: 0.1rem; font-size: 0.267rem; color: #e7252a;}
.getTutoring-mod ul li.jpbClass .sub-price strong b,.getTutoring-mod ul li.sybClass .sub-price strong b{ color: #fff; display: inline-block; margin-top: 0.12rem;}

/**/
.paperlessBank-mod{ margin-bottom:0.64rem; }
.paperlessBank-mod .paperless-item{ margin: 0 0.267rem 0.4rem;}
.paperlessBank-mod .paperless-item .content{ background: #ffe4c3; height: 0.587rem;line-height: 0.587rem; text-align: center; color: #db3515;}
.paperlessBank-mod .paperless-item .desc{ background: #fff; border-radius: 0 0 0.267rem 0.267rem; padding: 0.267rem 0.507rem; line-height: 0.507rem; position: relative;}
.paperlessBank-mod .paperless-item .desc:before{ position: absolute;left:0.333rem; top:0.42rem; background: url("/images/zhuanti/2024618/arrow.png") no-repeat; background-size: 0.133rem 0.16rem; padding-left: 0.107rem; content: ''; display: inline-block; width: 0.133rem; height: 0.16rem;}
.paperlessBank-mod .getPaperless{ display: block; width: 6.667rem; height: 0.907rem; line-height: 0.907rem; text-align: center; color: #fff; border-radius: 0.467rem; margin: 0 auto 0.4rem; font-size: 0.4rem; border-bottom: 1px solid #ffa656;
    background:-webkit-linear-gradient(left,#ff432d,#f60655);
    background:-moz-linear-gradient(left,#ff432d,#f60655);
    background:-ms-linear-gradient(left,#ff432d,#f60655);
    background:linear-gradient(left,#ff432d,#f60655);
}

/**/
.examStep-mod{ margin-bottom: 2rem;}
.examStep-mod .video-wrap{ margin: 0 0.267rem 0.32rem;}

/**/
.common-pop{ width:8rem; position: fixed; left: 50%; margin-left: -4rem; top: 50%; margin-top: -2rem; background: #fff; z-index: 900; display: none;}
.rule-popup,.toast-popup,.coupon-popup,.active-over,.interestFree-popup{ border-radius: 0.533rem;}
.common-pop h3{ height: 1.533rem; line-height: 1.533rem; text-align: center; color: #d54904; font-size: 0.533rem; border-radius: 0.533rem 0.533rem 0 0; position: relative;
    background:-webkit-linear-gradient(-11deg,#ffc298,#ffdbad);
    background:-moz-linear-gradient(-11deg,#ffc298,#ffdbad);
    background:-ms-linear-gradient(-11deg,#ffc298,#ffdbad);
    background:linear-gradient(-11deg,#ffc298,#ffdbad);
}
.common-pop h3 .popup-close{display: block;width:0.547rem; height: 0.547rem; background: url(/images/zhuanti/2024618/close.png) no-repeat; background-size: 100% auto; position: absolute; right: 0.4rem; top: 0.4rem;}
.rule-popup .cont,.interestFree-popup .cont{ padding: 0.4rem; font-size: 0.427rem; line-height: 0.64rem;}
.paper-popup .cont{ text-align: center;font-size: .32rem;color: #666; padding: 1.2rem 0 0.2rem; line-height: 0.64rem;}
.paper-popup .popup-close,.toast-popup .popup-close,.coupon-popup .popup-close{position: absolute;right: 0;top: -.9rem;width: .66rem;height: .67rem;background: url(//m.zikao365.com/zhuanti/2022kxj/img/i-close.png) no-repeat;background-size: cover;}
.paper-popup .see-btn,.toast-popup .see-btn,.coupon-popup .see-btn,.active-over .see-btn{display: block;width: 3.4rem;line-height: .6rem;margin: .5rem auto .48rem;text-align: center;color: #fff;font-weight: bold;font-size: .26rem;background: linear-gradient(180deg, #f6431f, #d62b29);box-shadow: 0 4px 16px 0 rgba(239, 45, 39, 0.59);border-radius: .3rem;}
.toast-popup .cont,.coupon-popup .cont,.active-over .cont{ font-size: 0.427rem; text-align: center; padding: 0.8rem 0 0.4rem;}

/**/
.bottom-nav {position: fixed;bottom: 0;width: 100%;height:1.333rem;border-top: .0533rem solid #f8ba50;z-index: 17;
    background:-webkit-linear-gradient(90deg,#f18333,#ff7248);
    background:-moz-linear-gradient(90deg,#f18333,#ff7248);
    background:-ms-linear-gradient(90deg,#f18333,#ff7248);
    background:linear-gradient(90deg,#f18333,#ff7248);}

.bottom-nav li {float: left;width: 25%;text-align: center;line-height: 1;padding-top: 0.92rem;font-size: 0.32rem;color: #fff;position: relative;cursor: pointer;}
.bottom-nav li.on {padding-top: 1.317rem;margin-top: -0.497rem;font-weight: bold;color: #fff; line-height: 0.6rem;}
.bottom-nav li.on:before {width: 0.8rem;height: 0.8rem;margin-left: -0.4rem;top: 0.187rem;}
.bottom-nav li.ioc01 {background: url("/images/zhuanti/2024618/icon01.png") no-repeat .9rem 0.01rem;background-size: 0.867rem auto;}
.bottom-nav li.ioc02 {background: url("/images/zhuanti/2024618/icon02.png") no-repeat .8rem 0.01rem;background-size: 0.907rem auto;}
.bottom-nav li.ioc03 {background: url("/images/zhuanti/2024618/icon03.png") no-repeat .9rem 0.15rem;background-size: 0.68rem auto;}
.bottom-nav li.ioc04 {background: url("/images/zhuanti/2024618/icon04.png") no-repeat .9rem 0.01rem;background-size: 0.907rem auto;}
.bottom-nav li.ioc01.on {background: url("/images/zhuanti/2024618/icon01-on.png") no-repeat center top;background-size: 1.96rem auto;}
.bottom-nav li.ioc02.on {background: url("/images/zhuanti/2024618/icon02-on.png") no-repeat center top;background-size: 1.96rem auto;}
.bottom-nav li.ioc03.on {background: url("/images/zhuanti/2024618/icon03-on.png") no-repeat center top;background-size: 1.96rem auto;}
.bottom-nav li.ioc04.on {background: url("/images/zhuanti/2024618/icon04-on.png") no-repeat center top;background-size: 1.96rem auto;}

/**/
.fix-left {position: fixed; right: 0; top: 50%; margin-top: -1.2rem;}
.fix-left ul li{ margin-bottom: 0.2rem; width: 1.2rem; height:1rem; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.32rem; line-height: 0.4rem; padding-top: 0.2rem; font-weight: bold;}
.fix-left ul li a.go-back{background: url("/images/zhuanti/2024618/go-back.png") no-repeat center top;background-size: 100% auto; width: 0.573rem; height: 0.32rem; margin: 0.2rem auto 0; display: block;}
.fix-left ul li a{ color: #fff;}