@charset "utf-8";
/* CSS Document */

.institution-list{ margin:0 .45rem;}
.institution-list li{ margin-bottom:.4rem; padding-bottom:.4rem; border:1px solid #dcdcdc; border-radius:.08rem; background:#fff; overflow:hidden; position:relative;}
.institution-list .cover-wrap{ height:8.3rem; margin-bottom:1.6rem;}
.institution-list .cover-wrap img{ display:inline-block; width:100%; height:100%; border:0;}
.institution-list .img-wrap{ margin:0 auto; width:2.7rem; height:2.7rem; border:.0625rem solid #fff; border-radius:50%; overflow:hidden; position:absolute; top:6.95rem; left:50%; margin-left:-1.35rem;}
.institution-list .img-wrap img{ width:100%; height:100%;}
.institution-list h3{ margin-bottom:.2rem; font-size:.66rem; font-weight:normal; text-align:center;}
.teach-tags{ margin-bottom:.2rem; font-size:.54rem; line-height:.8rem; color:#999; text-align:center;}
.institution-list p{ font-size:.58rem; line-height:.9rem; text-align:center;}

.inst-main-top{ background:#fff;}
.inst-cover-wrap{ position:relative; height:8.75rem; overflow:hidden;}
.inst-cover-wrap img{ width:100%; height:100%;}
.inst-cover-wrap .cover-txt-btm{ width:100%; height:1.25rem; padding:0 .625rem; font-size:.54rem; line-height:1.25rem; color:#fff; background:rgba(0,0,0,.5); position:absolute; bottom:0;}
.inst-cover-wrap .cover-txt-btm span{ padding-right:.4rem;}
.inst-cover-wrap .cover-txt-btm .txt-detail{ float:right; color:#fff;}
.inst-cover-wrap .cover-txt-btm .txt-detail i{ display:inline-block; margin-left:.2rem; width:.28rem; height:.28rem; border-style:solid; border-color:#fff; border-width:1px 1px 0px 0px; transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:middle; position:relative; top:-1px;}
.inst-cover-wrap .cover-amount{ display:block; height:1rem; padding:0 .5rem; font-size:.54rem; line-height:1rem; color:#fff; background:rgba(0,0,0,.5); border-radius:.5rem; position:absolute; top:.4rem; right:.625rem;}
.inst-bri-info{ padding:0 .625rem; background:#fff; border-bottom:1px solid #efefef;}
.inst-bri-info .info-wrap-1{ padding:.4rem 0;}
.inst-bri-info .inst-avatar{ float:left; margin-right:.4rem; width:1.45rem; height:1.45rem; border-radius:.725rem; overflow:hidden;}
.inst-bri-info .inst-avatar img{ width:100%; height:100%;}
.inst-bri-info .inst-name{ float:left;}
.inst-bri-info .inst-name h3{ font-size:.5rem; font-weight:700;}
.inst-bri-info .inst-name .level{ margin-right:.2rem; font-size:.4rem; color:#2ad2c9;}
.inst-bri-info .inst-name .auth{ margin-right:.2rem; padding:0 .2rem; height:.625rem; font-size:.4rem; color:#fff; background:#2ad2c9; border-radius:.3125rem;}
.inst-bri-info .follow-btn{ width:2.5rem; height:1rem; padding:0; font-size:.5rem; line-height:1rem; color:#fff; background:#2ad2c9; border:1px solid #2ad2c9; border-radius:.5rem; text-align:center;}
.inst-bri-info .follow-btn.active{ color:#2ad2c9; border:1px solid #2ad2c9; background:none;}
.inst-bri-info .txt{ padding-bottom:.4rem; font-size:.5rem; color:#999;}
.inst-bri-info .txt .front{ color:#333;}
.inst-bri-info .info-more{ font-size:.54rem; text-align:center; border-top:1px solid #efefef;}
.inst-bri-info .info-more a{ display:inline-block; line-height:1.66rem; color:#2ad2c9;}

.inst-detail-info{ padding:0 .625rem;}
.inst-detail-info h3{ padding:.625rem 0 .4rem 0; font-size:.625rem;}
.inst-detail-info .d-info-box{ font-size:.5rem; color:#777;}
.inst-detail-info .d-info-box p{ margin-bottom:.4rem;}

.inst-character{ position:relative; padding:.625rem; background:#fff; border-bottom:1px solid #efefef;}
.inst-character .arr{ display: inline-block; width: .28rem; height: .28rem; border-style: solid; border-color: #999; border-width: 1px 0 0 1px; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: .74rem; right: .68rem;}
.inst-character dt{ float:left; padding-left:.4rem; padding-right:.625rem; font-size:.5rem; line-height:.625rem; position:relative;}
.inst-character dt:before{ content:''; position:absolute; top:.04rem; left:0; width:.08rem; height:.54rem; background:#2ad2c9;}
.inst-character dd{ float:left; position:relative; padding-left:.4rem; padding-right:.4rem; font-size:.5rem; line-height:.625rem; color:#999;}
.inst-character dd:before{ content:''; position:absolute; top:.2125rem; left:0; width:.2rem; height:.2rem; border-radius:.1rem; background:#2ad2c9;}
.inst-char-list{}
.inst-char-list li{ border-bottom:1px solid #efefef;}
.inst-char-list .title-wrap{ position:relative; padding-left:1.25rem; padding-right:.625rem; height:1.83rem; font-size:.58rem; line-height:1.8rem; background:#fff;}
.inst-char-list .title-wrap:before{ content:''; position:absolute; top:.2125rem; left:.625rem; top:.8rem; width:.2rem; height:.2rem; border-radius:.1rem; background:#2ad2c9;}
.inst-char-list .arr{ display: inline-block; width: .28rem; height: .28rem; border-style: solid; border-color: #999; border-width: 1px 0 0 1px; -webkit-transform: rotate(225deg); transform: rotate(225deg); position: absolute; top: .7rem; right: .725rem;}
.inst-char-list li.active .arr{  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.inst-char-list .content-wrap{ padding:.4rem .625rem; font-size:.5rem; color:#777; background:#fafafa; display:none;}
.inst-char-list li.active .content-wrap{ display:block;}

.inst-class-list{ margin:0 .625rem;}
.inst-class-list li{ padding-bottom:.4rem; padding-top:.4rem; border-bottom:1px solid #efefef;}
.inst-class-list li:first-child{ padding-top:0;}
.inst-class-list li:last-child{ border-bottom:0px;}
.inst-class-list .class-w{}
.inst-class-list .class-pic{ margin-right:.4rem; width:4rem; height:2.2rem; overflow:hidden;}
.inst-class-list .class-pic img{ width:100%; height:100%;}
.inst-class-list .class-pic a{ display:block;}
.inst-class-list .class-s-info{}
.inst-class-list .class-title{ font-size:.58rem;}
.inst-class-list .class-desc{ display:inline-block; height:.54rem; font-size:.5rem; line-height:.58rem; color:#999; overflow:hidden;}
.inst-class-list .class-property{ font-size:.5rem; color:#999;}
.inst-class-list .consult-btn{ display:block; padding-top:.3rem; font-size:.5rem; color:#2ad2c9; text-align:center;}
.inst-class-list .consult-btn i{ display:inline-block; width:.83rem; height:.83rem; background:url(../images/ico-consult.png) 0 0 no-repeat; background-size:.83rem .83rem;}
.inst-class-list .show-more{ font-size:.54rem; text-align:center; border-top:1px solid #efefef;}
.inst-class-list .show-more a{ display:inline-block; line-height:1.66rem; color:#2ad2c9;}

.inst-live-video{ padding-left:.625rem;}
.inst-live-video .video-box{ float:left; margin-right:.28rem; margin-bottom:.2rem; width:4.375rem;}
.inst-live-video .L_video{ margin:0; width:4.375rem; height:3.4375rem; border-radius:.16rem; background:#fafafa; overflow:hidden; position:relative;}
.inst-live-video .L_video_guide_wrap{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.3); background-image:url(../images/video_play_mask_btn.png); background-repeat:no-repeat; background-position:center center; background-size:1.25rem 1.25rem; z-index:99;}
.inst-live-video .L_video_guide_wrap a{ display:block; width:100%; height:100%; z-index:999;}
.inst-live-video .video-box p{ padding:.2rem 0; font-size:.5rem; height:.625rem;  overflow:hidden; box-sizing:content-box;}

.tutorial-lists{}
.tutorial-lists li{ display:-webkit-flex!important; display:-webkit-box; padding-left:.4rem;}
.tutorial-lists .cover-wrap{ -webkit-flex:1!important; -moz-flex:1!important; -webkit-box-flex:1; -moz-box-flex:1; margin:0 .4rem .4rem 0; background:#fff; border:1px solid #dcdcdc; border-radius:.2rem; overflow:hidden;}
.tutorial-lists .cover-wrap a{ display:block;}
.tutorial-lists .cover-wrap img{ width:100%; height:auto;}
.tutorial-lists .cover-wrap h2{ height:.8rem; font-size:.5rem; font-weight:normal; line-height:.8rem; text-align:center; color:#2ad2c9; background:#eee; border-radius:.4rem; position:absolute; bottom:.2rem; left:.4rem; right:.4rem;}
.tutorial-lists .cover-wrap .mark-tag{ position:absolute; top:.2rem; right:0; width:1.875rem; height:.64rem; font-size:.4rem; line-height:.64rem; text-align:center; color:#fff; background:#2ad2c9; border-top-left-radius:.32rem; border-bottom-left-radius:.32rem;}

.inst-teacher-wrap{ padding:0 .625rem;}
.inst-teacher-wrap li{ float:left; margin-bottom:.4rem; margin-right:.4rem;}
.inst-teacher-wrap .tea-avatar{ width:2.2rem; height:2.2rem; border-radius:1.1rem; overflow:hidden;}
.inst-teacher-wrap .tea-avatar img{ width:100%; height:100%;}

.inst-certificate{ padding:0 .625rem;}
.inst-certificate img{ height:2.7rem; width:auto; margin-right:.4rem; margin-bottom:.4rem;}

.inst-location-wrap{ padding:0 .625rem;}
.inst-location-box{ margin-bottom:.2rem; width:100%; height:5rem; background:#fafafa; overflow:hidden;}
.inst-location-wrap .text{ padding:.2rem 0 .4rem 0; font-size:.54rem;}

.inst-grade-top{ padding:0 .625rem;}
.inst-grade-top .top-score{}
.inst-grade-top .score-box{ width:3.33rem; height:3.33rem; text-align:center; color:#000; background:#f4f4f4;}
.inst-grade-top .score-box .item-t{ margin:.2rem 0 .1rem; font-size:.375rem; height:.58rem; overflow:hidden;}
.inst-grade-top .score-box .achieve-t{ font-size:.33rem; height:.58rem; overflow:hidden;}
.inst-grade-top .score-box h2{ margin-bottom:.1rem; font-size:1rem; height:1.4rem;}
.inst-grade-top .grand-box{ line-height:3.33rem; text-align:center;}
.inst-grade-top .column-box{ padding-bottom:.4rem;}
.inst-grade-top .column-box li{ float:left; width:25%; text-align:center;}
.inst-grade-top .column-box p{ margin-bottom:.1rem; font-size:.45rem; color:#999;}
.inst-grade-top .column-box h2{ font-size:.7rem;}

.inst-grade-body{ padding-bottom:.4rem;}
.inst-grade-line{ margin-bottom:.625rem; padding:0 .625rem;}
.inst-grade-line label{ display:inline-block; padding:0 .625rem; height:1.25rem; font-size:.625rem; line-height:1.25rem; vertical-align:top;}
.inst-grade-line .tooltip{ display:inline-block; height:1.25rem; font-size:.5rem; line-height:1.25rem; color:#999; vertical-align:top;}

.inst-grade-text-box{ padding:0 .625rem .2rem;}
.inst-grade-text-box textarea{ height:5rem; width:100%; padding:.2rem; font-size:.5rem; border:0px; background:#fafafa; box-sizing:border-box;}

.grand-action-wrap{ display:inline-block; height:1.25rem; line-height:1.25rem; vertical-align:top;}
.grand-action-wrap a{ display:inline-block; margin-right:.4rem; width:1.25rem; height:1.25rem; background:url(../images/ico-grand.png) 0 0 no-repeat; background-size:1.25rem 1.25rem;}
.grand-action-wrap a.active{ display:inline-block; width:1.25rem; height:1.25rem; background:url(../images/ico-grade-d.png) 0 0 no-repeat; background-size:1.25rem 1.25rem;}

.grand-result-wrap{ display:inline-block; height:1rem; line-height:1rem;}
.grand-result-wrap .i-star{ margin-right:.2rem; display:inline-block; width:.9rem; height:.9rem; background:url(../images/ico-grade-d.png) 0 0 no-repeat; background-size:.9rem .9rem;}
.grand-result-wrap .i-amt{ margin-left:.2rem; display:inline-block; height:.9rem; font-size:.5rem; line-height:.9rem; color:#999; vertical-align:top;}

.inst-comment{ margin:0 .625rem;}
.inst-comment li{ padding-top:.4rem; padding-bottom:.4rem; border-bottom:1px solid #efefef;}
.inst-comment li:first-child{ padding-top:0;}
.inst-comment .user-box{ margin-bottom:.2rem;}
.inst-comment .user-pic{ display:inline-block; margin-right:.4rem; width:1rem; height:1rem; border-radius:.5rem; overflow:hidden; vertical-align:top;}
.inst-comment .user-pic img{ width:100%; height:100%;}
.inst-comment h4{ display:inline-block; height:1rem; font-size:.58rem; line-height:1rem; vertical-align:top;}
.inst-comment .user-msg-box{ font-size:.58rem; line-height:1.5;}
.inst-comment .grand-result-wrap{ margin-left:.4rem; height:1rem; line-height:1.1rem;}
.inst-comment .grand-result-wrap .i-star{ margin-right:.1rem; display:inline-block; width:.5rem; height:.5rem; background-size:.5rem .5rem;}
.inst-cmt-btn-wrap{ margin:0 .625rem; padding:.625rem 0; text-align:center;}
.inst-cmt-btn-wrap a{ display:inline-block; margin:0 .3rem; width:5.8rem; height:1.66rem; font-size:.625rem; line-height:1.66rem; border:1px solid #ddd; border-radius:.84rem; text-align:center;}
.inst-cmt-btn-wrap i{ display:inline-block; margin-right:.2rem; width:.75rem; height:.75rem; vertical-align:middle;}
.inst-cmt-btn-wrap i.cmt{ background:url(../images/ico-inst-cmt.png) 0 0 no-repeat; background-size:.75rem .75rem;}
.inst-cmt-btn-wrap i.cmt-list{ background:url(../images/ico-inst-cmt-list.png) 0 0 no-repeat; background-size:.75rem .75rem;}

.inst-certification-wrap{ padding:.625rem 0;}
.inst-certification-wrap li{ float:left; width:25%; text-align:center;}
.inst-certification-wrap .cert-item{ display:inline-block; width:2rem; text-align:center;}
.inst-certification-wrap .cert-icon{ display:inline-block; margin-bottom:.2rem; width:2rem; height:2rem;}
.inst-certification-wrap .cert-icon.honor{ background:url(../images/ico-inst-auth-honor-invalid.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-item.active .cert-icon.honor{ background:url(../images/ico-inst-auth-honor.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-icon.icense{ background:url(../images/ico-inst-auth-icense-invalid.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-item.active .cert-icon.icense{ background:url(../images/ico-inst-auth-icense.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-icon.certificate{ background:url(../images/ico-inst-auth-certificate-invalid.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-item.active .cert-icon.certificate{ background:url(../images/ico-inst-auth-certificate.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-icon.contact{ background:url(../images/ico-inst-auth-contact-invalid.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-item.active .cert-icon.contact{ background:url(../images/ico-inst-auth-contact.png) 0 0 no-repeat; background-size:2rem 2rem;}
.inst-certification-wrap .cert-item p{ font-size:.5rem; color:#999;}

.inst-float-bar{ position:fixed; left:0; right:0; bottom:0; padding-top:.4rem; padding-left:.4rem; padding-right:.4rem; height:2.5rem; background:#fff; border-top:1px solid #efefef;}
.inst-float-bar .btn-box{ float:left;}
.inst-float-bar .btn-box .btns{ display:inline-block; margin-right:.625rem; widows:2rem; text-align:center;}
.inst-float-bar .btn-box .ico{ display:inline-block; width:.75rem; height:.75rem;}
.inst-float-bar .btn-box .ico.sign{ background:url(../images/ico-inst-sign.png) 0 0 no-repeat; background-size:.75rem .75rem;}
.inst-float-bar .btn-box .ico.phone{ background:url(../images/ico-inst-consult.png) 0 0 no-repeat; background-size:.75rem .75rem;}
.inst-float-bar .btn-online-chat{ float:right; display:inline-block; width:4.6rem; height:1.6rem; font-size:.58rem; line-height:1.5rem; color:#fff; background:#2ad2c9; border-radius:.8rem; text-align:center;}
.inst-float-bar .btn-creat-lesson{ display:inline-block; width:4.6rem; height:1.6rem; font-size:.58rem; line-height:1.5rem; color:#7eb33a; border:1px solid #7eb33a; border-radius:.8rem; text-align:center;}

.inst-cert-up-list{ padding-left:.625rem; border-bottom:1px solid #efefef;}
.inst-cert-up-list a{ float:left; display:block; margin-right:.3125rem; margin-bottom:.4rem; width:4.375rem; height:3.125rem; background:url(../images/btn-inst-cert-up.png) 0 0 no-repeat; background-size:4.375rem 3.125rem;}
.inst-cert-up-list .pics{ float:left; margin-right:.3125rem; margin-bottom:.4rem; width:4.375rem; height:3.125rem;}
.inst-cert-up-list .pics img{ width:100%; height:100%;}
.inst-cert-up-list .pics-h{ float:right; margin-bottom:.4rem; width:100%; font-size:.5rem; color:#999;}

.inst-sub-btn-wrap{ padding:0 .625rem;}
.inst-sub-btn-wrap .sub-btn{ display:block; height:1.6rem; font-size:.58rem; line-height:1.6rem; text-align:center; color:#fff; background:#2ad2c9; border-radius:.2rem;}

.inst-lesson-intro-wrap{ padding:.4rem .625rem .4rem .625rem; font-size:.5rem; color:#777;}
.inst-lesson-intro-wrap p{ margin-bottom:.2rem;}

.inst-lesson-sign-list{ padding:0 .625rem; font-size:.5rem; text-align:center;}
.inst-lesson-sign-list li{ padding-bottom:.2rem;}
.inst-lesson-sign-list .items{ display:inline-block; height:.8rem; overflow:hidden;}
.inst-lesson-sign-list .items.name{ width:20%;}
.inst-lesson-sign-list .items.phone{ color:#999; font-size:.45rem; width:30%;}
.inst-lesson-sign-list .items.date{ color:#999; font-size:.45rem; width:25%;}
.inst-lesson-sign-list .items.state{ color:#2ad2c9; width:25%;}
.inst-lesson-sign-more{ padding:.4rem 0; text-align:center;}
.inst-lesson-sign-more a{ display:inline-block; padding:0 .4rem; height:1.16rem; font-size:.5rem; line-height:1.16rem; border:1px solid #dcdcdc; border-radius:.58rem;}

.inst-lesson-share-head{ padding:.625rem; font-size:.625rem; text-align:center;}
.inst-lesson-share-head .inst-name{ padding:0 .2rem; color:#2ad2c9;}
.alert{ display:inline-block; margin-right:.4rem; width:.83rem; height:.83rem; background:url(../images/ico-alert.png) 0 0 no-repeat; background-size:.83rem .83rem; vertical-align:middle; position:relative;  top:-2px;}

.inst-lesson-tuan{ background:#fff;}
.tuan-wrap{ height:2rem; border-bottom:1px solid #efefef;}
.price-wrap{ padding:.5rem .4rem 0; height:2rem; color:#fff; background:#2ad2c9;}
.price-wrap .price-now{ float:left; margin-right:.4rem; display:inline-block; height:1rem; line-height:1rem; font-size:.8rem;}
.price-wrap .price-origin{ float:left; display:inline-block; height:1rem; line-height:1rem; font-size:.56rem; color:#e0e0e0; text-decoration:line-through;}
.price-wrap .price-title{ float:right; display:inline-block; height:1rem; line-height:1rem; font-size:.56rem;}
.countdown-wrap{ padding:.1rem 0 0 0; width:5.8rem;}
.countdown-wrap .count-t{ font-size:.5rem; text-align:center;}
.countdown-wrap .count-box{ font-size:.54rem; color:#7eb33a; text-align:center;}
.countdown-wrap .count-box .time-block{ display:inline-block; width:.79rem; height:.79rem; color:#fff; border-radius:.08rem; background:#7eb33a; text-align:center;}
.tuan-join-wrap{ padding-top:.6rem;}
.tuan-join-wrap h4{ font-size:.56rem; text-align:center;}
.tuan-join-wrap .join-list{ padding-top:.4rem; padding-left:.625rem;}
.tuan-join-wrap .join-list li{ float:left; margin-right:.35rem; margin-bottom:.4rem;}
.tuan-join-wrap .join-list .user-head{ width:1.66rem; height:1.66rem; border-radius:.84rem; overflow:hidden;}
.tuan-join-wrap .join-list .user-head img{ width:100%; height:100%;}
.tuan-join-wrap .join-more{ font-size:.54rem; text-align:center; border-top:1px solid #efefef;}
.tuan-join-wrap .join-more a{ display:inline-block; line-height:1.66rem; color:#2ad2c9;}