/*一对一答疑*/
.meetOpc{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:2;display: none;}
.oneToOneTable{height:40px;display: flex;line-height: 40px;font-size:14px;color:#999999;position:relative;background:#fff;z-index:1;
    -webkit-box-shadow: 0 3px 6px 0 rgba(12,32,51,0.1);
    -moz-box-shadow: 0 3px 6px 0 rgba(12,32,51,0.1);box-shadow: 0 3px 6px 0 rgba(12,32,51,0.1);
    margin-top: 40px}
.oneToOneTable li{flex:1;text-align: center;position:relative;}
.oneToOneTable li i{margin-left:10px;}
.oneToOneTable li span{width:1px;height:18px;background:#eee;position:absolute;right:0;top:11px;}
.oneToOneTable li.active{color:#00aaff;}
.answerSrcoll{width:100%;background:#fff;position:absolute;top:88px;left:0;bottom:62px;}
.answerSrcoll>ul{margin-top:12px;}
.answerSrcoll li{width:100%;float:inherit;margin-bottom:30px;}
.answerSrcoll .teachList{border:1px solid #f0f3f6;padding:10px 4px 52px 10px;position: relative;}
.answerSrcoll .teachList img{width:73px;height:73px;border-radius:6px;float:left;}
.answerSrcoll .teachList .teachDeatil{width:calc(100% - 90px);margin-left:10px;float:left;}
.answerSrcoll .teachList .connectBox{width:calc(100% - 24px);position:absolute;left:12px;bottom:0;display: flex;border-top:1px solid #f0f3f6;}
.answerSrcoll .teachList .connectBox dd{height:40px;flex: 1;box-sizing: border-box;text-align: center;font-size:12px;color:#999;
    line-height:40px;position:relative;}
.answerSrcoll .connectBox dd span{width:1px;height:16px;background:#f0f3f6;position:absolute;top:14px;right:0;}
.answerSrcoll .connectBox dd i{margin-right:6px;}
.teachDeatil .teachName{font-size:14px;color:#333;position:relative;line-height: 24px;}
.teachDeatil .teachName div{font-size:12px;color:#b5b9bc;float:right;}
.teachDeatil .teachName em{width:calc(100% - 120px);display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.teachDeatil .teachName div i{font-size:16px;color:#999;}
.teachDeatil .teachName div i.active{font-size:16px;color:#eeb507;}




.teachDeatil .coachNumb{font-size:12px;color:#93999f;line-height:20px;}
.teachDeatil .evaluteLable{position: relative;overflow: hidden;}
.teachDeatil .evaluteLable span{font-size:12px;color:#93999f;background:#f7f7f7;float:left;white-space: nowrap;overflow: hidden;
    text-overflow: ellipsis;padding:0 10px;border-radius:10px;height:18px;line-height: 18px;margin-top:5px;}
.buyBox{width:100%;height:62px;position:absolute;left:0;bottom:0;background:#fff;padding:0 15px;
    -webkit-box-shadow: 0 -5px 18px 0 rgba(3,3,3,0.06);
    -moz-box-shadow: 0 -5px 18px 0 rgba(3,3,3,0.06);box-shadow: 0 -5px 18px 0 rgba(3,3,3,0.06);}
.buyBox p{font-size:16px;color:#333;margin-top:12px;}
.buyBox span{font-size:12px;color:#93999f;display: block;line-height: 18px;}
.buyBox a{width:110px;height:34px;border-radius:20px;position:absolute;top:12px;right:15px;font-size:14px;color:#fff;background:#00b7ef;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,157,255,0.19);text-align: center;line-height: 34px;
    -moz-box-shadow: 0 5px 10px 0 rgba(0,157,255,0.19);box-shadow: 0 5px 6px 0 rgba(0,157,255,0.19);}
.publicAlert{width:218px;height:196px;border-radius:4px;background:#fff;position:fixed;top:50%;left:50%;display: none;
    margin-left:-109px;margin-top:-98px;z-index:3;text-align:center;}
.publicAlert .closeBtn{position:absolute;right:12px;top:12px;color:#93999f;}
.publicAlert img{display: block;margin:29px auto 0;width:56px;height:56px;}
.callTeach img{-webkit-animation:run 2s linear 0s infinite;-o-animation:run 2s linear 0s infinite; animation:run 3s linear 0s infinite;}
.callFail img{width:75px;height:60px;}
.publicAlert p{margin-top:8px;font-size:16px;color:#333;line-height:24px;}
.publicAlert span{margin-top:8px;font-size:12px;color:#b5b9bc;}
.publicAlert a{color:#00aaff;text-decoration: underline;}
@-webkit-keyframes run{
    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }
}
/*购买课时*/
.overplus{height:70px;background:#fff;padding:0 15px;position: relative;}
.overplus img{width:33px;height:33px;margin:19px 0 0 0; }
.overplus p{position:absolute;top:17px;left:60px;font-size:14px;color:#333;}
.overplus span{position:absolute;top:36px;left:60px;font-size:12px;color:#93999f;}
.lineBg{height:10px;width:100%;background:#f5f5f5;}
.hoursList li.active{border:1px solid #bde4ff;background:#f6fbff;}
.hoursList {background:#fff;padding:0 15px;}
.hoursList li{width:31.3%;border:1px solid #eceeef;border-radius:8px;padding:0 2px 10px;background:#fff;margin:15px 8px 0 0;float:left;
    box-sizing: border-box;text-align: center;}
.hoursList li p{font-size:14px;color:#333;margin-top:10px;}
.hoursList li span{font-size:12px;color:#93999f;display: block;line-height:24px;}
.hoursList li .line{width:100%;height:1px;border-bottom:1px dashed #eeeeee;}
.hoursList li .newPrice{font-size:16px;color:#f74c4c;display: block;line-height: 20px;margin-top:6px;}
.hoursList li .oldPrice{height:16px;font-size:12px;color:#b5b9bc;display: block;}
.hoursList li .oldPrice em{text-decoration: line-through;}
.hoursList li:nth-child(3n){margin-right:0;}
.buyHoursBtn{width:100%;padding:0 15px;}
.buyHoursBtn button{width:100%;height:40px;border-radius:20px;background:#00aaff;outline: none;border:0;color:#fff;font-size:16px;margin-top:52px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,157,255,0.4);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,157,255,0.4);box-shadow: 0 5px 10px 0 rgba(0,157,255,0.4);}
/*我的答疑*/
.answerSrcoll ul.myanswer{margin-top:0;}
.myanswer{padding:0 15px;}
.myanswer .liveList{position:relative;padding:18px 0 20px;border-bottom:1px solid #f0f3f6;margin-bottom:0;}
.myanswer .liveList:last-child{border-bottom:0;}
.liveList img{width:65px;height:65px;border-radius:6px;position:absolute;left:0;top:18px;}
.liveList .liveDetail{width:100%;padding-left:82px;}
.liveList .liveDetail time{line-height:12px;margin-bottom:6px; font-size:12px;color:#93999f;display: block;}
.liveList .liveDetail p.name{width:calc(100% - 88px);height:32px;line-height:16px;overflow: hidden; font-size:14px;color:#333;display: block;}
.liveList .liveDetail .enterLiveBtn{width:84px;height:32px;line-height: 32px;text-align: center;color:#fff;font-size:12px;border-radius:2px;
    background:#00aaff;position:absolute;right:0;top:52px;}
.liveList .liveDetail .enterLiveBtn.active{background:#b5b9bc;}
.liveList .liveDetail .status{font-size:12px;color:#93999f;}
.liveList .liveDetail .status.active{color:#00aaff;}
.liveList .liveDetail .status img{width:10px;height:12px;display: inline-block;position:inherit;border-radius:inherit;margin-right:8px;}
.liveList .liveDetail .evaluteBtnBox{position:absolute;right:0;top:60px;}
.liveList .liveDetail .evaluteBtnBox a{width:48px;height:24px;display:inline-block;border:1px solid #eee;border-radius:2px;
    background:#fff;color:#999;font-size:12px;text-align: center;line-height: 24px;}
.liveList .liveDetail .evaluteBtnBox a.active{border:1px solid #fe5151;color:#fe5151;outline: none;}
.liveList .liveDetail .evaluteBtnBox a.replayBtn{margin-right:4px;}
/*答疑评语*/
.teachComment{padding:0 15px 20px;margin-top: 44px}
.teachComment .title{font-size:15px;color:#333;line-height: 56px;}
.teachComment .starList{font-size:13px;color:#707478;line-height: 14px;margin-bottom:10px;}
.teachComment .starList i{color:#dadee0;}
.teachComment .starList i.active{color:#eeb507;}
.teachComment .starList span{margin-right:7px;}
.teachComment .starList strong{margin-left:4px;}
.teachComment .teachCommentText{font-size:13px;color:#707478;line-height: 14px;}
.myComment{padding:4px 15px 20px;font-size:13px;color:#707478;overflow-y: auto;}
.myComment .title{font-size:15px;color:#333;line-height: 44px;}
.myComment .title span{font-size:12px;color:#93999f;margin-left:12px;vertical-align: top;}
.myComment .teachPic img{width:45px;height:45px;border-radius:100%;float:left; }
.myComment .teachPic span{color:#333;margin:16px 0 0 8px;float:left; }
.myComment .lightenStar{line-height: 16px;margin-top:12px;}
.myComment .lightenStar span{float:left;margin-right:11px; }
.myComment .lightenStar .starBox{float:left;color:#dadee0;}
/*.myComment .lightenStar .starBox i{margin-right:4px;}*/
.myComment .lightenStar .starBox i.active{color:#eeb507;}
.myComment .writeEvalaute{margin-top:10px;}
.myComment .writeEvalaute .commentList{position:relative;overflow: hidden;}
.myComment .writeEvalaute span{display: inline-block;margin-top:10px;background:#f0f3f6;padding:0 12px;height:22px;line-height: 22px;
    border-radius:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom;}
.myComment .writeEvalaute span.active {
    color: #fff;
    background: #00aaff;
}
.myComment .lightenStar strong{margin-left:8px;}

.myComment .editComment{width:100%;height:118px!important;padding:12px 10px;outline: none;resize:none;border:1px solid #eee;margin-top:11px;}
.myComment .btn{width:62px;height:28px;background:#00aaff;border-radius:2px;font-size:12px;color:#fff;margin-top:10px;border:0;outline: none;}


/*20181215-answer-begin*/
.recomclass .recomcont.answerList li{width:100%;float:inherit;margin-bottom:30px;}
.recomclass .answerList .teachList{border:1px solid #f0f3f6;padding:10px 4px 52px 10px;position: relative;}
.answerList .teachList img{width:73px;height:73px;border-radius:6px;float:left;}
.answerList .teachList .teachDeatil{width:calc(100% - 90px);margin-left:10px;float:left;}
.answerList .teachList .connectBox{width:calc(100% - 24px);position:absolute;left:12px;bottom:0;display: flex;border-top:1px solid #f0f3f6;}
.answerList .teachList .connectBox dd{height:40px;flex: 1;box-sizing: border-box;text-align: center;font-size:12px;color:#999;
    line-height:40px;position:relative;}
.answerList .connectBox dd span{width:1px;height:16px;background:#f0f3f6;position:absolute;top:14px;right:0;}
.answerList .connectBox dd i{margin-right:6px;}
.teachDeatil .teachName{font-size:14px;color:#333;position:relative;line-height: 24px;}
.teachDeatil .teachName div{font-size:12px;color:#b5b9bc;float:right;}
.teachDeatil .teachName em{width:calc(100% - 120px);display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.teachDeatil .coachNumb{font-size:12px;color:#93999f;line-height:20px;}
.teachDeatil .evaluteLable{position: relative;overflow: hidden;}
.teachDeatil .evaluteLable span{font-size:12px;color:#93999f;background:#f7f7f7;float:left;white-space: nowrap;overflow: hidden;
    text-overflow: ellipsis;padding:0 10px;border-radius:10px;height:18px;line-height: 18px;margin-top:5px;}
/*20181215-answer-end*/

/*一对一答疑筛选弹窗*/
.oneToOneTable{z-index:2;}
.classificationBox{width:100%;max-height:300px;position:fixed;top:80px;left:0;background:#fff;z-index:3;box-sizing:border-box;
    overflow-y: auto;display: none;border-top:1px solid #eee;}
.classificationBox ul{display: none;}
.classificationBox li{font-size:14px;color:#333;line-height: 44px;border-bottom:1px solid #f0f0f0;padding:0 15px;}
.classificationBox li:last-child{border-bottom:0;}
.classificationBox li.active{color:#00aaff;}
.classificationBox li i{font-size:16px;margin-right:2px;display: none;}
.classificationBox li.active i{display:inline-block;}

.myComment .writeEvalaute span.lookMore {
    position: absolute;
    top: 0;
    right: -10px;
}