@charset "utf-8";

/*头部*/
.v_top{ width:100%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.v_topn{ width:1160px; height:48px; margin:0 auto;}
.vtn_l{ padding:10px 0; float:left;}
.vtn_l .l_logo{ height:28px; float:left;}
.vtn_l .l_logo img{ height:28px;}
.l_logo img[src='']{ display:none;}
.vtn_r{ padding:10px 0; float:right;}
.vtn_r .r_user{ padding:3px 0; height:24px; width: 24px; position:relative; float:right; margin-left:10px;}
.vtn_r .r_user img{ height:100%; width:100%; border-radius:50%;}
.u_core{ display:none; position:absolute; top:29px; left:-135px; width:170px; z-index:999;}
.r_user:hover .u_core{ display:block;}
.u_core .tran-u{ position:absolute; top:1px; left:139px; width:0; height:0; border-right:8px solid transparent; border-bottom:8px solid #e6e6e6; border-left:8px solid transparent;}
.u_core .tran-u:after{ content:""; display:block; position:absolute; top:1px; left:-8px; width:0; height:0; z-index:1000; border-right:8px solid transparent; border-bottom:8px solid #fff; border-left:8px solid transparent;}
.u_core ul{ position:relative; width:100%; float:left; background:#fff; margin-top:9px; padding:6px 8px 8px; border:1px solid #e6e6e6; box-sizing:border-box;}
.u_core li{ width:100%; height:34px; line-height:34px; margin:1px 0; text-indent:10px; font-size:12px;}
.u_core li:last-child{ border-top:1px solid #eee;}
.u_core li a{ display:block; text-decoration:none; color:#333;}
.u_core li:hover a{ background:#f6f6f6;}
.u_core li:last-child a{ margin-top:1px;}
.r_usr2{ height:28px; line-height:28px; padding:0 10px; float:right;}
.r_usr2 a{ font-size:13px; color:#565656;}

.vtn_r #btn_vip, .vtn_r #re_vip{ padding:0 10px; margin:0; font-size:13px; color:#565656; line-height:27px;}
.vtn_r #btn_vip{ padding-left:0;}
.vtn_r #re_vip{ padding-right:0;}

.vtn_lp{ position:relative; height:26px; line-height:26px; background:#eee; border-radius:13px; padding:0 30px 0 15px; margin:11px 0; margin-right:40px; float:right;}
.mu_vip{ width:140px; height:26px; line-height:26px; border:0 none; background:none; color:#222; outline:none; transition:all 0.5s; float:left;}
.mu_vip:focus{ width:180px;}
.mu_vip:-webkit-autofill { box-shadow: 0 0 0px 1000px #eee inset !important;}
.mu_sea{ position:absolute; right:0; top:0; width:28px; line-height:26px; border:0 none; outline:none; background-color:transparent; background:url(../images/search_vi.png) 3.5px 4px no-repeat; cursor:pointer;}


@media screen and (min-width: 480px) and (max-device-width: 768px){
	.v_topn{ padding: 0 15px; box-sizing: border-box;}
}