.common-header-wrap{background:#fff;height:80px;min-width:1400px}.common-header-wrap.has-shadow{box-shadow:0px 2px 3px 0px rgba(0,0,0,.09)}.common-header-wrap .common-header{width:1400px;display:flex;align-items:center;margin:0 auto;justify-content:space-between}.common-header-wrap .common-header .header-left .pro-logo{width:137px;height:40px;background:url(//ssr.msstatic.com/zx-safe/components/CommonHeader/imgs/huya-logo-v2.png) no-repeat;display:block}.common-header-wrap .common-header .header-right{display:flex;align-items:center}.common-header-wrap .common-header .header-right .nav-list-wrap{display:flex}.common-header-wrap .common-header .header-right .nav-list-wrap .nav-item{font-size:16px;color:#666;line-height:80px;padding:0 10px;cursor:pointer;margin:0 5px;white-space:nowrap}.common-header-wrap .common-header .header-right .nav-list-wrap .nav-item.on{color:#fa9600}.common-header-wrap .common-header .header-right .login-wrap{display:flex;align-items:center}.common-header-wrap .common-header .header-right .login-wrap .user-head{width:34px;height:34px;border-radius:50%}.common-header-wrap .common-header .header-right .login-wrap .user-name{margin-left:5px;font-size:16px;color:#999}.common-header-wrap .common-header .header-right .btn-login{margin-left:50px;width:87px;height:40px;background:#ffcc02;border-radius:2px;font-size:18px;color:#fff;line-height:40px;text-align:center;cursor:pointer}
.bread-wrap{min-width:1400px;overflow:hidden;display:flex;margin:0 auto}.bread-wrap .bread-item{font-size:20px;color:#666;cursor:pointer}.bread-wrap .logo-next{width:24px;height:24px;background:url(//ssr.msstatic.com/zx-safe/components/Breadcrumbs/imgs/logo-right.png) no-repeat;background-size:100% 100%}
.comment-list-wrap{width:1400px;margin-top:50px}.comment-list-wrap .comment-item{width:1400px;display:flex;height:155px;padding:30px 0 15px 0;border-bottom:1px solid #e5e5e5}.comment-list-wrap .comment-item .item-left{padding-right:13px;width:100px}.comment-list-wrap .comment-item .item-left .user-head{width:48px;height:48px;border-radius:50%}.comment-list-wrap .comment-item .item-right{width:1100px}.comment-list-wrap .comment-item .item-right .right-row1{display:flex;justify-content:space-between;height:50px;align-items:center}.comment-list-wrap .comment-item .item-right .right-row1 .user-name{font-size:20px;color:#333}.comment-list-wrap .comment-item .item-right .right-row1 .time{font-size:16px;color:#333}.comment-list-wrap .comment-item .item-right .right-row2{overflow:hidden;line-height:20px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.comment-wrap{width:1400px;background:#fffefe;border-radius:3px;border:1px solid rgba(213,207,207,.5);margin-top:20px}.comment-wrap .comment-input{height:224px;width:1160px;border:none;outline:none;font-size:20px;color:#333;resize:none;padding:0;padding:20px}.comment-wrap .comment-input::placeholder{text-align:center;line-height:224px}.comment-wrap .comment-row2{height:64px;background:#fff;box-shadow:0px -2px 4px 0px rgba(0,0,0,.02);border-top:1px solid #ededed;display:flex;justify-content:flex-end;align-items:center}.comment-wrap .comment-row2 .btn-commit-commit{width:95px;height:36px;background:#ffcc02;border-radius:3px;line-height:36px;font-size:16px;color:#fff;text-align:center;margin-right:30px;cursor:pointer}
.title-wrap{display:flex;background:url(//ssr.msstatic.com/zx-safe/components/Title/imgs/title-bg.png) no-repeat left center/10px 32px;align-items:center;justify-content:space-between;margin-bottom:28px;margin-top:80px;padding-left:25px}.title-wrap .title-left{font-weight:500;font-size:30px;color:#333}.title-wrap .title-right{color:#666;font-size:16px;padding-right:30px;background:url(//ssr.msstatic.com/zx-safe/components/Title/imgs/next-logo.png) no-repeat right center;cursor:pointer}.title-wrap .title-right:hover{color:#ffcc02;background:url(//ssr.msstatic.com/zx-safe/components/Title/imgs/next-logo-hover.png) no-repeat right center}
.common-footer-wrap{background:#fbfbfb;height:430px;min-width:1400px}.common-footer-wrap .footer-row1{display:flex;height:90px;align-items:center;border-bottom:1px solid #e6e6e6;width:1400px;margin:0 auto;position:relative}.common-footer-wrap .footer-row1 .hy-logo{width:174px;height:50px;background:url(//ssr.msstatic.com/zx-safe/components/CommonFooter/imgs/hy-logo.png)}.common-footer-wrap .footer-row2{display:flex;width:1400px;margin:0 auto;margin-top:20px;border-bottom:1px solid #e6e6e6;padding-bottom:100px}.common-footer-wrap .footer-row2 dl{width:300px}.common-footer-wrap .footer-row2 dl:nth-child(3){width:400px}.common-footer-wrap .footer-row2 dl dt{font-size:20px;color:#999;height:50px;line-height:50px}.common-footer-wrap .footer-row2 dl dd{font-size:16px;line-height:40px;height:40px}.common-footer-wrap .footer-row2 dl dd a{color:#333}.common-footer-wrap .footer-row2 dl dd a:hover{color:#ffcc02}.common-footer-wrap .footer-row2 .about-we{width:400px}.common-footer-wrap .footer-row2 .about-we dd{width:100px;float:left;text-align:center;margin-right:30px}.common-footer-wrap .footer-row2 .about-we dd .qr{width:100px;height:100px}.common-footer-wrap .footer-row2 .about-we dd .qr-aq{background:url(//ssr.msstatic.com/zx-safe/components/CommonFooter/imgs/qr-aq.png);background-size:100%}.common-footer-wrap .footer-row2 .about-we dd .qr-wx{background:url(//ssr.msstatic.com/zx-safe/components/CommonFooter/imgs/qr-wx.png);background-size:100%}.common-footer-wrap .footer-row2 .about-we dd .qr-prod{background:url(//ssr.msstatic.com/zx-safe/components/CommonFooter/imgs/qr-prod.png);background-size:100%}.common-footer-wrap .footer-row2 .about-we dd p{font-size:16px;color:#333}.common-footer-wrap .footer-row3{width:1400px;margin:0 auto;text-align:center;line-height:75px;height:75px;color:#333;font-size:14px}
.article-wrap{width:1400px;margin-top:50px}.article-wrap .article-type{font-size:16px;color:#999}.article-wrap .article-title{color:#333;font-size:40px;line-height:80px}.article-wrap .article-time{color:#999;font-size:16px;height:25px;padding-left:30px;line-height:25px;background:url(//ssr.msstatic.com/zx-safe/components/Article/imgs/logo-time.png) no-repeat left center/22px 22px;margin-bottom:20px}.article-wrap .article-cont{line-height:1.5}.not-fond{text-align:center;margin:60px auto 0}
.topic-list-wrap{width:1400px;margin-top:50px}.topic-list-wrap .comment-item{width:1400px;display:flex;height:269px;padding:30px 0 15px 0;border-bottom:1px solid #e5e5e5;align-items:center}.topic-list-wrap .comment-item .item-left{padding-right:40px}.topic-list-wrap .comment-item .item-left .topic-pic{width:264px;height:174px;cursor:pointer}.topic-list-wrap .comment-item .item-right .right-row1{font-size:14px;color:#999;line-height:50px}.topic-list-wrap .comment-item .item-right .right-row2{font-size:20px;color:#333;line-height:50px;cursor:pointer}.topic-list-wrap .comment-item .item-right .right-row3{font-size:14px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.topic-list-wrap .comment-item .item-right .right-row4{font-size:16px;color:#999;line-height:40px}.topic-list-wrap .list-none-wrap .list-none-pic{width:490px;height:330px;background:url(//ssr.msstatic.com/zx-safe/components/TopicList/imgs/logo-list-none.png) no-repeat;background-size:100% 100%;margin:0 auto}.topic-list-wrap .list-none-wrap .list-none-txt{color:#666;font-size:24px;text-align:center;margin-top:50px}
.bread-outer{height:80px;background:#f8f9fa;display:flex;align-items:center}.page-content{width:1400px;margin:0 auto;padding-bottom:30px}.page-content .channel-pic1{width:1175px;height:299px;background:url(//ssr.msstatic.com/zx-safe/layout/TopicDetailPageWrap/imgs/channel-pic.png) no-repeat;background-size:100% 100%;cursor:pointer}.page-content .content-row2 .pg-wrap{display:flex;justify-content:center;margin-top:40px}.page-content .content-row2 .pg-wrap li{font-size:18px;color:#333;padding:20px;cursor:pointer}.page-content .content-row2 .pg-wrap li a{outline:none;border:none}.page-content .content-row2 .pg-wrap li.selected{color:#ffcc02}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}html,body{height:100%}body{font-family:tahoma,arial}