/*Main Front*************************************/
.main-top-box{width:800px;}
.main-top-img{margin:0 auto 40px auto;}
.main-top-logo{max-height:110px;}
.main-top-welcome{margin:0 auto; padding:0; text-align:left; line-height:68px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:60px;}
.main-top-border{width:40%; max-width:250px;}
.main-middle{margin:60px auto 0 auto;}
.main-middle-heading{line-height:48px; font-size:44px;}
.main-middle-announce{line-height:22px; font-size:20px;}
.main-features{padding:100px 0;}
.main-features-promote{margin:40px auto 0 auto; padding:0;}
.main-features-promote-unit{flex: 1; margin:30px 2%; width:29%;}
.main-features-promote-unit-info{line-height:21px; font-size:17px;}
.main-features-promote-unit-icon{max-width:90%;}




/*Common*****************************/
.common-box{width:984px;}
.common-wide{width:984px;}
.common-narrow{width:900px;}


/*Head*******************************/
.head-box{padding:30px; min-height:79px;}
.head-menu-icon{top:30px; left:30px;}
.head-menu-icon.filter{top:23px; left:30px;}
.head-menu-icon.filterw{top:23px; left:30px;}
.head-menu-open{top:30px; right:30px;}
.head-menu-close{top:30px; right:30px;}
.head-account{top:34px; right:92px;}
.head-account-item{margin:0 auto 0 30px;}
.head-account-itemdark{margin:0 auto 0 30px;}
#menuLogo{display:block;}
.head-user{margin:0 auto; width:50%; height:100%;}
.head-user-img{position:absolute; top:46%; left:0; padding:50px 0; min-height:300px; border-right:1px solid rgba(255,255,255,0.1);}
.head-user-icon{margin:0 auto; max-height:300px;}
.head-user-name{line-height:32px; font-size:32px;}
.head-nav{padding:0; width:50%; height:100%; border-top:none;}
.head-nav-frame{position:absolute; top:46%; left:50%; width:500px; transform:translateX(-50%);}
.head-nav-item{padding:0 4px; line-height:32px; font-size:32px;}