body,html{-webkit-tap-highlight-color:transparent}a,b,body,button,dd,div,dl,em,footer,form,i,input,label,li,nav,p,section,select,span,td,textarea,u,ul{-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;word-wrap:break-word;word-break:break-all;padding:0;margin:0;font-style:normal}a:active,a:focus{outline:0}table{border-collapse:collapse}body,button,input,option,select,td,textarea{font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none}img,ul{border:0;list-style:none}h1,h2,h3,h4,h5,h6{padding:0;margin:0;line-height:1.5;font-weight:400}textarea{padding:4px;width:100%;margin:0 0 5px;clear:both;height:auto}.clearfix:after{clear:both;content:" ";display:block}html{font-size:125%}body{-webkit-user-select:none;font-size:.5rem;background-color:#f7f8f8;font-family:HelveticaNeue-Light,Helvetica,"华文细黑"}.author-info .author-name,.course-list .period-desc h2,.play-title h1,.salon-list .period-desc .period-price strong,.salon-list .period-desc .period-title{font-family:PingFangSC-Regular,sans-serif}a{text-decoration:none}.share-pic{position:absolute;top:-1000px}.msg-zan:before,.view-zan{display:inline-block;content:'';width:1rem;height:.8rem;background:url(../img/article-icon.png) no-repeat;background-size:3.5rem 5rem;vertical-align:top}.layout{padding-bottom:55px;overflow:hidden}.head{position:relative;font-size:0;color:#fff;background-clip:content-box;text-align:center}.head .head-bg{width:100%;height:auto}.head a,.head span{display:block;position:absolute;top:50%;z-index:9;width:50%;font-size:0}.head a img,.head span img{width:auto;height:1.5rem;margin:0 .5rem}.head .open{left:0;text-align:right}.head .download{left:50%;text-align:left}.bottom{padding:1rem;margin-top:-1px;text-align:center;background:#f2f2f2}.bottom .bottom-img{height:1.5rem;margin-bottom:.5rem;background:url(../img/bottom.jpg) center top no-repeat;background-size:auto 100%}.bottom .copyright{height:.6rem;line-height:.6rem;font-size:.6rem;color:#b5babc;text-shadow:0 1px 0 #FFF}.foot{position:fixed;left:0;bottom:0;z-index:90;width:100%;background:rgba(81,92,97,.9);color:#f2f2f2;transform:translateY(64px)}.foot .foot-main{position:relative;margin:.6rem;font-size:0}.foot .foot-main .logo{float:left;margin-right:.6rem}.foot .foot-main .logo img{width:2rem;height:2rem;border-radius:.3rem}.foot .foot-main .slogan{font-size:.7rem}.foot .foot-main .download{display:block;position:absolute;right:0;top:0;height:1.4rem;line-height:1.4rem;padding:0 .6rem;margin-top:.3rem;font-size:.6rem;background:#e84c3d;color:#fff;border-radius:.2rem}.foot.active{transform:translateY(0);transition:transform .3s ease-in}.video_iframe{display:block;margin:0 auto;width:100%;height:100%}#playInner{position:relative;padding-bottom:56.25%;height:0}#playInner .play-content{position:absolute;top:0;left:0;width:100%;height:100%}#playWrap{margin:0 auto;position:relative}#playWrap .playContent{position:relative;max-height:300px;height:auto;overflow:hidden;background-color:#000;cursor:pointer}#playWrap .playContent #poster{display:none}#playWrap .playContent #poster img{width:100%}#playWrap .playControll{position:absolute;z-index:22;width:100%;height:50px;line-height:50px;bottom:0;background-color:rgba(0,0,0,.5);-moz-user-select:none;-webkit-user-select:none;user-select:none}#playWrap .fullControll{background:rgba(0,0,0,.5)}#playWrap .fullControll .timebar span{color:#FFF}#playWrap .otherControl{float:right;position:relative}.playContent .turnoff{position:absolute;z-index:10;right:-40px;top:50%;margin-top:-90px}.author-info p::after,.course-desc .desc-wrap::after,.course-list .list-wrap li::after,.play-title::after{z-index:0;border-bottom:1px solid #dedede;-webkit-transform:scale(.5);-webkit-transform-origin:0 0;-webkit-box-sizing:border-box;bottom:0}.playContent .turnoff li a{display:block;width:40px;height:40px;line-height:40px;margin-bottom:20px;text-align:center;font-size:20px;color:#fff;background:rgba(0,0,0,.5)}.playContent .playIcon,.playContent .playTip{position:absolute;width:65px;height:65px;top:50%;left:50%;margin-left:-32px;margin-top:-32px;cursor:pointer}.playContent .glyphicon-pause::before,.playContent .glyphicon-play::before{display:block;content:'';width:65px;height:65px}.playControll,.playControll .timebar{display:flex;overflow:hidden}.playContent .glyphicon-play::before{background:url(../img/play-big.png) no-repeat;background-size:contain}.playContent .glyphicon-pause::before{background:url(../img/pause.png) no-repeat;background-size:contain}.playContent .playIcon{background:url(../img/play.png) no-repeat;background-size:contain}.playControll .playIcon,.playControll .playPause{flex-shrink:1;width:16px;height:19px;margin:16px 0 0 13px;cursor:pointer}.playControll .playPause{background:url(../img/pause-btn.png) no-repeat;background-size:contain}.playControll .playIcon{background:url(../img/play-btn.png) no-repeat;background-size:contain}.playControll .timebar{padding:0 16px;flex-shrink:1;flex-grow:1;font-size:12px;color:#fff}.playControll .timebar .progress{flex-shrink:1;flex-grow:1;width:55%;height:2px;background-color:#948e8e;margin:24px 5px;cursor:pointer}.playControll .timebar span{flex-shrink:1}.playControll .timebar span:nth-child(1){float:left;margin-right:5px;text-align:left;width:auto;overflow:hidden}.playControll .timebar span:nth-child(3){float:right;margin-left:5px;text-align:right;width:auto;overflow:hidden}.playControll .timebar .progress-bar{position:relative;float:left;height:100%;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.playControll .timebar .progress-bar-danger{background-color:#2ebf9b}.playControll .timebar .progress-bar-danger::after{position:absolute;right:-8px;top:-6px;content:'';width:14px;height:14px;border-radius:50%;background-color:#fff;overflow:hidden}.otherControl span{float:right;width:19px;height:19px;margin:16px 11px 0 0;cursor:pointer;background:url(../img/full-btn.png) no-repeat;background-size:contain}video::-webkit-media-controls-enclosure{display:none!important}@media screen and (min-width:640px){body{width:640px;margin:0 auto}#playInner{padding-bottom:60%}}.playing-title{height:36px;line-height:36px;padding-left:12px;background-color:rgba(0,0,0,.85);color:#fff;font-size:14px}.playing-title strong{float:left;width:220px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing-title span{position:relative;float:right;padding-left:12px;width:82px;background-color:#444;cursor:pointer}.playing-title span:after{position:absolute;left:60px;top:12px;content:'';width:13px;height:11px;background:url(../img/dp-icon.png) -39px 0 no-repeat;background-size:75px}.author-info p::after,.course-desc .desc-wrap::after,.course-list .list-wrap li::after,.play-title::after{left:0;content:''}.playing-title .no-next{color:#6c6b6b}.playing-title .no-next:after{background-position:-39px -44px}.play-title{padding:20px 12px;background-color:#fff;text-align:center;overflow:hidden;position:relative}.play-title::after{position:absolute;width:1000%}.play-title h1{text-align:center;font-size:19px;color:#202d33}.play-title span{font-size:12px;color:#879193}.play-title i{position:relative;top:-3px;display:inline-block;margin:0 6px;width:2px;height:2px;background-color:#879193;border-radius:50%}.author-info{margin-top:25px;padding:0 12px}.author-info .author-fans,.author-info .author-name{display:block}.author-info .author-name{color:#202d33;font-size:16px;font-weight:400}.author-info .author-fans{font-size:12px;color:#879193}.author-info p{margin-top:12px;padding-bottom:22px;line-height:21px;font-size:14px;color:#313e44;overflow:hidden;position:relative}.author-info p::after{position:absolute;width:1000%}.avatar-wrap{float:left;margin-right:14px;width:40px;height:40px;border-radius:50%;overflow:hidden}.course-list .period-pic,.salon-list .period-pic{margin-right:15px;border-radius:3px;overflow:hidden;float:left}.avatar-wrap img{width:100%}.article-msg,.course-desc,.course-list,.salon-list{padding:21px 12px 0}.article-msg h4,.course-desc h4,.course-list h4,.salon-list h4{position:relative;margin-bottom:8px;padding-left:22px;font-size:16px;color:#202d33;font-family:PingFangSC-Regular,sans-serif}.article-msg h4::before,.course-desc h4::before,.course-list h4::before,.salon-list h4::before{position:absolute;top:2px;left:0;content:'';width:16px;height:18px;background:url(../img/dp-icon.png) 0 -62px no-repeat;background-size:75px}.course-desc .desc-wrap{padding-bottom:21px;overflow:hidden;position:relative}.course-desc .desc-wrap::after{position:absolute;width:1000%}.course-desc p{font-size:14px;color:#313e44;line-height:21px}.course-list h4::before{background-position:0 -81px}.course-list .list-wrap li{margin-bottom:25px;padding:0 0 25px;width:100%;height:auto;overflow:hidden;position:relative}.course-list .list-wrap li::after{position:absolute;width:1000%}.course-list .period-pic{width:110px;height:85px}.course-list .period-pic img{width:100%}.course-list .period-pause,.course-list .period-play{position:relative}.course-list .period-pause::after,.course-list .period-play::after{position:absolute;left:50%;top:50%;content:'';width:32px;height:32px;margin-left:-16px;margin-top:-16px;z-index:10}.course-list .period-play::after{background:url(../img/play.png) center center no-repeat;background-size:contain}.course-list .period-play::before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background-color:rgba(0,0,0,.4);z-index:9}.course-list .period-pause::after{background:url(../img/pause.png) center center no-repeat;background-size:contain}.course-list .period-desc{position:relative;height:85px;overflow:hidden}.course-list .period-desc h2{font-size:16px;color:#202d33;line-height:21px}.course-list .period-desc span{position:absolute;bottom:0;font-size:12px;color:#879193}.course-list .period-time{left:0;padding-left:15px}.course-list .period-time::before{position:absolute;left:0;top:2px;content:'';width:12px;height:12px;background:url(../img/dp-icon.png) -16px 0 no-repeat;background-size:75px}.course-list .period-playtimes{display:none;right:0}.course-list .period-playtimes em{font-style:normal}.salon-list{padding-top:0;height:auto;overflow:hidden}.salon-list li{position:relative;margin-bottom:25px;padding:0 0 25px;overflow:hidden}.salon-list li::after{position:absolute;bottom:0;left:0;content:'';width:1000%;border-bottom:1px solid #dedede;-webkit-transform:scale(.5);-webkit-transform-origin:0 0;-webkit-box-sizing:border-box;z-index:0}.salon-list h4::before{background-position:0 -99px}.salon-list .period-pic{position:relative;width:110px;height:140px}.salon-list .period-pic img{width:100%}.salon-list .period-pic .sale-tip{position:absolute;top:5px;left:0;padding:0 4px;height:16px;line-height:16px;font-size:12px;font-weight:700;background-color:#de4f42;z-index:2;color:#fff}.salon-list .period-pic .sale-tip::after,.salon-list .period-pic .sale-tip::before{position:absolute;content:'';right:-8px;z-index:1}.salon-list .period-pic .sale-tip::before{top:0;width:0;height:0;border-top:9px solid #de4f42;border-right:9px solid transparent}.salon-list .period-pic .sale-tip::after{bottom:0;width:0;height:0;border-bottom:9px solid #de4f42;border-right:9px solid transparent}.salon-list .period-pic .sale-tip em{padding-left:2px;font-weight:400;font-style:normal}.salon-list .period-pic .period-info{position:absolute;left:0;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;z-index:8;font-size:14px;color:#fff}.salon-list .period-pic .period-info .dot{position:relative;top:-3px;display:inline-block;margin:0 9px;width:3px;height:3px;background-color:#fff;border-radius:50%}.salon-list .period-desc{position:relative;height:140px;overflow:hidden}.salon-list .period-desc .period-title{font-size:16px;color:#202d33}.salon-list .period-desc .period-brief{margin-top:4px;height:60px;overflow:hidden;font-size:14px;color:#485359}.salon-list .period-desc .period-price{position:absolute;left:0;bottom:3px;line-height:11px}.salon-list .period-desc .period-price strong{color:#e84c3d;font-size:20px}.salon-list .period-desc .period-price strong::before{position:relative;top:1px;display:inline-block;margin-right:4px;content:'';width:16px;height:16px;background:url(../img/moer.png) center center no-repeat;background-size:contain}.salon-list .period-desc .period-price span{padding-left:2px;color:#879193;font-size:16px;text-decoration:line-through}.salon-list .period-desc .period-author{position:absolute;right:0;bottom:0;font-size:12px;color:#879193;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.salon-list .period-type .period-pic{position:relative}.salon-list .period-type .period-pic::after,.salon-list .period-type .period-pic::before{position:absolute;content:''}.salon-list .period-type .period-pic::before{left:0;top:0;width:100%;height:100%;z-index:9}.salon-list .period-type .period-pic::after{left:50%;top:50%;width:32px;height:32px;margin-left:-16px;margin-top:-16px;z-index:10;background:url(../img/play.png) center center no-repeat;background-size:contain}.salon-list .period-type .period-info::after,.salon-list .period-type .period-info::before{position:absolute;content:'';top:50%;width:6px;height:2px;border-radius:2px;background-color:#fff}.salon-list .period-type .period-info::before{left:19px}.salon-list .period-type .period-info::after{right:19px}.salon-list .period-type .period-price strong::before{display:none}.article-msg{padding-top:0}.article-msg h4::before{top:3px;background-position:0 -103px;background-size:66px}.article-msg .msg-title{line-height:.7rem;padding-left:.5rem;border-left:.2rem solid #e84c3d;font-size:.75rem;font-weight:500;color:#242325;font-family:Helvetica}.article-msg .msg-all{color:#242325}.article-msg .msg-content{padding-bottom:.4rem;overflow:hidden}.article-msg .msg-item{padding:.75rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.article-msg .msg-item .avatar{display:block;float:left;font-size:0}.article-msg .msg-item .avatar a{display:inline-block}.article-msg .msg-item .avatar img{width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden}.article-msg .msg-item .msg-main{float:left;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.article-msg .msg-item .msg-main .msg-info{position:relative;line-height:.6rem;font-size:0}.article-msg .msg-item .msg-main .msg-info .msg-role{display:inline-block;width:1.65rem;height:.75rem;line-height:.8rem;text-align:center;font-size:.6rem;margin-right:.2rem;border-radius:.4rem;color:#fff;background:#5193ad}.article-msg .msg-item .msg-main .msg-info .msg-author{display:inline-block;padding:.1rem .2rem;margin-right:.3rem;margin-bottom:.3rem;font-size:.6rem;line-height:.6rem;background:#5193ad;color:#fff;border-radius:.5rem}.article-msg .msg-item .msg-main .msg-info .msg-name{display:inline-block;font-size:.6rem;line-height:.6rem;color:#5193ad;vertical-align:top}.article-msg .msg-item .msg-main .msg-info .msg-author~.msg-name{vertical-align:inherit}.article-msg .msg-item .msg-main .msg-info em{display:inline-block;margin:0 .5rem;font-size:.6rem;color:#d5d8d8}.article-msg .msg-item .msg-main .msg-info .msg-date{display:inline-block;font-size:.6rem;color:#879193}.article-msg .msg-item .msg-main .msg-info .msg-zan{position:absolute;top:0;right:0;height:.8rem;line-height:.9rem;padding-left:1rem;font-size:.7rem;background-position:0 0;color:#b0b0b0}.article-msg .msg-item .msg-main .msg-info .msg-zan.active{color:#ec6d4d}.article-msg .msg-item .msg-main .msg-info .msg-zan.active:before{background-position:0 -1rem}.article-msg .msg-item .msg-main .msg-desc{margin:0 0 -.1rem;line-height:1.1rem;font-size:.7rem;color:#202d33}.article-msg .msg-item .msg-main .msg-desc span{display:inline-block;line-height:1.1rem}.article-msg .msg-item .msg-main .msg-desc a{display:inline-block;height:1.1rem;line-height:1.1rem;font-style:normal;color:#5193ad}.article-msg .msg-all-more{display:none;position:relative;height:3.1rem;line-height:.8rem;text-align:center;font-size:.8rem;color:#5193ad}.article-msg .msg-all-more em:after,.article-msg .msg-all-more em:before,.article-msg .msg-all-more span:after,.article-msg .msg-all-more span:before{display:inline-block;content:'';position:absolute;bottom:1.6rem;left:50%;width:.35rem;height:1px;background:#82a1ad}.openOther,.showBox{position:fixed;top:0}.openOther,.openOther span,.showBox{height:100%;width:100%}.article-msg .msg-all-more em:before,.article-msg .msg-all-more span:before{margin-left:-.5rem;transform:rotate(30deg)}.article-msg .msg-all-more em:after,.article-msg .msg-all-more span:after{margin-left:-.2rem;transform:rotate(-30deg)}.article-msg .msg-all-more em:after,.article-msg .msg-all-more em:before{bottom:1.8rem}.openOther{left:0;z-index:999;background:rgba(0,0,0,.7)}.openOther span{display:block;background:url(../img/openother.png) center 1rem no-repeat;background-size:85% auto}.showBox{left:0;z-index:9}.showBox img{position:absolute;left:0;top:50%;width:100%;height:auto}.mask{position:fixed;left:0;top:0;z-index:8;width:100%;height:100%;background:rgba(0,0,0,.5)}.error-tip{position:fixed;left:50%;top:50%;margin-left:-70px;z-index:1;width:140px;height:34px;line-height:34px;text-align:center;background-color:rgba(0,0,0,.8);border-radius:.08rem;font-size:13px;color:#fff}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){body:after{display:block;content:'';z-index:9999;position:fixed;left:0;bottom:-34px;width:100%;height:34px;background:#f2f2f2}}