/*
@author: sunke
*/
@charset "utf-8";
html{color:#222;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#222;font: 400 0.187rem/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a{color:#222;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;max-width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
i,em{font-style:normal;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.wrap-details{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative; margin-bottom:1.44rem;}
/*------------------------------------------------- common -------------------------------------------------*/
/**/
.top-header{ height:1.173rem; position:relative; background:#FCFCFC;}
.top-header.white{ background:#fff;}
.top-header h1{ line-height:1.173rem; text-align:center; font-size:0.48rem; font-weight:bold;}
.top-header .back-btn{ display:block; width:1.173rem; height:1.173rem; background:url("../../images/mobile/backBtn-bg.png") no-repeat center; background-size:0.587rem auto; position:absolute; left:0; top:0;}
.top-header .shoppingCart-btn{ display:block; width:0.48rem; height:0.507rem; background:url("../../images/mobile/shoppingCart-bg.png") no-repeat; background-size:100% auto; position:absolute; top:0.32rem; right:0.4rem;}
.top-header .shoppingCart-btn i{ display:block; width:0.4rem; height:0.4rem; line-height:0.4rem; text-align:center; border-radius:50%; font-size:0.24rem; color:#fff; position:absolute; top:-0.173rem; right:-0.187rem; background-image:linear-gradient(top, #FE806B 0%, #FE5860 100%); background-image:-webkit-linear-gradient(top, #FE806B 0%, #FE5860 100%);}
.top-header .share-btn{ display:block; width:0.507rem; height:0.467rem; background:url("../../images/mobile/share-btn.png") no-repeat; background-size:100% auto; position:absolute; top:0.347rem; right:0.387rem;}
.top-header .edit-btn{ display:block; line-height:1.173rem; font-size:0.373rem; color:#777; position:absolute; right:0.4rem; top:0;}
.top-header.on{ z-index:99;}
.top-header-fix{ display:none; width:100%; height:1.173rem; position:fixed; left:0; top:0; display:none; background:#FCFCFC; z-index:89;}
.top-header-fix .back-btn{ display:block; width:1.387rem; height:1.173rem; background:url("../../images/mobile/backBtn-bg.png") no-repeat center; background-size:0.587rem auto; position:absolute; left:0; top:0;}
.top-header-fix ul{ padding:0 1.933rem; text-align:center;}
.top-header-fix li{ display:inline-block; line-height:1.173rem; width:1.547rem; text-align:center; font-size:0.373rem; color:#999;}
.top-header-fix li.on{ color:#222; position:relative;}
.top-header-fix li.on:before{ content:""; width:0.4rem; height:0.08rem; background:#07bdc7; border-radius:0.067rem; position:absolute; left:50%; margin-left:-0.2rem; bottom:0;}
/**/
.focusMap-mod{ margin:0.133rem 0.4rem 0;}
.focusMap-mod .swiper-slide img{ width:9.2rem; height:4.107rem; border-radius:0.107rem;}
.focusMap-mod .swiper-pagination{ text-align:right;}
.focusMap-mod .swiper-pagination-bullet{ width:0.08rem; height:0.08rem; margin:0 0.067rem; background:#fff; opacity:.5;}
.focusMap-mod .swiper-pagination-bullet:last-child{ margin-right:0.2rem;}
.focusMap-mod .swiper-pagination-bullet-active{ width:0.267rem; border-radius:0.053rem; opacity:1;}
/*------------------------------------------------- index -------------------------------------------------*/
/**/
.index-course{ padding-bottom:0.667rem;}
.index-course .title{ line-height:0.773rem; font-size:0.4rem;text-align:center; padding:0.547rem 0 0.293rem;}
.index-course .title i{ display:inline-block; width:0.533rem; height:0.027rem; background:#D8D8D8; margin:0 0.267rem; vertical-align:.12rem;}
.index-course .tit{ height:0.773rem; line-height:0.773rem; font-size:0.4rem; font-weight:bold; padding:0 0 0 0.8rem; position:relative;}
.index-course .tit:before{ content:""; width:0.08rem; height:0.4rem; border-radius:0.053rem; background:#07bdc7; position:absolute; left:0.4rem; top:0.2rem;}
.index-course .con{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:0.267rem 0 0.4rem 0.4rem;}
.index-course .con a{ display:block; width:2.933rem; height:0.933rem; line-height:0.933rem; font-size:0.373rem; text-align:center; background:#F5F5F5; border-radius:0.467rem; margin:0 0.2rem 0.2rem 0;}
.index-course .download-btn{ display:block; width:8.933rem; margin:0.133rem auto 0;}
/*------------------------------------------------- details -------------------------------------------------*/
.detailsPic-mod{}
.detailsPic-mod .swiper-slide{ width:100%; height:5.627rem;}
.detailsPic-mod .swiper-slide img{ width:100%; height:5.627rem;}
.detailsPic-mod .swiper-slide.video-tags i{ display:block; width:3.173rem; height:0.533rem; line-height:0.533rem; text-indent:0.853rem; font-size:0.32rem; background:#fff; border-radius:0.667rem; padding:0.133rem 0; color:#555; position:absolute; left:50%; margin-left:-1.587rem; bottom:0.213rem; background:url("../../images/mobile/details/details-ico01.png") no-repeat 0.16rem center #fff; background-size:0.533rem auto;}
.detailsPic-mod .swiper-pagination{ width:0.907rem; height:0.533rem; line-height:0.533rem; font-weight:normal; text-align:center; font-size:0.267rem; color:#fff; background:rgba(0,0,0,0.40); border-radius:0.267rem; position:absolute; left:auto; right:0.267rem; bottom:0.267rem; z-index:79}
.detailsPic-mod .back-btn{ display:block; width:1.173rem; height:1.173rem; z-index:9; background:url("../../images/mobile/backBtn-bg02.png") no-repeat center; background-size:0.587rem auto; position:absolute; left:0; top:0;}
.detailsPic-mod .share-btn{ display:block; width:1.173rem; height:1.173rem; z-index:9; background:url("../../images/mobile/share-btn02.png") no-repeat center; background-size:0.453rem auto; position:absolute; top:0; right:0;}
/**/
.ad-mod{}
.ad-mod img{ width:100%;}
/**/
.details-mod{}
.details-mod .top-tit{ padding:0.533rem 0 0.573rem 0; border-bottom:1px solid #F5F5F5; margin:0 0.4rem;}
.details-mod .top-tit h1{ line-height:0.8rem; padding-bottom:0.267rem; font-size:0.533rem; font-weight:bold;}
.details-mod .top-tit h1 i{ display:inline-block; height:0.427rem; line-height:0.427rem; background:#dfb066; border-radius:0 0.107rem 0 0.107rem; font-size:0.267rem; color:#fff; padding:0 0.147rem; margin-right:0.293rem; font-weight:normal; vertical-align:0.08rem;}
.details-mod .top-tit p{ line-height:0.64rem; font-size:0.48rem; color:#FE5E2C; font-weight:bold;}
.details-mod .common-con{ padding:0.293rem .4rem 0.293rem; position:relative;}
.details-mod .common-con .tit{ float:left; height:0.587rem; line-height:0.587rem; width:1.133rem; font-size:0.373rem; color:#999;}
.details-mod .common-con .more-btn{ width:0.533rem; height:0.48rem; background:url("../../images/mobile/details/details-ico02.png") no-repeat center; background-size:0.533rem auto; position:absolute; top:0.347rem; right:0.4rem;}
.details-mod .activity-wrap{ border-bottom:1px solid #F5F5F5;}
/*.details-mod .activity-wrap .coupon-tags{ padding-bottom:.210rem !important;}*/
.details-mod .send-wrap,.details-mod .service-wrap,.details-mod .course-wrap{border-bottom:0.267rem solid #F8F8F8;}
.details-mod .common-main{ float:left; width:7.2rem;}
.details-mod .discount-wrap{ margin-left:1.133rem;}
.details-mod .discount-con .con{padding:0 .2rem 0.32rem 1.413rem; position:relative;}
.details-mod .discount-con .con p{ height:.427rem; line-height:0.427rem; padding:.08rem 0; font-size:0.373rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.details-mod .discount-con .con p em{ color:#FE5E2C;}
.details-mod .discount-con .con i{ display:block; height:0.48rem; line-height:0.48rem; font-size:0.32rem; color:#FB7030; background:#FFE3D4; border-radius:0.053rem; opacity:.7; padding:0 0.187rem; position:absolute; left:0; top:0.053rem;}
.details-mod .discount-con .con .coupon-btn{ display:inline-block; width:1.973rem; height:0.48rem; line-height:0.48rem; text-align:center; font-size:0.32rem; color:#fff; background:url("../../images/mobile/details/details-ico03.png") no-repeat; background-size:100% auto; margin:0.053rem 0.213rem 0 0;}
.details-mod .discount-con .con:last-child{ padding-bottom:0;}
.details-mod .send-con .con,.details-mod .service-con .con,.details-mod .course-con .con{ line-height:.587rem; font-size:0.373rem;}
.details-mod .send-con .con p,.details-mod .service-con .con p,.details-mod .course-con .con p{ height:.587rem; line-height:.587rem;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/**/
.mask,.mask-listNav{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:98;}
.mask-listNav{ z-index:88;}
.common-pop{ display:none; width:100%; position:fixed; left:0; bottom:0; background:#fff; z-index:99;}
.common-pop .close-btn{ display:block; width:0.373rem; height:0.373rem; position:absolute; top:0.533rem; right:0.427rem; background:url("../../images/mobile/close-btn.png") no-repeat; background-size:100% auto;}
.common-pop .tit{ line-height:0.827rem; padding:0.387rem 0 0.493rem; margin:0 .4rem; font-weight:bold; font-size:0.48rem; text-align:center;}
.common-pop .tit.line{ border-bottom:1px solid #F5F5F5; margin-bottom:.3rem;}
/**/
.activity-pop .con{ padding:0 0.4rem;}
.activity-pop .con h3{ font-size:0.427rem; color:#999; padding-bottom:0.307rem;}
.activity-pop .send-list ul{ padding-bottom:0.6rem;}
.activity-pop .send-list li{ padding:0 0 0.48rem;}
.activity-pop .send-list h4{ float:left; height:0.48rem; padding:0 0.187rem; font-size:0.32rem; color:#FB7030; background:#FFE3D4; margin-top:0.08rem;}
.activity-pop .send-list p{ display:block; margin-left:1.44rem; height:.64rem; line-height:0.64rem; font-size:0.373rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.activity-pop .send-list p em{ color:#FE5E2C;}
.activity-pop .coupon-list{ padding-bottom:0.4rem;}
.activity-pop .coupon-list li{ position: relative;height:2.413rem; box-shadow:0.053rem 0.053rem 0.16rem 0.053rem rgba(104,104,104,0.10); border-radius:0.053rem; margin-bottom:0.4rem;}
.activity-pop .coupon-list li .price-con{ float:left; width:2.933rem; height:2.413rem; text-align:center; color:#fff; background:url("../../images/mobile/details/coupon-bg.png") no-repeat; background-size:100% auto;}
.activity-pop .coupon-list li .price-con h4{ font-size:0.373rem; padding-top:0.267rem;}
.activity-pop .coupon-list li .price-con h4 strong{ font-size:0.8rem;}
.activity-pop .coupon-list li .price-con p{ font-size:0.373rem;}
.activity-pop .coupon-list li .text-con{ float:left;width:4rem;margin-left:.2rem; padding-top:0.307rem;}
.activity-pop .coupon-list li .text-con h4{ font-size:0.373rem; font-weight:bold; line-height:0.533rem; height:1.067rem;}
.activity-pop .coupon-list li .text-con .bottom{ padding-top:0.08rem;}
.activity-pop .coupon-list li .text-con .time{ float:left; width:3.8rem; line-height:0.667rem; font-size:0.293rem; color:#555; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.activity-pop .coupon-list li .text-con .btn{ float:right; display:block; width:1.707rem; margin-right:0.347rem; height:0.667rem; line-height:0.667rem; text-align:center; font-size:0.32rem; color:#fff; border-radius:0.667rem; background-image:linear-gradient(left, #FA843A 0%, #FE4D00 100%); background-image:-webkit-linear-gradient(left, #FA843A 0%, #FE4D00 100%);}
.activity-pop .coupon-list li .text-con .btn.no{ background-image:linear-gradient(left, #dfdfdf 0%, #ccc 100%); background-image:-webkit-linear-gradient(left, #dfdfdf 0%, #ccc 100%);}
.activity-pop .coupon-list li .couponListConBth{ margin-top: .8rem;}
.activity-pop .coupon-list li .couponListConBth .btn{ float: left;
display: block;
width: 1.707rem;
height: 0.667rem;
line-height: 0.667rem;
text-align: center;
font-size: 0.32rem;
color: #fff;
border-radius: 0.667rem;
background-image: linear-gradient(left, #FA843A 0%, #FE4D00 100%);
background-image: -webkit-linear-gradient(left, #FA843A 0%, #FE4D00 100%); }
.activity-pop .coupon-list li.no .price-con{ background:url("../../images/mobile/details/coupon-bgNo.png") no-repeat; background-size:100% auto;}
/**/
.send-pop .con{ padding:0 0.4rem;}
.send-pop .con li{ padding:0 0 0.48rem;}
.send-pop .con h4{ float:left; height:0.48rem; padding:0 0.187rem; font-size:0.32rem; color:#07bdc7; background:#D4EDFF; margin-top:0.04rem;}
.send-pop .con p{ display:block; margin-left:1.44rem; line-height:0.587rem; font-size:0.373rem;}
/**/
.service-pop .con{ padding:0 0.4rem;}
.service-pop .con li{ padding:0 0 0.573rem 1.267rem;}
.service-pop .con h3{ font-size:0.427rem; line-height:0.693rem;}
.service-pop .con p{ font-size:0.32rem; line-height:0.533rem; color:#555;}
.service-pop .con li.ico01{ background:url("../../images/mobile/details/activity01.png") no-repeat left 0.2rem; background-size:0.853rem auto;}
.service-pop .con li.ico02{ background:url("../../images/mobile/details/activity02.png") no-repeat left 0.2rem; background-size:0.853rem auto;}
.service-pop .con li.ico03{ background:url("../../images/mobile/details/activity03.png") no-repeat left 0.2rem; background-size:0.853rem auto;}
.service-pop .con li.ico04{ background:url("../../images/mobile/details/activity04.png") no-repeat left 0.2rem; background-size:0.853rem auto;}
.service-pop .con li.ico05{ background:url("../../images/mobile/details/activity05.png") no-repeat left 0.2rem; background-size:0.853rem auto;}
/**/
.dialogFixed{ position:fixed; width:100%; left:0; top:0;}
.tips-pop{ display:none; width:3.52rem; line-height:0.533rem; padding:0.267rem .2rem; text-align:center; border-radius:0.133rem; font-size:0.36rem; color:#fff; background:rgba(0,0,0,.68); position:fixed; left:50%; top:50%; margin:-0.533rem 0 0 -1.96rem; z-index:109;}
.addCart-pop{ width:3.68rem; height:2.88rem; border-radius:0.213rem; background: rgba(0,0,0,0.68); position:fixed; left:50%; top:50%; margin:-1.44rem 0 0 -1.84rem; z-index:109;}
.addCart-pop p{ text-align:center; font-size:0.373rem; line-height:0.427rem; color:#fff; padding-top:1.627rem; background:url("../../images/mobile/gou.png") no-repeat center 0.4rem; background-size:1.013rem auto;}
/**/
.course-pop{}
.course-pop .tit{ text-align:left;}
.course-pop .con{}
.course-pop .con::-webkit-scrollbar-track-piece {
background-color: rgba(194, 194, 194, 0);
border-left: 1px solid rgba(255, 86, 104, 0);
}
.course-pop .con::-webkit-scrollbar {
width: 0.067rem;
height: 0.173rem;
-webkit-border-radius: 0.067rem;
-moz-border-radius: 0.067rem;
border-radius: 0.067rem;
}
.course-pop .con::-webkit-scrollbar-thumb {
background-color: rgba(194, 194, 194, 0.9);
background-clip: padding-box;
-webkit-border-radius: 0.067rem;
-moz-border-radius: 0.067rem;
border-radius: 0.067rem;
min-height: 0.373rem;
}
.course-pop .con::-webkit-scrollbar-thumb:hover {
background-color: rgba(194, 194, 194, 0.9);
-webkit-border-radius: 0.067rem;
-moz-border-radius: 0.067rem;
border-radius: 0.067rem;
}
.course-pop .course-wrap{ padding:0 .4rem;}
.course-pop .course-tit{ line-height:0.613rem; padding:0.16rem 0 0.267rem; font-size:0.373rem; font-weight:bold; position:relative;}
.course-pop .course-tit span{ padding-left:0.4rem; font-size:0.32rem; color:#999; font-weight:normal;}
.course-pop .course-tit .question-btn{ display:block; float:right; font-size:0.32rem; color:#999; height:0.533rem; line-height:0.533rem; font-weight:normal; padding-right:0.533rem; background:url("../../images/mobile/details/course01.png") no-repeat right center; background-size:0.4rem auto; margin-left:0.173rem; vertical-align:middle;}
.course-pop .course-tit .question-pop{ display:none; width:8rem; background:#fff; padding:0.4rem 0.32rem 0.467rem 0.4rem; border: 0.027rem solid #EEEEEE; border-radius:0.08rem; position:absolute; right:-0.227rem; top:0.987rem; z-index:89;}
.course-pop .course-tit .question-pop p{ font-size:0.32rem; color:#777; line-height:0.44rem; font-weight:normal;}
.course-pop .course-tit .question-pop:before{ content:""; width:0.24rem; height:0.187rem; background:url("../../images/mobile/details/course02.png") no-repeat; background-size:0.24rem auto; position:absolute; top:-0.187rem; right:0.267rem;}
.course-pop .choice-classes p{ display:block; float:left; height:0.747rem; border:1px solid #F6F6F6; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.747rem; font-size:0.32rem; border-radius:0.667rem; position:relative; overflow:hidden; background:#F6F6F6; color:#555; padding:0 0.427rem; margin:0 0.32rem 0.4rem 0;}
.course-pop .choice-classes p.on{ border:1px solid #07bdc7; color:#07bdc7;}
.course-pop .choice-classes p input{ position:absolute; left:-1.067rem; top:-1.067rem;}
.course-pop .choice-classes p.no{ background:#F6F6F6; color:#ccc;}
.course-pop .choice-setMeal .setMeal-con{ display:block; float:left; height:0.747rem; border:1px solid #F6F6F6; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.747rem; font-size:0.32rem; border-radius:0.667rem; position:relative; overflow:hidden; background:#F6F6F6; color:#555; padding:0 0.427rem; margin:0 0.32rem 0.4rem 0;}
.course-pop .choice-setMeal .setMeal-con.on{ border:1px solid #07bdc7; color:#07bdc7;}
.course-pop .choice-setMeal .setMeal-con input{ position:absolute; left:-1.067rem; top:-1.067rem;}
.course-pop .choice-setMeal .setMeal-con.no{ color:#ccc;}
.course-pop .choice-computerExam p{ display:block; float:left; height:0.747rem; border:1px solid #F6F6F6; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.747rem; font-size:0.32rem; border-radius:0.667rem; position:relative; overflow:hidden; background:#F6F6F6; color:#555; padding:0 0.427rem; margin:0 0.32rem 0.4rem 0;}
.course-pop .choice-computerExam p.on{ border:1px solid #07bdc7; color:#07bdc7;}
.course-pop .choice-computerExam p input{ position:absolute; left:-1.067rem; top:-1.067rem;}
.course-pop .choice-computerExam p.no{ color:#ccc;}
.course-pop .choice-city p{ display:block; float:left; height:0.747rem; border:1px solid #F6F6F6; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.747rem; font-size:0.32rem; border-radius:0.667rem; position:relative; overflow:hidden; background:#F6F6F6; color:#555; padding:0 0.427rem; margin:0 0.32rem 0.4rem 0;}
.course-pop .choice-city p.on{ border:1px solid #07bdc7; color:#07bdc7;}
.course-pop .choice-city p input{ position:absolute; left:-1.067rem; top:-1.067rem;}
.course-pop .choice-city p.no{ color:#ccc;}
.course-pop .choice-book p{ display:block; float:left; height:0.747rem; border:1px solid #F6F6F6; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:0.747rem; font-size:0.32rem; border-radius:0.667rem; position:relative; overflow:hidden; background:#F6F6F6; color:#555; padding:0 0.427rem; margin:0 0.32rem 0.4rem 0;}
.course-pop .choice-book p.on{ border:1px solid #07bdc7; color:#07bdc7;}
.course-pop .choice-book p input{ position:absolute; left:-1.067rem; top:-1.067rem;}
.course-pop .choice-book p.no{ color:#ccc;}
.course-pop .selected-con{ background:#FFF4ED; padding:0.16rem 0.4rem; font-size:0.373rem; color:#FE7B37; line-height:0.533rem;}
.course-pop .selected-con .text{ float:left;}
.course-pop .selected-con .text h4{ float:left;}
.course-pop .selected-con .text .text-con{ float:left; width:6rem; padding-left:0.133rem}
.course-pop .selected-con .text .text-con p{ height:.533rem; line-height:.533rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.course-pop .selected-con .price{ float:right; line-height:.533rem;}
.course-pop .btn-wrap{ text-align:center; padding:0.187rem 0;}
.course-pop .btn-wrap a{ display:inline-block; width:4.4rem; height:1.067rem; line-height:1.067rem; text-align:center; border-radius:0.533rem; font-size:0.373rem; color:#fff; margin:0 0.2rem;}
.course-pop .btn-wrap a.add-btn{ background-image:linear-gradient(left, #FFC145 0%, #FF9D30 100%); background-image:-webkit-linear-gradient(left, #FFC145 0%, #FF9D30 100%);}
.course-pop .btn-wrap a.buy-btn{ background-image:linear-gradient(left, #FF7400 0%, #FF4500 100%); background-image:-webkit-linear-gradient(left, #FF7400 0%, #FF4500 100%);}
.course-pop .sureBtn-wrap{ padding:0.187rem 0; border-top:1px solid #F5F5F5;}
.course-pop .sureBtn-wrap .sure-btn{ display:block; width:9.2rem; height:1.067rem; line-height:1.067rem; border-radius:0.533rem; margin:0 auto; text-align:center; background:#07bdc7; font-size:0.4rem; color:#fff;}
.common-tit{ height:0.773rem; line-height:0.773rem; padding:0.347rem 0.4rem 0.32rem;}
.common-tit h3{ float:left; font-size:0.373rem; position:relative; padding-left:0.213rem;}
.common-tit h3:before{ content:""; width:0.08rem; height:0.373rem; background-image:linear-gradient(90deg, #FF6D50 0%, #FF905D 100%);background-image:-webkit-linear-gradient(90deg, #FF6D50 0%, #FF905D 100%); position:absolute; left:0; top:50%; margin-top:-0.187rem;}
.common-tit .more-btn{ display:block; float:right; font-size:0.32rem; color:#999;}
/**/
.noCourseEvaluation-mod{ border-bottom:0.267rem solid #F8F8F8; line-height:1.973rem; text-align:center; font-size:0.373rem; color:#999;}
/**/
.courseEvaluation-mod{ border-bottom:0.267rem solid #F8F8F8;}
.courseEvaluation-mod .list{ padding:0 0.4rem;}
.courseEvaluation-mod .list li{ padding-bottom:0.533rem;}
.courseEvaluation-mod .list .name{ height:0.667rem;}
.courseEvaluation-mod .list .name img{ display:block; float:left; width:0.667rem; height:0.667rem; border-radius:50%; margin-right:0.267rem;}
.courseEvaluation-mod .list .name h4{ float:left; line-height:0.667rem; font-size:0.373rem; color:#999;}
.courseEvaluation-mod .list p{ line-height:0.533rem; padding:0.32rem 0 0; font-size:0.373rem;}
/**/
.common-tit02{ text-align:center; padding:0.48rem 0 0.4rem;}
.common-tit02 h3{ text-align:center;}
.common-tit02 h3 span{ display:inline-block; height:0.72rem; line-height:0.72rem; font-size:0.427rem; font-weight:bold; position:relative;}
.common-tit02 h3 span:before{ content:""; width:0.653rem; height:0.533rem; background:url("../../images/mobile/details/teacher-ico01.png") no-repeat; background-size:100% auto; position:absolute; left:-1.08rem; top:0.08rem;}
.common-tit02 h3 span:after{ content:""; width:0.6rem; height:0.533rem; background:url("../../images/mobile/details/teacher-ico02.png") no-repeat; background-size:100% auto; position:absolute; right:-1.013rem; top:0.107rem;}
.common-tit02 p{ line-height:0.613rem; font-size:0.373rem; color:#777;}
/**/
.shoppingNav-mod{ width:100%; height:1.44rem; background:#fff; z-index:89; position:fixed; left:0; bottom:0;}
.shoppingNav-mod .customerService-btn{ display:block; float:left; width:1.067rem; text-align:center; margin:0.107rem 0 0 0.36rem; padding-top:0.733rem; line-height:0.427rem; font-size:0.32rem; color:#999; background:url("../../images/mobile/shoppingNav01.png") no-repeat center 0.133rem; background-size:0.48rem auto;}
.shoppingNav-mod .shoppingCart-btn{ display:block; float:left; width:1.067rem; text-align:center; margin:0.107rem 0 0 0.333rem; padding-top:0.733rem; line-height:0.427rem; font-size:0.32rem; color:#999; background:url("../../images/mobile/shoppingCart-bg.png") no-repeat center 0.12rem; background-size:0.48rem auto;}
.shoppingNav-mod .buy-btn{ float:right; margin:0.187rem 0.4rem 0 0; width:3.2rem; height:1.067rem; line-height:1.067rem; font-size:0.373rem; border-top-right-radius:0.667rem; border-bottom-right-radius:0.667rem; color:#fff; text-align:center; background-image:linear-gradient(left, #FF7400 0%, #FF4500 100%); background-image:-webkit-linear-gradient(left, #FF7400 0%, #FF4500 100%);}
.shoppingNav-mod .addShoppingCart-btn{ float:right; margin:0.187rem 0 0; width:3.2rem; height:1.067rem; line-height:1.067rem; font-size:0.373rem; border-top-left-radius:0.667rem; border-bottom-left-radius:0.667rem; color:#fff; text-align:center; background-image:linear-gradient(left, #FFC145 0%, #FF9D30 100%); background-image:-webkit-linear-gradient(left, #FFC145 0%, #FF9D30 100%);}
/**/
.courseIntroduce-btn{ display:block; width:1.173rem; line-height:0.373rem; padding:0.213rem 0; z-index:89; border-radius:0.667rem; font-size:0.32rem; color:#fff; text-align:center; background: rgba(9,189,199,0.80); position:fixed; right:0.133rem; bottom:2rem; z-index:1.187rem;}
/*------------------------------------------------- 班次评价 -------------------------------------------------*/
/**/
.evaluate-mod{ padding:0 0.4rem; margin-bottom:1.44rem;}
.evaluate-mod li{ border-bottom:1px solid #F5F5F5; padding:0.373rem 0;}
.evaluate-mod .tit{ height:0.667rem;}
.evaluate-mod .tit .pic{ float:left; width:0.667rem; height:0.667rem; border-radius:50%;}
.evaluate-mod .tit h3{ float:left; line-height:0.667rem; font-size:0.373rem; padding-left:0.267rem;}
.evaluate-mod .tit .time{ float:right; line-height:0.667rem; font-size:0.32rem; color:#999;}
.evaluate-mod .con{ padding:0.32rem 0 0;}
.evaluate-mod .con p{ font-size:0.373rem; line-height:0.533rem;}
/*------------------------------------------------- 免费试听 -------------------------------------------------*/
.details-audition-mod{}
.details-audition-mod .video-con{ width:100%; height:5.013rem;}
.details-audition-mod .audition-swiper-tit{ margin:0.4rem 0 0 0.4rem;}
.details-audition-mod .auditionTab-swiper{ padding-bottom:0.453rem;}
.details-audition-mod .tab-swiper{ height:0.773rem;}
.details-audition-mod .tab-swiper .swiper-slide{ width:auto; font-size:0.373rem; color:#8A8F9A; line-height:0.773rem;}
.details-audition-mod .tab-swiper .swiper-slide.swiper-slide-thumb-active{ position:relative; color:#222;}
.details-audition-mod .tab-swiper .swiper-slide.swiper-slide-thumb-active:before{ content:""; width:0.4rem; height:0.08rem; background:#07bdc7; border-radius:0.04rem; position:absolute; left:50%; margin-left:-0.2rem; bottom:-0.08rem;}
.details-audition-mod .audition-swiper-con ul{ padding:0 0.4rem;}
.details-audition-mod .audition-swiper-con li{ border-bottom:0.027rem solid #eee; padding-top:0.067rem;}
.details-audition-mod .audition-swiper-con .tit{ height:1.28rem; line-height:1.28rem; font-size:0.373rem; font-weight:bold; position:relative; margin-bottom:0.067rem;}
.details-audition-mod .audition-swiper-con .tit:before{ content:""; width:0.4rem; height:0.4rem; position:absolute; top:50%; margin-top:-0.2rem; right:0; background:url("../../images/mobile/details/audition-ico01.png") no-repeat; background-size:100% auto;}
.details-audition-mod .audition-swiper-con li.on .tit:before{ content:""; width:0.4rem; height:0.053rem; position:absolute; top:50%; margin-top:-0.027rem; right:0; background:url("../../images/mobile/details/audition-ico02.png") no-repeat; background-size:100% auto;}
.details-audition-mod .audition-swiper-con li:last-child{ padding-bottom:0.067rem; border-bottom:0;}
.details-audition-mod .audition-swiper-con .catalog-con{ display:none; margin:0 0 0.373rem;}
.details-audition-mod .audition-swiper-con .con{ padding:0 0.667rem 0 0.373rem; margin-bottom:0.32rem; position:relative;}
.details-audition-mod .audition-swiper-con .con h4{ height:0.587rem; line-height:0.587rem; font-size:0.373rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.details-audition-mod .audition-swiper-con .con p{ line-height:0.56rem; font-size:0.373rem; color:#999;}
.details-audition-mod .audition-swiper-con .con .link-btn{ display:block; height:100%; width:100%; position:absolute; left:0; top:0;}
.details-audition-mod .audition-swiper-con .con.play-icon:before{ content:""; width:0.533rem; height:0.533rem; position:absolute; top:0.067rem; right:0; background:url("../../images/mobile/details/audition-ico03.png") no-repeat; background-size:100% auto;}
.details-audition-mod .audition-swiper-con .con.lock-icon h4,.details-audition-mod .audition-swiper-con .con.lock-icon p{ color:#ccc;}
.details-audition-mod .audition-swiper-con .con.lock-icon:before{ content:""; width:0.427rem; height:0.533rem; position:absolute; top:0.067rem; right:0; background:url("../../images/mobile/details/audition-ico04.png") no-repeat; background-size:100% auto;}
.details-audition-mod .audition-swiper-con .con.on h4{ color:#FE5E2C;}
/*------------------------------------------------- list -------------------------------------------------*/
.list-mod .tab-con{ display:none;}
.listNav-mod{ height:0.56rem; padding:0.32rem 0.613rem 0.32rem 0.4rem; background:#fff; position:relative; z-index:89;}
.listNav-mod .tab-tit{ float:left;}
.listNav-mod .tab-tit li{ float:left; line-height:0.56rem; font-size:0.4rem; color:#666; margin-right:0.533rem;}
.listNav-mod .tab-tit li.current{ color:#222; font-weight:bold; position:relative;}
.listNav-mod .tab-tit li.current:before{ content:""; width:0.133rem; height:0.133rem; background: #07bdc7; border-radius:0.667rem; position:absolute; left:50%; margin-left:-0.067rem; bottom:-0.2rem;}
.listNav-mod .screen-btn{ float:right; display:block; height:0.56rem; line-height:0.56rem; padding-right:0.107rem; position:relative; font-size:0.347rem; color:#999;}
.listNav-mod .screen-btn span{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.listNav-mod .screen-btn:before{ content:""; width:0.027rem; height:0.427rem; background:#EBEBEB; position:absolute; left:-0.347rem; top:50%; margin-top:-0.213rem;}
.listNav-mod .screen-btn:after{content:""; width:0.16rem; height:0.16rem; position:absolute; right:-0.267rem; bottom:0.027rem; background:url("../../images/mobile/list/ico01.png") no-repeat; background-size:100% auto;}
.listNav-mod .screen-btn.on:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.listNav-mod .screen-pop{ display:none; width:100%; background:#fff; position:absolute; left:0; top:1.173rem; border-top:1px solid #F5F5F5;}
.listNav-mod .screen-pop ul{ padding:0.4rem 0 0 0.4rem;}
.listNav-mod .screen-pop li{ float:left; line-height:0.533rem; font-size:0.373rem; padding:0.133rem 0.4rem; background:#F8F8F8; border-radius:0.667rem; margin:0 0.4rem 0.4rem 0;}
.listNav-mod .screen-pop li.on{ background:#07bdc7; color:#fff;}
.listCourse-mod{ padding:0.4rem 0.4rem 0;}
.listCourse-mod li{ background:#fff; box-shadow:0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75); border-radius:0.107rem; margin-bottom:0.4rem; padding:0.4rem 0 0.4rem 0.4rem; position:relative;}
.listCourse-mod li .link-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.listCourse-mod .tit{ height:0.667rem; }
.listCourse-mod .tit h3{ font-size:0.427rem; font-weight:bold; }
.listCourse-mod .tit .class-types{ display:inline-block;height:0.427rem; line-height:.427rem; font-size:0.267rem; color:#fff; padding:0 0.187rem 0 0.16rem; font-weight:normal; vertical-align:0.023rem; background:#DFB066; border-radius:0 0.107rem 0.107rem 0.107rem; margin-right:0.213rem;}
.listCourse-mod .activity-con{ position:absolute; right:0; top:0;}
.listCourse-mod .activity-con .activityType01{ display:block; height:0.533rem; line-height:0.533rem; padding:0 0.16rem 0 0.187rem; font-size:0.293rem; color:#fff; border-radius:0 0.107rem 0 0.32rem; background-image:linear-gradient(64deg, #FF1E5E 5%, #FF4A58 100%); background-image:-webkit-linear-gradient(64deg, #FF1E5E 5%, #FF4A58 100%);}
.listCourse-mod .introduce-con{ line-height:0.48rem; padding:0.133rem 0; font-size:0.373rem; color:#777;}
.listCourse-mod .tags-con{ padding:0.08rem 0 0; height:1.227rem;}
.listCourse-mod .tags-con span{ line-height:0.32rem; padding:0.053rem 0.213rem; border:1px solid #999; border-radius:0.053rem; margin:0 0.267rem 0 0; font-size:0.267rem; color:#999;}
.listCourse-mod .bottom-wrap{ width:100%; }
.listCourse-mod .teacher-con{ float:left; margin-left:-.2rem;}
.listCourse-mod .teacher-con a{ display:inline-block; width:1.227rem; text-align:center;}
.listCourse-mod .teacher-con img{ width:0.667rem; height:0.667rem; margin:0 auto; border-radius:50%;}
.listCourse-mod .teacher-con p{ line-height:0.373rem; font-size:0.32rem; color:#999; padding-top:0.187rem;}
.listCourse-mod .price-text{ float:right; text-align:right; padding:0 0.667rem 0 0;}
.listCourse-mod .price-text p{ display:block; float:right; min-width:2rem; text-align:left; line-height:1.067rem; font-size:0.48rem; color:#FE7538; font-weight:bold;}
.listCourse-mod .price-text .buy-btn{ display:block; float:right; width:1.067rem; height:1.067rem; border-radius:50%; position:relative; z-index:2; background:url("../../images/mobile/list/ico02.png") no-repeat center; background-size:0.48rem auto; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75);}
.listBook-mod{ padding:0.4rem 0.4rem 0;}
.listBook-mod li{ background:#fff; box-shadow:0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75); border-radius:0.107rem; margin-bottom:0.4rem; padding:0.32rem 0 0.4rem 0.4rem; position:relative;}
.listBook-mod li:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.listBook-mod li .link-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.listBook-mod .pic{ float:left;}
.listBook-mod .pic img{ max-width:1.92rem;}
.listBook-mod .text{ float:right; width:6.48rem;}
.listBook-mod .text h3{ line-height:0.6rem; font-size:0.427rem; padding-right:0.32rem; font-weight:bold;}
.listBook-mod .text p{ line-height:0.4rem; padding:0.133rem 0.32rem 0.133rem 0; font-size:0.373rem; color:#999; padding-bottom:0.213rem;}
.listBook-mod .text .price-wrap{ padding:0.227rem 0.667rem 0 0;}
.listBook-mod .text .price-wrap .price{ float:left; line-height:0.587rem; padding-top:0.48rem; font-size:0.48rem; color:#FE7538;}
.listBook-mod .text .price-wrap .price del{ font-size:0.267rem; color:#999; margin-left:0.227rem;}
.listBook-mod .text .buy-btn{ display:block; float:right; width:1.067rem; height:1.067rem; border-radius:50%; position:relative; z-index:2; background:url("../../images/mobile/list/ico02.png") no-repeat center; background-size:0.48rem auto; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75);}
.listJikao-mod{ padding:0.4rem 0.4rem 0;}
.listJikao-mod li{ background:#fff; box-shadow:0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75); border-radius:0.107rem; margin-bottom:0.4rem; padding:0.32rem 0 0.4rem 0.4rem; position:relative;}
.listJikao-mod li:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.listJikao-mod li .link-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.listJikao-mod h3{ line-height:0.6rem; font-size:0.427rem; padding-right:0.32rem; font-weight:bold;}
.listJikao-mod p{ line-height:0.4rem; padding:0.133rem 0.32rem 0.133rem 0; font-size:0.373rem; color:#999; padding-bottom:0.213rem;}
.listJikao-mod .price-wrap{ padding:0.227rem 0.667rem 0 0;}
.listJikao-mod .price-wrap .price{ float:left; line-height:0.587rem; padding-top:0.48rem; font-size:0.48rem; color:#FE7538;}
.listJikao-mod .buy-btn{ display:block; float:right; width:1.067rem; height:1.067rem; border-radius:50%; position:relative; z-index:2; background:url("../../images/mobile/list/ico02.png") no-repeat center; background-size:0.48rem auto; box-shadow: 0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75);}
/*------------------------------------------------- ShoppingCart -------------------------------------------------*/
.shoppingCart-mod{ background:#F8F8F8; padding:0.4rem 0.4rem; margin-bottom:1.44rem;}
.shoppingCart-mod .course-con{ background:#fff; border-radius:0.107rem; padding:0.4rem 0.4rem; margin-bottom:0.533rem;}
.shoppingCart-mod .tit{ height:0.533rem;}
.shoppingCart-mod .tit h3{ float:left; line-height:0.533rem; font-size:0.427rem; font-weight:bold;}
.shoppingCart-mod .tit h3 i{ display:inline-block; width:0.4rem; height:0.4rem; border:0.027rem solid #D7D7D7; border-radius:50%; position:relative; margin-right:0.267rem; vertical-align:-0.093rem;}
.shoppingCart-mod .tit h3 i.on{ border:0.027rem solid #07bdc7; background:#07bdc7;}
.shoppingCart-mod .tit h3 i.on:before{ content:""; width:0.24rem; height:0.16rem; background:url("../../images/mobile/shoppingCart/pay04.png") no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin:-0.08rem 0 0 -0.12rem;}
.shoppingCart-mod .tit h3 i.edit-chk{display:none;}
.shoppingCart-mod .tit .coupon-btn{ display:block; float:right; width:1.12rem; height:0.533rem; line-height:0.533rem; text-align:center; font-size:0.32rem; color:#fff; background:url("../../images/mobile/shoppingCart/shoppingCart-ico01.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .discount-con{ padding:0.187rem 0 0.32rem 0.693rem; line-height:0.48rem; font-size:0.32rem; color:#777;}
.shoppingCart-mod .discount-con span{ display:inline-block; height:0.48rem; line-height:0.48rem; text-align:center; padding:0 0.213rem; background:#FFE3D4; opacity:.7; border-radius:0.24rem; font-size:0.267rem; color:#FB7030; margin-right:0.293rem;}
.shoppingCart-mod .discount-con{ color:#777;}
.shoppingCart-mod .con{}
.shoppingCart-mod .con li{ margin-bottom:0.533rem; position:relative;}
.shoppingCart-mod .con .course-chk,.shoppingCart-mod .con .course-edit-chk{ float:left; width:0.693rem; position:relative; margin-top:0.56rem; overflow:hidden;}
.shoppingCart-mod .con .course-chk i,.shoppingCart-mod .con .course-edit-chk i{ display:block; width:0.4rem; height:0.4rem; border:0.027rem solid #D7D7D7; border-radius:50%; position:relative;}
.shoppingCart-mod .con .course-chk i.on,.shoppingCart-mod .con .course-edit-chk i.on{ border:0.027rem solid #07bdc7; background:#07bdc7;}
.shoppingCart-mod .con .course-chk i.on:before,.shoppingCart-mod .con .course-edit-chk i.on:before{ content:""; width:0.24rem; height:0.16rem; background:url("../../images/mobile/shoppingCart/pay04.png") no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin:-0.08rem 0 0 -0.12rem;}
.shoppingCart-mod .con .course-chk input,.shoppingCart-mod .con .course-edit-chk input{ position:absolute; left:-3rem; top:-3rem;opacity:0;}
.shoppingCart-mod .con .course-edit-chk{display:none;}
.shoppingCart-mod .con .course-name{ margin-left:0.693rem;}
.shoppingCart-mod .con .course-name .pic{ float:left; width:2.667rem; height:1.493rem; margin-top:0.08rem; text-align:center;}
.shoppingCart-mod .con .course-name .pic img{ display:inline-block; max-width:2.667rem; max-height:1.493rem;}
.shoppingCart-mod .con .course-name .text{ margin-left:2.987rem; position:relative;}
.shoppingCart-mod .con .course-name .text h3{ width:4.4rem; line-height:0.533rem; font-size:0.373rem; padding-bottom:0.08rem;}
.shoppingCart-mod .con .course-name .text p{ line-height:0.507rem; font-size:0.32rem; color:#555;}
.shoppingCart-mod .con .course-name .course-price{ line-height:0.587rem; font-size:0.48rem; color:#FF4F00; padding:0.12rem 0 0.093rem;}
.shoppingCart-mod .con .course-name .course-price span{ display:block; float:left; font-weight:bold;}
.shoppingCart-mod .con .course-name .course-price del{ display:block; float:left; font-size:0.267rem; color:#999; margin-left:0.107rem;}
.shoppingCart-mod .con .course-name .course-price .nums{ float:right; height:0.427rem; text-align:center; color:#666; margin-top:0.107rem;}
.shoppingCart-mod .con .course-name .course-price .nums .minus-btn{ display:block; float:left; width:0.493rem; height:0.427rem; line-height:0.373rem; font-size:0.373rem; text-align:center;}
.shoppingCart-mod .con .course-name .course-price .nums .ipt1{ display:block; float:left; width:0.907rem; height:0.427rem; text-align:center; border:0; font-size:0.32rem; background:#F6F6F6;}
.shoppingCart-mod .con .course-name .course-price .nums .add-btn{ display:block; float:right; width:0.493rem; height:0.427rem; line-height:0.373rem; text-align:center;}
.shoppingCart-mod .con .course-name .course-price .nums .no{ color:#ccc;}
.shoppingCart-mod .con .course-name .send-btn{ display:block; line-height:0.56rem; font-size:0.32rem; color:#777; background:url("../../images/mobile/shoppingCart/shoppingCart-ico02.png") no-repeat right center; background-size:0.133rem auto;}
.shoppingCart-mod .con li .remind-btn{ display:block; width:0.4rem; height:0.4rem; background:url("../../images/mobile/shoppingCart/course01.png") no-repeat; background-size:100% auto; position:absolute; top:0.08rem; right:0;}
/*2020618新增.finalPayment2020618*/
.shoppingCart-mod .con .course-chk i,.shoppingCart-mod .con .course-edit-chk i,.finalPayment2020618 .course-chk i{ display:block; width:0.4rem; height:0.4rem; border:0.027rem solid #D7D7D7; border-radius:50%; position:relative;}
.shoppingCart-mod .con .course-chk i.on,.shoppingCart-mod .con .course-edit-chk i.on,.finalPayment2020618 .course-chk i.on{ border:0.027rem solid #07bdc7; background:#07bdc7;}
.shoppingCart-mod .con .course-chk i.on:before,.shoppingCart-mod .con .course-edit-chk i.on:before,.finalPayment2020618 .course-chk i.on:before{ content:""; width:0.24rem; height:0.16rem; background:url("../../images/mobile/shoppingCart/pay04.png") no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin:-0.08rem 0 0 -0.12rem;}
.shoppingCart-mod .con .course-chk input,.shoppingCart-mod .con .course-edit-chk input{ position:absolute; left:-3rem; top:-3rem;}
.shoppingCart-mod .con .course-edit-chk{display:none;}
.shoppingCart-mod .con .course-name{ margin-left:0.693rem;}
.shoppingCart-mod .con .course-name .pic{ float:left; width:2.667rem; height:1.493rem; margin-top:0.08rem; text-align:center;}
.shoppingCart-mod .con .course-name .pic img{ display:inline-block; max-width:2.667rem; max-height:1.493rem;}
.shoppingCart-mod .con .course-name .text{ margin-left:2.987rem; position:relative;}
.shoppingCart-mod .con .course-name .text h3{ width:4.4rem; line-height:0.533rem; font-size:0.373rem; padding-bottom:0.08rem;}
.shoppingCart-mod .con .course-name .text p{ line-height:0.507rem; font-size:0.32rem; color:#555;}
.shoppingCart-mod .con .course-name .course-price{ line-height:0.587rem; font-size:0.48rem; color:#FF4F00; padding:0.12rem 0 0.093rem;}
.shoppingCart-mod .con .course-name .course-price span{ display:block; float:left; font-weight:bold;}
.shoppingCart-mod .con .course-name .course-price del{ display:block; float:left; font-size:0.267rem; color:#999; margin-left:0.107rem;}
.shoppingCart-mod .con .course-name .course-price .nums{ float:right; height:0.427rem; text-align:center; color:#666; margin-top:0.107rem;}
.shoppingCart-mod .con .course-name .course-price .nums .minus-btn{ display:block; float:left; width:0.493rem; height:0.427rem; line-height:0.373rem; font-size:0.373rem; text-align:center;}
.shoppingCart-mod .con .course-name .course-price .nums .ipt1{ display:block; float:left; width:0.907rem; height:0.427rem; text-align:center; border:0; font-size:0.32rem; background:#F6F6F6;}
.shoppingCart-mod .con .course-name .course-price .nums .add-btn{ display:block; float:right; width:0.493rem; height:0.427rem; line-height:0.373rem; text-align:center;}
.shoppingCart-mod .con .course-name .course-price .nums .no{ color:#ccc;}
.shoppingCart-mod .con .course-name .send-btn{ display:block; line-height:0.56rem; font-size:0.32rem; color:#777; background:url("../../images/mobile/shoppingCart/shoppingCart-ico02.png") no-repeat right center; background-size:0.133rem auto;}
.shoppingCart-mod .con li .remind-btn{ display:block; width:0.4rem; height:0.4rem; background:url("../../images/mobile/shoppingCart/course01.png") no-repeat; background-size:100% auto; position:absolute; top:0.08rem; right:0;}
/**/
.settlement-mod{ width:100%; border-top:1px solid #F5F5F5; background:#fff; position:fixed; left:0; bottom:0; z-index:89; padding:0.213rem 0 0.16rem;}
.settlement-mod .all-chk{height:1.067rem;line-height:1.067rem;font-size: 0.32rem;color:#777;padding-left: 0.2rem;overflow:hidden;position:relative;width: 1.4rem;}
.settlement-mod .all-chk i{ display:inline-block; width:0.4rem; height:0.4rem; border:0.027rem solid #D7D7D7; border-radius:50%; position:relative; margin-right:0.133rem; vertical-align:-0.08rem;}
.settlement-mod .all-chk i.on{ border:0.027rem solid #07bdc7; background:#07bdc7;}
.settlement-mod .all-chk i.on:before{ content:""; width:0.24rem; height:0.16rem; background:url("../../images/mobile/shoppingCart/pay04.png") no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin:-0.08rem 0 0 -0.12rem;}
.settlement-mod .all-chk input{position:absolute;left:-6rem;top:-6rem;}
.settlement-mod .buy-btn{display:block;float:right;width: 2.1rem;height:1.067rem;line-height:1.067rem;margin-right: 0.2rem;text-align:center;font-size:0.373rem;color:#fff;background-image:linear-gradient(left, #FF7400 0%, #FF4500 100%);background-image:-webkit-linear-gradient(left, #FF7400 0%, #FF4500 100%);border-radius:0.533rem;}
.settlement-mod .price-text{float:right;padding: 0.067rem .15rem 0 0;width: 5.8rem;text-align: right;}
/*2020618新增text-align: right;*/
.settlement-mod .price-text h3{ line-height:0.507rem; font-size:0.427rem; color:#FF4F00; font-weight:bold;text-align: right;}
.settlement-mod .price-text h3 strong{ font-size:0.48rem;}
.settlement-mod .price-text p{ line-height:0.4rem; font-size:0.267rem; color:#999;}
/**/
.deleteBottom-mod{ width:100%; border-top:1px solid #F5F5F5; background:#fff; position:fixed; left:0; bottom:-1.44rem; z-index:89; padding:0.213rem 0 0.16rem;}
.deleteBottom-mod .all-chk{ height:1.067rem; line-height:1.067rem; font-size:0.373rem; color:#777; padding-left:0.4rem;}
.deleteBottom-mod .all-chk i{ display:inline-block; width:0.4rem; height:0.4rem; border:0.027rem solid #D7D7D7; border-radius:50%; position:relative; margin-right:0.133rem; vertical-align:-0.08rem;}
.deleteBottom-mod .all-chk i.on{ border:0.027rem solid #07bdc7; background:#07bdc7;}
.deleteBottom-mod .all-chk i.on:before{ content:""; width:0.24rem; height:0.16rem; background:url("../../images/mobile/shoppingCart/pay04.png") no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin:-0.08rem 0 0 -0.12rem;}
.deleteBottom-mod .delete-btn{ display:block; float:right; width:3.2rem; height:1.067rem; line-height:1.067rem; margin-right:0.4rem; text-align:center; font-size:0.373rem; color:#fff; background:#07bdc7; border-radius:0.533rem;}
.deleteBottom-mod .all-chk input{width:0;height:0;overflow:hidden;line-height:0;opacity:0;}
/*20191126 add by sunke*/
.shoppingCart-mod .discount-con{ padding-bottom:0;}
.shoppingCart-mod .con .course-name .text h3{ width:4.2rem;}
.shoppingCart-mod .con{ padding-top:0.293rem;}
.activity-pop .coupon-list li.no .price-con{ background:url("../../images/mobile/shoppingCart/coupon-bgNo.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .discount-btn{ display:block; height:.56rem; text-overflow:ellipsis; overflow:hidden; margin:.15rem 0; white-space:nowrap; line-height:0.56rem; font-size:0.32rem; padding-right:.3rem; color:#FF4F00; background:url("../../images/mobile/shoppingCart/shoppingCart-ico02.png") no-repeat right center; background-size:0.133rem auto;}
.discount-pop .con{ padding:0 0.4rem .6rem;}
.discount-pop .con li{ padding:0 0 0.48rem;}
.discount-pop .con h4{ float:left; height:0.48rem; padding:0 0.187rem; font-size:0.32rem; color:#FB7030; background:#ffebe1; margin-top:0.04rem;}
.discount-pop .con p{ display:block; margin-left:1.44rem; line-height:0.587rem; font-size:0.373rem;}
.discount-pop .con p em{ color:#FB7030;}
.course-pop .choice-classes .tips{ display:block; float:left; padding-left:.2rem; color:#ff0000; font-size:0.32rem; line-height:.747rem;}
/**/
.noshoppingCart-bg{ background:#F8F8F8;}
.noshoppingCart-mod{ padding:0.8rem 0 20px;}
.noshoppingCart-mod i{ display:block; width:0.613rem; height:0.56rem; margin:0 auto; background:url("../../images/shoppingCart/ico01.png") no-repeat; background-size:100% auto;}
.noshoppingCart-mod p{ text-align:center; line-height:0.427rem; font-size:0.427rem; color:#999; padding:0.4rem 0 0.533rem;}
.noshoppingCart-mod .buy-btn{ display:block; width:3.147rem; height:0.8rem; line-height:.8rem; text-align:center; font-size:0.373rem; color:#555; margin:0 auto; border:0.027rem solid #ccc; border-radius:0.667rem; background:#fff;}
.courseRecommend-mod{ padding:1.333rem 0.4rem 0;}
.courseRecommend-mod .title{ text-align:center; line-height:0.48rem; font-weight:bold; font-size:0.427rem; padding-bottom:0.4rem;}
.courseRecommend-mod li{ background:#fff; box-shadow:0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75); border-radius:0.107rem; margin-bottom:0.4rem; padding:0.4rem 0 0.4rem 0.4rem; position:relative;}
.courseRecommend-mod li .link-btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.courseRecommend-mod .tit{ height:0.667rem; }
.courseRecommend-mod .tit h3{ font-size:0.427rem; font-weight:bold; }
.courseRecommend-mod .tit .class-types{ display:inline-block;height:0.427rem; line-height:.427rem; font-size:0.267rem; color:#fff; padding:0 0.187rem 0 0.16rem; font-weight:normal; vertical-align:0.023rem; background:#DFB066; border-radius:0 0.107rem 0.107rem 0.107rem; margin-right:0.213rem;}
.courseRecommend-mod .activity-con{ position:absolute; right:0; top:0;}
.courseRecommend-mod .activity-con .activityType01{ display:block; height:0.533rem; line-height:0.533rem; padding:0 0.16rem 0 0.187rem; font-size:0.293rem; color:#fff; border-radius:0 0.107rem 0 0.32rem; background-image:linear-gradient(64deg, #FF1E5E 5%, #FF4A58 100%); background-image:-webkit-linear-gradient(64deg, #FF1E5E 5%, #FF4A58 100%);}
.courseRecommend-mod .introduce-con{ line-height:0.48rem; padding:0.133rem 0; font-size:0.373rem; color:#777;}
.courseRecommend-mod .tags-con{ padding:0.08rem 0 0; height:1.227rem;}
.courseRecommend-mod .tags-con span{ line-height:0.427rem; padding:0 0.213rem; border:1px solid #999; border-radius:0.053rem; margin:0 0.267rem 0 0; font-size:0.267rem; color:#999;}
.courseRecommend-mod .bottom-wrap{ width:100%; }
.courseRecommend-mod .teacher-con{ float:left; margin-left:-.2rem;}
.courseRecommend-mod .teacher-con a{ display:inline-block; width:1.227rem; text-align:center;}
.courseRecommend-mod .teacher-con img{ width:0.667rem; height:0.667rem; margin:0 auto; border-radius:50%;}
.courseRecommend-mod .teacher-con p{ line-height:0.373rem; font-size:0.32rem; color:#999; padding-top:0.187rem;}
.courseRecommend-mod .price-text{ float:right; text-align:right; padding:0 0.4rem 0 0;}
.courseRecommend-mod .price-text p{ display:block; float:right; text-align:left; line-height:1.067rem; font-size:0.48rem; color:#FE7538; font-weight:bold;}
/**/
.shoppingCart-mod .con li .discount-con{ padding-bottom:.2rem;}
/**/
.confirm-pop{ display:none; width:8rem; background:#fff; border-radius:0.107rem; position:fixed; left:50%; top:50%; margin:-2.12rem 0 0 -4rem; z-index:99;}
.confirm-pop .close-btn{ display:block; width:0.6rem; height:0.6rem; position:absolute; right:0.133rem; top:0.24rem; background:url("../../images/shoppingCart/confirm-ico.png") no-repeat center; background-size:0.333rem auto;}
.confirm-pop p{ line-height:0.72rem; padding:1.253rem 0 0.907rem 0.533rem; font-size:0.427rem; color:#222;}
.confirm-pop .btn-wrap{ height:1.333rem; text-align:center; border-top:0.027rem solid #F0F0F0;}
.confirm-pop .btn-wrap .cancel-btn{ display:block; float:left; width:4rem; height:1.333rem; line-height:1.333rem; font-size:0.427rem; color:#333; position:relative;}
.confirm-pop .btn-wrap .cancel-btn:before{ content:""; height:1.333rem; width:0.027rem; background:#F0F0F0; position:absolute; right:0; top:0;}
.confirm-pop .btn-wrap .sure-btn{ display:block; float:left; width:4rem; height:1.333rem; line-height:1.333rem; font-size:0.427rem; color:#07bdc7;}
/*20200408 add by sunke*/
.shoppingCart-mod .con .course-name .text h3 .tags01,.shoppingCart-mod .con .course-name .text h3 .tags02,.shoppingCart-mod .con .course-name .text h3 .tags03{ display:inline-block; width:1.333rem; height:0.507rem; line-height:0.507rem; margin-right:0.08rem; text-align:center; font-size:0.32rem; color:#fff; background:url("../../images/2019CourseCenter/mobile/course-tags01.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .text h3 .tags02{ background:url("../../images/2019CourseCenter/mobile/course-tags02.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .text h3 .tags03{ background:url("../../images/2019CourseCenter/mobile/course-tags03.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .text h3 .tags04{ background:url("../../images/2019CourseCenter/mobile/course-tags04.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .course-price .seckill-price{ font-size:0.347rem; color:#FF4F00; font-weight:bold;}
.shoppingCart-mod .con .course-name .course-price .seckill-price strong{ font-size:0.48rem;}
.shoppingCart-mod .con .course-name .course-price .original-price{ font-size:0.347rem; color:#AEAEAE;}
/*2020618*/
.Link2020618{display: inline-block;}
.Link2020618 span{display: inline-block;width: .48rem;height: .586rem;background-color: #ffffff;border-radius: .106rem;line-height: .586rem;text-align: center;color: #6F12FC;margin:0 .1rem;}
.deposit2020618 {margin: 0 0.4rem;background-image: -webkit-linear-gradient(left, #FF6D50 0%, #FF905D 100%);background-image:linear-gradient(left, #FF6D50 0%, #FF905D 100%);color: #ffffff;padding:.266rem 0;border-radius: .1066rem;}
.depositLeft2020618{padding-left: .266rem;line-height: .9rem;}
.depositLeft2020618 p{font-size: .32rem;}
.depositLeft2020618 p em{font-weight: bold;font-size: .32rem;}
.depositLeft2020618 p span{font-size: .533rem;font-weight: bold;}
.depositMid2020618{padding-left: .4rem;}
.depositMid2020618 p{font-size: .32rem;}
.depositRight2020618{padding-left: .8rem;line-height: .9rem;}
.depositRight2020618 a{font-size: .32rem;color: #ffffff;}
.depositRight2020618 a i{display: inline-block;font-size: .32rem;border-radius: 100%;background-color: #FFB401;width: .346rem;height: .346rem;text-align: center;line-height: .346rem;margin-left: .1rem;}
.details-mod .top-tit2020618{border-bottom: none;padding-bottom: .266rem;}
.finalPayment2020618{height: 1.066rem;background-color: #fff4ed;width:100%;margin: 0 auto;z-index: 89;position: fixed;left: 0;bottom: 1.4rem;font-size: 0.373rem;line-height: 1.066rem;}
.finalPayment2020618 span{padding-left: .4rem;}
.finalPayment2020618 a{display: inline-block;color: #ffffff;background-image: -webkit-linear-gradient(left, #ff7400 0%, #ff4c00 100%);background-image: linear-gradient(left, #ff7400 0%, #ff4c00 100%);font-size: .24rem;margin-right: .4rem;height: .7rem;line-height: .7rem;width: 2rem;text-align: center;border-radius: .533rem;margin-top: .17rem;}
.msBox{background-image: -webkit-linear-gradient(left, #FF6D50 0%, #FF905D 100%);background-image: linear-gradient(left, #FF6D50 0%, #FF905D 100%);padding-right: .266rem;border-radius: .1066rem;margin-left: .266rem;height: .8rem;line-height: .8rem;}
.msBox img{width: 1.04rem;display: inline-block;padding-left: .266rem;vertical-align: middle;margin-top: -.1rem;}
.msBox span{font-size: .32rem;color: #ffffff;}
.msBox span em{font-size: .533rem;font-weight: bold;}
.depositbox2020618{color: #ffffff;font-size: .32rem;
background-image: linear-gradient(left, #FF6D50 0%, #FF905D 100%);
background-image: -webkit-linear-gradient(left, #FF6D50 0%, #FF905D 100%);
display: table;
border-radius: .053rem;
padding: 0 .2rem;
margin-bottom: .267rem;
display: none;
}
.rules-pop .con{padding-bottom: .8rem;}
.rules-pop .con p{
color: #555555;
font-size: .373rem;
padding: .2rem .4rem;
}
.tag2020618{
background-image: linear-gradient(90deg, #9D29FF 0%, #620CFC 100%);
border-radius: .1066rem 0 .1066rem 0;
color: #FFFFFF ;
font-size: .32rem;
padding: .006rem .2rem;
}
.finalPayment2020618 .course-chk{
float: left;
width: 0.693rem;
position: relative;
margin-top: .3rem;
overflow: hidden;
padding-left: .4rem;
}
.finalPayment2020618 p{
color: #555555;
font-size: .32rem;
}
.finalPayment2020618 p a{
display: inline-block;
font-size: .32rem;
border-radius: 100%;
background-color: #FFB401;
width: .346rem;
height: .346rem;
text-align: center;
line-height: .346rem;
margin-left: .1rem;
background-image: none;
}
.depositText{font-size: .266rem; padding-top: .1rem;}
.settlement-mod .depositText2020618{line-height: normal;font-size: .32rem;width: 2.76rem;}
.depositdetails618{
border-top:1px solid #EEEEEE;
padding-top: .4rem;
}
.depositdetails618 p{
color: #000000;
font-size: .373rem;
}
.depositdetails618 p span{color: #FF4F00;padding-left: .2rem;}
.depositdateText2020618{color: #555555;font-size: .373rem;padding-top: .3rem;padding-right: .24rem;}
.settlement-mod .depositTextNone2020618{background: #CCCCCC;font-size: .373rem;line-height: 1.067rem;}
.finalPayment2020618 input{
position: absolute;
left: -3rem;
top: -3rem;
opacity: 0;
}
/*20200609 add by sunke*/
.choiceYear{ padding:.3rem 0 0 .4rem;}
.choiceYear li{ float:left; width:2.19rem; height:0.80rem; line-height:0.80rem; cursor:pointer; border-radius:0.67rem; text-align:center; background:#f8f9fa; font-size:0.32rem; color:#70809c; margin-right:0.32rem;}
.choiceYear li.on{ background:#e9f1ff; color:#07bdc7; margin-right:24px;}
/*20200619 add by sunke*/
.details-mod .precisionMarketing-wrap{border-bottom:0.267rem solid #F8F8F8;}
.precisionMarketing-con{}
.precisionMarketing-con .draw-btn{ display:block; float:left; width:1.81rem; line-height:1; padding:.125rem 0; border-radius:0.67rem; text-align:center; color:#fff; font-size:0.32rem; background:#FF6D50;background-image:linear-gradient(left, #FF6D50 0%, #FF905D 100%); background-image:-webkit-linear-gradient(left, #FF6D50 0%, #FF905D 100%);}
.precisionMarketing-con .result-btn{ display:block; float:left; line-height:1; border-radius:0.67rem; text-align:center; color:#fff; color:#FB7030; font-size:0.32rem; background:#FFE3D4; padding:.125rem 0.32rem;}
.precisionMarketing-con p{ display:block; float:left; height:.587rem; line-height:.587rem; font-size:0.37rem; padding-left:0.13rem;}
.precisionMarketing-con p span{ color:#FE5E2C; margin-right:.13rem;}
.precisionMarketing-con p strong.t1{ display:inline-block; width:2rem; color:#FE5E2C;}
.precisionMarketing-con p em.t2{ color:#FE5E2C; padding-right:0.13rem;}
.topPrecisionMarketing-pop .con{ padding:0 0 .4rem 0.40rem; font-size:0.37rem; line-height:.8rem; font-weight:normal;}
.precisionMarketing-mask{display:none;width:100%;z-index:198;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0;}
.precisionMarketing-pop{ display:none; width:8rem; background:#fff; position:fixed; left:50%; margin-left:-4rem; top:50%; padding-bottom:0.51rem; z-index:199;}
.precisionMarketing-pop .top-tit{ font-size:0.43rem; text-align:center; line-height:1; padding:22px 0;}
.precisionMarketing-pop .coupon-con{ width:7.20rem; height:4rem; margin:0 auto; color:#fff; background:url("../../images/mobile/details/pop_img_yhqbg.png") no-repeat; background-size:100% auto;}
.precisionMarketing-pop .coupon-con .discount-tags{ padding:0.21rem 0.60rem 0 0.56rem; line-height:1.23rem; font-size:0.43rem;}
.precisionMarketing-pop .coupon-con .discount-tags h3{ float:left;}
.precisionMarketing-pop .coupon-con .discount-tags h3 strong{ font-size:.6rem;}
.precisionMarketing-pop .coupon-con .discount-tags p{ display:block; float:right;}
.precisionMarketing-pop .coupon-con .tips{ display:block; float:right; line-height:.4rem; font-size:.24rem; margin:0 .32rem; padding-top:.24rem; border-top:2px solid #fa9050;}
.precisionMarketing-pop .coupon-countDown{ font-size:0.35rem; line-height:0.64rem; padding:0.45rem 0; text-align:center;}
.precisionMarketing-pop .coupon-countDown h3{ color:#555;}
.precisionMarketing-pop .coupon-countDown h4{ color:#222; font-weight:bold;}
.precisionMarketing-pop .coupon-countDown p{ font-weight:bold; color:#FE5E2C;}
.precisionMarketing-pop .btn{ display:block; width:3.20rem; height:0.85rem; line-height:.85rem; text-align:center; border-radius:0.67rem; margin:0 auto; font-size:.4rem; color:#fff; background-image:linear-gradient(144deg, #FA843A 0%, #FE4D00 100%); background-image:-webkit-linear-gradient(144deg, #FA843A 0%, #FE4D00 100%); }
.settlement-mod .precisionMarketing-wrap,.list-mod .precisionMarketing-wrap{padding:0.293rem .4rem; position:relative;margin:-.2rem 0 .2rem;}
.settlement-mod .precisionMarketing-wrap .tit,.list-mod .precisionMarketing-wrap .tit{ float:left; height:0.587rem; line-height:0.587rem; width:1.133rem; font-size:0.373rem; color:#999;}
.settlement-mod .precisionMarketing-wrap .more-btn,.list-mod .precisionMarketing-wrap .more-btn{ width:0.533rem; height:0.48rem; background:url("../../images/mobile/details/details-ico02.png") no-repeat center; background-size:0.533rem auto; position:absolute; top:0.347rem; right:0.4rem;}
.list-mod .precisionMarketing-wrap{padding:.4rem .4rem 0;margin:0;}
.animated {
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
10%, 20%, 30%, 40%, 50% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg);
}
15%, 25%, 35%, 45% ,55% {
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg);
}
60% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
@keyframes shake {
from, to {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
10%, 20%, 30%, 40%, 50% {
-webkit-transform:rotate(2deg);
transform:rotate(2deg);
}
15%, 25%, 35%, 45% ,55% {
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg);
}
60% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
/*20200827 add by sunke*/
.shoppingCart-mod .con .course-name .pic{ position:relative;}
.shoppingCart-mod .con .course-name .pic .course-state{ display:block; width:100%; line-height:1; font-size:0.32rem; color:#fff; padding:0.107rem 0; background:rgba(0,0,0,0.60); position:absolute; left:0; bottom:0;}
.shoppingCart-mod .con .course-chk i.no-tags,.shoppingCart-mod .con .course-edit-chk i.no-tags{ background:#c2c2c2;}
.shoppingCart-mod .tit h3 i.no-tags{ background:#c2c2c2;}
/*20200902 add by sunke*/
.course-pop .seckill-prize{ padding-bottom:0.32rem; margin-top:-.12rem;}
.course-pop .seckill-prize span{ display:inline-block; line-height:1; font-size:0.32rem; color:#fff; padding:0.08rem 0.16rem; background:#FF6D50; background-image:-webkit-linear-gradient(left, #FF6D50, #FF905D); background-image:linear-gradient(left,#FF6D50,#FF905D);}
/*20200904 add by sunke*/
.shoppingNav-mod .soon-btn,.shoppingNav-mod .end-btn,.shoppingNav-mod .over-btn{ float:right; display:block; width:6.4rem; height:1.067rem; line-height:1.067rem; color:#fff; margin:.187rem .4rem 0 0; text-align:center; font-size:.373rem; border-radius:50px; background:#FA843A; background-image:linear-gradient(left, #FA843A 0%, #FE4D00 100%); background-image:-webkit-linear-gradient(left, #FA843A 0%, #FE4D00 100%);}
.shoppingNav-mod .end-btn,.shoppingNav-mod .over-btn{ background:#ccc; background-image:linear-gradient(left, #ccc 0%, #ccc 100%); background-image:-webkit-linear-gradient(left, #ccc 0%, #ccc 100%);}
/*20210330 add by liyanjiao*/
.shoppingCart-mod .discount-con a,.shoppingCart-mod .discount-con em{color: #FF4F00;}
.shoppingCart-mod .discount-con p{width: 65%;line-height: 0.4rem;}
.shoppingCart-mod .discount-con.discount-conNew span,.shoppingCart-mod .discount-con.discount-conNew em{margin-top: 0.12rem;}
.course-name .text h3 .tags03{ display:inline-block; width:1.333rem; height:0.507rem; line-height:0.507rem; margin-right:0.08rem; text-align:center; font-size:0.32rem; color:#fff; background:url("/OtherItem/images/2019CourseCenter/course-tags03.png") no-repeat; background-size:100% auto;}
.shoppingCart-mod .con .course-name .price_new{font-size: 0.35rem;color: #AEAEAE;}
.shoppingCart-mod .con .course-name .text .price_tip{font-size: 0.32rem;color: #FF4F00;line-height: 0.43rem;margin-top: 0.21rem;
/*20210705 add by sunfuhao*/
.rightNav-mod{position:fixed;right:.4rem;bottom:1rem;text-align:center;z-index:700;}
.rightNav-mod a{display:block;width:1.173rem;height:0.427rem;background:#07bdc7;line-height:0.293rem; font-weight:bold; font-size:0.267rem; padding-top:0.747rem; border-radius:50%; color:#fff; margin-top:0.373rem;}
.rightNav-mod a.rightNav-customerService{background:url(//m.chinaacc.com/images/template/2019common/fixNav01.png) no-repeat center 0.16rem #07bdc7; background-size:0.56rem auto;}
.rightNav-mod a.rightNav-comparison{height:.96rem;padding-top:0.213rem;line-height:0.4rem;font-size:0.32rem;}
}
/*2022-02-07 add by lihaoqi*/
.couponsCenterDetails{margin-top: 0.26rem;height:0.6667rem;}
.couponsCenterDetails .coupon-btn{ display:inline-block; max-width:5.3rem; height:0.48rem; line-height:0.48rem; border-radius:0.08rem; padding:0 .2rem; font-size:0.32rem; color:#fff; background-image:linear-gradient(left, #ff6e50 0%, #ff905d 100%); background-image:-webkit-linear-gradient(left, #ff6e50 0%, #ff905d 100%); position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0.11rem 0.213rem 0 0;}
.couponsCenterDetails .coupon-btn:before{ content:""; width:0.16rem; height:0.16rem; background:#fff; border-radius:50%; position:absolute; left:-0.08rem; top:50%; margin-top:-0.08rem;}
.couponsCenterDetails .coupon-btn:after{ content:""; width:0.16rem; height:0.16rem; background:#fff; border-radius:50%; position:absolute; right:-0.08rem; top:50%; margin-top:-0.08rem;}
.couponsCenterDetailsBth{display: inline-block;width: 1.4133rem;height:0.6667rem;background:url("/OtherItem/images/2020CourseCenter/details/shopping_bj_lq.png") no-repeat;background-size: 100%;position: absolute;right: -0.4rem;top:0}
.couponCenteRuleP{color: #222222;font-size: 0.32rem;}
.couponCenteRuleP a{color: #4BB9FF;}
.activity-pop .con{padding-bottom: 0.8rem;}
.forbidbth{opacity: 0.5;}
.couponCenterTig{position:absolute;font-size:.32rem;right: 0;border-radius: 0.0533rem;padding: 0.08rem 0.16rem;line-height: 1;color: #FB7030;background: #FFE3D4;}
.activity-pop .coupon-list{max-height: 5rem;overflow-y: auto;}
.couponClassTag{padding-top: 0.13rem;display: inline-block;}
.couponClassTag i{padding: 0 0.0667rem;border: 1px solid #FF4F00;border-radius: 2px;color: #FF4F00;height: .4rem;line-height: .4rem;margin: 0.03rem;display: inline-block;font-size: 0.32rem;}
.promotion-pop{ padding-bottom:0.467rem;}
.promotion-pop .list{ padding:0 0.4rem 0.133rem;}
.promotion-pop .list .btn{ display:block; line-height:0.533rem; padding:0.1rem 0; font-size:0.32rem; color:#555; margin-bottom:0.2rem; position:relative;}
.promotion-pop .list .btn span{ display:inline-block; width:auto; height:0.48rem; line-height:.48rem; margin-right:.2rem; background:#FF4F00; padding:0 0.187rem; font-size:0.32rem; color:#fff; margin-top:0.04rem;}
.promotion-pop .sure-btn{ display:block; margin:0 0.4rem; line-height:1; font-size:0.373rem; color:#fff; text-align:center; padding:0.347rem 0; background:#12CDD7; border-radius:0.533rem;}
.shoppingCart-mod .con .course-name .discount-btn,.shoppingCart-mod .con .course-name .send-btn{ background:url("../../images/mobile/shoppingCart2024-ico02.png") no-repeat right center; background-size:0.16rem;}
.shoppingCart-mod .discount2024-con{ line-height:0.56rem; padding:0 0 0.24rem 0.053rem;}
.shoppingCart-mod .discount2024-con .tags{ display:block; float:left; width:0.88rem; height:0.427rem; line-height:0.427rem; text-align:center; font-size:0.267rem; color:#fff; margin-right:0.2rem; background:url("../../images/mobile/shoppingCart2024-ico01.png") no-repeat; background-size:100%;}
.shoppingCart-mod .discount2024-con p{ display:block; float:left; line-height:0.427rem; font-size:0.32rem; color:#FF4F00; width:5.333rem;}
.shoppingCart-mod .discount2024-con .btn{ display:block; float:right; line-height:0.427rem; font-size:0.32rem; color:#FF4F00; padding-right:0.267rem; background:url("../../images/mobile/shoppingCart2024-ico02.png") no-repeat right center; background-size:0.16rem;}
.shoppingCart-mod .con .course-name .promotion-con{}
.shoppingCart-mod .con .course-name .promotion-con .btn{ display:block; line-height:.56rem; font-size:0.32rem; color:#FF4F00; padding-right:0.227rem; background:url("../../images/mobile/shoppingCart2024-ico02.png") no-repeat right center; background-size:0.16rem;}
.shoppingCart-mod .con .course-name .changePackage-con{}
.shoppingCart-mod .con .course-name .changePackage-con p{ display:block; float:left; line-height:.56rem; font-size:0.32rem; width:3.333rem;}
.shoppingCart-mod .con .course-name .changePackage-con .btn{ display:block; float:right; line-height:.56rem; font-size:0.32rem; color:#666; padding-right:0.227rem; background:url("../../images/mobile/shoppingCart2024-ico02.png") no-repeat right center; background-size:0.16rem;}
.shoppingCart-mod .discount-con{ padding-left:0;}
/*20250611 add by sunke*/
.recommendCourse-mod{ padding-bottom:0.8rem}
.recommendCourse-mod .tit{ text-align:center; font-size:0;}
.recommendCourse-mod .tit h4{ display:inline-block; line-height:0.533rem; font-size:0.373rem; position:relative;}
.recommendCourse-mod .tit h4:before,.recommendCourse-mod .tit h4:after{ content:""; width:1.147rem; height:0.027rem; background:#D8D8D8; position:absolute; left:-1.28rem; top:0.267rem;}
.recommendCourse-mod .tit h4:after{ left:auto; right:-1.28rem;}
.recommendCourse-mod .list{ padding:0.48rem 0 0 0;}
.recommendCourse-mod .list .box{ float:left; width:4.4rem; height:4.64rem; position:relative; margin-right:0.267rem; margin-bottom:0.4rem; background:#fff; border-radius:0.133rem;}
.recommendCourse-mod .list .box .pic{ height:2.48rem;}
.recommendCourse-mod .list .box .pic img{ border-radius:0.133rem; max-height:2.48rem;}
.recommendCourse-mod .list .box h4{ height:1.067rem; line-height:0.533rem; font-size:0.373rem; color:#222; padding:0.187rem 0.167rem 0 .267rem;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.recommendCourse-mod .list .box p{ line-height:0.533rem; font-size:0.373rem; color:#FF4343; font-weight:bold; padding-top:0.187rem;}
.recommendCourse-mod .list .box .btn{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; line-height:0; font-size:0;}
.recommendCourse-mod .list .box:nth-child(2n){ margin-right:0;}