.page-user-detail{ .user-detail-title{ font-weight: bold; font-size:14px; display: flex; justify-content: center; align-items: center; } .editor-item{ margin-left:20px; margin-right:20px; margin-top:10px; .uni-forms-item{ .avatarBtn { position: relative; display:flex; justify-content: flex-start; align-items: center; background:#FFF; .avatar { width: 168rpx; height: 168rpx; border-radius: 10px; border: 2rpx #a07c5a solid; } } .upload-box{ width:100%; height:100px; .btn-upload{ height:80px; width:80px; display:flex; justify-content:center; align-items: center; font-size:32px; color:#CCC; .img{ width:100%; height:100%; } } } } .border-b{ width:100%; height:1px; border-bottom:1px solid #e3e3e3; margin-top: -20px; margin-bottom: 30px; } .mobile-item{ display:flex; flex-direction: row; height:30px; align-items: center; justify-content: flex-start; .mobile{ display:flex; width:80px; } .btn-mobile{ display:flex; height:30px; line-height: 30px; border:none; margin:0px; padding:0px 5px; font-size:12px; border-radius: 5px; float: right; background-color: #a07c5a; } } .btn{ width:100%; margin-top:40px; padding-bottom:30px; .btn-save{ height:30px; line-height: 30px; border-radius: 5px; font-size:12px; background-color: #a07c5a; } } } }