/*ucenter*/
.ucenter{background: url('../image/ucenter_bg.png') no-repeat center; background-size: cover;}
.ucenter .content{padding: 55px 15px 15px;}
.ucenter .content .icon{background: url('../image/ucenter-border.png') no-repeat center; background-size: 100% 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;
 width: 100%; height: 50px; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 0px 20px;}
.ucenter .content .icon .friend{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: flex-start; padding-top: 5px;}
.ucenter .content .icon .friend .images img{width: 15px;}
.ucenter .content .icon .friend .key{padding-left: 5px; font-size: 0.8em;}
.ucenter .content .icon .friend .key span{padding-left: 5px;}
.ucenter .content .icon .user{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; padding: 1px 10px; background: -webkit-linear-gradient(left, #f5cf5c , #de8507); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(right, #f5cf5c, #de8507); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f5cf5c, #de8507); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f5cf5c , #de8507); /* 标准的语法（必须放在最后） */ border-radius: 20px;}
.ucenter .content .icon .user .images img{width: 13px;}
.ucenter .content .icon .user .key{font-size: 0.8em; padding-right: 5px; color: #3d3d3d;}

.ucenter .content .info{background-color: #fff; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 5px;}
.ucenter .content .info .nickname{display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; margin-top: -30px; padding-bottom: 10px;}
.ucenter .content .info .nickname .photo img{width: 45px; height: 45px; border-radius: 50%; border: 2px solid #fff;}
.ucenter .content .info .nickname .username{color: #3d3d3d; font-size: 0.8em;}
.ucenter .content .info .amount{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; padding-bottom: 20px; width: 100%;}
.ucenter .content .info .amount .shufenge{ width: 1px; background-color: #efefef; height: 20px;}
.ucenter .content .info .amount .activity,
.ucenter .content .info .amount .gain,
.ucenter .content .info .amount .release{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 40px;}
.ucenter .content .info .amount .activity .key,
.ucenter .content .info .amount .gain .key,
.ucenter .content .info .amount .release .key{color: #7d7d7d; font-size: 0.9em;}
.ucenter .content .info .amount .activity .value,
.ucenter .content .info .amount .gain .value,
.ucenter .content .info .amount .release .value{color: #3d3d3d; font-size: 0.9em;}
.ucenter .content .info .cash{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; padding: 0px 0px 20px; width: 100%;}
.ucenter .content .info .cash .withdraw{width: 140px; height: 40px; border: 1px solid #f19514; display: flex; display: -webkit-flex; justify-content: center; align-items: center; color: #f19514;
         border-radius: 5px; cursor: pointer;}
.ucenter .content .info .cash .recharge{width: 140px; height: 40px; background-color: #f19514; display: flex; display: -webkit-flex; justify-content: center; align-items: center; 
         border-radius: 5px; cursor: pointer;}

/*border*/
.border{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; height: 15px; background-color: #efefef;}

/*menu*/
.menus{padding: 0px 10px;}
.menus .icon{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menus .icon .content{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; flex-direction: column; width: 33%; padding: 15px 10px 15px; cursor: pointer;}
.menus .icon .content .images img{ width: 45px;}
.menus .icon .content .key{font-size: 0.8em; color: #7d7d7d;}