/*
@author: he
@update: he (2021-06-29)
*/
@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;}

/*页头*/
.header{ height: 1.2rem; position: relative; z-index: 1; margin-bottom: 0.267rem; -webkit-box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.03); -moz-box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.03); box-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.03);}
.header .back{ display: block; position: absolute; left: 0; top: 0; width: 1.12rem; height: 1.2rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_15.png") 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;}

/*页头大图*/
.topHeader{ margin: 0 0.4rem 0.267rem; height: 3.067rem; border-radius: 0.107rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/banner_02.jpg") no-repeat; background-size: 100% 100%;}
.topHeader .teacher-pic{ float: left; width:2.667rem; height: 2.933rem; padding-top: 0.133rem; text-align: center; margin-left: 0.667rem;}
.topHeader .teacher-pic img{ width: 2.413rem; height: 2.933rem;}
.topHeader .teacher-right{ float: right; width: 4.267rem; padding-top: 0.507rem; margin-right: 0.667rem;}
.topHeader .teacher-right .trTop{ height: 0.453rem; margin-bottom: 0.347rem;}
.topHeader .teacher-right .trTop-name{ line-height: 0.453rem; font-size: 0.373rem; color: #F09E46; font-weight: 700;}
.topHeader .teacher-right .trTop-icon{ width: 2.933rem; height: 0.453rem; border-radius: 0.227rem; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
.topHeader .teacher-right .trTop-icon-share{ padding-left: 0.48rem; height: 0.453rem; line-height: 0.453rem; font-size: 0.267rem; color: #fff; margin-left: 0.2rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_18.png") no-repeat left center; background-size: 0.32rem auto; cursor: pointer; width: 1.147rem;}
.topHeader .teacher-right .trTop-icon-praise{ padding-left: 0.48rem; height: 0.453rem; line-height: 0.453rem; font-size: 0.267rem; color: #fff; margin-left: 0.133rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_05.png") no-repeat left center; background-size: 0.32rem auto; cursor: pointer;}
.topHeader .teacher-right .trBot{ width: 4.533rem;}
.topHeader .teacher-right .trBot-char{ float: left; display: block; width: 1.733rem; height: 0.533rem; line-height: 0.56rem; text-align: center; font-size: 0.293rem; color: #666; background: #F4F4F4; border-radius: 0.267rem; margin: 0 0.533rem 0.267rem 0;}

/*名师介绍*/
.topIntroduce{ margin: 0 0.4rem 0.4rem;}
.topIntroduce .tTit{ height: 0.933rem;}
.topIntroduce .tTit-txt{ padding-left: 0.587rem; line-height: 0.933rem; font-size: 0.48rem; margin-right: 0.293rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_06.png") no-repeat left center; background-size: 0.28rem auto;}
.topIntroduce .tTit-vido{ position: relative; z-index: 1; display: block; width: 1.147rem; height: 0.427rem; line-height: 0.427rem; font-size: 0.267rem; color: #fff; text-indent: 0.16rem; margin-top: 0.253rem; border-radius: 0.213rem;
    background: -webkit-linear-gradient(left, #84E355, #3EC93E); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #84E355, #3EC93E); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #84E355, #3EC93E); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #84E355, #3EC93E); /* 标准的语法 */}
.topIntroduce .tTit-vido:after{ content:" "; display:block; position: absolute; top: 0.12rem; right: 0.187rem; width: 0.107rem; height: 0.187rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_07.png") no-repeat; background-size: 100% 100%;}
.topIntroduce .cTxt{ line-height: 0.453rem; font-size: 0.32rem; color: #FE7538; margin-bottom: 0.267rem;}
.topIntroduce .bTxt{ overflow: hidden; position: relative; z-index: 1; max-height: 0.907rem; line-height: 0.453rem; font-size: 0.32rem; color: #999;}
.topIntroduce .bTxt.auto{ max-height: none;}
.topIntroduce .bTxt-btn{ position: absolute; right: 0; bottom: 0; display: block; width: 1.2rem; height: 0.453rem; line-height: 0.453rem; font-size: 0.32rem; text-align: right; background: #fff; cursor: pointer;}
.topIntroduce .bTxt-btn em{ display: inline-block; margin-left: 0.2rem; color: #4ab83e;}
.mainBox{ width: 1160px; background: #fff; padding: 0 20px; margin-bottom: 30px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.03); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.03); box-shadow:0 0 10px rgba(0, 0, 0, 0.03);}

/*辅导导航*/
.couNav-wrap{ display: none; width: 100%; height: 1.494rem;}
.couNav{ width: 9.2rem; background: #fff; padding: 0 0.4rem; height: 1.2rem; border-bottom: 0.027rem solid #f5f5f5; margin-bottom: 0.267rem;}
.couNav .ltit{ line-height: 1.2rem; font-size: 0.427rem; font-weight: 700; color: #333;}
.couNav .rbox{ position: relative; z-index: 1; width: 7.867rem; height: 1.2rem;}
.couNav .rbox .swiper-container{ width: 7.867rem; height: 1.227rem;}
.couNav .rbox .swiper-slide{ overflow: hidden; position: relative; z-index: 1; width: 2.8rem; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.4rem; color: #666; margin: 0 0.1rem; cursor: pointer;}
.couNav .rbox .swiper-slide i{ display: none; position: absolute; left: 50%; bottom: -0.027rem; margin-left: -0.8rem; width: 1.6rem; height: 0.08rem; background: #63be4b; border-radius: 0.04rem;}
.couNav .rbox .swiper-slide.on{ color: #4ab83e; font-weight: 700;}
.couNav .rbox .swiper-slide.on i{ display: block;}
.couNav.fix{ position: fixed; z-index: 20; top: 0; left: 0;}

/*所授课程*/
.teachList{ padding: 0 0.4rem 0.133rem;}
.teachList .listCon .picList{ display: block; padding: 0.333rem 0.267rem; border-radius: 0.107rem; margin-bottom: 0.267rem; -webkit-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); -moz-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5);}
.teachList .listCon .picList .pic{ position: relative; z-index: 1; float: left; overflow: hidden; display: block; width: 3.16rem; height: 2rem;}
.teachList .listCon .picList .pic img{ width: 3.16rem; height: 2rem; border-radius: 0.08rem;}
.teachList .listCon .picList .pic .vdIcon{ position: absolute; top: 50%; left: 50%; margin: -0.267rem 0 0 -0.267rem; width: 0.533rem; height: 0.533rem; background:url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_19.png") no-repeat; background-size: 100% 100%;}
.teachList .listCon .picList .rTxt{ float: right; width: 5.227rem; padding-top: 0.067rem;}
.teachList .listCon .picList .rTxt-top{ height: 1.12rem; line-height: 0.56rem; font-size: 0.427rem; font-weight: 700; margin-bottom: 0.133rem; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.teachList .listCon .picList .rTxt-top a{ color: #333;}
.teachList .listCon .picList .rTxt-bot{ height: 0.667rem;}
.teachList .listCon .picList .rTxt-bot-l{ line-height: 0.667rem; color: #999; font-size: 0.32rem;}
.teachList .listCon .picList .rTxt-bot-l span{ color: #ff7e00;}
.teachList .listCon .picList .rTxt-bot-r{ position: relative; z-index: 1; display: block; width: 1.467rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #FE8C20; text-indent: 0.587rem; background: #f7f4f2; border-radius: 0.333rem;}
.teachList .listCon .picList .rTxt-bot-r:after{ content:" "; display:block; position: absolute; top: 0.2rem; left: 0.24rem; width: 0.24rem; height: 0.28rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_08.png") no-repeat; background-size: 100% 100%;}
.teachList .listCon .txtList{ display: block; padding: 0 0.267rem; height: 0.667rem; margin-bottom: 0.267rem;}
.teachList .listCon .txtList .ltxt{ width: 7.1rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.373rem; color: #333;}
.teachList .listCon .txtList .rBtn{ position: relative; z-index: 1; display: block; width: 1.467rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #FE8C20; text-indent: 0.587rem; background: #f7f4f2; border-radius: 0.333rem;}
.teachList .listCon .txtList .rBtn:after{ content:" "; display:block; position: absolute; top: 0.2rem; left: 0.24rem; width: 0.24rem; height: 0.28rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_08.png") no-repeat; background-size: 100% 100%;}
.teachList .more{ display:block; clear: both; height: 0.693rem; line-height: 0.693rem; text-align: center; font-size: 0.32rem; color: #999;}
.teachList .moreCon{ display: none; margin-top: 0.133rem; padding-top: 0.267rem; border-top: 0.027rem solid #f8f8f8;}

/*免费直播*/
.liveList{ padding: 0 0.4rem 0.133rem;}
.liveList .mtit{ height: 1.2rem;}
.liveList .mtit-left{ position: relative; z-index: 1; height: 1.2rem; line-height: 1.2rem; font-size: 0.48rem; padding-left: 0.427rem;}
.liveList .mtit-left:after{ content:" "; display:block; position: absolute; top: 0.347rem; left: 0; width: 0.133rem; height: 0.507rem; border-radius: 0.067rem; background: #3EC93E;}
.liveList .listCon .picList{ display: block; padding: 0.333rem 0.267rem; border-radius: 0.107rem; margin-bottom: 0.267rem; -webkit-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); -moz-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5);}
.liveList .listCon .picList .pic{ position: relative; z-index: 1; float: left; overflow: hidden; display: block; width: 3.16rem; height: 2rem;}
.liveList .listCon .picList .pic img{ width: 3.16rem; height: 2rem; border-radius: 0.08rem;}
.liveList .listCon .picList .pic .icon{ position: absolute; left: 0; top: 0; padding: 0 0.24rem; height: 0.453rem; line-height: 0.453rem; font-size: 0.293rem; color: #fff; background: #3EC93E; border-radius: 0.08rem 0.227rem 0.227rem 0;}
.liveList .listCon .picList .rTxt{ float: right; width: 5.227rem; padding-top: 0.067rem;}
.liveList .listCon .picList .rTxt-top{ height: 1.12rem; line-height: 0.56rem; font-size: 0.427rem; font-weight: 700; margin-bottom: 0.133rem; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.liveList .listCon .picList .rTxt-top a{ color: #333;}
.liveList .listCon .picList .rTxt-bot{ height: 0.667rem;}
.liveList .listCon .picList .rTxt-bot-l{ line-height: 0.667rem; color: #999; font-size: 0.32rem;}
.liveList .listCon .picList .rTxt-bot-yy{ display: block; width: 1.467rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #4ab83e; text-align: center; background: #EDF7EC; border-radius: 0.333rem;}
.liveList .listCon .picList .rTxt-bot-gk{ display: block; width: 1.44rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; color: #FE7538; text-align: center; border: 1px solid #FE7538; border-radius: 0.333rem;}
.liveList .listCon .txtList{ display: block; padding: 0 0.267rem; height: 0.667rem; margin-bottom: 0.267rem;}
.liveList .listCon .txtList .ltxt{ width: 7.1rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.373rem; color: #333;}
.liveList .listCon .txtList .yyBtn{ display: block; width: 1.467rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; color: #4ab83e; text-align: center; background: #EDF7EC; border-radius: 0.333rem;}
.liveList .listCon .txtList .gkBtn{ display: block; width: 1.44rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; color: #FE7538; text-align: center; border: 1px solid #FE7538; border-radius: 0.333rem;}
.liveList .more{ display:block; clear: both; height: 0.693rem; line-height: 0.693rem; text-align: center; font-size: 0.32rem; color: #999;}
.liveList .moreCon{ display: none; margin-top: 0.133rem; padding-top: 0.267rem; border-top: 0.027rem solid #f8f8f8;}

/*学员评价*/
.evaluateList{ padding-bottom: 0.133rem;}
.evaluateList .mtit{ height: 1.2rem; margin: 0 0.4rem;}
.evaluateList .mtit-left{ position: relative; z-index: 1; height: 1.2rem; line-height: 1.2rem; font-size: 0.48rem; padding-left: 0.427rem;}
.evaluateList .mtit-left:after{ content:" "; display:block; position: absolute; top: 0.347rem; left: 0; width: 0.133rem; height: 0.507rem; border-radius: 0.067rem; background: #3EC93E;}
.evaluateList .mtit-right{ display: block; height: 1.2rem; line-height: 1.2rem; font-size: 0.32rem; color: #999; padding-right: 0.533rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_09.png") no-repeat 1.4rem center; background-size: 0.147rem auto;}
.evaluateList .swiper-evaList{ width: 9.2rem; height: 9.6rem; padding: 0 0.4rem;}
.evaluateList .swiper-evaList .swiper-slide{ width: 100%; height: auto!important; border-radius: 0.107rem; margin: 0.133rem 0; -webkit-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); -moz-box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5); box-shadow:0 0 0.133rem 0.053rem rgba(233,233,233,0.5);}
.evaluateList .swiper-evaList .swiper-slide .con{ padding: 0.267rem;}
.evaluateList .swiper-evaList .swiper-slide .con-top{ height: 0.933rem; margin-bottom: 0.187rem;}
.evaluateList .swiper-evaList .swiper-slide .con-top .pic{ float: left; display:block; width: 0.933rem; height: 0.933rem; border-radius: 50%;}
.evaluateList .swiper-evaList .swiper-slide .con-top .name{ float: left; line-height: 0.933rem; font-size: 0.32rem; color: #666; margin-left: 0.2rem;}
.evaluateList .swiper-evaList .swiper-slide .con-top .time{ float: right; line-height: 0.933rem; font-size: 0.32rem; color: #999;}
.evaluateList .swiper-evaList .swiper-slide .con-bot{ width: 100%; max-height: 1.28rem; line-height: 0.427rem; font-size: 0.32rem; color: #666; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

/*热门推荐*/
.recommend{ padding: 0 0.4rem 0.267rem;}
.recommend .mtit{ height: 1.2rem;}
.recommend .mtit-left{ position: relative; z-index: 1; height: 1.2rem; line-height: 1.2rem; font-size: 0.48rem; padding-left: 0.427rem;}
.recommend .mtit-left:after{ content:" "; display:block; position: absolute; top: 0.347rem; left: 0; width: 0.133rem; height: 0.507rem; border-radius: 0.067rem; background: #3EC93E;}
.recommend .mtit-right{ display: block; height: 1.2rem; line-height: 1.2rem; font-size: 0.32rem; color: #999; padding-right: 0.533rem; background: url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_09.png") no-repeat 1.4rem center; background-size: 0.147rem auto;}
.recommend .cBox{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start;}
.recommend .cBox .curList{ display: block; width: 4.467rem; height: 3.507rem;}
.recommend .cBox .curList-pic{ width: 4.733rem; height: 2.6rem; border-radius: 0.107rem;}
.recommend .cBox .curList-bot{ height: 0.907rem; line-height: 0.907rem; font-size: 0.373rem;}
.recommend .cBox .curList-bot-l{ width: 2.7rem; height: 0.907rem;}
.recommend .cBox .curList-bot-r{ color: #FE7538;}

/*右侧浮动*/
.fix-share,.fix-top,.fix-kf{ display:block; width:1.2rem; height:1.2rem; z-index:70; background:url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_32.png") no-repeat; background-size:100% auto; position:fixed; right:.36rem; bottom:3.1rem;}
.fix-top{ background:url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_33.png") no-repeat; background-size:100% auto; right:.36rem; bottom:1.7rem;}
.fix-kf{ background:url("https://www.st-regis-bal-harbour.com/dywebmobilemed66/images/2021teacher/icon_35.png") no-repeat; background-size:100% auto; right:.36rem; bottom:4.5rem;}

.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*科目筛选弹框*/
.evaTk{ display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; background: #fff; overflow-y: auto; overflow-x: hidden;}
.evaTk .con{ padding: 0.4rem 0.4rem 0.267rem;}
.evaTk .con .inptxt{ width: 8.64rem; height: 5.307rem; padding: 0.133rem 0.267rem; border: 0.013rem solid #e1e1e1; line-height: 0.667rem; font-size: 0.347rem; color: #666;}
.evaTk .con .txt{ line-height: 0.667rem; font-size: 0.347rem; color: #999; text-align: right;}
.evaTk .con .txt.no{ color: #FD7400;}
.evaTk .bBtn{ display: block; width: 100%; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; background: #FE7538;}








