.open-app-btn{display:inline-block;position:relative}.wx-open-app-btn{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;overflow:hidden}.logo-bar{width:100%;height:1.066666666666667rem;font-size:.373333333333333rem;line-height:1.066666666666667rem;color:#fb7299;background-color:#fff;border-style:solid;border-width:0 0 1px;border-color:#e7e7e7;position:absolute;z-index:100}.logo-bar .logo{display:block;width:1.44rem;height:100%;margin-left:.48rem;background-image:url(//s1.hdslb.com/bfs/static/blive/live-web-h5/static/images/logo-bili-pink.90e61146.png);background-position:0 .16rem;background-repeat:no-repeat;-webkit-tap-highlight-color:transparent}.logo-bar .link{width:60%;padding-right:.32rem}.logo-bar .link .area-info{width:100%;float:right;white-space:nowrap;text-align:right;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.hide-logobar .logo-bar{display:none}.top-nav-ctnr{overflow:hidden}.top-nav-ctnr .nav-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 .213333333333333rem;margin:0;list-style:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background:#fff;margin-top:1.066666666666667rem}.top-nav-ctnr .nav-bar .nav-item{display:block;width:1.6rem;height:1.066666666666667rem;font-size:.426666666666667rem;line-height:1.066666666666667rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.top-nav-ctnr .nav-bar .nav-item.on{border-bottom:.106666666666667rem solid #fb7299}.top-nav-ctnr .nav-bar .nav-item a{text-decoration:none;color:#000}.bili-btn{height:1.066666666666667rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.106666666666667rem;outline:none;font-size:.373333333333333rem;font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1;line-height:1.066666666666667rem;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}.bili-btn.default{border:0}.bili-btn.basic{border:1px solid #d3d3d3}.bili-btn.pink{background-color:#fb7299;color:#fff;border-color:#fb7299!important}.bili-btn.pink:hover{background-color:#fb80a3}.bili-btn.pink:active{background-color:#fa4f7f}.bili-btn.blue{background-color:#4fc1e9;color:#fff}.bili-btn.blue:hover{background-color:#61c7eb}.bili-btn.blue:active{background-color:#33b7e6}.bili-btn.white{background-color:#fff;color:#fb7299}.bili-btn.white.active,.bili-btn.white.hover{background-color:#e6e6e6}.app .load-cover{display:block;position:fixed;height:100%;width:100%;top:0;bottom:0;left:0;right:0;opacity:1;z-index:100;visibility:visible;background:#f8f8f8;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.app .load-cover .loading-txt{position:absolute;top:50%;text-align:center;width:100%;height:.426666666666667rem;line-height:.426666666666667rem;margin-top:-.213333333333333rem;color:#666;font-size:.426666666666667rem}.app.loaded .load-cover{visibility:hidden;opacity:0}#bili-footer{position:absolute;width:100%;display:none;font-size:.373333333333333rem;padding-top:.4rem;padding-bottom:.266666666666667rem;clear:both;color:#aaa;line-height:1.48;text-align:center;background-color:#f8f8f8;bottom:0}#bili-footer p{margin:.4rem 0}#bili-footer .footer-btn{float:none;display:inline-block;width:33%;margin-bottom:.133333333333333rem;text-decoration:none;color:gray}#bili-footer .footer-btn span{background-position:0;background-repeat:no-repeat;padding:.133333333333333rem 0 .133333333333333rem .533333333333333rem}#bili-footer #link-to-app{border-right:1px solid #ddd}#bili-footer #link-to-app span{background-size:.32rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAeCAYAAAAhDE4sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4NUUxOEJFM0QxRTExRTY5NkU2ODE1NTMwMkI4NzAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4NUUxOEJGM0QxRTExRTY5NkU2ODE1NTMwMkI4NzAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mjg1RTE4QkMzRDFFMTFFNjk2RTY4MTU1MzAyQjg3MDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Mjg1RTE4QkQzRDFFMTFFNjk2RTY4MTU1MzAyQjg3MDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6iDw45AAAAp0lEQVR42mJctWoVGwMDQzcQxwCxEANp4D0QLwbiUhYg0QXEeQzkAUGo3u9MQCIWKrgdiKWAmJFILAXVAwKpTEjeSQbi5yS45jlUDwgIMaFJkArgepgYqARGDRo1aNSgUYNGDSLGIEky9EtgM2gOsgQRQBqI58I4LEgSXmTWJHAXvSOgxhaK8YF3TNC6mxD4T0B+DshrZdAqOBZal6ODw0Q0ImoBAgwAL50ZwRBcQCUAAAAASUVORK5CYII=)}#bili-footer #back-to-top span{background-size:.426666666666667rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNFQzBCNUM2M0QxRTExRTZBMzg4OTE4NDY4ODlDQTU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNFQzBCNUM3M0QxRTExRTZBMzg4OTE4NDY4ODlDQTU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0VDMEI1QzQzRDFFMTFFNkEzODg5MTg0Njg4OUNBNTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0VDMEI1QzUzRDFFMTFFNkEzODg5MTg0Njg4OUNBNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IukFtAAABR0lEQVR42uzWv0sCYRzH8ccUioYSmmpqbasgIgStLSqopcUKor3GovYgGw2iqYIU7BZJEIVAraEI6cfWfxCO1iTSr/cDX+MQCu+6kyAfeHHwPMd97rnv8zycxzCMslKqW7nXnttUE5oPfrdDmjITKyH9uMUdBtwIGcQVhjGEa0w5GTKBC/Sa+vRqTGHdiZB5ZNCFtKl/F15EcIIOuyGrSKAdx5gzjW1gCRUsooA+KyEebCMq4ztYwWvdfTGM4wmjKGKkkRC9bw6xhXesYRMf37zkjTy4KDO5xMJPIZ1IYhlVhLHXQF31TIKIS21iMntvfUgPcpjBCyZxamEr1Gqja/Um1zNZMF8hWfmuJYSQt7m59aqb1YcipnFuDtmXnRzAwy9PEb3Ux3CPg1qhdTsSTrVHOR3+5gHZCmmF/NcQn9UfNTshnwIMAHMAOxY9yuPvAAAAAElFTkSuQmCC)}.black-wrap{width:100%;height:100%;position:fixed;z-index:105;background-color:rgba(0,0,0,.5);left:0;top:0;display:table}.black-wrap .float-box-wrp{display:table-cell;position:relative;text-align:center;vertical-align:middle}.black-wrap .float-box{margin:0 auto;background:#fff;padding:.64rem .533333333333333rem;width:75%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.133333333333333rem}.black-wrap .float-box .float-notice-title{font-size:.426666666666667rem;line-height:.8rem}.black-wrap .float-box .float-notice-content{font-size:.341333333333333rem;color:#999;margin-bottom:.533333333333333rem}.black-wrap .float-box .float-notice-options{padding:0 1%}.black-wrap .float-box .float-notice-options .options-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:40%;color:#333;line-height:.96rem;font-size:.341333333333333rem;border-radius:.16rem;display:inline-block;margin:0 3%;border:1px solid #ddd}.black-wrap .float-box .float-notice-options .options-btn.float-notice-download{color:#fff;border-color:#de698c;background-color:#de698c;text-decoration:none}.bili-app-link-container{position:fixed;left:0;bottom:0;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);z-index:100;-webkit-box-shadow:0 .026666666666667rem .053333333333333rem #ddd;box-shadow:0 .026666666666667rem .053333333333333rem #ddd;background-color:rgba(0,0,0,.8);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateZ(0);transform:translateZ(0)}.bili-app-link-container.hide{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.bili-app-link-container .app-link-btn{width:1.786666666666667rem;height:.853333333333333rem;line-height:.853333333333333rem;font-size:.373333333333333rem;text-align:center;border-radius:.106666666666667rem;color:#de689c;display:inline-block}.bili-app-link-container .bili-app-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 .053333333333333rem 0 .266666666666667rem}.bili-app-link-container .bili-app-link .logo{width:.933333333333333rem;height:.933333333333333rem;background-image:url(//s1.hdslb.com/bfs/static/blive/live-web-h5/static/images/logo-bili-app-icon.4e7b79c1.png);background-size:cover;background-repeat:no-repeat}.bili-app-link-container .bili-app-link .intro{margin-right:.266666666666667rem;margin-left:.266666666666667rem;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.bili-app-link-container .bili-app-link .intro .first-line{display:block;font-size:.373333333333333rem;height:.666666666666667rem;line-height:.853333333333333rem;overflow:hidden;color:#fff}.bili-app-link-container .bili-app-link .intro .second-line{white-space:nowrap;display:block;font-size:.293333333333333rem;height:.666666666666667rem;line-height:.48rem;overflow:hidden;color:#fff}.bili-app-link-container .bili-app-link .close{display:inline-block;width:.453333333333333rem;height:.453333333333333rem;margin-left:.266666666666667rem;margin-right:.32rem;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAAHfOtk4AAAAAXNSR0IArs4c6QAABWFJREFUWAnNl01oXUUUx5sq1CSgxoUoLqShWhREstGCi6i4EONONOiyCz8I2mLapootFEVsWl1EaowLV1JRcafiQqouCuqmiKAUpdKFKF3YKrRFUOPvd9+cydx373t5wQge+L8zc75n5sy9923YMAgtLy8vZbvaJEsZ1BS1SWlVG2M1XROUE5TPO4fP+jMcgiQcLY01ONItmEY4GcIUYWUhKUxlgDIrGFd5w7HBNSgdUqCOU7ei9EZXrzGUKGaBUeurCoOBON55ETowPwQ2ZmcFeVIMkI9VUwZPO4BfIcKGcRzFksqcJgzDIDlvXcmJZGho6DfYLnBYg0TnjLQYs4gQEZUzfq3SMxgPw26ObksYjTCZKg2YbwI7S1kYb0OxALaXyqFyUo4xdGu2lrI0/hv+Bos80aJbERHgAGg9gBWrzgi7cbAERrp13fs/g1E+qG5jdHtDxngKzMW8FiiEBgNmzkEZ25mNS4FsB9hW+TLIXRHBgqOLoI0ghc1l2C1cGoI2jkEVgM1+LIJityd1WOliVZ0DwXAC5I1n/AxorQR5VWlEYm7/1FeGYKNC0Lk2Yd2HY7sf5EZs7TMMPB1b/VvwMTgNPIibwEPgEnCI5f4A/2+oV2UTpHsU1K52KuEkFb2yajksL/bN59JwmwPySeDe9n0zeNM16vlYKINjZ8IDpSyPU6CBT1LHFLBeIcI5kJ8/jPPdy9nSAJ19NhNyxrnHYoPH2dQPwwA+ilGjaQ2Ebh68VdgeRV49yS3VB92OQlkNkdUuNfO4owasEbqqOiu7A9iYNaLSfQpS0Kio7V5mP4NdD+zwBkVAFC6tbyCdDeY7plG6SpcGuxqcAb6H+pLBTgHvXI1SoKgoL7lm1D3ByZPrvMiS0kDABq5VzLx2KJoj88tnMcdlouOmEKR5LVChM2DuQ8beBO9yh5hsAe2fJWHUwvGp3lANFYqdYH9D0UOA7RhwRe57k1AY8AjIS25aVfs0hY2BRkp943mGgR8Mu8Ff4F3wHbB97Md7wc3gFD14EF6jRrDQEnSUsU+EzcDDsLGPE+QLeCv1DNZqnYQp0S1M7c+rwJUgTt9VnAO/Alf1DQWch6+JBiosbeMDRB5P0d3Ok+Br8DOwEAuSLNBCrwW3Aj+kfJlJXrb3KXTVl1rPwijGQ/f95K78CT4CnxD0D/iaiXg22z3gPuBHibvpV94FeIMahRHAdn4KWNBP4FWcz8LXjcgxRrAnwXXAAhfI4edoO+HgZfeKeJ3i2NqN10FqjpTLnN66THnHUEwgfRz8Dp7rPjL0Pr42gzPgMProKaa9CT97zqe9T/4f8XuptEbvEb8ALgevoz+hvioMpdfZvyvLYBblRXiDupL0LXCNtsMkexlYzy7yn4/CtiO4HbyN8DN4X+qXtJ+uX1D87kT/MPiSGt70dkgekWQjrko4eoz7iiLmGbuDkkfmeNU3v8YFRe6qFm+gZB9IA/VNxzT/a7UFLMSCoqiBezBiwSN3VUsUdjoZ+N4ZiNwt4GfgfHLYAxeSO+j7Phbckfb/jdxVLXGUx/G5Efgy9Inek1KyuGVtR9Z2xIPsoLkla+ncSgckjP/hR+mhz5WV1FLQqskG9cFuklyPgPZ/PBj4F8CHXf4bEMUhmwF7wVqOp3LXJ/nmvwxF3PjumQuZfKicOCbANOxu4IP2RXbvLHzdiTxjBH0W+GA9Rp53yiSNwlTiNAJzBdcAC1zE0S+Df03EHifIE8CCfgEHiX0BXqPWwsKCIN7aB4E7KFnkB+Argl1UsBoRw6f6beB+YDHSMfAeMXq+uPsWVoUofkgywfQucAOw6EHI5N+DTynkxCAO/2ubfwAsnJBagYKuYAAAAABJRU5ErkJggg==);background-size:cover;background-repeat:no-repeat}.live-classes{padding:.266666666666667rem .16rem;overflow:hidden}.live-classes .title{display:block;font-size:.373333333333333rem;margin:.16rem 0 .88rem .213333333333333rem}.live-classes .items{text-align:center}.live-classes .items .item{width:33.33%;display:inline-block;float:left;margin-bottom:1.333333333333333rem;text-decoration:none}.live-classes .items .item:active{background-color:#d3d3d3}.live-classes .items .item img{width:1.6rem;height:1.6rem;display:block;margin:auto}.live-classes .items .item span{display:block;font-size:.32rem;color:gray;margin-top:.266666666666667rem}html{font-size:12px;height:100%;-webkit-text-size-adjust:none;-ms-touch-action:manipulation;touch-action:manipulation}a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}a,img{-webkit-touch-callout:none}body{height:100%;padding:0;margin:0;font-family:Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,\\5FAE\8F6F\96C5\9ED1;background:#f2f2f2;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,img{border:0;outline:0}.p-absolute{position:absolute}.p-relative{position:relative}.f-left{float:left}.f-right{float:right}.f-clear:after{content:"";display:block;visibility:hidden;clear:both}.v-top{vertical-align:top}.v-middle{vertical-align:middle}.v-bottom{vertical-align:bottom}.dp-block{display:block}.dp-i-block{display:inline-block}.dp-table{display:table}.dp-table-cell{display:table-cell}.border-box{-webkit-box-sizing:border-box;box-sizing:border-box}.t-center{text-align:center}.t-right{text-align:right}.t-over-hidden{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.t-nowrap{white-space:nowrap}.bg-white{background-color:#fff}.bg-center{background-position:50%;background-repeat:no-repeat}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.over-hidden{overflow:hidden}.pointer{cursor:pointer}.none-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.move-in-left{-webkit-animation:move-in-left .4s cubic-bezier(.22,.58,.12,.98);animation:move-in-left .4s cubic-bezier(.22,.58,.12,.98)}.fade-in{-webkit-animation:fade-in .4s cubic-bezier(.22,.58,.12,.98);animation:fade-in .4s cubic-bezier(.22,.58,.12,.98)}.bili-link{text-decoration:none;color:#fb7299}.bili-link:active{color:#fff}.bili-link.cyan{color:#4fc1e9}.bili-link.gray{color:#646c7a}.bili-pink{color:#fb7299}.app-ctnr{min-height:100%;position:relative;padding-bottom:4rem;-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes move-in-left{0%{opacity:0;-webkit-transform:translate(5em);transform:translate(5em)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes move-in-left{0%{opacity:0;-webkit-transform:translate(5em);transform:translate(5em)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}