/*
@author: he
@update: he (2020-09-18)
*/
@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;}
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;}

/*页头*/
.header{ height: 1.2rem; position: relative; z-index: 1; margin-bottom: 0.4rem; -webkit-box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.05); -moz-box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.05); box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);}
.header .back{ display: block; position: absolute; left: 0; top: 0; width: 1.12rem; height: 1.2rem; background:  no-repeat center; background-size: 0.253rem auto;}
.header h1{ display: block; width: 100%; height: 1.2rem; text-align: center; line-height: 1.2rem; font-size: 0.48rem; font-weight: 700;}
.header.mb0{ margin-bottom: 0; -webkit-box-shadow:0 0.1rem 0.1rem rgba(0, 0, 0, 0.02); -moz-box-shadow:0 0.1rem 0.1rem rgba(0, 0, 0, 0.02); box-shadow:0 0.1rem 0.1rem rgba(0, 0, 0, 0.02);}

/*顶部广告*/
.lht_con{ overflow: hidden; width: 9.2rem; height: 1.867rem; border-radius: 0.08rem; margin: 0 auto 0.4rem;}
.lht_con .swiper-slide,.lht_con .swiper-slide img{ width: 100%; height: 1.867rem;}
.lht_con .swiper-pagination{ bottom: 0.133rem; height: 0.08rem;}
.lht_con .swiper-pagination-bullet{ width: 0.08rem; height: 0.08rem; background: none; vertical-align: top; background: #fff; margin: 0 0.08rem!important; border-radius: 0.04rem;}
.lht_con .swiper-pagination-bullet-active{ width: 0.267rem;}

/*辅导分类*/
.incon-wrap{ padding: 0 0 0.4rem 0.4rem;}
.incon-wrap .intit{ width: 8.667rem; padding: 0.267rem; line-height: 0.453rem; font-size: 0.32rem; font-weight: 700; color: #4ab83e; margin-bottom: 0.533rem; border-radius: 0.08rem;
    background: -webkit-linear-gradient(left, #e2faf1, #ebfdf6); /* safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e2faf1, #ebfdf6); /* opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e2faf1, #ebfdf6); /* firefox 3.6 - 15 */
    background: linear-gradient(to right, #e2faf1, #ebfdf6); /* 标准的语法 */}
.incon-wrap .incon .tit{ display: block; position: relative; z-index: 1; height: 0.933rem; line-height:0.933rem; font-size:0.48rem; padding-left: 0.347rem; font-weight: 700; margin-bottom: 0.267rem;}
.incon-wrap .incon .tit i{ position: absolute; top: 50%; left: 0; display: block; width: 0.08rem; height: 0.4rem; margin-top: -0.2rem; border-radius: 0.04rem;
    background: -webkit-linear-gradient(top, #9ad776, #6cc558); /* safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #9ad776, #6cc558); /* opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #9ad776, #6cc558); /* firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #9ad776, #6cc558); /* 标准的语法 */}
.incon-wrap .incon .list a{ display:block; float:left; width: 2.347rem; height:0.747rem; line-height:0.747rem; font-size:0.347rem; color:#333; text-align: center; padding: 0 0.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration:none; border:0.027rem solid #d5d5d5; border-radius:0.4rem; margin:0 0.4rem 0.4rem 0;}
.incon-wrap .incon .list .kong{ display:block; float:left; width: 2.267rem; height:0.747rem; margin:0 0.4rem 0.4rem 0;}
.incon-wrap .inconlist .incon{ width: 3.2rem;}

/***********************免费试听辅导页***********************/
/*科目导航*/
.course-subtit-fix{ display:none; width:100%; height: 1.4rem; margin-bottom: 0.4rem;}
.course-subtit{ padding: 0 0.4rem; height: 1.387rem; border-bottom: 1px solid #f5f5f5; background: #fff; position: relative; margin-bottom: 0.267rem;}
.course-subtit .swiper-container{ margin:0 0.4rem 0 0;}
.course-subtit .swiper-slide{ position: relative; z-index: 1; height: 1.387rem; line-height: 1.387rem; font-size:0.427rem; color:#666; width:auto !important; margin-right:0.667rem;}
.course-subtit .swiper-slide i{ display: none; position: absolute; left: 50%; bottom: 0; margin-left: -0.267rem; width: 0.533rem; height: 0.053rem; border-radius: 0.053rem 0.053rem 0 0; background: #3ec93e;}
.course-subtit .swiper-slide.on{ color:#3ec93e; box-sizing:border-box; -webkit-box-sizing:border-box;}
.course-subtit .swiper-slide.on i{ display: block;}
.course-subtit .swiper-slide.on a{ color:#3ec93e;}
.course-subtit .more-btn{ position: absolute; z-index: 8; top: 0; right: 0.4rem; width:0.4rem; height:1.387rem;}
.course-subtit .more-btn .zz{ display: block; position: absolute; top: 0.2rem; left: -0.693rem; width: 0.693rem; height:0.987rem;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);}
.course-subtit .more-btn .jian{ display: block; position: absolute; top: 0.57rem; left: 0; width: 0.4rem; height:0.253rem; background:  no-repeat center; background-size: 0.4rem auto;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.course-subtit .more-btn.on .jian{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.course-subtit .more-pop{ display:none; overflow:auto; overflow-x:hidden; width:100%; max-height:8rem; padding: 0.4rem 0 0.133rem 0; position:absolute; left:0; top:1.34rem; z-index:200; background: #fff; -webkit-box-shadow:0 0.067rem 0.267rem rgba(229, 229, 229, 0.5); -moz-box-shadow:0 0.067rem 0.267rem rgba(229, 229, 229, 0.5); box-shadow:0 0.067rem 0.267rem rgba(229, 229, 229, 0.5);}
.course-subtit .more-pop ul{ padding-right: 0.2rem;}
.course-subtit .more-pop li{ float:left; padding: 0 0.24rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.373rem; color:#333; border: 0.027rem solid #ccc; border-radius: 0.36rem; margin: 0 0 0.4rem 0.4rem; cursor: pointer; white-space:nowrap;}
.course-subtit .more-pop li.on{ color:#fff; background: #3ec93e; border: 0.027rem solid #3ec93e;}
.course-subtit .more-pop li.on a{ color:#fff;}
.course-subtit .popmask{ display: none; position: fixed; top: 2.933rem; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,.7); z-index:199; cursor:pointer;}
.course-subtit.fix{ width: 9.2rem; position:fixed; left:50%; margin-left: -5rem; top:0; z-index:89; box-shadow:0 0.053rem 0.267rem 0.08rem rgba(237,237,237,0.75);}
.bodyfixed{width:10rem;position:fixed;left:50%;margin-left:-5rem;}

/*广告图*/
.banner{ overflow: hidden; display: block; width: 9.2rem; height: 1.6rem; border-radius: 0.08rem; margin: 0 auto 0.4rem;}
.banner img{ width: 9.2rem; height: 1.6rem;}

/*科目试听列表*/
.auditionbox .audcon{ margin: 0 0.4rem; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.auditionbox .audcon .colist{ width: 4.4rem; height: 5.44rem; background: #fff; margin: 0 0 0.4rem 0; border-radius: 0.107rem; -webkit-box-shadow:0 0 0.133rem rgba(150, 150, 150, 0.22); -moz-box-shadow:0 0 0.26rem rgba(150, 150, 150, 0.22); box-shadow:0 0 0.26rem rgba(150, 150, 150, 0.22);}
.auditionbox .audcon .colist-pic{ position: relative; z-index: 1; display: block; width: 4.4rem; height: 2.4rem; margin-bottom: 0.32rem;}
.auditionbox .audcon .colist-pic img{ width: 4.4rem; height: 2.4rem; border-radius: 0.107rem 0.107rem 0 0;}
.auditionbox .audcon .colist-pic .icon{ position: absolute; top: 0.867rem; left: 50%; margin-left: -1.12rem; display: block; width: 2.24rem; height: 0.8rem; text-indent: 1.173rem; line-height: 0.8rem; font-size: 0.373rem; color: #fff; background:  no-repeat; background-size: 100% 100%;}
.auditionbox .audcon .colist-ttxt{ display: block; height: 1.013rem; line-height: 0.507rem; font-size: 0.373rem; font-weight: 700; margin: 0 0.267rem 0.133rem; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.auditionbox .audcon .colist-ctxt{ height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #666; margin: 0 0.267rem;}
.auditionbox .audcon .colist-btxt{ height: 0.667rem; line-height: 0.667rem; margin: 0 0.267rem;}
.auditionbox .audcon .colist-btxt .teatxt{ float: left; width: 2.133rem; font-size: 0.32rem; color: #999;}
.auditionbox .audcon .colist-btxt .teatxt a{ color: #999;}
.auditionbox .audcon .colist-btxt .rentxt{ float: right; font-size: 0.32rem; color: #999; white-space: nowrap;}
.auditionbox .audcon .colist-btxt .rentxt .cju{ color: #fd7400;}
.auditionbox .gd{ height: 1.06rem; line-height: 1.06rem; color: #999; font-size: 0.32rem; text-align: center;}
.auditionbox .gd i{ display: inline-block; width: 0.33rem; height: 0.17rem; margin-left: 0.18rem; background: no-repeat; background-size: 0.33rem auto;}