.userbox{
    width:100%;
    height:2.00rem;
}
.userbox .mask{
    position: absolute;
    width:12.00rem;
    height:2.00rem;
    opacity: 0.1;
    background-color: #000000;
    z-index: -1;
}
.userbox .bg{
    position: absolute;
    width:12.00rem;
    height:2.00rem;
    overflow:hidden;
    z-index: -2;
}
.userbox .face{
    width:1.40rem;
    height:1.40rem;
    border-radius: 50%;
    margin:0.30rem 0.40rem;
    float:left;
}
.userbox .username{
    font-size: 0.26rem;
    color:#FFFFFF;
    display: inline-block;
    margin-top:0.80rem;
}
.userbox .signature{
    font-size: 0.14rem;
    color:#FFFFFF;
    margin: 0.10rem 0.10rem 0 0;
}
.action_bar{
    width: 100%;
    height: 0.33rem;
    line-height: 0.33rem;
    margin: 0.15rem 0;
}
.action_bar .menu{
    margin-left: 0.10rem;
    float:left;
}
.action_bar .menu li{
    padding:0 0.16rem;
    margin:0 0.10rem;
    font-size: 0.14rem;
    border-radius: 0.18rem;
    float: left;
}
.action_bar .menu li.select{
    background-color: #46B2E9;
    color: #FFFFFF;
}
.action_bar .search{
    margin-right: 0.30rem;
    display: inline-block;
    float:right;
}
.action_bar .search input{
    width:1.50rem;
    height:0.30rem;
    padding-left:0.15rem;
    padding-right:0.35rem;
    border-radius: 0.15rem;
    border:1px solid #CCCCCC;
    transition: .2s ease-out;
}
.action_bar .search:hover inout{
    border:1px solid #1B9FE0;
}
.action_bar .search .icon{
    width:0.18rem;
    height:0.18rem;
    position:absolute;
    padding:0.02rem;
    margin-left:-0.30rem;
    color:#CCCCCC;
    cursor: pointer;
    transition: .2s ease-out;
}
.action_bar .search:hover .icon i{
    color:#1B9FE0;
}

.user_nav{
    margin: 0.10rem 0;
}
.user_nav a{
    display: block;
    background-color: #F5F5F5;
    color: #999999;
    height: 0.65rem;
    line-height: 0.65rem;
    text-align: center;
    font-size: 0.16rem;
    transition: .2s ease-out;
}
.user_nav a:hover{
    background-color: #46B2E9;
    color:#FFFFFF;
}
.user_nav .select{
    background-color: #46B2E9;
    color:#FFFFFF;
}

.userdata{
    font-size: 0.14rem;
}
.userdata td{
    line-height: 0.50rem;
    text-align: center;
    color:#999999;
}
.userdata td .iconfont{
    padding-right: 0.04rem;
}
.userdata td .num{
    color:#1B9FE0;
    margin-top: 0.05rem;
    padding-left: 0.08rem;
}

.message_box{
    width:7.20rem;
}
.message_box .messagelist{
    font-size: 0.14rem;
}
.message_box .messagelist li{
    margin:0.20rem 0;
    width:94%;
    padding:3%;
    background-color:#F5F5F5;
    overflow:hidden;
    cursor:pointer;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
}
.message_box .messagelist li .unread{
    width:0.40rem;
    height:0.22rem;
    line-height:0.22rem;
    border-radius:0.11rem;
    font-size:0.12rem;
    color:#ffffff;
    background-color:#1B9FE0;
    margin-right:0.10rem;
    display:inline-block;
    text-align:center;
}
.message_box .messagelist li .expand{
    text-align:right;
    color:#999999;
}
.message_box .messagelist li:hover .expand{
    color:#1B9FE0;
}
.message_box .messagelist li .content{
    padding:3%;
    width:94%;
    margin-top:0.10rem;
    float:left;
    background-color:#EEEEEE;
    display:none;
}

.setting_account{
    font-size:14px;
}
.setting_account li{
    padding:25px 0;
    border-bottom:1px solid #eaeaea;
    display:block;
    overflow:hidden;
}
.setting_account .iconfont{
    padding:0 10px;
}
.setting_account .form{
    overflow:hidden;
    width:94%;
    padding:3%;
    margin-top:36px;
    background-color:#eeeeee;
}

.followlist{
    width:7.20rem;
}
.followlist li{
    width:6.80rem;
    padding:0.20rem 0.20rem;
    overflow:hidden;
}
.followlist li:nth-child(even){
    background-color:#F5F5F5;
}
.followlist li .face{
    width:0.60rem;
    margin-right:0.20rem;
    border-radius:50%;
    float:left;
}
.followlist li .username{
    font-size: 0.16rem;
    color:#1B9FE0;
    width: 4.00rem;
    float: left;
}
.followlist li .info{
    width: 6.00rem;
    font-size: 14px;
    margin-top:6px;
    color:#999999;
    float: right;
}
.followlist li .info .data{
    width:20%;
    float: left;
}

.followlog{
    width:7.20rem;
}
.followlog>li{
    border-bottom: 1px dashed #DDDDDD;
    padding:0.20rem 0.10rem 0.10rem 0.10rem;
}
.followlog>li:last-child{
    border-bottom: none;
}
.followlog li .log{
    font-size: 0.14rem;
    line-height: 0.25rem;
}
.followlog li .log .face{
    width:0.25rem;
    margin-right: 0.10rem;
    border-radius:50%;
    float:left;
}