.header{height:50px;-webkit-transition:all 1s;transition:all 1s}.header.gray-bg{background-color:#f9f9f9}.header .user-content:hover+.right_lists,.header .user-content:hover .right_lists{visibility:visible;opacity:1}.header .user-content .user_name{width:36px;height:36px;border-radius:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;margin:auto}html[skin=core] .header .user-content .user_name{background-color:#d12829}html[skin=www] .header .user-content .user_name{background-color:#ee4c47}html[skin=center] .header .user-content .user_name{background-color:#d12829}html[skin=mc] .header .user-content .user_name{background-color:#7f86e4}html[skin=pss] .header .user-content .user_name,html[skin=shop] .header .user-content .user_name{background-color:#f85b56}html[skin=data] .header .user-content .user_name{background-color:#7f86e4}html[skin=agent] .header .user-content .user_name{background-color:#f85b56}html[skin=mengniu] .header .user-content .user_name{background-color:#00a73b}html[skin=dsp] .header .user-content .user_name{background-color:#7eb5d4}html[skin=help] .header .user-content .user_name,html[skin=message] .header .user-content .user_name{background-color:#d12829}.header .agent-user{position:relative;padding-left:24px;margin-top:10px;width:120px;height:30px;line-height:30px;text-align:center;border:1px solid #fff;border-radius:20px;color:#fff}.header .agent-user i{position:absolute;font-size:24px;top:50%;left:2px;margin-top:-15px}.header .right_lists{cursor:pointer;visibility:hidden;opacity:0}.header .menu-extend{z-index:10;position:absolute;width:270px;right:0;top:50px;-webkit-transition:all .3s;transition:all .3s}html[skin=core] .header .menu-extend{background-color:#151923}html[skin=www] .header .menu-extend{background-color:rgba(0,0,0,0)}html[skin=center] .header .menu-extend{background-color:#151923}html[skin=mc] .header .menu-extend{background-color:#1c2337}html[skin=pss] .header .menu-extend,html[skin=shop] .header .menu-extend{background-color:#282828}html[skin=data] .header .menu-extend{background-color:#1c2337}html[skin=agent] .header .menu-extend,html[skin=mengniu] .header .menu-extend{background-color:#282828}html[skin=dsp] .header .menu-extend{background-color:#364150}html[skin=help] .header .menu-extend,html[skin=message] .header .menu-extend{background-color:#151923}.header .menu-extend>span.un{padding:0 20px 0 36px}.header .Header .user-content:hover .menu-extend{visibility:visible;opacity:1}.header .menu-extend .item{margin-left:20px;margin-right:20px;height:55px;line-height:55px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.header .menu-extend .item.logout{border-top:1px solid #2a2d34;margin-bottom:10px}.header .menu-extend .item a{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;text-align:left;cursor:pointer;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header .menu-extend .item a i{font-size:20px;position:relative;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);margin:0 15px;width:20px}html[skin=core] .header .menu-extend .item a:hover{color:#d12829}html[skin=www] .header .menu-extend .item a:hover{color:#ee4c47}html[skin=center] .header .menu-extend .item a:hover{color:#d12829}html[skin=mc] .header .menu-extend .item a:hover{color:#7f86e4}html[skin=pss] .header .menu-extend .item a:hover,html[skin=shop] .header .menu-extend .item a:hover{color:#f85b56}html[skin=data] .header .menu-extend .item a:hover{color:#7f86e4}html[skin=agent] .header .menu-extend .item a:hover{color:#f85b56}html[skin=mengniu] .header .menu-extend .item a:hover{color:#00a73b}html[skin=help] .header .menu-extend .item a:hover,html[skin=message] .header .menu-extend .item a:hover{color:#d12829}.header .menu-extend .item.uinfo{padding-left:15px}html[skin=dsp] .header .menu-extend .item:hover{background-color:#364150}html[skin=dsp] .header .menu-extend .item:hover a,html[skin=dsp] .header .menu-extend .item:hover a:hover{color:#7eb5d4}.header .introduce{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.header .introduce p{color:#fff}.header .header-nav li{position:relative}.header .header-nav .subNav{visibility:hidden;opacity:0;position:absolute;top:50px;left:-30px;z-index:9;height:160px;width:140px;text-align:center;background-color:#1c202a;opacity:.96;padding-top:20px}.header .header-nav .subNav .inner{display:inline-block}.header .header-nav .subNav .subItem{display:inline-block;text-align:left;padding-left:30px}.header .header-nav .subNav .subItem a{display:inline-block;width:140px;height:30px}.header .header-nav .subNav .subItem a span{color:#fff;font-size:12px;padding-bottom:6px}.header .header-nav .subNav .subItem a span:hover{color:#ee4c47}.header .header-nav .subNav .subItem a:nth-child(3){margin-right:0}.header .header-nav li:hover .subNav{visibility:visible;color:#ee4c47!important;opacity:.9}.menu-extend .layout img{width:24px;height:auto}