.w100px{width:100px;}
.layui-input.h38{height:38px;}

.section1{position:relative;}
.section1 .teach_QRcode{padding:5px 10px;background:rgba(255,255,255,.5);margin:10px 10px 0 0;}
.section2{position:relative;z-index:50;}
.section2 .header{width:70px;min-height:35px;position:relative;}
.section2 .header img{box-sizing:border-box;width:70px;/* height:90px; */position:absolute;left:0;bottom:0;z-index:100;border:3px solid rgba(255,255,255,.3);}
.section2 .name{position:absolute;left:90px;top:-48px;z-index:100;}
.section2 .name .ico_jian{border:1px solid #17c1a4;color:#17c1a4;font-size:12px;padding:0 2px;}
.section2 .name .ico_pin{border:1px solid #ffd014;color:#ffd014;font-size:12px;padding:0 2px;}
.section2 .name .ico_you{border:1px solid #00ccff;color:#00ccff;font-size:12px;padding:0 2px;}

.expression-box,.sub_expression-box{width: 288px;z-index: 9999;position: absolute;border: 1px #ccc solid;background: #F9F4F4;}
.expression-box td,.sub_expression-box td{padding:2px;}
.expression-box td a,.sub_expression-box td a{border: 1px solid #FCE0C3;background-color: #FFF9EC;display: block;padding: 1px;}

.teach_nav .ico{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%;color:#fff;}
.teach_nav .bg1{background:#fec50d;}
.teach_nav .bg2{background:#40acf4;}
.teach_nav .bg3{background:#61cea5;}
.teach_nav .bg4{background:#fe574f;}
.teach_nav .bg5{background:#a971df;}
.teach_nav .active .ico{background:#ff6900;}
.teach_nav .active .tit1{color:#ff6900;}

.teach_list .cover{width:100px;padding-right:10px;box-sizing:border-box;}
.teach_list .cover img{width:100%;height:70px;}
.teach_list .keywords,.teach_con .tit2 .keywords{margin:0 -5px 5px;font-size:12px;}
.teach_list .keywords a,.teach_con .tit2 .keywords a{float:left;padding:2px 5px;margin:5px;background:#f8f8f8;color:#888;}
.detail_con{word-break:break-all;}
.detail_con img{display:block;max-width:100%;margin:10px auto;}

#divPlayer{min-height:200px;}

/*评论*/
.commentWrap .header1{width:40px;}
.commentWrap .header1 img{width:40px;height:40px;border-radius:50%;}
/*.commentForm .c_btns{position:fixed;left:0;bottom:0;right:0;z-index:1200;}*/
/*.commentForm .c_ipts{position:fixed;left:0;bottom:0;right:0;z-index:1500;}*/
/*.comment_bg{position:fixed;width:100%;left:0;top:0;bottom:0;z-index:1300;background:rgba(0,0,0,.3);}*/

.comments_item{padding:20px 10px 10px 45px;position:relative;min-height:40px;border-bottom:1px solid #e6e6e6;font-size:12px;}
.comments_item .header{width:35px;height:35px;position:absolute;left:0;top:20px;}
.comment_box{position:relative;}
.customer-pf>.comment_box{padding-left:50px;}
.sub_comment_list .comment_box{padding-left:40px;}
.comment_box .headerPic1{width:40px;height:40px;position:absolute;left:0;top:10px;}
.comment_box .headerPic2{width:30px;height:30px;position:absolute;left:0;top:10px;}
.comment_box .headerPic1 img,.comment_box .headerPic2 img{width:100%;height:100%;border-radius:50%;}
.expression-box,.sub_expression-box{width: 288px;z-index: 9999;position: absolute;border: 1px #ccc solid;background: #F9F4F4;}
.expression-box td,.sub_expression-box td{padding:2px;}
.expression-box td a,.sub_expression-box td a{border: 1px solid #FCE0C3;background-color: #FFF9EC;display: block;padding: 1px;}
.comment_box .customer-pf-tit{font-size:12px;}
.sub_comment_wrap{display:none;}
.sub_comment_list{padding:10px;}
.sub_comment_wrap .page_box a,.sub_comment_wrap .page_box .page_numbercurrent{height:20px;line-height:20px;padding:0 10px;}

.comment_img {width: 100%;overflow: hidden;}
.comment_img li {display: inline-block;margin-right: 6px;float: left;width: 40px;height: 52px;}
.comment_img img {border: solid 2px #fd740c;}
/*.comment_img img:hover {border: solid 2px #fd740c;}*/
.comment_img li img {width: 40px;height: 40px;margin: 0 auto;float: left;border: solid 1px #CCCCCC;cursor: url(../../images/zoom_in.png), url(../../images/zoom_in.cur), auto;}
.comment_img li.current img {border: solid 2px #fd740c;cursor: url(../../images/zoom_out.png), url(../../images/zoom_out.cur), auto;}
.photo_box {width: 412px;height: 100%;border: solid 1px #ccc;padding: 20px;position: relative;}
.tb-r-photo-btn-next, .tb-r-photo-btn-prev {position: absolute;z-index: 3;top: 0;width: 206px;height: 100%;background: url(../../images/left_right_bg.png);}
.tb-r-photo-btn-next {left: 50%;}
.tb-r-photo-btn-next i, .tb-r-photo-btn-prev i {display: none;position: absolute;top: 50%;margin-top: -11px;width: 15px;height: 23px;background: url(../../images/left_right.png) no-repeat;}
.tb-r-photo-btn-prev i {left: 20px;background-position: -30px 0;}
.tb-r-photo-btn-next i {right: 20px;background-position: 0 0;}
.photo_box img {width: 100%;height: 100%;}
#formTemplate{display:none;}
.uploadImgWrap>img{float:left;}
.uploadImgWrap img{width:50px;height:50px;border:1px solid #e6e6e6;padding:2px;}
.uploadImgWrap img+img{margin-left:5px;}
.uploadImgWrap label:only-child{margin-left:0;}




@media screen and (max-width:359px) {
    .teach_nav .tit1{font-size:12px;}
}