/*top*/
/*.top{background: url('../image/ucenter_bg.png') no-repeat center; height: 200px; background-size: cover;}*/
.top{padding:0px 10px 60px 10px; background: url('../image/ucenter_bg.png') no-repeat center; background-size: cover;}
.top .service{display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; padding-top: 10px; padding-right: 10px;}
.top .service img{ width: 23px;}
.top .user{display: flex; display: -webkit-flex; align-items: center; padding-top: 15px;}
.top .user .photo img{width: 40px; height: 40px; border-radius: 50%;}
.top .user .username{display: flex; display: -webkit-flex; align-items: flex-start; flex-direction: column; padding-left: 10px;}
.top .user .username .name{font-size: 15px;}
.top .user .username .text{display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; flex-grow: 1; margin-top: 5px; width: 140px;}
.top .user .username .text .value{background-color: #f5d58a; color: #101018; font-size: 0.7em; border-radius: 10px; padding:1px 3px;}
.top .user .username .text .shufenge{height: 10px; width: 1px; background-color: #a8a8ab;}
.top .user .username .text .id{font-size: 0.7em; color: #a8a8ab;}

/*position*/
.position{position: relative; top: -20px; z-index: 1;}

/*money*/
.money{ padding: 0px 10px 10px 10px;}
.money .icon{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; background-color: #1b1b27; border-radius: 10px; padding: 10px;}
.money .icon .content{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; flex-direction: column;}
.money .icon .content .images img{ width: 30px;}
.money .icon .content .key{font-size: 0.7em;}

/*menu*/
.menus{padding:0 10px;}
.menus .content{background-color: #1b1b27; border-radius: 10px; }
.menus .content .item{display: flex; display: -webkit-flex; align-items: center; margin: 0px 15px 0px 30px;}
.menus .content .item .icon img{width: 15px;}
.menus .content .item .item-content{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-grow: 1; border-bottom: 1px solid #101018; margin-left: 10px; padding: 10px 0px;}
.menus .content .item:last-child .item-content{border-bottom: none;}
.menus .content .item .item-content .text{color: #a8a8ab; font-size: 12px;}
.menus .content .item .item-content .arrow img{height: 15px;}