#header { background-color: #f5f5f5; height: 30px; font-size: 12px; }
#header a:hover{color: #027BD6 !important;}
#header a:hover span{color: #027BD6;}
#header .header-content { line-height: 30px; }
#header .head-left { color: #dedede; float: left; }
#header .head-left a,#header .head-left span{color: #666;}
#header .head-right { float: right; width: 484px; }
#header .head-right li { float: right; }
#header .signIn { color: #2F6FAF; padding-left: 15px;}
#header .head-right li a { color: #666; height: 30px; position: relative; }
#header .mydrug-li { position: relative; }
#header .head-nav { position: absolute; display: none; z-index: 22; border: 1px solid #d2d2d2; }
#header .head-nav li { background-color: #eee; border-bottom: 1px solid #d2d2d2; width: 100%; height: 30px; line-height: 30px; }
#header .head-nav li:hover { background-color: white; }
#header .head-nav li:hover a { color: #004EA2; }
#header .head-nav li a { display: inline-block; width: 100%; }
#header .mydrug-li:hover ul { display: block; }
#header .lang-icon { display: inline-block; width: 42px; height: 20px; position: absolute; top: 7px; left: 10px; }
#header .choose .lang-icon { top: 7px; }
#header .lang-icon + span { padding-left: 48px; display: inline-block; width: 110px; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0; }
#header .lang-icon + span + span { position: absolute; left: 118px; top: 10px; transform-origin: 35% 50%; }
#header .lang-icon-en { width: 22px; height: 16px; background: url(../img/header.png); background-position: -52px 0; }
#header .lang-icon-cn { width: 22px; height: 16px; background: url(../img/header.png); background-position: 0 0; }
#header .choose .arrows-down-b { visibility: visible; }
#header .arrows-lang { position: relative; top: 0; left: 0; z-index: 2; }
#header .arrows-head { position: relative; top: 21px; left: -8px; z-index: 2; }
#header .message { display: inline-block; width: 22px; height: 15px !important; background: url(../img/header.png); background-position: -26px 0; position: absolute; top: 3px; }
#header .drugdu-index { color: #666; padding: 0 28px 0 5px; }
#header .drugdu-index span { display: inline-block; width: 14px; height: 14px; float: left; margin-top: 7px; background: url(../img/header.png); background-position: -78px 0; }
#header .message-li { display: block; }
#header .message-li .email-num { display: inline-block; width: 50px; height: 30px; line-height: 10px; color: #666; }
#header .message-li .email-num span { color: orange; }
#header .msg-notice { display: inline-block; position: absolute; width: 25px; height: 16px; background: url("../img/index_icon.png") 0 -52px no-repeat; line-height: 15px; font-size: 9px; color: white; text-align: left; padding-left: 2px; padding-top: 1px; top: 1px; left: 42px; }
#header .msg-notic-hide { visibility: hidden; }
#header .msg-notic-show { visibility: visible; }
#header .message-li a { line-height: 48px; }
#header .head-right .message-li { width: 80px; position: relative; }
#header .head-right .help-li { width: 80px; }
#header .head-right .mydrug-li { width: 111px; }
#header .head-right .dirctory-li { width: 100px; }
#header .head-right .lang-li { width: 110px;}
#header .lang-li { position: relative; z-index: 9999; }
#header .lang-li .arrows-down-b { transition: transform linear 0.4s; }
#header .lang-li:hover .menu-list { display: block; }
#header .lang-li:hover .arrows-down-b { transform: rotate(-180deg); }
#header .menu-select { height: 30px; }
#header .menu-select .choose { display: block; position: relative; }
#header .menu-select .choose span { display: inline-block; }
#header .menu-list { position: absolute; z-index: 20; left: 0; /*display: none;*/ }
/*#header .menu-list { position: absolute; z-index: 20; left: 0; top: 30px; display: none; }*/
#header .menu-list ul { float: left; width: 110px; box-sizing: border-box; }
#header .menu-list ul li { float: left; width: 100%; display: block; height: 30px; line-height: 30px; text-align: left; padding-left: 15px; box-sizing: border-box; }
#header .menu-list ul li { padding: 0; }
#header .menu-list ul li a { display: block; width: 100%; }