.common-header{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto;position:relative;height:141px;width:1000px;border-top:0;background:#fff;color:#333;border-radius:8px}.common-header .nav-item-wrapper{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid #f1f1f1}.common-header .nav-item-wrapper:last-child{border-right:none}.common-header .nav-item{width:66px;height:66px;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;margin-bottom:10px}.common-header .nav-item.user{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/user.png)}.common-header .nav-item.user:hover,.common-header .nav-item.user.active{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/user_active.png)}.common-header .nav-item.profile{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/profile.png)}.common-header .nav-item.profile:hover,.common-header .nav-item.profile.active{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/profile_active.png)}.common-header .nav-item.ow{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/ow.png)}.common-header .nav-item.ow:hover,.common-header .nav-item.ow.active{background-image:url(//ssr.msstatic.com/huya-help-leaf/components/commonHeader/imgs/ow_active.png)}.common-header .nav-item-text{font-size:16px}.common-header .nav-item-text.active{font-weight:800}
.menu-wrapper{background:#fff;height:auto;min-height:auto;padding:16px 0 0 16px;width:210px;border-right:1px solid #f1f1f1;font-size:14px;user-select:none;color:#666;box-sizing:border-box}.menu-wrapper .menu-item{display:block;position:relative;padding-left:14px}.menu-wrapper .menu-item .menu-icon{position:absolute;width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:6px solid #999;left:0px;top:14px;border-radius:3px}.menu-wrapper .menu-item .menu-icon-active{top:17px;left:-3px;border-top:6px solid #999;border-left:6px solid rgba(0,0,0,0)}.menu-wrapper .menu-title{height:42px;line-height:42px;cursor:pointer;position:relative}.menu-wrapper .menu-title>span{display:block;white-space:nowrap;position:relative;z-index:7}.menu-wrapper .menu-title-active{color:#333;font-weight:bold}.menu-wrapper .menu-title-active::after{content:"";position:absolute;height:100%;width:250px;right:0;top:0;background:#fff8ef;z-index:1;border-right:3px solid #ffa900}.menu-wrapper .menu-item-child{display:none}.menu-wrapper .menu-item-child.menu-item-child-show{display:block}
.page-wrapper{height:100%}.page-wrapper .page-content{width:1000px;margin:20px auto 40px;overflow:hidden;zoom:1;display:flex;border-radius:8px;background:#fff}.page-wrapper .page-content .page-content-main{flex:1}.page-wrapper .page-content .page-content-main .content-title{text-align:center;margin:0 auto 20px;font-size:14px;color:#333}.page-wrapper .page-content .page-content-main .content-param{font-size:12px;line-height:24px;color:#333;margin-bottom:15px;text-indent:2em}.page-wrapper .help-cont{float:right;width:670px;padding:0 50px 50px 58px;min-height:660px;background:#fff;margin-bottom:40px;font-size:12px}.page-wrapper .help-cont a{color:#64a6df}.page-wrapper .help-cont p{line-height:18px}.page-wrapper .help-cont .anchor-nav{display:none}.page-wrapper #text{padding:0 0 25px}.page-wrapper #text p{margin:1em 0;color:#333;text-indent:2em;font-size:12px;padding:0 15px;line-height:24px}.page-wrapper #text img{display:block;margin:2em auto}.page-wrapper #text h4{font-size:14px;color:#333;font-weight:bold}.page-wrapper #text div{padding:34px 0 0}
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}#root{background:#f4f5f9;padding-top:100px;padding-bottom:80px}
