.user_center{
    font-size: .32rem;
    background: #fff;
    height: 100%;
}
.user_center .user_center-header{
    width: 100%;
    height: 4.133333rem;
    position: relative;
}

.user_center .user_member{
    background: url(/static/img/mobile/home/memberbg.png) no-repeat;
    background-size: 100% 100%;
}

.user_center .user_nomember{
    background: url(/static/img/mobile/home/nomemberbg.png) no-repeat;
    background-size: 100% 100%;
}


.user_center .avatar_content{
    display: flex;
    justify-content: space-between;
}

.avatar_content .avatar-container{
    margin: .48rem 0 0 .386667rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.avatar-container .img-container{
    width: 1.5rem;
    height: 1.5rem;
    border-radius:50%;
    overflow: hidden;
}

.avatar-container .img-container img{
    width: 100%;
    height: 100%;
}
.user_nomember  .name-container .member_icon{
    display: none;
}
.avatar-container  .name-container{
    font-size: .4rem;
    color: #fff;
    margin-left: .2rem;
}

.avatar-container .name-container .member_icon{
    width: 1.066667rem;
    height: .373333rem;
    background: url(/static/img/mobile/home/member_icon.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .133333rem;
}

.setup-container .div_setup{
    margin-top: .333333rem;
}

.setup-container .div_setup{
    display: flex;
    justify-content: flex-end;
}

.setup-container .div_setup a:first-child{
    margin-right:.533333rem;
}

.setup-container .div_setup a:last-child{
    margin-right:.4rem;
}

.setup-container .div_setup a img{
    width: .533333rem;
    height: .506667rem;
}

.setup-container .div_member-container{
    width: 3.226667rem;
	height: 1.128rem;
    border-radius: .506667rem 0 0 .506667rem;
    margin-top: .466667rem;
    margin-right: 0.2rem;
}

.setup-container .div_member{
    background: url(/static/img/mobile/home/plusnav.png) no-repeat;
    background-size: 100% 100%;
}

.setup-container .div_nomember{
    background: url(/static/img/mobile/home/noplusnav.png) no-repeat;
    background-size: 100% 100%;
}

.user_center-header .order_content{
width: 9.466667rem;
height: 2.133333rem;
background-color: #ffffff;
	box-shadow: 0 .026667rem  .093333rem 0 
		rgba(188, 188, 188, 0.8);
    border-radius: .133333rem;
    position: absolute;
    top: 3.5rem;
    left: .266667rem;
    display: flex;
    justify-content: flex-start;
}

.user_center-header .order_content li{
    width: 33.33%;
    text-align: center;
    padding-top: .313333rem; 
    display: flex;
}

.user_center-header .order_content li div{
    width: 99%;
}

.user_center-header .order_content li .oder_num{
    font-size: .453333rem;
    color: #b8852a;
}

.user_center-header .order_content li .oder_title{
    font-size: .346667rem;
    color: #333333;
    padding-top: .2rem
}

.user_center-header .order_content li .order_look a{
    font-size: .266667rem;
    color: #999999;
}

.user_center-header .order_content li .span_solid{
    display: inline-block;
    width: 1px;
    height: 1.04rem;
    background-color: #c2c2c2;
    margin-top: .266667rem;
}

.user_nav-container{
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    margin-top:2.75rem;
}

.user_nav-container li{
    width: 33.3%;
    text-align: center;
    margin-bottom: .786667rem;
}

.user_nav-container li a{
    color: #333333;
    font-size: .346667rem;
}

.user_nav-container li .icon-container img{
    width: .626667rem;
}
.user_nav-container li{
    width: 1.8rem;
    padding: 0 0.75rem;
    text-align: center;
    margin-bottom: .786667rem;
}
.user_nav-container li:nth-child(3),.user_nav-container li:nth-child(6){
    margin-right:0;
}