.container.full {width:auto;}

.header .top .right .user:hover,
.header .top .right .login,
.header .main .container .phone {border:1px solid #2a9dfa;border-radius:20px;}

.header .top {background-color:#f7f7f7;height:36px;line-height:36px;font-size:12px;color:#9d9d9d;overflow:hidden;}
.header .top .right .user a {color:#666;}
.header .top .right .user .fa {color:#333;margin-left:2px;}
.header .top .right .user .dropdown {display:none;}

.header .top .right .user:hover {position:absolute;z-index:2;width:84px;margin:4px 0 0 -75.5px;background-color:#fff;line-height:normal;border-radius:5px;padding:5px 5px;text-indent:5px;}
.header .top .right .user:hover .fa {margin-left:-3px;}
.header .top .right .user:hover .dropdown {display:block;margin-top:8px;}
.header .top .right .user:hover .dropdown a {display:block;padding:6px 0;border-top:1px solid #ededed;}
.header .top .right .user:hover .dropdown a:last-child {padding-bottom:3px;}

.header .top .right .login {text-align:center;margin:0 5px 0 12px;padding:4px 5px 3px 9px;background-color:#fff;}
.header .top .right .login a:first-child:after {content:'';display:inline-block;position:relative;top:1px;background-color:#0093ff;height:10px;width:1px;margin:0 2px 0 5px;}
.header .top .right .separator {display:inline-block;position:relative;top:3px;width:1px;height:14px;background-color:rgba(0,0,0,0.25);margin:0 10px;}
.header .top .right a:hover {opacity:0.6;}

.header .main {position:relative;background-color:#fff;}
.header .main,
.header .top .right .user:hover {box-shadow:0 3px 10px rgb(8 44 99 / 10%);}

.header .top.black,
.header .top.black .right .login a:first-child:after  {background-color:#1f1f1f;}

.header .top.black,
.header .top.black .right .user a,
.header .top.black .right .user .fa {color:#eee;}

.header .top.black .right .login {border-color:transparent;}

.header .top.black .right .login a,
.header .top.black .right .user:hover a,
.header .top.black .right .user:hover i {color:#444;}

.header .top.black .right .login a:hover,
.header .top.black .right .user:hover a:hover {color:#06f !important;}

.header .top.black .right .expert i,
.header .top.black .right .expert a {color:#fff !important;}

.header .top.black .right .expert:hover * {color:#fd0 !important;opacity:1;}
.header .top.black .right .user:hover {border-color:transparent;}

.header .main .container {height:60px;overflow:hidden;}
.header .main .container a.logo {display:block;width:128px;height:35px;margin-top:12px;}
.header .main .container a.logo img {height:35px;}
.header .main .container .menu {flex:1;align-items:self-start;font-size:15px;padding:19.5px 0 0 16px;}
.header .main .container .menu a {color:#333;padding:6.5px 12.5px;border-radius:2px;}
.header .main .container .menu a:hover,
.header .main .container .menu a.on {background-color:#2a9dfa;color:#fff !important;}
.header .main .container .phone {position:relative;top:-1px;width:226px;height:32px;margin-top:16px;border-radius:2px;overflow:hidden;}
.header .main .container .phone input {width:128px;margin:0 0 0 10px;border:none;}
.header .main .container .phone button {width:48px;border-radius:2px;cursor:pointer;background-color:#2a9dfa;color:#fff;}
.header .main .container .phone input,
.header .main .container .phone button {height:32px;line-height:30px;font-size:13px;}


.header.mini .main .container {align-content:center;height:52px;overflow:hidden;}
.header.mini .main .container a.logo {margin-top:6px;}
.header.mini .main .container > .avatar {margin-top:5px;}
.header.mini .main .container .menu {flex:1;font-size:16px;padding:11px 0 0 15px;}
.header.mini .main .container .menu a {height:30px;line-height:30px;margin:0 5px;padding:0 18px;border-radius:2px;}
.header.mini .main .container .menu a:first-child {padding-left:12px;}
.header.mini .main .container .menu a:last-child {padding-right:12px;}