.member-basic{display: flex;flex-direction: row; background: #fff; border-radius: 6px; box-shadow: 0px 0px 6px #e0e0e0; padding: 20px 0px;}
.member-block{display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 0px 20px; gap: 10px;}
.member-header{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.member-header label{font-size: 20px; color: #333;}


.member-basic .member-data{display: flex; justify-content: space-between; flex-direction: row; padding: 20px;}
.member-basic .member-data>div{display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
.member-basic .member-data>div p{display: inline-flex; align-items: center; gap: 10px;}
.member-basic>.member-block:first-child>.member-data>div img{border-radius: 60px; }

.member-img{border: 1px solid #999999; padding: 4px;}
.member-hr{padding-top: 70px;width: 1px;  }
.member-hr div{background: #f1f1f1;width: 1px; height: 100%;}

.member-basic .username{font-size: 24px; color: #333; font-weight: 500;}
.member-basic a{font-size: 16px;}
.member-basic p span{font-size: 16px;}

.member-basic>.member-block:last-child>.member-data{display: flex; gap: 20px;}
.member-basic>.member-block:last-child>.member-data>div{display: flex; flex: 1;}
.member-basic>.member-block:last-child>.member-data>div>span{font-size: 16px;}
.member-basic>.member-block:last-child>.member-data>div:last-child>span{display: flex; align-items: center; }
.member-basic>.member-block:last-child>.member-data>div:first-child{width: 100px; flex:none;}
.data-worker-station{width: 100px; height: 120px; border:1px solid #f1f1f1;}


.member-space{background: #fff; border-radius: 6px; box-shadow: 0px 0px 6px #e0e0e0; padding: 20px 0px; display: flex; flex-direction: column; flex: 1;}
.member-info-header {display: flex; flex-direction: row; align-items: center; gap: 10px;}
.member-info-header span{font-size: 16px; font-weight: 500;}
.member-space .member-data{display: flex; flex-direction: row; gap: 30px; justify-content: space-between;}
.member-space .member-data .member-info{ border-radius: 6px; border:1px solid #f1f1f1;  padding: 20px 30px; display: flex; flex: 1; flex-direction: column;  justify-content: space-between; gap:20px;}
.member-info-body{padding: 20px 30px; display: flex; flex-direction: column; gap: 20px; flex:1; justify-content: center;}
.member-info-body>div{display:flex; flex-direction:row; align-items:center; gap:10px;}
.member-info-body>div span{display: inline-block; width:70px;}
.member-info-body>div span:nth-child(2){color: #999999; width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member-info:nth-child(2) div span:first-child{ width: 130px; text-align: right;}
.member-info>div:last-child{display: flex; flex-direction: row; justify-content: end;}

.member-info-default{display:flex; flex-direction:column !important; gap:20px; align-items:center !important;}
.member-info-report{flex-direction: column !important;}
.ukey-default{color:#999999;}
.ukey-bind{color:#4cff00;}
#txt-info-username{color:#333; font-size:24px; font-weight:700;}