/*
@author: he
@update: he (2025-09-15)
*/
@charset "utf-8";
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;padding:0;background:#fff;color:#333;font-size:0.32rem;}
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%;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{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iosFootHank{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.common-title{ height: 1.067rem; text-align: center; padding: 0.4rem 0 0.267rem;}
.common-title h3{ display: inline-block; line-height: 1.067rem; font-size: 0.48rem; position: relative;}
.common-title h3:before,.common-title h3:after{ content:""; width: 1.2rem; height: 0.24rem; position:absolute; left:-1.6rem; top:50%; margin-top:-0.133rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/tit_01.png) no-repeat; background-size:100% 100%;}
.common-title h3:after{ left: auto; right: -1.6rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/tit_02.png) no-repeat; background-size:100% 100%;}

/*页头大图*/
.topHeader-wrap{ position: relative; z-index: 1; width:100%; height:9.467rem;}
.topHeader-wrap .logo{ display: block; position: absolute; z-index: 2; left: 0.533rem; top: 0.653rem; width: 3.333rem; height: 0.867rem;}

/*四大理由*/
.forReason{ position: relative; z-index: 2; width: 100%; padding: 0.533rem 0 0.64rem; margin-top: -1.467rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/bg_03.png) no-repeat center top; background-size:100% auto;}
.forReason .frTit{ position: relative; z-index: 1; height: 0.587rem; margin-bottom: 0.187rem;}
.forReason .frTit b{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 0.587rem; line-height: 0.587rem; text-align: center; font-size: 0.48rem; font-weight: 700;}
.forReason .frTit b strong{ color: #ff5742;}
.forReason .frTit:after{ content:" "; display:block; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -3.333rem; width: 6.667rem; height: 0.16rem; background: #ffe1c4;
    background: -webkit-linear-gradient(left, #ffce9d, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffce9d, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffce9d, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffce9d, #ffffff); /* 标准的语法 */}
.forReason .frCon{ margin: 0 0.8rem;}
.forReason .frCon-list{ position: relative; z-index: 1; padding: 0.4rem 0 0.4rem 1.547rem; border-bottom: 1px dashed #ccc;}
.forReason .frCon-list .llIcon{ position: absolute; left: 0; top: 0.2rem; width: 1.36rem; height: 1.36rem; line-height: 1.36rem; text-align: center; font-size: 0.373rem; color: #fff; font-weight: 700; background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_03.png) no-repeat; background-size: 100% 100%;}
.forReason .frCon-list .llTit{ line-height: 0.533rem; font-size: 0.373rem; font-weight: 700;}
.forReason .frCon-list .llTxt{ line-height: 0.533rem; font-size: 0.32rem; color: #999;}
.forReason .frCon-list.bg01 .llIcon{ background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_02.png) no-repeat; background-size: 100% 100%;}

/*畅学旗舰班*/
.courseNav-mod{ position: relative; z-index: 3; background:url(/images/shehuigongzuozhe/shegongkaoshi/bg_04.jpg) no-repeat center top; background-size:100% auto;}
.courseNav-mod .fdIcon{ position: absolute; right: 0.347rem; top:-0.52rem; width: 1.64rem; height: 1.827rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_01.png) no-repeat; background-size: 100% 100%;}
.courseNav-mod .topBox{ padding-top:1.333rem; height: 2.533rem; margin: 0 0.267rem;}
.courseNav-mod .topBox-pic{ width: 100%; height: 2.533rem;}
.courseNav-mod .topBox-pic img{ display:block; width: 100%; height: 100%;}
.courseNav-mod .textBox{ margin: 0 0.267rem; height:0.8rem; line-height:0.8rem; text-align:center; font-size:0.293rem; color:#d66001; border-radius:0.133rem; background:#ffcc87; background-image:-webkit-linear-gradient(left, #ffe0af, #ffcc87); background-image:linear-gradient(left,#ffe0af,#ffcc87);}
.courseNav-mod .textBox i{ display:inline-block; width: 0.373rem; height: 0.373rem; margin:0 0.16rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_04.png) no-repeat; background-size: 100% 100%; vertical-align: -0.08rem;}
.courseNav-mod .tipsBox{ padding: 0.187rem 0.267rem;}
.courseNav-mod .tipsBox p{ float: left; position: relative; z-index: 1; padding: 0 0.32rem 0 0.587rem; height: 0.587rem; line-height: 0.587rem; font-size: 0.293rem;}
.courseNav-mod .tipsBox p i{ display: block; position: absolute; left: 0; top: 0.08rem; width:0.373rem; height:0.373rem; line-height:0.373rem; text-align:center; font-size:0.293rem; color:#f84904; border-radius:0.533rem; background:#ffefd0; border:0.027rem solid #fe6d37;}
.courseNav-mod .botBtn{ display: block; width: 3.947rem; height: 0.947rem; text-align: center; line-height: 0.84rem; font-size: 0.32rem; color: #fff; font-weight: 700; margin: 0 auto 0.4rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_05.png) no-repeat; background-size: 100% 100%; animation: kc infinite 3s 0s;}

/*辅导信息*/
.information-mod{ background: #e2f2ff; border-top: 0.133rem solid #5076fd;}
.information-mod .mTop{ padding: 0.267rem 0.4rem 0;}
.information-mod .mTop .moreBtn{ display: block; height: 0.8rem; line-height: 0.8rem; font-size: 0.347rem; color: #333;}
.information-mod .mTop .moreBtn a{ color: #333;}
.information-mod .mTop-con .lList{ display: inline-block; width: 100%; height: 0.987rem; line-height: 0.987rem; font-size: 0.373rem; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.information-mod .mTop-con .lList span{ display: inline-block; margin-right: 0.187rem; width: 1.493rem; height: 0.613rem; line-height: 0.613rem; font-size: 0.293rem; text-align: center; color: #0022b3; border: 1px solid #8ac6ff; background: #dcefff; border-radius: 0.107rem; vertical-align: 0.027rem;}
.information-mod .mBot{ padding: 0 0.4rem 0.667rem;}
.information-mod .mBot .moreBtn{ display: block; height: 0.8rem; line-height: 0.8rem; font-size: 0.347rem; color: #333;}
.information-mod .mBot .moreBtn a{ color: #333;}
.information-mod .mBot-con .rList{ float: left; display: block; width: 2.853rem; height: 1.04rem; line-height: 1.04rem; font-size: 0.4rem; text-align: center; color: #333; background: #fff; border-radius: 0.133rem; border: 1px solid #96c5ff; margin: 0.24rem 0.24rem 0 0;}
.information-mod .mBot-con .rList:nth-child(3n){ margin-right: 0;}

/*名师*/
.teacher-mod{ padding:0 0 0.667rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/teacher-bg.jpg) no-repeat center bottom; background-size:100% auto;}
.teacher-mod .tab-tit{ text-align:center; font-size:0;}
.teacher-mod .tab-tit .btn{ display:inline-block; width: 4.267rem; height:1.067rem; line-height:1.067rem; font-size:0.4rem; color:#363636; background:#e1f1ff; border-radius:0.16rem; margin:0 0.133rem; position:relative;}
.teacher-mod .tab-tit .btn.on{ color:#fff; background:#4d6bfd; background-image:-webkit-linear-gradient(left, #506efd, #4764fd); background-image:linear-gradient(left,#506efd,#4764fd);}
.teacher-mod .tab-tit .btn.on:before{ content:""; width:0.347rem; height:0.173rem; position:absolute; left:50%; margin-left:-0.173rem; bottom:-0.173rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/teacher-ico01.png) no-repeat; background-size:100%;}
.teacher-mod .tab-con{ display:block; min-height:6.44rem; margin:0 0.267rem;}
.teacher-mod .tab-con .subCourseList{ width: 100%; height: 0.947rem; padding-top: 0.267rem; text-align: center; border-bottom: 0.013rem solid #c1dfff;}
.teacher-mod .tab-con .subCourseList li{ display: inline-block; position: relative; z-index: 1; width: 2rem; height: 0.907rem; text-align: center; line-height: 0.907rem; font-size: 0.373rem; color: #333; cursor: pointer; white-space: nowrap; margin: 0 0.133rem;}
.teacher-mod .tab-con .subCourseList li.on{ border-bottom: 0.053rem solid #1683f4;}
.teacher-mod .tab-con .subCourseCon{ position: relative; z-index: 1;}
.teacher-mod .tab-con .teacher-box{ display:none;}
.teacher-mod .tab-con .teacher-box .pic{ float:left; width:4.533rem; margin-top:0.707rem;}
.teacher-mod .tab-con .teacher-box .pic img{ width:4.533rem; height:5.733rem;}
.teacher-mod .tab-con .teacher-box .text{ float:right; width:4.9rem; padding:0.627rem 0 0;}
.teacher-mod .tab-con .teacher-box .text .name{ line-height:0.747rem; font-size: 0.48rem; font-weight:bold;}
.teacher-mod .tab-con .teacher-box .text .name span{ display:inline-block; line-height:1; font-size:0.32rem; font-weight:normal; margin-right:0.347rem; padding:0.08rem 0.2rem; border-radius:0.267rem 0 0.267rem 0; background:#fec570; background-image:-webkit-linear-gradient(left, #fde9bd, #fec570); background-image:linear-gradient(left,#fde9bd,#fec570);}
.teacher-mod .tab-con .teacher-box .text .tips{ margin-top:0.187rem;}
.teacher-mod .tab-con .teacher-box .text .tips span{ display:inline-block; line-height:0.387rem; margin:0 0.413rem 0.133rem 0; position:relative;}
.teacher-mod .tab-con .teacher-box .text .tips span i{ display:inline-block; font-size:0.32rem; position:relative; z-index:9; font-weight:bold;}
.teacher-mod .tab-con .teacher-box .text .tips span:before{ content:""; height:0.107rem; width:100%; background:#9fc6ff; position:absolute; bottom:0; left:0;}
.teacher-mod .tab-con .teacher-box .text .tips span.mr0{ margin-right:0;}
.teacher-mod .tab-con .teacher-box .text .introduce{ padding:0.227rem 0 0;}
.teacher-mod .tab-con .teacher-box .text .introduce p{ line-height:0.48rem; font-size:0.347rem; color:#666;}
.teacher-mod .tab-con .teacher-box .text .course{ padding-top:0.147rem;}
.teacher-mod .tab-con .teacher-box .text .course h4{ line-height:0.653rem; font-size:0.32rem;}
.teacher-mod .tab-con .teacher-box .text .course p{ line-height:0.48rem; font-size:0.347rem; color:#666;}
.teacher-mod .tab-con .teacher-box .text .video-btn{ display:block; width:2.48rem; line-height:1; text-align:center; padding:0.253rem 0.32rem 0.253rem 0; margin-top:0.347rem; position:relative; font-size:0.373rem; font-weight:bold; color:#fff; border-radius:0.533rem; box-shadow:0 0.067rem 0.133rem #eed1ca; background:#f84920; background-image:-webkit-linear-gradient(left, #ff800e, #f84920); background-image:linear-gradient(left,#ff800e,#f84920);}
.teacher-mod .tab-con .teacher-box .text .video-btn:before{ content:""; width:0.24rem; height:0.28rem; position:absolute; right:0.48rem; top:0.28rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/teacher-ico02.png) no-repeat; background-size:100%;}
.teacher-mod .tab-con .teacherTab-tit{ width:9.2rem; height:2.133rem; padding:0.267rem 0 0 0; margin:0 auto; background:#fff; border-radius:0.133rem; position:relative;}
.teacher-mod .tab-con .teacherTab-tit .mySwiper{ overflow:hidden;}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide{ float:left; width:2.213rem; cursor:pointer; margin-left: 0.267rem;}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide .head{ width:2.213rem; height:1.333rem; border-radius:0.16rem; background:#f0f0f0; overflow:hidden;}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide .head img{ display:block; width:1.6rem; margin:0.067rem auto 0;}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide p{ line-height:0.707rem; text-align:center; font-size:0.293rem; color:#666;}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide.on .head{ background:#569aff; background-image:-webkit-linear-gradient(left, #6dbcff, #569aff); background-image:linear-gradient(left,#6dbcff,#569aff);}
.teacher-mod .tab-con .teacherTab-tit .swiper-slide:last-child{ margin-right: 0.267rem;}

/*课程班次 二个班次*/
.classesBox{ position: relative; z-index: 1;}
.classesBox .zyys{ position: absolute; display: block; top: 4rem; right: 0; width: 0.667rem; height: 1.253rem; padding: 0.213rem 0; text-align: center; line-height: 0.32rem; font-size: 0.32rem; color: #fff; border-radius: 0.24rem 0 0 0.24rem; z-index: 2;
    background: -webkit-linear-gradient(top, #fe6d30, #ff933c);
    background: -o-linear-gradient(top, #fe6d30, #ff933c);
    background: -moz-linear-gradient(top, #fe6d30, #ff933c);
    background: linear-gradient(to bottom, #fe6d30, #ff933c);}
.classesBox .course{ margin: 0 0.4rem;}
.classesBox .course li{ margin-bottom: 0.667rem; border-radius: 0.267rem; background:#fff; -webkit-box-shadow:0 0.133rem 0.267rem rgba(166, 166, 166, 0.3); -moz-box-shadow:0 0.133rem 0.267rem rgba(166, 166, 166, 0.3); box-shadow:0 0.133rem 0.267rem rgba(166, 166, 166, 0.3);}
.classesBox .course .tit{ height: 1.867rem; padding-top: 0.4rem; position:relative; z-index: 1; text-align:center; color: #fff;}
.classesBox .course .tit-top{ height: 0.987rem;}
.classesBox .course .tit-top h2{ width: 100%; text-align: center; line-height: 0.987rem; font-size: 0.667rem; color: #fff; font-weight: 700;}
.classesBox .course .tit-top h2 a{ color: #fff;}
.classesBox .course .tit-cen{ height: 0.613rem; line-height: 0.613rem; font-size: 0.32rem; color: #fff;}
.classesBox .course .tit-cen a{ color: #fff;}
.classesBox .course .con{ padding-top: 0.133rem; margin: 0 0.133rem 0.133rem; background: #fff; border-radius: 0.213rem;}
.classesBox .course .con .mlTit{ height: 0.587rem; line-height: 0.587rem; margin-bottom: 0.187rem;}
.classesBox .course .con .mlTit i{ display: inline-block; width: 1.733rem; height: 0.587rem; line-height: 0.587rem; text-align: center; font-size: 0.347rem; font-weight: 700; border-radius: 0.107rem; margin-right: 0.133rem;}
.classesBox .course .con .mlTit b{ font-size: 0.373rem;}
.classesBox .course .con .more-list{ padding: 0.4rem 0 0.267rem; margin: 0 0.4rem; border-bottom: 1px dashed #cccccc;}
.classesBox .course .con .more-list .mlCon01 .list{ position: relative; z-index: 1; padding-left: 0.533rem; line-height: 0.8rem; font-size: 0.32rem; color: #333; font-weight: 700; margin-left: 0.133rem;}
.classesBox .course .con .more-list .mlCon01 .list em{ font-weight: 400; font-size: 0.293rem;}
.classesBox .course .con .more-list .mlCon01 .list:before{ content:""; width:0.293rem; height:0.293rem; position:absolute; left:0; top:50%; margin-top:-0.147rem;}
.classesBox .course .con .more-list .mlCon01 .list.kong{ height: 0.8rem;}
.classesBox .course .con .more-list .mlCon01 .list.kong:before{ display: none;}
.classesBox .course .con .more-list .mlCon01 .list.min{ float: left; width: 3.387rem;}
.classesBox .course .con .more-list .mlCon01 .listPic{ float: left; margin-left: 0.133rem; width: 3.92rem; height: 1.6rem;}
.classesBox .course .con .more-list .mlCon01 .listPic img{ max-width: 3.92rem; height: 1.6rem;}
.classesBox .course .con .freeGift{ position: relative; z-index: 1; margin: 0.4rem 0.4rem 0; padding: 0.133rem 0.4rem 0.133rem 1.333rem; background: #ffeece; border-radius: 0.187rem;
    background: -webkit-linear-gradient(left, rgba(255,245,215,1) 0%, rgba(255,244,227,1) 25%, rgba(255,238,206,1) 60%, rgba(255,245,232,1) 100%);
    background: -o-linear-gradient(left, rgba(255,245,215,1) 0%, rgba(255,244,227,1) 25%, rgba(255,238,206,1) 60%, rgba(255,245,232,1) 100%);
    background: -moz-linear-gradient(left, rgba(255,245,215,1) 0%, rgba(255,244,227,1) 25%, rgba(255,238,206,1) 60%, rgba(255,245,232,1) 100%);
    background: linear-gradient(to right, rgba(255,245,215,1) 0%, rgba(255,244,227,1) 25%, rgba(255,238,206,1) 60%, rgba(255,245,232,1) 100%);}
.classesBox .course .con .freeGift .fdIcon{ position: absolute; left: 0.267rem; top:50%; margin-top:-0.387rem; width: 0.773rem; height: 0.773rem; background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_08.png) no-repeat; background-size: 100% 100%; border-radius: 50%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(255, 97, 51, 0.3); -moz-box-shadow:0 0.067rem 0.133rem rgba(255, 97, 51, 0.3); box-shadow:0 0.067rem 0.133rem rgba(255, 97, 51, 0.3);}
.classesBox .course .con .freeGift .list{ position: relative; z-index: 1; padding-left: 0.587rem; line-height: 0.533rem; font-size: 0.32rem;}
.classesBox .course .con .freeGift .list i{ display: block; position:absolute; left:0; top:50%; margin-top:-0.213rem; width:0.427rem; height:0.427rem; line-height: 0.427rem; text-align: center; font-size: 0.24rem; color: #fff; background:#ff7b1a; border-radius:50%;}
.classesBox .course .con .buyBox{ padding-bottom: 0.4rem;}
.classesBox .course .con .buyBox-priceNew{ padding-top: 0.133rem; line-height: 1.467rem; text-align: center;}
.classesBox .course .con .buyBox-priceNew .needMoney-con{ font-size: 0.32rem; color: #fd7400;}
.classesBox .course .con .buyBox-priceNew .needMoney-con b{ font-size: 0.373rem;}
.classesBox .course .con .buyBox-priceNew .needMoney-con strong{ font-size: 0.667rem; vertical-align: -0.053rem;}
.classesBox .course .con .buyBox-priceNew del{ font-size: 0.32rem; color: #666; margin-left: 0.533rem;}
.classesBox .course .con .buyBox-wap{ margin: 0 0.4rem; height: 1.067rem; display: -webkit-flex; display: flex; justify-content: space-between;}
.classesBox .course .con .buyBox-wap .zx-btn{ display: block; width: 3.813rem; height: 1.013rem; line-height: 1.013rem; font-size: 0.427rem; text-align: center; color: #e8403f; border: 0.027rem solid #e8403f; background: #ffeee8; border-radius: 0.533rem;}
.classesBox .course .con .buyBox-wap .buy-btn{ display: block; width:3.867rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; text-align: center; color: #fff; background: #ff5742; border-radius: 0.533rem; -webkit-box-shadow:0 0.053rem 0.16rem rgba(255, 24, 0, 0.32); -moz-box-shadow:0 0.053rem 0.16rem rgba(255, 24, 0, 0.32); box-shadow:0 0.053rem 0.16rem rgba(255, 24, 0, 0.32);}
.classesBox .course .clCoupon-wrap{ clear: both; height: 1.347rem; text-align: center; margin-top: 0.4rem;}
.classesBox .course .clCoupon{ position: relative; z-index: 1; display:inline-block; width:8.667rem; height:1.347rem; background:url("/images/project2024/yishizige/coupon-bg.png") no-repeat; background-size: 100% 100%;}
.classesBox .course .clCoupon-prize-text{ float:left; width:2.453rem; line-height:1.36rem; padding:0 0 0 0.373rem; letter-spacing:0; font-size:0.96rem; text-align: left; font-family:'DIN Alternate'; color:#f9eac4; font-weight:bold;}
.classesBox .course .clCoupon-prize-text i{ display:inline-block; width:0.453rem; height:0.453rem; line-height:0.453rem; vertical-align:0.4rem; margin-right: 0.107rem; font-size:0.347rem; color:#ff5d0b; text-align:center; background:#f9eac4; border-radius:50%;}
.classesBox .course .clCoupon-text{ float:left; width:3.733rem; line-height:0.453rem; font-size: 0.347rem; text-align: left; color:#f9eac4; padding:0.213rem 0 0 0.347rem;}
.classesBox .course .clCoupon-btn{ display:block; float:right; width:1.467rem; height:0.853rem; line-height:0.853rem; text-align:center; border-radius:0.427rem; margin:0.24rem 0.267rem 0 0; font-size:0.4rem; color:#e9380c; font-weight:bold; text-decoration:none; background:#ffeed3; background-image:-webkit-linear-gradient(left, #ffe0b0, #ffeed3); background-image:-moz-linear-gradient(left, #ffe0b0, #ffeed3); background-image:linear-gradient(left,#ffe0b0,#ffeed3);}
.classesBox .course .clCoupon.bg02 .clCoupon-prize-text{ position: relative; z-index: 1; height: 1.347rem; line-height: 0.933rem;}
.classesBox .course .clCoupon.bg02 .clCoupon-prize-text em{ position: absolute; left: 50%; bottom: 0; margin-left: -0.4rem; line-height: 0.4rem; font-size: 0.32rem; color: #f9eac4;}
.classesBox .course .clCoupon .tagIcon{ position: absolute; right:-0.133rem; top:-0.24rem; display: block; width: 1.52rem; height: 0.427rem;}

/*全程班*/
.classesBox .course li.qcb{ background:url(/images/shehuigongzuozhe/shegongkaoshi/bg_05.png) no-repeat center top #6ca7ff;}
.classesBox .course li.qcb .tit-top h2{ -webkit-text-shadow:0 0.067rem 0.093rem rgba(44, 21, 216, 0.4); -moz-text-shadow:0 0.067rem 0.093rem rgba(44, 21, 216, 0.4); text-shadow:0 0.067rem 0.093rem rgba(44, 21, 216, 0.4);}
.classesBox .course li.qcb .con .mlTit i{ color: #4791ff; background: #d9e8ff;}
.classesBox .course li.qcb .con .more-list .mlCon01 .list:before{ background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_06.png) no-repeat; background-size:100% 100%;}

/*高效班*/
.classesBox .course li.gxb{ background:url(/images/shehuigongzuozhe/shegongkaoshi/bg_06.png) no-repeat center top #fe5803;}
.classesBox .course li.gxb .tit-top h2{ -webkit-text-shadow:0 0.067rem 0.093rem rgba(217, 50, 0, 0.9); -moz-text-shadow:0 0.067rem 0.093rem rgba(217, 50, 0, 0.9); text-shadow:0 0.067rem 0.093rem rgba(217, 50, 0, 0.9);}
.classesBox .course li.gxb .con .mlTit i{ color: #fb3c00; background: #fde5dd;}
.classesBox .course li.gxb .con .more-list .mlCon01 .list:before{ background:url(/images/shehuigongzuozhe/shegongkaoshi/icon_07.png) no-repeat; background-size:100% 100%;}

/*底部规则*/
.classesBox .course-fot{ margin: -0.187rem 0.667rem 0.533rem;}
.classesBox .course-fot-tit{ line-height: 0.72rem; font-size: 0.4rem; font-weight: 700;}
.classesBox .course-fot-txt{ line-height: 0.667rem; font-size: 0.347rem; margin-bottom: 0.107rem;}
.classesBox .course-fot-txt a{ color: #ff5742;}

/*备考体系*/
.prepare-mod{ padding-bottom: 0.667rem; background: url(/images/shehuigongzuozhe/shegongkaoshi/bg_07.jpg) no-repeat top center; background-size: 100% auto;}
.prepare-mod .common-title{ padding-bottom: 0;}
.prepare-mod .common-title h3{ color: #fff;}
.prepare-mod .subTit{ font-size: 0.373rem; color: #fff; line-height: 0.533rem; text-align: center; margin-bottom: 0.4rem;}
.prepare-mod .topPic{ text-align: center; height: 4.373rem; margin-bottom: 0.533rem;}
.prepare-mod .topPic img{ width: auto; height: 4.373rem;}
.prepare-mod .botCon{ padding: 0.4rem 0.533rem; background: #fff; border-radius: 0.133rem; margin: 0 0.4rem;}
.prepare-mod .botCon .bList{ position: relative; z-index: 1; padding: 0.24rem 0 0.213rem 0.453rem; border-bottom: 0.013rem solid #d7d7d7;}
.prepare-mod .botCon .bList-tit{ position: relative; z-index: 1; line-height: 0.667rem; font-size: 0.48rem; color: #2c79ff; font-weight: 700;}
.prepare-mod .botCon .bList-tit:before{ position: absolute; left: -0.4rem; top: 50%; margin-top: -0.067rem; content:""; width: 0.133rem; height: 0.133rem; background: #2c79ff; border-radius: 50%;}
.prepare-mod .botCon .bList-txt{ line-height: 0.587rem; font-size: 0.347rem;}
.prepare-mod .botCon .bList:last-child{ border-bottom: 0;}
.prepare-mod .botCon .bList-fdIcon{ position: absolute; right: 0.133rem; top: 50%; margin-top: -0.533rem; width: 1.067rem; height: 1.067rem;}
.prepare-mod .botCon .bList-fdIcon img{ width: 1.067rem; height: 1.067rem;}

/*右侧浮动*/
.fix-share,.fix-top{ display:block; width:1.2rem; height:1.2rem; z-index:70; background:url(/images/hushi/project2026/icon_37.png) no-repeat; background-size:100% auto; position:fixed; right: 0.067rem; bottom:3.1rem;}
.fix-top{ background:url(/images/hushi/project2026/icon_38.png) no-repeat; background-size:100% auto; right: 0.067rem; bottom:1.7rem;}
.activity-fixBtn{position:fixed; width:1.253rem; right: 0.067rem; bottom:4.5rem; z-index:70;}

.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:99; filter:alpha(opacity=70);opacity:0.7;}

/*选课弹层*/
.course-pop{ display:none; overflow:hidden; width:100%; padding-bottom: 0.533rem; background-color:#009a8a; position:fixed; bottom:0; left:0; z-index:100;}
.course-pop .tit{ position: relative; z-index: 1; height: 1.333rem; line-height: 1.333rem;}
.course-pop .tit h3{ float:left; font-size: 0.427rem; color: #fff; font-weight:bold; padding-left: 0.667rem;}
.course-pop .tit .close{ position: absolute; top: 0.467rem; right: 0.4rem; display:block; width: 0.4rem; height: 0.4rem; background: url(/images/hushi/project2026/icon_39.png) no-repeat center; background-size: 100% 100%;}
.course-pop .con{ padding: 0.133rem 0 0.4rem; margin: 0 0.267rem; background: #fff; border-radius: 0.267rem 0.267rem 0 0; max-height: 12rem; overflow: auto; overflow-x: hidden;}
.course-pop .con h4{ position: relative; z-index: 1; clear: both; padding-left: 0.4rem; height: 1.147rem; line-height: 1.147rem; font-size:0.4rem;}
.course-pop .con h4 i{ position: absolute; top: 0.36rem; left: 0; display: block; width: 0.08rem; height: 0.4rem; background: #ff7318;}
.course-pop .con h4.cju{ color: #fd7400; font-weight: 700; font-size: 0.34rem;}
.course-pop .con .courtab{ clear: both; padding-left: 0.133rem;}
.course-pop .con .courCon{ display: none; clear: both;}
.course-pop .con .courCon .list{ clear: both; padding-left: 0.133rem;}
.course-pop .con .chkName{ float:left; margin:0 0 0.133rem 0.133rem; width: 4.35rem; height: 0.773rem; line-height: 0.773rem; font-size: 0.32rem; text-indent: 0.2rem; color: #666; cursor:pointer; border: 1px solid #dbdbdb; border-radius: 0.08rem; position:relative; overflow: hidden;}
.course-pop .con .chkName.on{ border: 1px solid #ff5742; color:#ff5742; background: #fff7ef;}
.course-pop .con .chkName.on i.gou{ display:block; width: 0.453rem; height: 0.453rem; position:absolute; right:0; bottom:0; background:url(/images/hushi/project2026/icon_40.png) no-repeat; background-size: 100% 100%;}
.course-pop .con .chkName .coursechk{ position:absolute; left:-0.4rem; top:-0.4rem;}
.course-pop .total{ height:1.6rem; background: #f7f7f7; padding: 0 0.4rem; margin: 0 0.267rem; border-radius: 0 0 0.267rem 0.267rem; margin-top: -0.013rem;}
.course-pop .total .ctxt{ float: left; padding-top: 0.13rem;}
.course-pop .total .ctxt .price{ line-height: 0.8rem; font-size:0.427rem; color:#666;}
.course-pop .total .ctxt .price b{ font-size:0.56rem; color: #ea1117; vertical-align: -0.04rem;}
.course-pop .total .ctxt .ts{ line-height: 0.4rem; font-size: 0.32rem; color: #999;}
.course-pop .total .buy-btn{ float: right; display:block; width:3.6rem; height:1.067rem; line-height:1.067rem; text-align:center; font-size:0.507rem; color:#fff; border-radius:0.533rem; margin-top: 0.267rem; background: #ff5742; -webkit-box-shadow:0 0.053rem 0.16rem rgba(255, 99, 43, 0.3); -moz-box-shadow:0 0.053rem 0.16rem rgba(255, 99, 43, 0.3); box-shadow:0 0.053rem 0.16rem rgba(255, 99, 43, 0.3);}

/*班次对比、师资课时选择框*/
.contrast-pop{ display:none; overflow:hidden; width:100%; padding-bottom: 0.4rem; background-color:#fff; border-radius: 0.267rem 0.267rem 0 0; position:fixed; bottom:0; left:0; z-index:100;}
.contrast-pop .xx{ position: absolute; top: 0.467rem; right: 0.4rem; display:block; width: 0.4rem; height: 0.4rem; background: url(/images/project2024/weishengzige/icon_08.png) no-repeat center; background-size: 100% 100%;}
.contrast-pop .tit{ height: 1.333rem; line-height: 1.333rem; font-size: 0.4rem; font-weight:bold; padding: 0 0.4rem;}
.contrast-pop .con{ margin: 0 0 0 0.4rem; max-height: 12rem; overflow: auto; overflow-x: hidden;}
.contrast-pop .con .list{ position: relative; z-index: 1; float:left; margin:0 0.4rem 0.267rem 0; width: 4.347rem; height: 0.907rem; line-height: 0.907rem; font-size: 0.373rem; text-align: center; color: #333; cursor:pointer; border: 1px solid #dbdbdb; border-radius: 0.107rem; position:relative; overflow: hidden;}
.contrast-pop .con .list:active{ border: 1px solid #ff5742; color:#ff5742; background: #fff7ef;}
.contrast-pop .con .list:active i.gou{ display:block; width: 0.453rem; height: 0.453rem; position:absolute; right:0; bottom:0; background:url(/images/project2024/weishengzige/icon_40.png) no-repeat; background-size: 100% 100%;}

@keyframes kc {
    0%,25%,5%,12.5%,20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
