@charset "utf-8";
.user-center {
    
    height:58px;
    top:0;
    
    padding-top:6px;
    margin-left:30px;
    
}
.user-center .login {
    float:left
}
user-center .login .user .avatar-container-30 {
    padding:3px 20px
}
.user-center .login .user .user-list {
    display:block
}
.user-center .login .user .user-list sup.subnav-dot-sup {
    top:10px;
    right:14px
}
.user-center .unlogin {
    float:left
}
.user-center .unlogin li {
    line-height:50px
}
.user-center .unlogin a {
	padding:0 3px;
    margin-left:-10px;
     margin-top:10px;
     color:#fff;
   
}
.user-center .unlogin a:hover{ 
     color:#000;
     
}
.user-center .unlogin i {
    display:inline-block;
    width:1px;
    height:10px;
    background:#444;
    margin-left:20px
}
 .user-center .menu-list {
    width:130px;
    position:absolute;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.2);
    box-shadow:0 1px 12px 0 rgba(0,0,0,.2);
    border-radius:0 0 4px 4px;
    color:#444;
    z-index:14
}
.user-center .menu-list p {
    height:30px;
    line-height:30px;
    cursor:pointer;
     background:#3BA6BF;
     width:130px;
     color:#fff;
}
.user-center .menu-list p:hover {
    background:#3BA6BF;
    
}

.user-center .menu-list p:hover {
    background:#3BA6BF
}

 
.user-center ul li a {
    display:inline-block
}
.user-center>ul>li {
    float:left;
    cursor:pointer;
    position:relative;
     padding: 0 10px;
}
.user-center>ul>li>a {
    padding:0px 17px;
     background:#3BA6BF;
}
 
.user-center>ul .header-msg-menu-withmore:hover .menu-list,.user-center>ul .user:hover .menu-list {
    display:block;
    background:#3BA6BF;
    
}
.user-center>ul .current-style {
    background:#3BA6BF;
    
}
 
.user-center>ul .user:hover {
    background:#3BA6BF;
     padding: 0 10px;
     width:50px;
}
.user-center>ul .user a.user-list img {
    margin-top:20px;
    width:30px;
    height:30px;
    vertical-align:middle;
    border-radius:50%
}
.user-center>ul .user .user-box {
    padding:0
}
.user-center>ul .user .user-box section {
    line-height:60px;
    border-bottom:1px solid #eee;
    text-align:left;
    padding-left:20px;
    font-weight:600
}
 
.user-center>ul .user .user-box section a {
    display:inline-block;
    width:100%
}
 
.user-center>ul .user .user-box .user-box-list {
    padding:6px 0
}
 
.user-center>ul .user .user-box .user-box-list .user-box-list-area:not(:last-child) {
    border-bottom:1px solid #eaeaea
}
.user-center>ul .user .user-box .user-box-list .user-box-list-area a {
    display:inline-block;
    width:110px;
    padding-left:20px;
    position:relative;
     background:#3BA6BF;
}
.user-center>ul .user .user-box .user-box-list .user-box-list-area a sup {
    top:12px
}
 

.hide {
     display:none
 }
 
header {
    padding: 5px 10px 0 5px;
    background: #0480d7;
    height: 80px;
}

.user-center {
       
		width: 150px; 
    }
.right_div { 
    margin-left: 1px;
		width: 370px; 
    }
 .righteng_div { 
    margin-left: 1px;
		width: 70px; 
    }   
    
    
    .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control {
    height: auto;
}