.vhy-banner-video-list .video .video-meta .meta-bottom .b-l,.vhy-slide-container .ui-switchable-panel .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vhy-banner-video-list .video .video-mask,.vhy-banner-video-list .video .video-cover{transition:all .2s ease-in-out}.vhy-banner-wrap{padding:20px 0}.vhy-slide-container{position:relative;float:left;overflow:hidden;width:475px;height:267px;border-radius:5px}.vhy-slide-container .ui-switchable-content{position:absolute;top:0;left:0;width:100%;height:100%}.vhy-slide-container .ui-switchable-panel{position:relative;float:left;width:475px;height:267px}.vhy-slide-container .ui-switchable-panel a{display:block;height:100%}.vhy-slide-container .ui-switchable-panel img{display:block;overflow:hidden;width:100%;height:100%}.vhy-slide-container .ui-switchable-panel .text{font-size:20px;font-weight:700;line-height:24px;position:absolute;bottom:0;left:0;width:375px;padding:12px 100px 12px 16px;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(150%, rgba(0, 0, 0, 0.7)));background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 150%);text-shadow:1px 0 3px rgba(0,0,0,.1)}.vhy-slide-container .ui-switchable-btn{position:absolute;z-index:1;top:50%;margin-top:-23px;display:none;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.vhy-slide-container .ui-switchable-btn:hover{opacity:.7}.vhy-slide-container .ui-switchable-prev-btn{left:0;width:29px;height:46px;background-image:url(/h5/huya_video/@public-online/imgs/banner/arrow-left.42b4658c9d71e82084c4064dbe211cfb.png);background-repeat:no-repeat}.vhy-slide-container .ui-switchable-next-btn{right:0;width:29px;height:46px;background-image:url(/h5/huya_video/@public-online/imgs/banner/arrow-right.564cb9ff13a780a82328ec58f58d6224.png);background-repeat:no-repeat}.vhy-slide-container .ui-switchable-disabled-btn{display:none !important}.vhy-slide-container .ui-switchable-nav{position:absolute;right:20px;bottom:10px;text-align:center}.vhy-slide-container .ui-switchable-nav .dot{position:relative;line-height:22px;font-size:18px;display:inline;margin-left:2px;cursor:pointer;color:#fff;text-shadow:1px 0 3px rgba(0,0,0,.1)}.vhy-slide-container .ui-switchable-nav .dot.current{top:2px;font-size:24px;font-weight:bold;color:#f80}.vhy-slide-container a:hover{text-decoration:none}.vhy-banner-video-list{float:left;width:720px;margin-top:-12px;margin-left:2px}.vhy-banner-video-list .video{position:relative;float:left;width:228px;height:128px;margin-top:12px;margin-left:12px;border-radius:5px;overflow:hidden}.vhy-banner-video-list .video a{display:block;width:100%;height:100%}.vhy-banner-video-list .video .video-name{font-size:14px;line-height:37px;position:absolute;right:0;bottom:0;left:0;overflow:hidden;height:37px;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(150%, #000));background:linear-gradient(to bottom, transparent 0%, #000 150%)}.vhy-banner-video-list .video .video-mask{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,.7);filter:alpha(opacity=0);z-index:1}.vhy-banner-video-list .video .video-meta{position:relative;height:100%;margin:0 12px;color:#fff}.vhy-banner-video-list .video .video-meta .meta-name{font-size:14px;line-height:17px;position:absolute;bottom:56px;left:0;width:100%;word-break:break-all}.vhy-banner-video-list .video .video-meta .meta-bottom{font-size:12px;position:absolute;bottom:8px;left:0;width:100%}.vhy-banner-video-list .video .video-meta .meta-bottom .b-l{float:left;max-width:50%}.vhy-banner-video-list .video .video-meta .meta-bottom .i-anchor{display:inline-block;margin-right:3px;position:relative;top:2px;width:12px;height:12px;background:url(/h5/huya_video/@public-online/imgs/banner/i-anchor.3c0739a4edd4efea53af0cd1f852b8c5.png) no-repeat}.vhy-banner-video-list .video .video-meta .meta-bottom .i-playtimes{display:inline-block;margin-right:3px;position:relative;top:2px;width:9px;height:12px;background-image:url(/h5/huya_video/@public-online/imgs/banner/i-playtimes.e7a60b71871790f92757ddb374c16c20.png);background-repeat:no-repeat}.vhy-banner-video-list .video .video-meta .meta-bottom .b-r{float:right}.vhy-banner-video-list .video:hover .video-name{display:none}.vhy-banner-video-list .video:hover .video-mask{opacity:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000)}.vhy-banner-video-list .video:hover .video-cover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.vhy-sidenav .n{transition:all .2s ease-in-out}.vhy-sidenav{z-index:10;width:80px;position:fixed;left:50%;top:50%;margin-left:620px;margin-top:-328px;text-align:center}.vhy-sidenav .n{display:block;height:20px;line-height:20px;padding:10px 0;border-top:1px solid #f6f6f6;background:#fff;color:#555;cursor:pointer}.vhy-sidenav .n.cur,.vhy-sidenav .n:hover{background:#f80;color:#fff}.vhy-sidenav .n.cur .i-top,.vhy-sidenav .n:hover .i-top{background:url(/h5/huya_video/@public-online/imgs/sidebar/top-hover.e90398d930a156083d6fbd0cd2f39da5.png)}.vhy-sidenav .n:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.vhy-sidenav .n:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.vhy-sidenav .i-top{display:inline-block;width:21px;height:23px;background:url(/h5/huya_video/@public-online/imgs/sidebar/top.20340bc1a7096a80342fd0305d276cb4.png)}.vhy-sidenav .vhy-sidenav-qrcode-wrapper{position:relative}.vhy-sidenav .vhy-sidenav-qrcode-wrapper .n{border-radius:0}.vhy-sidenav .vhy-sidenav-qrcode-wrapper .vhy-sidenav-qrcode{display:none;position:absolute;width:102px;height:143px;background-image:url(/h5/huya_video/@public-online/imgs/sidebar/sidenav-app-qrcode.777b25e1cce0473da730779600919524.png);background-size:100% 100%;top:-52px;left:-105px}.vhy-sidenav .vhy-sidenav-qrcode-wrapper:hover .vhy-sidenav-qrcode{display:block}
.vhy-column-wrap .column-container{font-size:0;width:1160px;margin:0 auto;padding:20px 19px 10px;background:#fff;border-radius:6px}.vhy-column-wrap .column-item{display:inline-block;width:25%;max-height:119px;overflow:hidden;vertical-align:top;position:relative}.vhy-column-wrap .column-item:after{content:"";display:inline-block;position:absolute;right:19px;top:6px;bottom:10px;width:1px;background:#e9e9e9}.vhy-column-wrap .column-item:last-child:after{display:none}.vhy-column-wrap .column-item a{font-size:14px}.vhy-column-wrap .column-item h2{font-weight:bold}.vhy-column-wrap .column-item h2:before{content:"";display:inline-block;width:14px;height:15px;background:url(/h5/huya_video/@public-online/imgs/sitemap/play-icon.c290e519897c9217f8c5d26c8cc70a42.png) no-repeat center;vertical-align:-3px;margin-right:4px}.vhy-column-wrap .column-item dt{margin-bottom:12px}.vhy-column-wrap .column-item dd{display:inline-block;margin-right:34px;margin-bottom:5px}.vhy-column-wrap .column-container-2 .column-item{width:50%}.vhy-column-wrap .column-container-3 .column-item{width:33%}
.vhy-video-list .video-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vhy-video-list .video-title,.vhy-video-list .video-icon-s,.vhy-video-list .video-mask{transition:all .2s ease-in-out}.vhy-video-list{*zoom:1;margin-left:-20px;margin-top:-18px}.vhy-video-list:before,.vhy-video-list:after{content:"";display:table;line-height:0}.vhy-video-list:after{clear:both}.vhy-video-list li{width:205px;float:left;_display:inline;margin:18px 0 0 20px;position:relative}.vhy-video-list li .pay-tip{width:24px;position:absolute;top:4px;right:4px;z-index:1}.vhy-video-list li a:hover .video-title{color:#ff8a00}.vhy-video-list.w224 li{width:224px}.vhy-video-list.w224 .video-s{position:relative;width:224px;height:126px}.vhy-video-list .video-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D000000,endColorstr=#4D000000);zoom:1;opacity:0;filter:alpha(opacity=0);z-index:1;overflow:hidden}:root .vhy-video-list .video-mask{filter:none}.vhy-video-list .video-info{padding:0 10px;position:absolute;bottom:0;left:0;right:0;color:#fff;height:30px;line-height:30px;background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(150%, #000));background:linear-gradient(to bottom, transparent 0%, #000 150%);z-index:1}.vhy-video-list .video-wrap{display:block}.vhy-video-list .video-wrap:hover .video-mask{opacity:1;filter:alpha(opacity=100)}.vhy-video-list .video-wrap:hover .video-icon-b,.vhy-video-list .video-wrap:hover .video-icon-s{-webkit-transform:scale(1);transform:scale(1)}.vhy-video-list .video-cover{display:block;width:100%;height:100%}.vhy-video-list .video-cover img{width:100%;-o-object-fit:cover;object-fit:cover}.vhy-video-list .video-s{position:relative;width:205px;height:115.3125px;border-radius:5px;overflow:hidden}.vhy-video-list .video-icon-s{position:absolute;top:50%;left:50%;margin-left:-27.5px;margin-top:-27.5px;-webkit-transform:scale(2);transform:scale(2);width:55px;height:55px;background-image:url(/h5/huya_video/@public-online/imgs/videoList/icon-video-play.ff0bc52192a3f175c6f27ebb1b05e0ba.png);background-repeat:no-repeat}.vhy-video-list .video-duration{color:#fff;font-size:12px;float:right;_display:inline}.vhy-video-list .video-title{color:#333;font-size:14px;height:16px;line-height:16px;margin:10px 0 5px}.vhy-video-list .video-title .keywords{color:#ff8a00}.vhy-video-list .icon-video-pnum{display:inline-block;width:8px;height:10px;background-image:url(/h5/huya_video/@public-online/imgs/videoList/v-playtimes.f92173a8899d33179599380be529251f.png);background-repeat:no-repeat;display:inline-block;margin-right:5px}.vhy-video-list .video-times .icon-video-pnum{background:url(/h5/huya_video/@public-online/imgs/videoList/v-playtimes-white.b57d555b0a15828186f7e9a50b578852.png);width:8px;height:10px}.vhy-video-list .video-meta .icon-video-user{display:inline-block;width:11px;height:12px;background-image:url(/h5/huya_video/@public-online/imgs/videoList/v-user.1c38b4e2734a3938d1099b204d7c85ff.png);background-repeat:no-repeat}.vhy-video-list .video-meta span,.vhy-video-list .video-meta a{font-size:12px;color:#999}.vhy-video-list .video-meta span i,.vhy-video-list .video-meta a i{display:inline-block;margin-right:5px}.vhy-video-list .video-meta a:hover{color:#ff8a00}.vhy-video-list .video-meta-user{float:left;_display:inline;width:50%;white-space:nowrap;word-wrap:normal;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:left;text-align:left !important}.vhy-video-list .video-meta-pnum{float:right;_display:inline}.vhy-video-list .video-meta-time{float:right;_display:inline}.vhy-video-list .video-meta-comment{float:left;_display:inline}.vhy-video-list .video-meta-date{clear:left}.vhy-video-list .video-meta-zq{float:right;_display:inline}.vhy-video-list .video-meta-avator{font-size:12px;color:#999}.vhy-video-list .video-meta-avator img{width:30px;height:30px;border-radius:100%;float:left;_display:inline;margin-right:8px}
.rank-sort .sort-con .cont-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-col-cont-l{float:left;width:880px;overflow:hidden}.video-col-cont-r{float:right;width:250px}.i-more{display:inline-block;width:7px;height:12px;background-image:url(/h5/huya_video/@public-online/imgs/recommender/i-more.8e755fb7c1dc208ebf1e05d185f98ede.png);background-repeat:no-repeat;position:relative;top:1px}.activity-list{margin-left:-19px}.activity-list a{float:left;margin-left:19px}.activity-list img{width:275px;height:95px}.logo-game{display:inline-block;margin-right:8px;vertical-align:middle;width:32px;height:32px;border-radius:50%;margin-top:-3px}.logo-game.logo-gf{background:url(/h5/huya_video/@public-online/imgs/recommender/logo-gf.86307292ee52903494bb4976e03ce2a8.png) no-repeat}.video-col-title{margin-bottom:20px;position:relative}.video-col-title h2{float:left;font-size:28px;line-height:28px;color:#555;margin-right:20px}.video-col-title .title-fr{float:right;padding-top:2px}.video-col-title .v-change{display:inline-block;color:#666;font-size:14px;padding:0 11px;border:1px solid #ddd;height:26px;line-height:26px;border-radius:13px;cursor:pointer;margin-right:10px}.video-col-title .v-change:hover{color:#fff;background:#f80;border-color:#f80}.video-col-title .v-change:hover .i-change{background-image:url(/h5/huya_video/@public-online/imgs/recommender/i-change-hover.963bf51062e497eb70b605ebadffb553.png)}.video-col-title .v-more{font-size:14px;color:#999;display:inline-block;line-height:28px}.video-col-title .i-fire{display:inline-block;width:12px;height:14px;background-image:url(/h5/huya_video/@public-online/imgs/recommender/i-fire.50fa36dd8dfbeb361485937f092fc20d.png);background-repeat:no-repeat;margin-right:2px;vertical-align:middle}.video-col-title .i-change{display:inline-block;width:18px;height:14px;background-image:url(/h5/huya_video/@public-online/imgs/recommender/i-change.c119f41713b048ba04f91ab93668e673.png);background-repeat:no-repeat;margin-right:1px;position:relative;top:2px}.video-col-title .fire-tips{margin-left:40px;padding-top:7px;float:left;font-size:14px;color:#555}.video-col-title-link{padding-top:2px;float:left;line-height:16px;overflow:hidden}.video-col-title-link .tab-btn{display:inline-block;color:#666;font-size:14px;padding:0 11px;border:1px solid #ddd;height:26px;line-height:26px;border-radius:13px;margin-right:5px;vertical-align:middle;cursor:pointer}.video-col-title-link .tab-btn.cur{color:#fff;background:#f80;border-color:#f80}.i-change-ani{-webkit-animation:rotate .5s infinite linear;animation:rotate .5s infinite linear}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.rank-sort{position:relative}.rank-sort .hd{height:36px;line-height:36px;margin-top:-2px}.rank-sort .hd h3{color:#555;font-size:18px}.rank-sort .more{float:right;color:#999;font-size:14px}.rank-sort .bd{padding:19px 10px 0 0}.rank-sort .sort-con{margin-top:-12px}.rank-sort .sort-con .hot{background-color:#f80}.rank-sort .sort-con .cont-pic{position:relative;margin-top:12px}.rank-sort .sort-con .cont-pic label{position:absolute;left:2px;top:2px;background-color:#f80}.rank-sort .sort-con .cont-pic:hover .img .hover-border{display:block}.rank-sort .sort-con .cont-pic:hover .video-title{color:#f80}.rank-sort .sort-con .cont-text{margin-top:8px}.rank-sort .sort-con .cont-text label{background-color:#bfbfbf;margin-right:8px}.rank-sort .sort-con .cont-text a{font-size:14px}.rank-sort .sort-con label{display:inline-block;width:18px;height:18px;font-size:12px;color:#fff;text-align:center;line-height:18px;z-index:2;border-radius:4px}.rank-sort .sort-con .hover-show{height:66px}.rank-sort .sort-con .hover-show .pay-tip{width:24px;height:17px;position:absolute;top:4px;right:4px;z-index:1}.rank-sort .sort-con .hover-show .img{position:relative;float:left;width:116px;height:66px;border-radius:6px;overflow:hidden}.rank-sort .sort-con .hover-show .img .hover-border{display:none;position:absolute;width:112px;height:62px;border:2px solid #f80;top:0;left:0;border-radius:6px}.rank-sort .sort-con .hover-show img{display:block;width:116px;height:66px}.rank-sort .sort-con .hover-show .video-title{font-size:14px;height:34px;line-height:18px;display:block;margin:0 0 5px 124px;overflow:hidden;-webkit-transition:all .1s linear;transition:all .1s linear;font-weight:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.rank-sort .sort-con .hover-show .video-meta{position:relative;line-height:1.1em;font-size:12px;color:#999;margin-left:124px;margin-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-sort .sort-con .hover-show .video-meta .score{color:#f80;font-size:14px}.rank-sort .video-meta-user{width:60px}
html{color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}article,aside,audio,bdi,canvas,datalist,details,figcaption,figure,footer,header,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,summary,time,track,video,title{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}html,body{height:auto;margin:0;padding:0}body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;font-size:12px;line-height:1.7;color:#666}i{font-style:normal}.fltL{float:left}.fltR{float:right}.fixR{position:absolute;top:0;right:0}.setCenter{margin:0 auto}.clrB{clear:both}.clrL{clear:left}.clrR{clear:right}.clrN{clear:none}.clearfix{zoom:1;*font-size:0;*line-height:1em}.clearfix:after{display:block;clear:both;height:0;content:" "}.b{font-weight:bold}.n{font-weight:normal}.txtC{text-align:center}.g-thide{text-indent:-9999px}.hide{display:none}.show{display:block}body,html{background:#f4f5f8;height:100%}.bg-gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}a{text-decoration:none;color:#555}a:hover{color:#f80;text-decoration:none}.body-main,.mod-main{width:1200px;margin:0 auto}.body-main{padding-bottom:65px}.mod-wrap{padding:20px 19px;background:#fff;border-radius:6px;margin-top:20px}.mod-wrap--index{border:none;border-radius:6px}.mod-wrap2{background:#fff;border:1px solid #efefef;box-shadow:0 0 2px rgba(0,0,0,.1);margin-top:20px;padding:30px 20px 50px}.vhy-main-page .vhy-header .header_sub{display:block}