﻿.user_nav_bar{position: absolute; z-index:999!important;}
#user_nav{display:block;height:30px;line-height:30px;position:relative;}
#user_nav a{text-decoration:none;}
#anvlfteb{ float:left;height:30px;position:relative;padding:0 1px;}
.defu a,.posbox a{display:block;color:#F6A304 !important; }
.defu a:hover,.posbox a:hover{color:#666 !important; text-decoration:none !important;}
.defu{color:#FFF;float:left}
.posbox{position:relative; white-space:nowrap; }
.posbox a{padding:0 0px 0 10px; float:left;}
.posbox i{width:7px;height:4px;background:url("../images/up.gif") 0 -70px no-repeat; display:inline-block; position:relative; top:0px; vertical-align:middle; margin-left:6px;margin-right:10px; overflow:hidden;}
#user_nav .anvh a{background:rgba(255,255,255,1);}
#user_nav .anvh i{background-position:0 -75px;}
.posiabox{position:absolute;top:30px;left:0px;display:none;z-index:22;}
#seledbox{ text-align:center;background:#FFF;box-shadow:0 0 4px #999; padding:0px;display:block;min-width:calc(100% - 2px);}
#seledbox div{display:block;}
#seledbox a{color:#444 !important;display:block; white-space:nowrap;padding:0px  25px;line-height:26px;font-weight:normal !important}
#seledbox a:hover{background:#fff5da !important;color:#004ab3 !important;text-decoration:none !important;}
#seledbox img{float:left;width:20px;height:20px;margin-right:8px;}
.user_nav_line { height:1px;  overflow-y:hidden;  display:block;  margin:0 auto; width:90%; border-top:1px dashed #e1cb9c;}


/*
.icon_user {float:left; width:24px; height:23px;background: url("../images/icon_login.png") no-repeat 0px 0 ; margin:2px 5px 0 0px; position:relative}
.icon_vip {float:left; width:24px; height:23px;background: url("../images/icon_login.png") no-repeat 0 -23px; margin:2px 5px 0 0px; position:relative}
.icon_vip em {width:10px; height:10px;background: url("../images/icon_vip.png") no-repeat; position:absolute; top:-3px; right:-5px; z-index:2 }
*/


.user_icon {display: inline-block;  height:24px; background-repeat:no-repeat; background-position: left top;margin-right:0px;   text-align: right; vertical-align:text-bottom; position:relative}
.user1 {background-image: url("../images/usericon6.png"); width:28px; }
.user2 {background-image: url("../images/usericon1.png");width:35px; }
.user3 {background-image: url("../images/usericon1.png"); width:48px;}
.user4 {background-image: url("../images/usericon4.png") ;width:35px; }
.user5 {background-image: url("../images/usericon5.png") ;width:35px; }
.user_icon span { display: flex; align-items: flex-start; position:absolute; left:20px;top:-2px;   }
.user_icon span em { float: left;  width:10px; height:10px; background-repeat:no-repeat;  margin-right:2px;   position:relative}
.user_icon .icon_star {background-image: url("../images/icon_star.png") ; }
.user_icon .icon_medal {background-image: url("../images/icon_medal.png") ; }