/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */html{background:#fff;color:#000}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:none;vertical-align:middle}iframe{display:block}abbr,acronym{border:none;font-feature-settings:normal;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a{transition:color .2s}a,a:hover,ins{text-decoration:none}:focus,a:focus{outline:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;overflow:hidden}.clearfix{zoom:1}.clear{clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}.hide{display:none}.block{display:block}.fl,.fr{display:inline}.fl{float:left}.fr{float:right}
.bili-icon,.icon{display:inline-block;background-image:url(//static.hdslb.com/images/base/icons.png)}.bili-wrapper{margin:0 auto;width:1160px}@media screen and (max-width:1400px){.bili-wrapper{width:980px}}.bili-wrapper .l-con{float:left;width:900px}@media screen and (max-width:1400px){.bili-wrapper .l-con{width:720px}}.bili-wrapper .r-con{width:260px;float:right}.elevator-mask{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;top:0;left:0}.b-loading{text-align:center;height:20px;color:#99a2aa}.b-loading span{vertical-align:middle;height:20px;line-height:20px}.b-loading a,.b-loading span{display:inline-block;*display:inline;*zoom:1}.b-loading a{width:auto}.b-loading:before{content:"";width:20px;background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/loading.gif) no-repeat 50%;margin-right:5px}.b-loading:after,.b-loading:before{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;height:20px}.b-loading:after{content:"\6B63\5728\52A0\8F7D...";line-height:25px;color:#99a2aa}.b-loading.b-load-fail:before{background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/empty-icon.png) center -472px no-repeat}.b-loading.b-load-fail:after{display:none}.bi-btn{display:inline-block;background:#00a1d6;color:#fff;font-size:14px;padding:4px 18px;border-radius:4px;transition:all .3s;-ms-user-select:none;user-select:none;border:1px solid #00a1d6;text-align:center;cursor:pointer}.bi-btn:hover{color:#fff;background:#00b5e5;border-color:#00b5e5}.bi-btn:active{background:#01769c;border-color:#01769c}.bi-btn.text-only{color:#00a1d6;border-color:transparent;background-color:#fff}.bi-btn.text-only:active,.bi-btn.text-only:hover{border-color:#e5e9ef;color:#00a1d6;background-color:#e5e9ef}.bili-msg{position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;font-style:normal;margin-top:10px;transition:all .3s;opacity:0;z-index:20101}.bili-msg.show{margin-top:0;opacity:1}.bili-msg.error{background-color:rgba(228,12,12,.8)}.bili-msg .layout{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1;outline:none}.watch-later-hint{position:absolute;font-size:12px;color:#fff;border-radius:4px;line-height:18px;padding:4px 8px;z-index:20;background-color:#000;background:rgba(0,0,0,.8)}.custom-scrollbar::-webkit-scrollbar{width:10px;height:10px}.custom-scrollbar::-webkit-scrollbar-button,.custom-scrollbar::-webkit-scrollbar-track{display:none}.custom-scrollbar::-webkit-scrollbar-track-piece{background:#ddd}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e9ef;border:1px solid #ddd;border-radius:4px}.bili-dialog{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:10000;color:#222}.bili-dialog .con{position:fixed;top:50%;left:50%;margin-left:-160px;background:#fff;width:360px;border-radius:4px}.bili-dialog .con .btn-close{position:absolute;width:16px;height:16px;right:15px;top:15px;overflow:hidden;cursor:pointer;transition:all .3s}.bili-dialog .con .btn-close:before{transform:rotate(45deg);-ms-transform:rotate(45deg)}.bili-dialog .con .btn-close:after,.bili-dialog .con .btn-close:before{content:"";position:absolute;height:1px;width:100%;top:50%;left:0;margin-top:-1px;background:#aaa}.bili-dialog .con .btn-close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.bili-dialog .con .btn-close:hover:after,.bili-dialog .con .btn-close:hover:before{background:#666}.bili-dialog .con header{text-align:center;font-size:16px;border-bottom:1px solid #eee;padding:15px 20px}.bili-dialog .con .txt{padding:60px 20px 40px;font-size:14px;line-height:22px;text-align:center}.bili-dialog .con .btn-box{padding:25px 10px;text-align:center}.bili-dialog .con .btn-box .bi-btn{margin:0 10px;padding:6px 25px}.bili-dialog .con .btn-box .btn-cancel{background:#fff;color:#6d757a;border:1px solid #ccd0d7}.bili-dialog .con .btn-box .btn-cancel:hover{color:#00a1d6;background:#fff;border-color:#00a1d6}.bili-dialog .con .btn-box .btn-cancel:active{background:#f1f1f1;border-color:#00a1d6;color:#00a1d6}
.lazy-img{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABHCAMAAAB4UkqjAAAAh1BMVEUAAADd3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d0UCIZXAAAALHRSTlMAoJDx4OYL/DcGF+6+JNi4ycSIT2k6LPeWfRzTVPXPszEQrV0hpo12cEZAZFpRNIQAAAJVSURBVFjD7dbZcpswGIbhHwwSi81q8Ib33fnu//oatRIpmliDhQ/aaZ+TKInnjVgkhb4RJMhP9Fzo8PiD+vEA+JPnqS0+1dRHBJhibAzh2HNeekxP9Z8XBSMZM6SmRBYx65QeM6XsY3rKPqanLGMWqeDmOh0b/Io9+YHi3gKtdExgLznSlyjFMGnUphIMlcgY22C4DSPBxTu4IrXDe+yI6IDWbPSqGVoHoohDyip6XZVB4hFN1TgPyUaYQ5rSWQ0nZGcC6UyJukKypa4yIXX3HLLlqCdHX++HLRfS/9bbWvvHLSLNR3N6tRXdFwdxejekiYF4fDnWYa/WqSm2PqRCSy0hrbP5RxAaW8141N17tVbZ+S1fFYbWFF2+1lqg62BoBdAsqWOLroWhxTh+M8vmWuuaxp1WaWjRSn43yl35sHTLUjxiaWlqnYE4LZoJme3v13MibqepFZRL6otV5V+/Hv+xVvi+FsvZG1qh/LQ7uFXnF/HlwcEfYlDktW2r5EARUiXWc1xRWAC8tGwxsdJ9dcRnYrddMdtrjDZyAy3kXrSJ7O89u8zEZAIKxBRnFzbonWD3ZkfCrrmzP+6979nicjAnW3NZ4OS1R6GtVBa8drTek539up3NAgMvcv51WNZQitCiFBZQaqIMSrx1XrWNoWTy/w1r+hk+xjuMSVjGGC6WZ3S1xlDriqTKxzB+Ra3I4bDHne62drqmied57QR9z0D94dHnOEmvJ/pWAMm4ovL2TTcJ5cRyMlHrbkdG5c/5r82fYqt+K/iR89m2JrP9PEZyI80PsPxVT0P3FAEAAAAASUVORK5CYII=) 50% no-repeat;width:100%;height:100%;display:inline-block}.lazy-img img{display:block;width:100%;height:100%}.lazy-img img[src=""]{opacity:0}
.video-info-module{position:absolute;top:0;left:0;width:320px;border:1px solid #ccd0d7;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.16);box-sizing:border-box;z-index:10020;overflow:hidden;background-color:#fff;padding:12px}.video-info-module .v-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:12px}.video-info-module .v-info{color:#99a2aa;padding:4px 0 6px}.video-info-module .v-info span{display:inline-block;vertical-align:top;height:16px;line-height:12px}.video-info-module .v-info .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.video-info-module .v-info .line{display:inline-block;border-left:1px solid #99a2aa;height:12px;margin:1px 10px 0}.video-info-module .v-preview{padding:8px 0 12px;border-top:1px solid #e5e9ef;height:64px}.video-info-module .v-preview .lazy-img{width:auto;float:left;margin-right:8px;margin-top:4px;height:auto;border-radius:4px;overflow:hidden;width:96px;height:60px}.video-info-module .v-preview .txt{height:60px;overflow:hidden;line-height:21px;word-wrap:break-word;word-break:break-all;color:#99a2aa}.video-info-module .v-data{border-top:1px solid #e5e9ef;padding-top:10px}.video-info-module .v-data span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:70px;color:#99a2aa;line-height:12px}.video-info-module .v-data span .icon{margin-right:4px;vertical-align:top;display:inline-block;width:12px;height:12px}.video-info-module .v-data .play .icon{background-position:-282px -90px}.video-info-module .v-data .danmu .icon{background-position:-282px -218px}.video-info-module .v-data .star .icon{background-position:-282px -346px}.video-info-module .v-data .coin .icon{background-position:-282px -410px}
.header-v3{background-color:#f6f7f8}.header-v3 .bili-wrapper{padding-top:15px;border-top:1px solid #f4f4f4}.header-v3 .sub-nav-m{margin:0 0 20px}.sub-nav-m{position:relative;background:#fff;margin:15px 0 20px}.sub-nav-m ul li{float:left;margin-left:40px}.sub-nav-m ul li:first-child{margin-left:0}.sub-nav-m ul li.on a{color:#00a1d6}.sub-nav-m ul li a{height:28px;font-size:14px;color:#6d757a;line-height:28px;display:block;position:relative}.sub-nav-m ul li a:hover{color:#00a1d6}.sub-nav-m ul li .new{position:absolute;top:-4px;right:-9px;width:22px;height:9px;background-position:-851px -412px}.sub-nav-m .tips{position:absolute;border-radius:4px;border:1px solid #ddd;line-height:30px;padding:0 10px;background-color:#fff;z-index:10;display:none;transition:all .2s}.sub-nav-m .tips .t-arrow{position:absolute;top:-5px;height:5px;width:8px;transition:all .2s;background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/s_arrow.png) 0 -49px no-repeat}
.go-top-m{bottom:50px;width:48px;position:fixed;left:50%;margin-left:590px;transition:top .3s}@media screen and (max-width:1400px){.go-top-m{margin-left:500px}}.go-top-m .go-top{cursor:pointer;width:46px;height:48px;background-color:#f6f9fa;background-position:-648px -72px;background-repeat:no-repeat;border:1px solid #e5e9ef;overflow:hidden;border-radius:4px}.go-top-m .go-top:hover{background-color:#00a1d6;background-position:-714px -72px;border-color:#00a1d6}
.tag-list-wrp{padding-bottom:40px}.tag-list-wrp .title{padding:10px 0 20px}.tag-list-wrp .title .icon{background:url(//static.hdslb.com/images/base/icons.png) -83px -1492px no-repeat;width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:10px}.tag-list-wrp .title .name{font-size:18px;line-height:24px;color:#222;vertical-align:middle}.tag-list-wrp .title .small{color:#99a2aa;margin-left:20px;margin-bottom:2px;display:inline-block;vertical-align:bottom}.tag-more{height:18px;margin-top:15px;background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/toggle-base.png) center -480px no-repeat;position:relative}.tag-more .b-icon{vertical-align:top;margin-left:5px;margin-top:7px}.tag-more .b-toggle-btn{background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/toggle-base.png) -653px -79px no-repeat;width:94px;height:30px;line-height:22px;display:block;cursor:pointer;text-align:center;position:absolute;top:-8px;left:50%;margin-left:-47px;color:#6d757a}.tag-more .b-toggle-btn .b-icon-toggle-down{background:url(//static.hdslb.com/images/base/icons.png) -474px -732px no-repeat;width:12px;height:10px}.tag-more .b-toggle-btn .b-icon-toggle-up{background:url(//static.hdslb.com/images/base/icons.png) -473px -797px no-repeat;width:12px;height:10px}.tag-more .b-toggle-btn:hover{color:#00a1d6}.tag-more .b-toggle-btn:hover .b-icon-toggle-down{background-position:-539px -732px}.tag-more .b-toggle-btn:hover .b-icon-toggle-up{background-position:-538px -797px}.tag-list-cnt{overflow:hidden;transition:max-height .5s;max-height:68px;position:relative}.tag-list{overflow:hidden;margin-right:-10px}.tag-list li.tag-item{display:inline-block;float:left;position:relative;border:1px solid #e5e9ef;border-radius:12px;background-color:#fff;height:22px;margin:5px 10px 5px 0;cursor:pointer}.tag-list li.tag-item:hover{border-color:#00a1d6!important;color:#00a1d6!important}.tag-list li.tag-item .tag-a{display:block;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#222;padding:0 10px}.tag-list li.tag-item .tag-a:hover{color:#00a1d6}.tag-list li.tag-item.on{background-color:#00a1d6!important;color:#fff!important;border-color:#00a1d6!important}.tag-list li.tag-item.on .tag-a,.tag-list li.tag-item.on .tag-a:hover{color:#fff}.tag-list li.tag-item.hot{border-color:#f25d8e;color:#f25d8e}.tag-list li.tag-item .hot{position:absolute;width:22px;height:15px;background:url(//static.hdslb.com/images/base/icons.png) -851px -667px no-repeat;top:-5px;right:-7px}
.carousel-module,.carousel-module .panel{position:relative;width:100%;height:100%}.carousel-module .panel{overflow:hidden}.carousel-module .panel .pic{z-index:1;position:relative;transition:all .3s}.carousel-module .panel .pic li{position:relative}.carousel-module .panel .pic li:hover .more-text{opacity:1}.carousel-module .panel .pic li a{display:inline-block}.carousel-module .panel .pic li .more-text{position:absolute;right:15px;bottom:35px;color:#fff;background:#444;background:rgba(0,0,0,.64);width:50px;height:24px;line-height:24px;text-align:center;border-radius:4px;opacity:0;transition:all .2s linear}.carousel-module .panel .pic li .more-text:after{content:"";display:inline-block;width:6px;height:12px;margin:-2px 0 0 5px;vertical-align:middle;background:url(//static.hdslb.com/images/base/icons.png) -541px -218px}.carousel-module .panel .pic li .more-text:hover{text-shadow:0 0 3px #fff;color:#fff}.carousel-module .panel .title{z-index:2;position:absolute;bottom:0;left:0;width:100%;height:35px;line-height:35px;background:rgba(0,0,0,.5);font-size:14px}.carousel-module .panel .title a{position:absolute;width:100%;color:#fff;text-decoration:none;padding-left:10px;opacity:0;z-index:-1;transition:all .3s}.carousel-module .panel .title a.on{opacity:1;z-index:1}.carousel-module .panel .trig{position:absolute;z-index:3;bottom:6px;right:20px}.carousel-module .panel .trig span{display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s}.carousel-module .panel .trig span.on{width:30px;background:#f45d8f}.carousel-module .panel .fade{position:absolute;left:0;top:0;transition:all .3s}.carousel-module .panel .fade.on{z-index:1;opacity:1}.carousel-module .panel .fade.off{z-index:0;opacity:0}.carousel-module .panel .scrollx{float:left}
.load-state{text-align:center;padding:10px 0;color:#99a2aa;height:100%;display:table;width:100%}.load-state a{color:#00a1d6}.load-state span{vertical-align:middle;display:table-cell}.load-state span:before{text-align:center;content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background-image:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/empty-icon.png);background-repeat:no-repeat;margin-right:5px;margin-top:-3px}.load-state span.loading:before{width:24px;height:24px;margin-top:-5px;background-image:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/loading.gif)}.load-state span.empty:before{background-position:center -598px}.load-state span.error:before{background-position:center -471px}
.slider-ad-m{margin:25px 0;overflow:hidden;border-radius:4px;height:332px}@media screen and (max-width:1400px){.slider-ad-m{height:281px}}.slider-ad-m .carousel-module .panel .title{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.5))}.slider-ad-m .carousel-module .panel .trig{right:10px}.slider-ad-m .carousel-module .panel .trig span{width:60px;height:44px;overflow:hidden;border-radius:4px;background:#fff;border:2px solid #fff}.slider-ad-m .carousel-module .panel .trig span.on{width:60px;background:#fff;border-color:#f25d8e}.slider-ad-m .carousel-module .panel .trig span img{transition:opacity .3s}.slider-ad-m .carousel-module .panel .trig span:hover img{opacity:.7}
.watch-later-trigger{display:none;width:22px;height:22px;position:absolute;right:6px;bottom:4px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABT0lEQVQ4je3VMYrCQBTG8b/DWASLNKJgJ1hY2sloZeF2gkeYW+wZvIVXsLBJY5UdtLJLk17EIghCwChukWRxFzSaaLdfMwm8/EgemTclgOl02gEmwAAoky8RsAA+tdbrUoJ+AVZO8G9CoCeJ39Sq1+sopbBtO5e23+8xxrDdbi1gIog/vxAKYNs2Sqn0diBIenoP9X2fIAgyccv66WZZZBXvdjtc18UYkwlfJxM+n8+/1pfBefMPPw4LEZcEQcBqteJ0Or0GrlartFotLpcLnucxm83YbDbFYSEE/X6f4XBIpVLhcDjgOA6u63I8HvPDaRqNBuPxmHa7DcS7cT6f36yXj8IAUkq63S7NZpPlcomUtx9/Ck5Tq9UYjUZ3a976u0UQz9OiCcMwvYwk8XHyYYxBKXU9+p5Grybg4m1Hk9Bar4Ee4JC0JWeixOhprdffE/1yRW/TLMYAAAAASUVORK5CYII=)}.watch-later-trigger.added{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABiklEQVQ4jbXVzyvDcRzH8efns1+JIRtbOSiKrMRBrZZC5IzcHJYTJyc1J464ubuY5MQ/oLSTNSHfIg5KyEmbzY/5sa++c/hOCtv47rvX8f2pR+/3u0+fjwAgfNoFLAH9gA1jUYEIECLoU0QOjQIVBsHveQECEr1Ts1By1pJEH9/s9EuM77RQbLIMKACG4QaHhYNBL7EBj3lwtU2yFXDT6rRil8Ic2C4F634XnbU24m8aY9F46bAUsNJdR1+9g6f3LKPROBfp99LhxY5aRhorULUs43sJlFQmfxO/FWMDHpQhL+3VXzdxps3JVEsVAJOHSSK3rwWbsP5WtAhorrSy09vAxH6CeoeFOV8NALPHKTZvnovMBoLwafZ7sc4uWfe76HE70HKnUsDy+SNzJ/dFUciziruMxvBunNXLNFLo6Mb1M/N/RCHPKgAyWpbpoyQHdxmaKi0snD3wYzQj8GfWrtL/4L5S1rdCLYOrSvTvxOxEJBBC/07MygsQkgR9ChAAtiltLWrOCBD0KR9smmovo1v+1QAAAABJRU5ErkJggg==)}.watch-later-hint{position:absolute;font-size:12px;color:#fff;border-radius:4px;line-height:18px;padding:4px 8px;z-index:99999;background-color:#000;background:rgba(0,0,0,.8)}
.groom-module{width:160px;height:100px;position:relative;overflow:hidden;border-radius:4px;background:#fff}.groom-module img{width:100%;height:100%}.groom-module .pic{width:160px;height:100px}.groom-module .type-name{position:absolute;top:0;right:0;margin:.5em;padding:0 5px;height:20px;line-height:20px;border-radius:4px;color:#fff;font-style:normal;background-color:#00a1d6;background-color:rgba(0,161,214,.8)}.groom-module .card-mark{position:absolute;left:0;top:68px;width:150px;height:100%;font-size:12px;height:20px;line-height:20px;padding:10px 5px;overflow:hidden;background:#000;background:linear-gradient(transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.9))}.groom-module .card-mark .title{color:#fff;height:40px;overflow:hidden;margin-bottom:5px;word-break:break-all;word-wrap:break-word}.groom-module .card-mark .author,.groom-module .card-mark .play{opacity:0;color:#99a2aa;height:20px;line-height:20px;overflow:hidden;transition:all .6s}.groom-module:hover .card-mark{top:0;height:100%;background:rgba(0,0,0,.7)}.groom-module:hover .card-mark .author,.groom-module:hover .card-mark .play{opacity:1}.groom-module:hover .w-later{display:block}
.groom-box-m{position:relative;height:220px;overflow:hidden}.groom-box-m .groom-module{float:left;margin:0 0 20px 20px}
.game-groom-m{width:208px;height:214px;position:relative;overflow:hidden;border-radius:4px;background:#fff;border:1px solid #e5e9ef}.game-groom-m .pic{width:210px;height:130px}.game-groom-m .type-name{position:absolute;top:0;right:0;margin:.5em;padding:0 5px;height:20px;line-height:20px;border-radius:4px;color:#fff;font-style:normal;background-color:#00a1d6;background-color:rgba(0,161,214,.8)}.game-groom-m a .title{color:#222}.game-groom-m .title{position:absolute;height:20px;line-height:22px;padding:0 10px;margin:8px 0;overflow:hidden;transition:all .3s;background:#fff}.game-groom-m .info{margin-top:34px}.game-groom-m .num{width:100%;bottom:0;height:20px;line-height:20px;color:#99a2aa;background-color:#fff;transition:all .3s;padding:0 10px;font-size:0}.game-groom-m .num i{display:inline-block;width:12px;height:12px;vertical-align:top;margin-right:5px}.game-groom-m .num span{line-height:12px;height:14px;display:inline-block;width:50%;overflow:hidden;font-size:12px;vertical-align:bottom}.game-groom-m .num .play .icon{background-position:-282px -90px}.game-groom-m .num .danmu .icon{background-position:-282px -218px}.game-groom-m .num .author{width:84%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-groom-m .num .author .icon{background-position:-282px -154px}.game-groom-m .w-later{bottom:89px}.game-groom-m:hover .w-later{display:block}.game-groom-m:hover a .title{color:#00a1d6;height:46px}
.game-groom-box-m{position:relative;height:220px;overflow:hidden}.game-groom-box-m .game-groom-m{float:left;margin:0 0 20px 20px}@media screen and (max-width:1400px){.game-groom-box-m .game-groom-m{margin:0 0 20px 10px;width:154px}.game-groom-box-m .game-groom-m:first-child{margin-left:20px}}@media screen and (max-width:1400px){.game-groom-box-m .game-groom-m .title,.game-groom-box-m .game-groom-m:hover .title{height:40px}}@media screen and (max-width:1400px){.game-groom-box-m .game-groom-m .info{margin-top:60px}}@media screen and (max-width:1400px){.game-groom-box-m .game-groom-m .pic{width:154px;height:96px}}@media screen and (max-width:1400px){.game-groom-box-m .game-groom-m .w-later{bottom:122px}}.game-groom-box-m .rec-btn{opacity:0;position:absolute;background-color:rgba(0,0,0,.6);background-image:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/icons2.png);background-repeat:no-repeat;width:30px;height:54px;top:172px;margin-top:-28px;cursor:pointer;font-size:12px;color:#fff;text-align:center;transition:all .3s}.game-groom-box-m .rec-btn.prev{left:20px;border-radius:0 4px 4px 0;background-position:11px -1211px}.game-groom-box-m .rec-btn.next{right:0;border-radius:4px 0 0 4px;background-position:15px -1262px}.game-groom-box-m:hover .rec-btn{opacity:1}
.nominate-m{margin-bottom:30px}.nominate-m .carousel-box{float:left}.nominate-m .carousel-box .carousel-module .panel{border-radius:4px}.nominate-m .carousel-box .carousel-module .panel .title{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.5))}.nominate-m .carousel-box .carousel-module .panel .trig span{width:18px;height:18px;background-image:url(//static.hdslb.com/images/base/icons.png);background-position:-855px -790px;background-color:transparent;transition:none}.nominate-m .carousel-box .carousel-module .panel .trig span:hover{background-position:-919px -790px}.nominate-m .carousel-box .carousel-module .panel .trig span.on{background-position:-855px -727px;width:18px;height:18px}.nominate-m .video-card-box{position:relative;height:220px;overflow:hidden}
.cover-preview-module{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .3s}.cover-preview-module.show{opacity:1}.cover-preview-module .cover{position:absolute;left:0;top:7px;height:98px;width:100%;margin-top:2px}.cover-preview-module .progress-bar{position:absolute;left:0;top:0;width:100%;height:10px;border-color:#000;border-style:solid;border-width:4px 8px;background:#444;box-sizing:border-box}.cover-preview-module .progress-bar span{display:block;background:#fff;height:2px}
.danmu-module{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .3s;pointer-events:none}.danmu-module.show{opacity:1}.danmu-module .dm{position:absolute;color:#fff;left:100%;top:8px;white-space:pre;text-shadow:1px 1px 2px #001}.danmu-module .dm.row2{top:25px}
.spread-module{position:relative;width:160px;height:148px;font-size:12px;overflow:hidden}.spread-module a{text-decoration:none}.spread-module a:hover .t{color:#00a1d6}.spread-module .pic{position:relative;width:160px;height:100px;display:block;overflow:hidden;text-align:center;border-radius:4px}.spread-module .pic img{margin:0 auto;outline:0}.spread-module .pic .gg-pic{position:absolute;right:0;top:0}.spread-module .pic .dur{opacity:0;position:absolute;bottom:2px;left:6px;color:#fff;height:12px;line-height:12px;padding:0 5px 1px 0;transition:all .3s}.spread-module .pic .promote{overflow:hidden;position:absolute;bottom:0;padding:0 5px;border-radius:0 5px 0 0;color:#fff;left:0;height:20px;background-color:rgba(0,0,0,.4);line-height:20px}.spread-module .pic .mask-video{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);transition:opacity .3s}.spread-module .pic .medal{position:absolute;left:0;top:0;width:40px;height:24px;pointer-events:none}.spread-module .pic .medal.golden{background-position:-849px -148px}.spread-module .pic .medal.silvery{background-position:-849px -212px}.spread-module .pic .w-later{display:none}.spread-module .pic:hover .w-later{display:block}.spread-module .t{padding-top:8px;height:40px;line-height:20px;transition:all .2s linear;color:#222;word-wrap:break-word;word-break:break-all;overflow:hidden;text-align:left}.spread-module .num{position:absolute;width:100%;bottom:0;height:20px;line-height:20px;color:#99a2aa;background-color:#fff;transition:all .3s;font-size:0}.spread-module .num i{display:inline-block;width:12px;height:12px;vertical-align:top;margin-right:5px}.spread-module .num span{line-height:12px;height:14px;display:inline-block;width:50%;overflow:hidden;font-size:12px;vertical-align:bottom}.spread-module .num .play .icon{background-position:-282px -90px}.spread-module .num .danmu .icon{background-position:-282px -218px}.spread-module:hover .dur{opacity:1}.spread-module:hover .num{bottom:-20px}.spread-module:hover .mask-video{opacity:1}
.energy-m .storey-box{height:168px;overflow:hidden}.energy-m .storey-box .spread-module{float:left;margin:0 20px 20px 0}.energy-m .headline{padding:0 0 20px}.energy-m .headline .name{font-size:24px;line-height:24px;font-weight:400;margin-right:20px;float:left}.energy-m .headline-right .name{font-size:18px}.energy-m .hot-box{overflow:hidden}.energy-m .hot-box li{margin-bottom:25px;position:relative}.energy-m .hot-box li .tag-type{border-radius:3px;line-height:16px;padding:2px 5px;color:#fff;margin-right:5px;background:#ff8eb3;float:left;min-height:16px;min-width:10px;text-align:center}.energy-m .hot-box li .txt{word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;height:20px;line-height:20px}.energy-m .hot-box li .pic{float:left;width:80px;height:50px;border-radius:4px;overflow:hidden;margin-right:5px}.energy-m .hot-box li:first-child .txt{word-wrap:normal;word-break:normal;white-space:normal;color:#222;height:40px;line-height:20px}.energy-m .hot-box li .w-later{display:none;left:55px;top:25px}.energy-m .hot-box li:hover .txt{color:#00a1d6}.energy-m .hot-box li:hover .w-later{display:block}.energy-m .topic{width:260px;height:150px;overflow:hidden;position:relative;border-radius:4px}.energy-m .topic .carousel-module .title{height:24px;line-height:24px;font-size:12px}.energy-m .topic .carousel-module .title a{padding-left:2px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.energy-m .topic .carousel-module .panel .trig span{width:10px;height:6px}.energy-m .topic .carousel-module .panel .trig span.on{width:30px}
.new-channel-entry{cursor:pointer;position:fixed;z-index:101;left:0;top:calc(50% + 50px);margin-top:-36px;width:28px;height:72px;transition:all .3s;font-size:12px;color:#505050;background:#fff;border:1px solid #e7e7e7;box-shadow:0 6px 10px 0 #e7e7e7;border-radius:0 2px 2px 0;padding:8px 7px;line-height:14px;box-sizing:border-box}.new-channel-entry:hover{background:#f4f4f4;color:#505050}
.header-v3{background-color:#f6f7f8}.header-v3 .bili-wrapper{padding-top:15px;border-top:1px solid #f4f4f4}.header-v3 .sub-nav-m{margin:0 0 20px}.header-v3 .z-top-container{background:#fff;max-width:2560px;margin:0 auto}.header-v3 .large-header{background:#fff}@media (min-width:2560px){.header-v3 .z-top-container{height:370px}}@media (min-width:1701px) and (max-width:2559px){.header-v3 .z-top-container{min-height:300px!important}}@media (min-width:1367px) and (max-width:1700px){.header-v3 .z-top-container{height:265px}}@media (min-width:1180px) and (max-width:1366px){.header-v3 .z-top-container{height:255px}}.header-v3 #app{max-width:2560px;background:#fff;margin:0 auto}.international-header{background:#fff}.international-header .primary-menu-itnl{border-bottom:1px solid #f4f4f4}.international-footer{margin-top:20px!important}.channel-menu-itnl .item.hide{display:none!important}.b-footer-wrap,.b-wrap{width:1160px!important}@media screen and (max-width:1400px){.b-footer-wrap,.b-wrap{width:999px!important}}
.video-floor-m .storey-box{clear:both;padding:20px 0 15px}.video-floor-m .storey-box .spread-module{float:left;margin:0 20px 20px 0}.video-floor-m .storey-box .v-list{overflow:hidden;height:168px}.video-floor-m .dynamic-title{padding-right:20px}.video-floor-m .dynamic-title .title{float:left}.video-floor-m .dynamic-title .title .icon{background:url(//static.hdslb.com/images/base/icons.png) -84px -1427px no-repeat;width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:10px}.video-floor-m .dynamic-title .title .name{font-size:18px;line-height:24px;color:#222;vertical-align:middle}.video-floor-m .dynamic-title .read-push{float:right;cursor:pointer;background-color:#fff;border:1px solid #ccd0d7;border-radius:4px;height:22px;padding:0 10px;transition:all .2s}.video-floor-m .dynamic-title .read-push .icon_read{display:inline-block;width:12px;height:13px;vertical-align:top;transition:all .5s;margin-top:5px;background-position:-475px -89px}.video-floor-m .dynamic-title .read-push .info{display:inline-block;vertical-align:top;line-height:22px;margin-left:5px}.video-floor-m .dynamic-title .read-push .info b{font-weight:700}.video-floor-m .dynamic-title .read-push:hover{background-color:#ccd0d7}.video-floor-m .dynamic-title .read-push:hover .icon_read{transform:rotate(1turn)}.video-floor-m .bili-tab{float:left;margin:0 10px 0 0}
.bili-dropdown{position:relative;display:inline-block;vertical-align:middle;background-color:#fff;cursor:default;padding:0 7px;height:22px;line-height:22px;border:1px solid #ccd0d7;border-radius:4px}.bili-dropdown:hover{border-radius:4px 4px 0 0;box-shadow:0 2px 4px rgba(0,0,0,.16)}.bili-dropdown:hover .dropdown-list{display:block}.bili-dropdown .selected{display:inline-block;vertical-align:top}.bili-dropdown .icon-arrow-down{background-position:-475px -157px;display:inline-block;vertical-align:middle;width:12px;height:6px;margin-left:5px;margin-top:-1px}.bili-dropdown .dropdown-list{position:absolute;width:100%;background:#fff;border:1px solid #ccd0d7;border-top:0;left:-1px;top:22px;z-index:10;display:none;border-radius:0 0 4px 4px}.bili-dropdown .dropdown-list .dropdown-item{cursor:pointer;margin:0;padding:3px 7px}.bili-dropdown .dropdown-list .dropdown-item:hover{background-color:#e5e9ef}
.pager{overflow:hidden;line-height:40px;font-family:Arial;margin:0 0 5px;display:block;width:100%}.pager .pages{display:inline-block;vertical-align:middle}.pager .pages strong{display:inline-block;border:1px solid transparent;border-radius:4px;font-weight:400;font-size:14px;font-weight:700;margin:0 2px;padding:0 10px}.pager .pages .showAnimate{animation:shake .5s ease}.pager .pages .page-item{display:inline-block;font-size:14px;font-weight:700;vertical-align:middle}.pager .pages .page-item .count{margin:0 5px}.pager .pages .page-item button{color:#222;cursor:pointer;outline:none;text-align:center;border-radius:4px;background-color:#fff;border:1px solid #ddd;background-image:none;transition:all .2s;font-size:14px;min-width:15px;margin:0 2px;padding:0 13px;float:left;display:block;height:38px;line-height:38px}.pager .pages .page-item.active button,.pager .pages .page-item button:hover{background:#00a1d6;color:#fff;border:1px solid #00a1d6}.pager .jump-pager{float:right;padding:0 2px;font-size:12px;color:#99a2aa;line-height:40px;height:40px}.pager .jump-pager .page-total{display:inline-block}.pager .jump-pager input[type=text]{padding:0 10px;width:30px;height:24px;line-height:24px;font-size:12px;box-shadow:none;color:#99a2aa;text-align:center;margin:0 5px;border:1px solid #ccd0d7;border-radius:4px}
.mod-1 li{padding-top:20px;clear:both}.mod-1 .l{float:left;margin-right:20px}.mod-1 .l .spread-module{height:100px}.mod-1 .r{float:left;position:relative;width:700px;border-bottom:1px solid #e5e9ef;padding-bottom:20px}.mod-1 .r .title{text-overflow:ellipsis;height:20px;line-height:16px;font-size:14px;white-space:nowrap;margin-right:220px;max-height:40px;display:block;overflow:hidden;color:#222;word-wrap:break-word;word-break:break-all}.mod-1 .r .title:hover{color:#00a1d6}.mod-1 .r .v-desc{color:#99a2aa;word-wrap:break-word;word-break:break-all;padding-top:14px;margin-bottom:14px;overflow:hidden;line-height:20px;height:40px;clear:both}.mod-1 .r .v-info{line-height:12px}.mod-1 .r .v-info .v-info-i{color:#99a2aa;float:left;width:70px;height:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-1 .r .v-info .v-info-i i{vertical-align:top;margin-right:5px}.mod-1 .r .up-info{position:absolute;right:0;top:0;line-height:12px;height:16px}.mod-1 .r .up-info .v-author{display:inline-block;vertical-align:top;color:#99a2aa;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}.mod-1 .r .up-info .v-author:hover{color:#00a1d6}.mod-1 .r .up-info .v-date{display:inline-block;vertical-align:top;color:#b8c0cc;border-left:1px solid #ddd;padding-left:10px;margin-left:10px}@media screen and (max-width:1400px){.mod-1 li .r{width:520px}}
.mod-2{margin-right:-42px}.mod-2 li{float:left;width:50%;border-bottom:1px solid #e5e9ef}.mod-2 li .l-item{height:133px;padding:20px 20px 20px 0;margin-right:20px;border-right:1px solid #e5e9ef}.mod-2 li .l{float:left;height:100px;margin-right:20px;padding-top:0}.mod-2 li .r{float:left;width:240px}.mod-2 li .r .title{max-height:40px;line-height:20px;display:block;overflow:hidden;color:#222;font-size:12px;word-wrap:break-word;word-break:break-all}.mod-2 li .r .title:hover{color:#00a1d6}.mod-2 li .r .v-desc{color:#99a2aa;word-wrap:break-word;word-break:break-all;padding-top:14px;margin-bottom:14px;overflow:hidden;line-height:20px;height:40px;clear:both}.mod-2 li .r .v-info{float:right}.mod-2 li .r .v-info .v-info-i{color:#99a2aa;float:left;width:70px;height:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-2 li .r .v-info .v-info-i i{vertical-align:top;margin-right:5px}.mod-2 li .r .up-info{float:left;line-height:12px}.mod-2 li .r .up-info .v-author{display:inline-block;vertical-align:top;color:#99a2aa;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}.mod-2 li .r .up-info .v-author:hover{color:#00a1d6}@media screen and (max-width:1400px){.mod-2 .spread-module,.mod-2 .spread-module .pic{width:114px;height:70px}.mod-2 li .r{width:196px}.mod-2 li .r .up-info .v-author,.mod-2 li .r .v-info .v-info-i{width:65px}}
.mod-3{margin-right:-20px}.mod-3 li{float:left;padding-top:20px;padding-right:20px}.mod-3 .l-item{height:212px;width:158px;border:1px solid #e5e9ef;border-radius:4px;overflow:hidden}.mod-3 .l .spread-module{height:100px;margin:-1px 0 6px -1px}.mod-3 .r{float:none;padding:0 10px}.mod-3 .r .title{display:inline-block;height:40px;line-height:20px;overflow:hidden;color:#222;font-size:12px;word-wrap:break-word;word-break:break-all}.mod-3 .r .title:hover{color:#00a1d6}.mod-3 .r .v-info{line-height:12px;padding-top:12px}.mod-3 .r .v-info .v-info-i{color:#99a2aa;display:inline-block;width:69px;height:12px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-3 .r .v-info .v-info-i i{vertical-align:top;margin-right:5px}.mod-3 .r .up-info{margin-top:12px}.mod-3 .r .up-info .v-author{display:inline-block;vertical-align:top;color:#99a2aa;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}.mod-3 .r .up-info .v-author:hover{color:#00a1d6}
.vd-list-cnt{clear:both;overflow:hidden}.vd-list-cnt .pagination{margin-top:20px}.vd-list-cnt .spread-module .num,.vd-list-cnt .spread-module .t{display:none}.vd-list-cnt .load-state{padding:100px 0}.b-icon{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(//static.hdslb.com/images/base/icons.png) no-repeat}.b-icon.b-icon-v-play{background-position:-282px -90px}.b-icon.b-icon-v-dm{background-position:-282px -218px}.b-icon.b-icon-v-fav{background-position:-282px -346px}
.calendar[data-v-6066ff0e]{float:left;padding:6px 12px}.calendar *[data-v-6066ff0e]{box-sizing:border-box}.calendar a[data-v-6066ff0e]{color:inherit;text-decoration:none;cursor:pointer}.calendar-header[data-v-6066ff0e]{line-height:34px;text-align:center}.calendar__next-icon[data-v-6066ff0e],.calendar__prev-icon[data-v-6066ff0e]{font-size:20px;padding:0 6px}.calendar-year>a[data-v-6066ff0e]{width:40%;margin:1px 5%}.calendar-month>a[data-v-6066ff0e],.calendar-year>a[data-v-6066ff0e]{display:inline-block;line-height:40px}.calendar-month>a[data-v-6066ff0e]{width:30%;margin:8px 1.5%}.calendar-header>a[data-v-6066ff0e]:hover{color:#1284e7}.calendar__prev-icon[data-v-6066ff0e]{float:left}.calendar__next-icon[data-v-6066ff0e]{float:right}.calendar-table[data-v-6066ff0e]{width:100%;font-size:12px;table-layout:fixed;border-collapse:collapse;border-spacing:0}.calendar-table td[data-v-6066ff0e],.calendar-table th[data-v-6066ff0e]{width:32px;height:32px;text-align:center}.calendar-table td[data-v-6066ff0e]{cursor:pointer}.calendar-month>a[data-v-6066ff0e]:hover,.calendar-table td.inrange[data-v-6066ff0e],.calendar-table td[data-v-6066ff0e]:hover,.calendar-year>a[data-v-6066ff0e]:hover{background-color:#eaf8fe}.calendar-month>a.current[data-v-6066ff0e],.calendar-table td.current[data-v-6066ff0e],.calendar-year>a.current[data-v-6066ff0e]{color:#fff;background-color:#1284e7}.calendar-table td.disabled[data-v-6066ff0e]{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.lastMonth[data-v-6066ff0e],.nextMonth[data-v-6066ff0e]{color:#ddd}.today[data-v-6066ff0e]{color:#20a0ff}.calendar-month[data-v-6066ff0e],.calendar-year[data-v-6066ff0e]{width:100%;height:224px;padding:7px 0;text-align:center}
.datepicker[data-v-c211dc40]{position:relative;display:inline-block;color:#73879c;font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif}.datepicker *[data-v-c211dc40]{box-sizing:border-box}.datepicker-popup[data-v-c211dc40]{position:absolute;width:250px;margin-top:1px;margin-bottom:1px;border:1px solid #d9d9d9;background-color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:1000}.range[data-v-c211dc40]{width:496px}.input[data-v-c211dc40]{display:inline-block;width:100%;height:34px;padding:6px 30px 6px 10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.input-icon[data-v-c211dc40]{top:0;right:0;position:absolute;width:30px;height:100%;color:#888;text-align:center;font-style:normal}.input-icon[data-v-c211dc40]:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.input-icon__calendar[data-v-c211dc40]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVQ4T72SzQ2CQBCF54UGKIES6EAswQq0BS/A3PQ0hAt0oKVQgiVYAkcuZMwSMOyCyRKNe9uf+d6b2Qf6csGtL8sy7vu+Zebn/E5EoiAIwjRNH/PzBUBEGiJqmPniAMw+YeZkFSAiJwA3j45aVT0wsxGitwOjDGDnASBVvU4OLQARRURk9e4CAcSqWn8CLHp3Ae6MXAe/B4yzUeMkz/P9ZgdFUQzFIwD/B4yKgwMTos0OtvzCHcDRJ0gAzlmW1VYSq6oKu66LfQBTjC2AT+Hamxcml5IRpPq3VQAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat}.input-icon__close[data-v-c211dc40]:before{content:"\2716";vertical-align:middle}.datepicker-top[data-v-c211dc40]{margin:0 12px;line-height:34px;border-bottom:1px solid rgba(0,0,0,.05)}.datepicker-top>span[data-v-c211dc40]{white-space:nowrap;cursor:pointer}.datepicker-top>span[data-v-c211dc40]:hover{color:#1284e7}.datepicker-top>span[data-v-c211dc40]:after{content:"|";margin:0 10px;color:#48576a}
.video-list{padding-right:20px;margin-bottom:30px;min-width:400px}.video-list .vl-hd{height:47px;border-bottom:1px solid #e5e9ef;position:relative}.video-list .vl-hd .left{float:left}.video-list .vl-hd .right{float:right;padding:8px 0}.video-list .vl-hd .tab-list{display:inline-block;vertical-align:middle}.video-list .vl-hd .tab-list li{float:left;height:48px;line-height:48px;margin-right:20px;cursor:pointer;color:#222;text-align:center;font-size:14px}.video-list .vl-hd .order-tab li.on{color:#00a1d6;height:46px;border-bottom:2px solid #00a1d6}.video-list .vl-hd .type-tab li{padding:0;margin-left:0;height:20px;line-height:20px;transition:.2s;transition-property:border,color;border-radius:4px;font-size:12px}.video-list .vl-hd .type-tab li.all{margin:0}.video-list .vl-hd .type-tab li.origin{margin-left:16px;margin-right:0}.video-list .vl-hd .type-tab li.on{color:#00a1d6}.video-list .vl-hd .s-line{display:inline-block;border-left:1px solid #e5e9ef;height:12px;line-height:12px;margin-top:11px;vertical-align:top;margin-left:15px;margin-right:5px}.video-list .vl-hd .display-tab li{height:32px;line-height:32px;padding:0;background:url(//static.hdslb.com/images/base/icons.png) no-repeat;width:34px;border-radius:0;margin:0;transition:none}.video-list .vl-hd .display-tab li.mod-1{background-position:-270px -847px}.video-list .vl-hd .display-tab li.mod-1.on{background-position:-334px -847px}.video-list .vl-hd .display-tab li.mod-2{background-position:-270px -911px}.video-list .vl-hd .display-tab li.mod-2.on{background-position:-334px -911px}.video-list .vl-hd .display-tab li.mod-3{background-position:-270px -975px}.video-list .vl-hd .display-tab li.mod-3.on{background-position:-334px -975px}.video-list .vl-hd .vl-hd-sub{position:relative;z-index:10;float:right;padding:8px 0}.video-list .vl-hd .vl-hd-sub .bili-dropdown{margin-top:3px}.video-list .vl-hd .vl-hd-sub .selector-block{padding:4px 0;display:inline-block;vertical-align:top}.video-list .vl-hd .vl-hd-sub .selector-block .date-select{float:left;padding:0 5px;background:#fff;margin-left:10px;height:22px;line-height:22px;border:1px solid transparent;transition:border .2s}.video-list .vl-hd .vl-hd-sub .selector-block .date-select:hover{border-color:#00a1d6}.video-list .vl-hd .vl-hd-sub .s-line{margin-right:20px}.video-list .vl-hd .float_window{position:absolute;z-index:999;background:#fff;box-shadow:0 0 5px #ccc;text-align:left;border:1px solid #ddd;left:-155px}.video-list .vl-hd .float_window .close{position:absolute;border:1px solid #ddd;right:15px;top:10px;height:20px;width:20px;cursor:pointer;background:url(//s1.hdslb.com/bfs/static/jinkela/subchannel/assets/icons2.png) 4px -224px no-repeat}.video-list .vl-hd .float_window .close:hover{border:1px solid #ccc;box-shadow:0 1px 3px #ddd}.video-list .vl-hd .float_window .float_content{border-radius:5px;padding:15px}.video-list .vl-hd .float_window .float_content h3{font-weight:700;font-size:14px;padding:0 0 7px;margin:0 0 7px;border-bottom:1px solid #ddd}.video-list .vl-hd .float_window .float_content h4{font-weight:700;margin:7px 0 2px;padding:5px 0}.video-list .vl-hd .float_window .selet-datebox{width:390px;display:block;padding-bottom:10px}.video-list .vl-hd .float_window .selet-datebox .inpt{padding:10px 0 10px 35px}.video-list .vl-hd .float_window .selet-datebox .inpt .datepicker-top,.video-list .vl-hd .float_window .selet-datebox .inpt .input-icon{display:none}.video-list .vl-hd .float_window .selet-datebox .inpt input{height:28px}.video-list .vl-hd .float_window .selet-datebox .inpt .bi-btn{padding:4px 10px;margin-left:10px;font-size:12px}.video-list .vl-hd .float_window .selet-datebox .sse{border-left:1px solid #6cc6e4;border-top:1px solid #6cc6e4;width:384px;margin:0 auto}.video-list .vl-hd .float_window .selet-datebox .sse a{display:block;float:left;height:28px;line-height:28px;text-align:center;width:63px;color:#222;border-right:1px solid #6cc6e4;border-bottom:1px solid #6cc6e4;cursor:pointer}.video-list .vl-hd .float_window .selet-datebox .sse a:hover{background:#eee}.video-list .vl-hd .float_window .selet-datebox .sse a.on{background:#6cc6e4;color:#fff}
.rank-list .rank-item{position:relative;padding-left:25px;margin-top:20px;overflow:hidden}.rank-list .rank-item.first{margin-top:0;margin-bottom:15px}.rank-list .rank-item .ri-num{position:absolute;color:#fff;height:18px;line-height:18px;top:0;left:0;font-size:12px;min-width:12px;text-align:center;background-color:#b8c0cc;border-radius:4px;padding:0 3px;font-weight:bolder;font-style:normal}.rank-list .rank-item.highlight .ri-num{background:#f25d8e}.rank-list .rank-item .ri-info-wrap{position:relative;display:block;cursor:pointer}.rank-list .rank-item .ri-info-wrap .w-later{right:160px}.rank-list .rank-item .ri-info-wrap:hover .w-later{display:block}.rank-list .rank-item .ri-preview{margin-right:5px;width:80px;height:50px;float:left;display:none;border-radius:4px;overflow:hidden}.rank-list .rank-item.show-detail .ri-preview{display:block}.rank-list .rank-item .ri-detail{float:left}.rank-list .rank-item .ri-detail .ri-title{line-height:18px;height:18px;overflow:hidden;color:#222}.rank-list .rank-item .ri-detail .ri-point{line-height:12px;color:#99a2aa;height:12px;margin-top:5px;display:none;overflow:hidden}.rank-list .rank-item.show-detail .ri-detail .ri-title{height:52px;line-height:18px;margin-top:-3px;width:150px;padding:0}.rank-list .rank-item.show-detail .ri-point{display:block}.rank-list .rank-item:hover .ri-title{color:#00a1d6}
.sec-rank{overflow:hidden}.sec-rank .rank-head{height:24px;line-height:24px}.sec-rank .rank-head h3{float:left;font-size:18px;font-weight:400}.sec-rank .rank-list-wrap{width:200%;overflow:hidden;zoom:1;transition:all .2s linear}.sec-rank .rank-list-wrap .rank-list{padding-bottom:15px;width:50%;float:left;padding-top:20px;position:relative}.sec-rank .rank-list-wrap .rank-list .state{line-height:100px}.sec-rank .rank-list-wrap .rank-list .rank-item{overflow:visible}.sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-preview{display:none}.sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-title{width:100%;height:auto}.sec-rank .rank-list-wrap .rank-list .show-detail .ri-info-wrap .ri-point{display:none}.sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-preview,.sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-preview,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-preview,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-preview{display:block}.sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-title,.sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-title,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-title,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-title{width:150px;height:52px}.sec-rank .rank-list-wrap .rank-list .show-detail:first-child .ri-info-wrap .ri-point,.sec-rank .rank-list-wrap .rank-list .show-detail:hover .ri-info-wrap .ri-point,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(2) .ri-info-wrap .ri-point,.sec-rank .rank-list-wrap .rank-list .show-detail:nth-child(3) .ri-info-wrap .ri-point{display:block}.sec-rank .rank-list-wrap .rank-list .rank-item.show-detail .ri-detail .ri-title{margin-top:0}
.mobile-link-l{background:url(//i0.hdslb.com/bfs/static/6f3a2e247a91eacf120ce61e75dc49d7a7de1dda.png) no-repeat 50%;background-color:#fff;width:260px;height:276px;border:1px solid #ddd;border-radius:4px}.mobile-link-l a{display:block;width:100%;height:100%}
