html{background-color:#d8d6d6}body{max-width:540px;margin:0 auto}ul{list-style:none;padding:0 .267rem;margin:0}p{margin:0;word-break:break-all}a{color:#929292;text-decoration:none}a:active{color:#929292}hr{margin:0;border:0;border-top:1px solid #eee}img{vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#ff5046}.main-title{position:absolute;top:50%;left:50%;margin:-13px 0 0 -45px}.no-padding{padding:0}.no-margin{margin:0}.text-center{text-align:center}.text-left{text-align:left}.vertical-align-middle{vertical-align:middle}.vertical-align-text-bottom{vertical-align:text-bottom}.vertical-align-text-top{vertical-align:text-top}.fx-row{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fx-row-reverse{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fx-column{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.fx-column-reverse{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-direction:reverse;-webkit-box-orient:vertical;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fx-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.fx,.fx-1,.fx-2,.fx-3,.fx-4,.fx-5,.fx-6,.fx-7,.fx-8,.fx-9{display:block;width:100%}.fx-auto{-webkit-box-flex:auto;-webkit-flex:auto;-moz-box-flex:auto;-moz-flex:auto;-ms-flex:auto;flex:auto}.fx-none{-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none}.fx{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.fx-1{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.fx-2{-webkit-box-flex:2;-webkit-flex:2;-moz-box-flex:2;-moz-flex:2;-ms-flex:2;flex:2}.fx-3{-webkit-box-flex:3;-webkit-flex:3;-moz-box-flex:3;-moz-flex:3;-ms-flex:3;flex:3}.fx-4{-webkit-box-flex:4;-webkit-flex:4;-moz-box-flex:4;-moz-flex:4;-ms-flex:4;flex:4}.fx-5{-webkit-box-flex:5;-webkit-flex:5;-moz-box-flex:5;-moz-flex:5;-ms-flex:5;flex:5}.fx-6{-webkit-box-flex:6;-webkit-flex:6;-moz-box-flex:6;-moz-flex:6;-ms-flex:6;flex:6}.fx-7{-webkit-box-flex:7;-webkit-flex:7;-moz-box-flex:7;-moz-flex:7;-ms-flex:7;flex:7}.fx-8{-webkit-box-flex:8;-webkit-flex:8;-moz-box-flex:8;-moz-flex:8;-ms-flex:8;flex:8}.fx-9{-webkit-box-flex:9;-webkit-flex:9;-moz-box-flex:9;-moz-flex:9;-ms-flex:9;flex:9}.gird-5{width:5%}.gird-10{width:10%}.gird-15{width:15%}.gird-20{width:20%}.gird-25{width:25%}.gird-30{width:30%}.gird-33{width:33.333333333333336%}.gird-40{width:40%}.gird-50{width:50%}.gird-60{width:60%}.gird-66{width:66.66666666666666%}.gird-70{width:70%}.gird-75{width:75%}.gird-80{width:80%}.gird-85{width:85%}.gird-90{width:90%}.gird-95{width:95%}.gird-100{width:100%}.fx-row-top{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.fx-row-bottom{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end}.fx-row-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.fx-row-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.fx-row-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;-moz-align-items:baseline;align-items:baseline}.fx-row-left{-webkit-box-pack:flex-star;-ms-flex-pack:flex-star;-webkit-justify-content:flex-star;-moz-justify-content:flex-star;justify-content:flex-star}.fx-row-middle{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.fx-row-right{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.fx-row-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}.fx-row-space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}.fx-col-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.fx-col-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.fx-col-center{-webkit-align-self:center;-moz-align-self:center;-ms-flex-item-align:center;align-self:center}.fx-col-left{-webkit-align-content:flex-start;-moz-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.fx-col-right{-webkit-align-content:flex-end;-moz-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.fx-col-middle{-webkit-align-content:center;-moz-align-content:center;-ms-flex-line-pack:center;align-content:center}.fx-col-space-between{-webkit-align-content:space-between;-moz-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between}.fx-col-space-around{-webkit-align-content:space-around;-moz-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around}.fx-shrink-0{flex-shrink:0}.pull-left{float:left}.pull-right{float:right}.clear-float{overflow:hidden}.img-circle{border-radius:50%}.base-color{color:#ff5046}.orange-color{color:#ff9b2d}.price-color{color:#ff9b2d}.title-text-color{color:#3d4145}.content-text-color{color:#929292}.grey-text-color{color:#ccc}.light-grey-text-color{color:#eee}.white-color{color:#fff}.base-bg-color{background-color:#ff5046}.base-bg-color-important{background-color:#ff5046!important}.white-bg-color{background-color:#fff}.grey-bg-color{background-color:#eee}.zero-font{font-size:0}.small-font{font-size:12px}.middle-font{font-size:14px}.fifteen-font{font-size:15px}.big-font{font-size:18px}.large-font{font-size:22px}.r-small-font{font-size:.375rem}.r-middle-font{font-size:.438rem}.r-fifteen-font{font-size:.469rem}.r-big-font{font-size:.563rem}.r-large-font{font-size:.688rem}.bold-font{font-weight:700}.small-avatar-size{width:.75rem;height:.75rem}.middle-avatar-size{width:.91rem;height:.91rem}.big-avatar-size{width:2.19rem;height:2.19rem}.middle-dividing-line{background-color:#efeff4;height:.267rem}.subtitle{font-size:12px;color:#929292}.single-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.base-border{border:1px solid #ff5046}.top-border{border-top:1px solid #eee}.bottom-border{border-bottom:1px solid #eee}.icon-boy{color:#0894ec;font-size:16px}.icon-girl{color:#ff5046;font-size:16px}.icon-padding{margin-right:.133rem;color:#ccc;vertical-align:middle}.max-wd-1{max-width:10%}.max-wd-2{max-width:20%}.max-wd-3{max-width:30%}.max-wd-4{max-width:40%}.max-wd-5{max-width:50%}.max-wd-6{max-width:60%}.max-wd-7{max-width:70%}.max-wd-8{max-width:80%}.max-wd-9{max-width:90%}.max-wd-10{max-width:100%}.f-wd-1{width:10%}.f-wd-2{width:20%}.f-wd-3{width:30%}.f-wd-4{width:40%}.f-wd-5{width:50%}.f-wd-6{width:60%}.f-wd-7{width:70%}.f-wd-8{width:80%}.f-wd-9{width:90%}.f-wd-10{width:100%}.top-margin-5{margin-top:.133rem}.bottom-margin-5{margin-bottom:.133rem}.left-margin-5{margin-left:.133rem}.right-margin-5{margin-right:.133rem}.top-margin-10{margin-top:.267rem}.bottom-margin-10{margin-bottom:.267rem}.left-margin-10{margin-left:.267rem}.right-margin-10{margin-right:.267rem}.top-margin-15{margin-top:.4rem}.bottom-margin-15{margin-bottom:.4rem}.left-margin-15{margin-left:.4rem}.right-margin-15{margin-right:.4rem}.top-margin-20{margin-top:.533rem}.bottom-margin-20{margin-bottom:.533rem}.left-margin-20{margin-left:.533rem}.right-margin-20{margin-right:.533rem}.lr-margin-5{margin:0 .133rem}.lr-margin-10{margin:0 .267rem}.lr-margin-15{margin:0 .4rem}.lr-margin-20{margin:0 .533rem}.tb-margin-2{margin:.053rem 0}.tb-margin-5{margin:.133rem 0}.tb-margin-10{margin:.267rem 0}.tb-margin-15{margin:.4rem 0}.tb-margin-20{margin:.533rem 0}.margin-5{margin:.133rem}.margin-10{margin:.267rem}.margin-15{margin:.4rem}.margin-20{margin:.533rem}.top-padding-5{padding-top:.133rem}.bottom-padding-5{padding-bottom:.133rem}.left-padding-5{padding-left:.133rem}.right-padding-5{padding-right:.133rem}.top-padding-10{padding-top:.267rem}.bottom-padding-10{padding-bottom:.267rem}.left-padding-10{padding-left:.267rem}.right-padding-10{padding-right:.267rem}.top-padding-15{padding-top:.4rem}.bottom-padding-15{padding-bottom:.4rem}.left-padding-15{padding-left:.4rem}.right-padding-15{padding-right:.4rem}.top-padding-20{padding-top:.533rem}.bottom-padding-20{padding-bottom:.533rem}.left-padding-20{padding-left:.533rem}.right-padding-20{padding-right:.533rem}.lr-padding-5{padding:0 .133rem}.lr-padding-10{padding:0 .267rem}.lr-padding-15{padding:0 .4rem}.lr-padding-20{padding:0 .533rem}.tb-padding-5{padding:.133rem 0}.tb-padding-10{padding:.267rem 0}.tb-padding-15{padding:.4rem 0}.tb-padding-20{padding:.533rem 0}.padding-5{padding:.133rem}.padding-10{padding:.267rem}.padding-15{padding:.4rem}.padding-20{padding:.533rem}.border-radius-3{border-radius:3px}.border-radius-5{border-radius:.133rem}.border-radius-10{border-radius:.267rem}.to-block{display:block}.to-inline{display:inline}.to-inline-block{display:inline-block}.po-relative{position:relative}.po-absolute{position:absolute}.limit-text-line-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.limit-text-line-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.dark-star{width:86.5px;height:16px;float:left;background:url(../img/star_gray.png);background-size:cover}.light-star{height:16px;background:url(../img/star_org.png);background-size:cover}.dark-difficult-tag{width:44px;height:10px;float:left;background:url(../img/pic_nandu_bg.png);background-size:cover}.light-difficult-tag{height:10px;background:url(../img/pic_nandu_jindu.png);background-size:cover}.dark-difficult-tag-1{width:44px;height:10px;float:left;background:url(../img/pic_difficulty_2.png);background-size:cover}.light-difficult-tag-1{height:10px;background:url(../img/pic_difficulty_1.png);background-size:cover}.shadow-7{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.7)}.icon-menu{color:#929292;margin-left:.267rem}.right-bottom-teacher-icon{position:absolute;right:0;bottom:0}.panel{background:#fff;border:0;border-radius:0}.header-block{background-color:#494d58;margin:0;padding:.8rem 0}.dd-menu-container{position:relative;width:100%;height:100%;z-index:10000}.dd-menu{position:absolute;width:50%;top:1.17333333333rem;right:.25rem;background-color:#f7f7f8;opacity:0;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.dd-menu-item{display:block;padding:.267rem;border-bottom:1px solid #eee;font-size:16px}.panel .user-info{overflow:hidden}.panel .register{float:left;margin-left:20%;border-color:#fff;background-color:#fff;color:#3d4145}.panel .login{float:right;margin-right:20%;background-color:#ff5046;border-color:#ff5046;color:#fff}.menu-ul{margin-top:.267rem;padding:0}.menu-ul a:active{background-color:#ccc}.menu-item{width:100%;display:block;padding:.133rem 0 .133rem .6rem;font-size:16px}.menu-item span{margin:0 .5rem .16rem 0;font-size:20px;vertical-align:middle}.music-list{margin:.267rem 0 0 0;overflow:hidden}.music-list li{position:relative;margin-bottom:.267rem}.music-list .height-2to1vw{height:4.747rem}.music-list .bg{min-height:100px}.music-list .type{position:absolute;top:.267rem;right:.267rem}.music-list .black-bg{width:100%;height:1.067rem;position:absolute;z-index:11;bottom:0;background-color:#000;opacity:.6}.music-list .music-title{position:absolute;z-index:12;left:.267rem;bottom:.24rem;color:#fff;font-size:14px;max-width:70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.music-list .music-title .pay-tag{background-color:#ff5046;padding:.05rem .2rem;border-radius:.12rem;font-size:12px}.music-list .play-num{position:absolute;z-index:12;right:.267rem;bottom:.187rem;color:#fff;font-size:13px}.music-detail{background-color:#fff;overflow:hidden}.music-info .user-info{overflow:hidden;padding-top:.25rem}.music-info .user-info .user-avatar{float:left;border-radius:50%;margin-left:.4rem}.music-info .user-info .user-name{float:left;font-size:13px;margin-left:.267rem;max-width:55%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.music-info .user-info .time{float:right;margin-right:.4rem;font-size:12px;color:#929292}.music-info .music-content{margin:.2rem .4rem;font-size:15px;color:#6e6e6e}.music-detail .music-instrument{float:right;margin:30px 15px 0 0;color:#a0a0a0}.music-detail .audio-player{position:relative;width:100%;height:auto}@keyframes circle{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-webkit-keyframes circle{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-moz-keyframes circle{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-ms-keyframes circle{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}@-o-keyframes circle{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}}.music-detail .audio-player .music-bg{height:6.75rem}.music-detail .audio-player .blur-bg{position:absolute;top:0;left:0;opacity:.9}.music-detail .audio-player .music-img{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;border:solid 3px #fff}.music-detail .audio-player .music-img-animation{animation:10s linear infinite circle;-webkit-animation:10s linear circle infinite;-moz-animation:10s linear circle infinite;-o-animation:10s linear circle infinite}.music-detail .audio-player .music-img-paused{animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused}.music-detail .audio-player .music-img-running{animation-play-state:running;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running}.music-detail .audio-player .play{position:absolute;z-index:100;top:50%;left:50%;margin:-20px 0 0 -20px}.music-detail .audio-player .duration-time{position:absolute;z-index:100;color:#ecf0f1;bottom:5px;right:10px}.music-detail .video-player{position:relative;width:100%}.music-detail .video-player .video-play-not-purchased{position:absolute;z-index:100;top:50%;left:50%;margin:-30px 0 0 -30px}.music-detail .video-purchased-info{position:absolute;z-index:100;width:100%;top:30%;left:0;font-size:14px;text-align:center}.music-detail .video-purchased-left{position:absolute;z-index:100;width:35%;top:50%;left:10%;border:1px #fff solid;border-radius:5px}.music-detail .video-purchased-right{position:absolute;z-index:100;width:35%;top:50%;right:10%;border:1px #ff5046 solid;border-radius:5px}.music-detail .video-purchased-center{position:absolute;z-index:100;width:35%;top:60%;left:50%;margin:-22px 0 0 -17.5%;border:1px #fff solid;border-radius:5px}.music-detail .video-player .video-play-purchased{width:150px;height:47px;position:absolute;z-index:100;top:50%;left:50%;margin:-23.5px 0 0 -75px;background:no-repeat url(../img/btn_neirong_jiesuo.png)}.music-detail .video-player .question-video-purchased{position:absolute;z-index:100;width:100%;top:50%;margin-top:-37.5px}.music-detail .video-player .video-play-text{position:relative;padding-top:8px;color:#fff;font-size:20px}.music-detail .video-play-text img{margin:0 20px 5px 0}.music-recommend{margin-top:.267rem}.music-detail .video-player .video{display:block;width:100%;height:100%;position:absolute;opacity:0;left:0;top:0;background:#000}#slideshow{position:relative;height:6.75rem}#slideshow IMG{position:absolute;width:100%;height:100%;z-index:8;opacity:0}#slideshow IMG.active{z-index:10;opacity:1}#slideshow IMG.last-active{z-index:9}.music-detail .user-interaction{overflow:hidden;margin-top:.133rem}.music-detail .user-interaction .view-num{float:left;margin-left:.4rem;color:#929292;font-size:14px}.music-detail .user-interaction .comment-num{float:right;margin-right:.4rem;color:#929292;font-size:14px}.music-detail .user-interaction .praise-num{float:right;margin-right:.533rem;color:#929292;font-size:14px}#music-album-wrapper{position:relative;z-index:1;height:2.2rem;width:100%;overflow:hidden;-ms-touch-action:none}#music-album-scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}#music-album-scroller ul{display:table;width:100%;overflow-y:hidden}#music-album-scroller ul li{display:table-cell;padding:.267rem;height:2.2rem;border-left:1px solid #eee}#music-album-scroller .music-title{width:3.966rem;height:42px;font-size:14px;overflow:hidden}#music-album-scroller .music-price{color:#ff9b2d;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#commend-wrapper{position:relative;z-index:1;height:4.4rem;width:100%;overflow:hidden;-ms-touch-action:none}#commend-scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}#commend-scroller ul{display:table;width:100%;overflow-y:hidden}#commend-scroller ul li{display:table-cell;white-space:nowrap}.comment-list{margin-top:.267rem;background-color:#fff}.comment-list li{padding:.267rem 0}.comment-user-avatar{float:left;margin-left:.4rem;border-radius:18px}.comment-user-name{max-width:70%;margin-left:.267rem;font-size:13px}.comment-user-content{margin-left:.267rem;font-size:13px;color:#929292}.comment-user-time{position:absolute;right:.4rem;font-size:12px;color:#929292}.guide-download{width:100%;height:1.5rem;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.6);overflow:hidden;z-index:100}.guide-download img{width:1.1rem;height:1.1rem;float:left;margin:.2rem 0 0 .25rem}.guide-download b{float:left;margin:.48rem 0 0 .25rem;color:#fff;font-size:14px}.guide-download a{float:right;margin:.4rem .25rem 0 0}.topic-list{margin:.267rem 0 0 0;overflow:hidden}.topic-list>li{position:relative;background-color:#fff;padding:.267rem;margin-bottom:.267rem;border-radius:.133rem;border:.0267rem solid #eaeaea}.topic-list hr{border-color:#eee;margin:.16rem -.267rem .267rem -.267rem}.topic-list .user-info{overflow:hidden;margin-top:.267rem}.topic-list .user-info .user-avatar{float:left;border-radius:18px}.topic-list .user-info .user-name{float:left;font-size:13px;margin-left:.267rem;max-width:55%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.topic-list .user-info .time{float:right;font-size:12px;color:#929292}.topic-list .topic-content{font-size:14px;margin-top:.16rem}.topic-list .user-interaction{overflow:hidden;margin-top:.133rem}.topic-list .user-interaction .view-num{float:left;margin-left:.133rem;color:#929292;font-size:14px}.topic-list .user-interaction .comment-num{float:right;margin-right:.133rem;color:#929292;font-size:14px}.topic-list .user-interaction .praise-num{float:right;margin-right:.533rem;color:#929292;font-size:14px}.topic-commend{background-color:#fff;padding:0}.topic-commend img{float:left;width:1.6rem;height:1.6rem}.topic-commend .topic-commend-title{font-size:.4rem;line-height:.6rem;color:#3d4145}.topic-commend .topic-commend-content{font-size:.32rem;line-height:.5rem;color:#929292}.topic-pics{margin-top:10px;overflow:hidden}.topic-pics li{width:32%;height:32%;margin:1% 0 0 1%;float:left}.topic-pics img{width:100%;height:100%}.weike-list{margin:.267rem 0 0 0;overflow:hidden}.weike-list li{position:relative;background-color:#fff;margin-bottom:.267rem;border-radius:.133rem;border:.0267rem solid #eaeaea}.weike-list img{border-top-left-radius:.133rem;border-top-right-radius:.133rem;min-height:2.667rem}.weike-list .weike-content{overflow:hidden;margin:.133rem}.weike-list .weike-title{float:left;font-size:14px;max-width:70%}.weike-list .weike-price{float:right;font-size:12px;color:#ff9b2d}.weike-list .weike-date{margin-left:.133rem;font-size:12px;color:#929292}.entry-category .recommend{font-size:16px;margin:.267rem 0 0 .267rem}.entry-category .entry{background-color:#fafafa;margin-top:.267rem;padding-top:.133rem;overflow:hidden}.entry-category .entry-item{display:block;float:left;width:25%;text-align:center;font-size:12px;margin:.267rem 0}.entry-category .entry-item p{margin-top:.16rem}.personal-info .header-bg{width:100%;height:4.5rem;background:url(../img/pic_personal_bg_1.png) no-repeat;background-size:cover}.personal-info .user-avatar{border-radius:50%;border:3px #fff solid}.personal-info .user-teacher-icon{position:absolute;bottom:0;right:0}.personal-info .tab-icon{padding-right:.15rem;font-size:18px;vertical-align:middle}.personal-info .user-gallery{width:2.125rem;height:2.125rem;margin-right:.3rem}.personal-info .personal-music-list{overflow:hidden}.personal-info .personal-music-list li{width:49%;height:49%;margin:.667% 0 0 .667%;float:left;position:relative}.personal-info .personal-music-list .music-cover{width:100%;height:100%}.personal-info .personal-music-list .music-type{position:absolute;top:.133rem;right:.133rem}.personal-info .personal-music-list .music-name{position:absolute;bottom:.133rem;left:.133rem}.personal-info .personal-music-list .music-price{position:absolute;bottom:.133rem;right:.133rem}.personal-info .gallery{float:left;width:2.166rem;height:2.166rem;margin-right:.267rem}.personal-info .teacher-personal-item{display:block;float:left;width:25%;padding:.267rem 0;color:#6b7281}.personal-info .teacher-personal-item i{font-size:25px}.personal-info #topic-slide-wrapper{position:relative;z-index:1;height:45px;width:100%;overflow:hidden;-ms-touch-action:none}.personal-info #topic-slide-scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}.personal-info #topic-slide-scroller ul{display:table;width:100%;overflow-y:hidden}.personal-info #topic-slide-scroller ul li{display:table-cell;white-space:nowrap}.personal-info #topic-slide-scroller ul li a{display:inline-block;padding:3px 8px;margin:8px 0 0 10px;background-color:#eee;font-size:14px;color:#000;border-radius:5px}.personal-dynamic .line-short{position:absolute;width:3px;height:10px;top:0;left:10px;background-color:#ccc}.personal-dynamic .dot{position:absolute;width:7px;height:7px;border-radius:50%;top:13px;left:8px;background-color:#ccc}.personal-dynamic .line-long{position:absolute;width:3px;top:23px;left:10px;bottom:0;background-color:#ccc}.personal-dynamic .time-day{position:absolute;font-size:15px;top:8px;left:20px;color:#ff5046}.personal-dynamic .time-month{position:absolute;font-size:12px;top:23px;left:20px;color:#ccc}.personal-dynamic .time-year{position:absolute;font-size:12px;top:36px;left:20px;color:#ccc}.personal-dynamic .dynamic-container{width:80%;margin-left:20%;padding-right:.133rem}.login-btn{background-color:#ff5046;margin:.8rem 1.067rem;height:.853rem;line-height:.853rem}.login-account{overflow:hidden}.wx-login{display:block;margin-top:2.133rem}.btn-send-identify{position:absolute;top:.213rem;right:0}.explore_tp_header{display:block;width:100%;overflow:hidden}.explore_tp_header .explore-header-icon{margin:.266rem .133rem .266rem .266rem}.explore_tp_header .explore-header-title{padding-top:.29rem}.explore-header-more-indicator,.explore_tp_header .explore-header-more-title{padding-top:.32rem;color:#929292}#tp-img-arrange .img-arrange-col-1{width:94.66%;margin-left:2.67%}#tp-img-arrange .img-arrange-col-2{width:45.99%;margin-left:2.67%;float:left}#tp-img-arrange .img-arrange-col-3{width:29.77%;margin-left:2.67%;float:left}.explore-template-section .bottom-shadow{position:absolute;width:100%;height:30%;bottom:0;left:0;background-image:-webkit-linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0))}.explore-template-section .left-top-title{position:absolute;top:0;left:0;color:#fff;font-size:12px}.explore-template-section .left-bottom-title{position:absolute;bottom:0;left:0;color:#fff;font-size:12px}.explore-template-section .right-top-title{position:absolute;top:0;right:0;color:#fff;font-size:12px}.explore-template-section .right-bottom-title{position:absolute;bottom:0;right:0;color:#fff;font-size:12px}#tp-it-lr .it-lr-item-2{position:relative;display:block;float:left;width:45%;margin:.133rem 0 .133rem 3.33%;background-color:#f3f3f3;border-radius:.213rem;padding:.107rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#tp-it-lr .it-lr-item-3{position:relative;display:block;float:left;width:30%;margin:.133rem 0 .133rem 2.5%;background-color:#f3f3f3;border-radius:.16rem;padding:.08rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#tp-it-lr .it-lr-item-2 .icon-jiantou{position:absolute;right:.107rem}#tp-it-lr .it-lr-item-3 .icon-jiantou{position:absolute;right:.107rem}#tp-it-ud .it-ud-item-3{position:relative;display:block;float:left;width:33%;margin-left:.333%;padding:.533rem 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#tp-it-ud .it-ud-item-4{position:relative;display:block;float:left;width:24%;margin-left:.8%;padding:.427rem 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#tp-it-ud .it-ud-item-5{position:relative;display:block;float:left;width:18%;margin-left:1.667%;padding:.267rem 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#tp-standard li{overflow:hidden;position:relative;height:1.5rem}#tp-standard img{margin-left:.267rem;width:1.1rem;height:1.1rem;margin-top:.2rem}#tp-standard hr{position:absolute;bottom:0;width:100%}#tp-standard .icon-jiantou{float:right;margin-top:.35rem;color:#929292}#explore-wrapper{position:relative;z-index:1;height:3.1rem;width:100%;overflow:hidden;-ms-touch-action:none}#explore-scroller{position:absolute;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}#explore-scroller ul{display:table;width:100%;overflow-y:hidden}#explore-scroller ul li{display:table-cell;white-space:nowrap}#explore-scroller ul li a{width:2.3rem;padding-top:.25rem}#explore-scroller .slide-icon{width:1.8rem;height:1.8rem;border-radius:50%}#explore-scroller .slide-icon-title{width:80%;margin:.133rem 10% 0 10%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#explore-scroller .slide-icon-tag{width:80%;margin:0 10%;border:solid 1px #ccc;border-radius:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.explore-icon-slide-landscape{width:100%;height:auto;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;background-color:#fff}.explore-icon-slide-landscape .icon-item{display:inline-block;width:2.3rem;padding:.25rem 0;vertical-align:top;text-align:center}.explore-icon-slide-landscape .slide-icon{width:1.8rem;height:1.8rem;border-radius:50%}.explore-icon-slide-landscape .slide-icon-title{width:80%;margin:.133rem 10% 0 10%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.explore-icon-slide-landscape .slide-icon-tag{width:80%;margin:0 10%;border:solid 1px #ccc;border-radius:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.explore-img-slide-landscape{width:100%;height:auto;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;background-color:#fff}.explore-img-slide-landscape .img-item{display:inline-block;vertical-align:top}.list-block .item-inner:after{color:transparent}.question-title{font-size:14px;font-weight:700;padding:0 .267rem .267rem .267rem}.question-avatar{width:.7rem;height:.7rem;border-radius:.35rem}.question-video-shadow{width:100%;height:10rem;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6)}.question-unlock{background-color:#ff5046;padding:8px 40px;border-radius:5px}.question-initiator{background-color:#ff5046;border-radius:3px;margin-left:3px;padding:1px 2px;color:#fff}.question-user-evaluate{margin:.267rem}#question-list .question-list-header{width:100%;height:3.75rem;background:no-repeat url(../img/pic_qiujiao_bg_0.png);background-size:cover}#question-list .question-line{width:1.5rem;height:1px;display:inline-block;vertical-align:middle;background-color:#fff}#question-list .question-list-header .search-left{float:left;width:75%;height:.8rem;line-height:.8rem;margin-left:5%;padding-left:.25rem;color:#929292;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px}#question-list .question-list-header .search-right{float:left;width:15%;height:.8rem;line-height:.8rem;color:#fff;background-color:#ff5046;border-top-right-radius:3px;border-bottom-right-radius:3px}#question-list .pic-bg{position:relative;display:inline-block;margin:.133rem .267rem 0 .267rem}#question-list .pic-bg .pic-size{min-width:5.32rem;max-width:9.466rem;height:5.32rem}#question-list .pic-bg .icon-play{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px}#question-search .question-line{width:2rem;height:1px;display:inline-block;vertical-align:middle;background-color:#929292}#question-search .question-btn{padding:3px 10px;margin-top:.12rem;border-radius:15px;background-color:#ff5046;color:#fff}.album-content .album-shadow{width:100%;height:100%;position:absolute;top:0;background-image:-webkit-linear-gradient(to top,rgba(0,0,0,.4) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,0) 100%);background-image:linear-gradient(to top,rgba(0,0,0,.4) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,0) 100%)}.album-content .album-difficult-type{position:absolute;left:.25rem;bottom:.2rem;color:#fff}.album-content .album-join-people{position:absolute;right:.25rem;bottom:.2rem;color:#fff}.album-content .teacher-avatar{width:1rem;height:1rem;border-radius:50%}.album-content .teacher-name{padding:.2rem 0 0 .25rem;font-size:15px}.album-content .album-music-num{padding:.25rem 0 .3rem .25rem;font-size:15px}.album-commend .album-title{padding:.25rem 0 0 .4rem;max-width:70%;font-size:15px;font-weight:700}.album-commend .album-price{max-width:25%;margin:.25rem .4rem 0 0;font-size:15px;color:#ff9b2d}#dynamic-content .base-template{margin-bottom:.267rem;padding:.267rem;background-color:#fff}#dynamic-content .user-teacher-icon{position:absolute;right:0;bottom:0}#dynamic-content .video-pic-size{min-width:4.421rem;max-width:7.866rem;height:4.421rem}#dynamic-content .video-icon-play{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px}#dynamic-content .video-time{position:absolute;top:0;right:0;padding:3px 5px;background-color:rgba(0,0,0,.7);color:#fff}#dynamic-content .second-base-bg{height:2.127rem;overflow:hidden;background-color:#f7f7f7}#dynamic-content .second-base-img{width:2.127rem;height:2.127rem}#dynamic-content .second-base-icon{width:.9rem;position:absolute;top:50%;left:50%;margin:-.365rem 0 0 -.45rem}#dynamic-content .second-base-time{position:absolute;top:0;right:0;padding:1px 3px;background-color:rgba(0,0,0,.7);color:#fff}#dynamic-content #music-audio .audio-wave{float:left;width:45%;margin:1rem 0 0 .5rem}#dynamic-content #topic .topic-img{width:2.7rem;height:2.7rem;float:left;margin-right:.083rem}#dynamic-content #topic .img-num{position:absolute;bottom:0;right:0;padding:10px 4px;border-radius:50%;color:#fff;background-color:rgba(0,0,0,.6)}#dynamic-content .attention-btn{margin-top:2px;padding:1px 5px;border:1px solid #ddd;border-radius:3px;background-color:#fcfcfc;color:#ff5046}#dynamic-content .praise-img-item{display:inline-block;width:28px;height:28px;margin-left:10px;border-radius:50%}#activity-list-data .activity-status{position:absolute;top:.267rem;right:.267rem;width:1.5rem;text-align:center;padding:.05rem 0;border-radius:3px;color:#fff;background-color:#69c7ff;font-size:14px}#activity-detail .activity-framer{display:inline-block;border:1px solid #ff9b2d;padding:0 5px;border-radius:5px;color:#ff9b2d}#activity-detail .progress-grey{width:100%;height:8px;position:relative;background-color:#ccc}#activity-detail .progress-blue{width:0;height:8px;position:absolute;top:0;left:0;background-color:#6dc8fc}#activity-detail .activity-status{position:absolute;bottom:.267rem;left:.267rem;width:1.5rem;text-align:center;padding:.05rem 0;border-radius:3px;color:#fff;background-color:#69c7ff;font-size:14px;z-index:100}.bottom-join-button{width:100%;height:48px;position:absolute;left:0;bottom:0;z-index:10000;background-color:#fff;overflow:hidden}#personal-dynamic .base-template{padding-bottom:.267rem;background-color:#fff}#personal-dynamic .user-teacher-icon{position:absolute;right:0;bottom:0}#personal-dynamic .video-pic-size{min-width:4.256rem;max-width:7.573rem;height:4.256rem}#personal-dynamic .video-icon-play{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px}#personal-dynamic .video-time{position:absolute;top:0;right:0;padding:3px 5px;background-color:rgba(0,0,0,.7);color:#fff}#personal-dynamic .second-base-bg{height:2.048rem;overflow:hidden;background-color:#f7f7f7}#personal-dynamic .second-base-img{width:2.048rem;height:2.048rem}#personal-dynamic .second-base-icon{width:.9rem;position:absolute;top:50%;left:50%;margin:-.365rem 0 0 -.45rem}#personal-dynamic .second-base-time{position:absolute;top:0;right:0;padding:1px 3px;background-color:rgba(0,0,0,.7);color:#fff}#personal-dynamic #music-audio .audio-wave{float:left;width:4.5rem;margin:1rem 0 0 .5rem}#personal-dynamic #topic .topic-img{width:2.48rem;height:2.48rem;float:left;margin-right:.066rem}#personal-dynamic #topic .img-num{position:absolute;bottom:0;right:0;padding:10px 4px;border-radius:50%;color:#fff;background-color:rgba(0,0,0,.6)}#coin-rank-data .rank-icon{position:absolute;top:50%;left:50%;margin:-5px 0 0 -3px}#coin-rank-data .text-line-height{line-height:22px}#poll .poll-description{position:absolute;left:10px;bottom:10px;width:60%;font-size:14px}#poll .poll-title{position:absolute;left:10px;bottom:30px;width:60%;font-size:15px}#poll .poll-join-activity{position:absolute;right:10px;bottom:10px;padding:8px 15px;border-radius:5px;background-color:#ff5046;font-size:14px}#poll .rank-num{position:absolute;left:0;bottom:0;width:20px;height:20px;border-bottom-left-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;text-align:center;color:#fff}#poll .rank-first{position:absolute;right:-6px;top:-6px;width:25px;height:25px}#poll .poll-btn{padding:3px 10px;color:#ff5046;background-color:#fafafa;border:1px #ddd solid;border-radius:3px}#personal-vip .vip-header{width:100%;height:2.59rem}#personal-vip .vip-buy-btn{padding:.4rem .267rem;border-bottom:1px solid #eee;background-color:#fff}#personal-vip .download-app{padding:10px 40px;border:1px #ff5046 solid;border-radius:5px;font-size:15px;color:#ff5046}#coin .reward-btn{padding:2px 8px;border:1px solid #929292;border-radius:15px}#coin .price-btn{padding:2px 8px;border:1px solid #e00;border-radius:15px;color:#e00}#album-commend .left-top-title{position:absolute;top:0;left:0;color:#fff;font-size:12px}#album-commend .left-bottom-title{position:absolute;bottom:0;left:0;color:#fff;font-size:12px}#album-commend .right-top-title{position:absolute;top:0;right:0;color:#fff;font-size:12px}#album-commend .right-bottom-title{position:absolute;bottom:0;right:0;color:#fff;font-size:12px}#album-commend .button-type-select{position:absolute;top:0;right:0;width:44px;height:40px;background:url(../img/icon_type_select.png);background-size:cover}#album-commend .button-type-select .icon-sift{margin-left:15px;line-height:40px;font-size:20px}#album-commend .tag-list{width:100%;height:40px;overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-right:40px;background-color:#eaeaea;border-bottom:1px solid #ddd}#album-commend .tag-list::-webkit-scrollbar{display:none}#album-commend .tag-list .tag-item{display:inline-block;padding:0 14px;height:40px;font-size:14px}#album-commend .tag-list .tag-item .tag-name{height:40px;line-height:40px;font-size:14px}#album-commend .tag-list .tag-item .tag-name.active{color:#ff5046;border-bottom:3px solid #ff5046}#album-commend .sift-fixed{position:fixed;top:1.17333333333rem;z-index:100}.album-sift .sift-item{display:inline-block;width:27.99%;height:.9rem;line-height:.9rem;margin:.133rem .267rem;border:1px solid #aaa;border-radius:5px;text-align:center;font-size:12px;color:#555}.album-sift .sift-item.checked{border-color:#ff5046;color:#ff5046}#user-likes .user-item{display:block;padding:10px;background-color:#fff;border-bottom:1px solid #eee;color:#000;overflow:hidden}#user-likes .user-item .tag-vip{position:absolute;right:0;bottom:0}#user-likes .user-item .text-container{margin-left:80px}#user-likes .user-item .teach-tag{background-color:#fff;padding:1px 5px;border:solid 1px #ccc;border-radius:5px}#bargain{padding-bottom:1.3rem}#bargain .cover-container .cover-img{width:100%;height:5.625rem}#bargain .cover-container .cover-title{position:absolute;width:70%;left:.267rem;bottom:.4rem;color:#fff;font-size:15px}#bargain .cover-container .cover-detail{position:absolute;right:.267rem;bottom:.4rem;color:#fff;padding:3px 12px;background-color:#ff5046;border-radius:12px;font-size:12px}#bargain .cover-container:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-image:-webkit-linear-gradient(to top,rgba(0,0,0,1) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to top,rgba(0,0,0,1) 0,rgba(255,255,255,0) 100%);opacity:.56}#bargain .timer-container{padding:.267rem;overflow:hidden;background-color:#ffe7cc}#bargain .price-container{padding:.4rem .267rem;overflow:hidden;background-color:#fff}#bargain .info-container{padding:.4rem .267rem;overflow:hidden;background-color:#fff}#bargain .info-container .user-avatar{float:left;width:1.6rem;height:1.6rem;border-radius:50%}#bargain .info-container .text-container{margin-left:1.867rem;color:#3b3b3b}#bargain .info-container .progress-container{position:relative;display:inline-block;vertical-align:middle;width:65%;height:.45rem;margin-left:10px;border:1px solid #ff5046;border-radius:20px}#bargain .info-container .progress-container .progress-rate{position:absolute;top:0;bottom:0;left:0;background-color:#ffd1d1;border-radius:20px}#bargain .info-container .progress-container .progress-rate.finish{background:-webkit-linear-gradient(left,#ee3431 50%,#ff8e16);background:linear-gradient(to right,#ee3431 50%,#ff8e16)}#bargain .info-container .progress-container .progress-rate-text{position:absolute;top:0;bottom:0;left:0;right:0;line-height:.45rem;color:#ff5046;text-align:center;font-size:12px}#bargain .info-container .progress-container .progress-rate-text.finish{color:#fff}#bargain .bargain-helper-list{position:relative;background-color:snow;border-top:1px solid #feebed;color:#3b3b3b}#bargain .bargain-helper-list:before{content:'';display:block;position:absolute;width:11px;height:11px;background:snow;border:1px solid #feebed;top:-6px;left:50%;-webkit-transform:translate(-50%,0) rotate(-45deg);transform:translate(-50%,0) rotate(-45deg)}#bargain .bargain-helper-list:after{content:'';position:absolute;width:100%;height:8px;background:snow;top:0;left:0}.bargain-operation-container{position:absolute;width:100%;height:1.3rem;left:0;bottom:0;background-color:#f5f5f5;overflow:hidden;z-index:100}.bargain-operation-container .second-line-item p{height:.517rem;line-height:.517rem;text-align:center}.bargain-operation-container .single-line-item{height:1.3rem;line-height:1.3rem;text-align:center}.praise-template .praise-btn{display:inline-block;padding:1px 10px;border-radius:5px;background-color:#f0f0f0}.praise-template .praise-img-item{display:inline-block;width:28px;height:28px;margin-left:10px;border-radius:50%}#layout-header{display:flex;height:44px;padding:0 10px;align-items:center;justify-content:space-between}#layout-header~.content{top:44px}.bar-title{position:absolute;width:50%;line-height:24px;top:10px;left:25%;color:#3b3b3b;font-size:18px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bar-left{padding:0;line-height:44px;color:#646464;font-size:16px}.display-none{display:none}