ssj_book/president/pages/Personnel_details/Personnel_details.wxss

/* parents/pages/me/me.wxss */
@import '../../../templates/footer/footer.wxss';
@import '../../../templates/loading/loading.wxss'; 
.header {
  padding: 40rpx 30rpx;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 18rpx;
}
.header-row:nth-of-type(1) {
  margin-top: 0;
}
.header-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.header-flex {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header-images {
  /* position: relative;
  margin-right: 30rpx;
  right:-200rpx; */
}
.members-information{
    margin: 20rpx;
  background:rgba(255,255,255,1);
  border-radius: 18rpx;
  height: 200rpx;
}
.information-flex{
  display:inline-block;
  padding: 50rpx;
}
.information-flexs{
  display:inline-block;

}
.section-text-members{
  font-size: 36rpx;
  margin:15rpx 0;
  color: #FF80A8;
}
.section-text-members-gary{
  font-size: 36rpx;
  margin:15rpx 0;
  color:#6C6C80;
}
.section-text-card{
  font-size: 30rpx;
  color: #6C6C80;
}
.section-text-pastdata{
  font-size: 30rpx;
  color: #00B7FF;
  position:relative;


}
.section-text-data{
  font-size: 30rpx;
    color: #6C6C80;
  position:relative;
}
.header-image {
  width: 148rpx;
  height: 148rpx;
  border-radius: 200rpx;
  border: 10rpx solid #00B7FF;
}
.header-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40rpx;
  height: 40rpx;
}
.section-select{
  margin-left:50rpx;
  width: 18rpx;
  height: 10rpx;
}
.header-nologin-icon{
 width: 148rpx;
  height: 148rpx;
  border-radius: 50%;
}
.header-text-black {
  font-size: 38rpx;
  color: #333;
}
.section-text-login{
  width:154rpx;
  height:46rpx;
  border:2rpx solid rgba(0,183,255,1);
  border-radius:23rpx;
  font-size: 28rpx;
  text-align:center;
  line-height:46rpx;
  color: #00B7FF;
  margin-bottom: 30rpx
}
.model-show{
  z-index: 1001;
  position: fixed;
  top: 30%;
  margin: 0 12.5%;
  width: 75%;
  background: #fff;
  border-radius:30rpx;
  text-align: center;
}
.model-topic{
  margin:50rpx auto;
  font-size:34rpx;
  text-align:center;
   color: rgb(2, 2, 2);
}
.header-images-btn{
  border: none;
  color: #333;
  font-size: 38rpx;
  text-align: center;
  background: transparent;
}
.header-button {
  border-radius: 100rpx;
  border: 1rpx solid rgba(0,183,255,1);
  font-size: 30rpx;
  color: #00B7FF;
  padding: 8rpx 20rpx; 
  margin-left: 20rpx;
}
.header-icon-two {
  width: 30rpx;
  height: 34rpx;
  margin-right: 14rpx;
}
.header-text {
  font-size: 28rpx;
  color: #999;
}
.header-arrow {
  width: 14rpx;
  height: 24rpx;
}
.section-list {
  margin: 20rpx;
  background:rgba(255,255,255,1);
  border-radius: 18rpx;
}
.section-li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx;
  border-bottom: solid 1rpx #e6e6e6;
  cursor: pointer;
}
.section-li:nth-last-of-type(1) {
  border-bottom: solid 1rpx transparent;
}
.section-arrow {
  width: 14rpx;
  height: 24rpx;
}
.section-icon {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}
.section-text {
  font-size: 30rpx;
  color: #666;
}
.section-text-black{
 font-size: 44rpx;
 color: rgb(2, 2, 2);
}

.section-queem_icon{
  width: 120rpx;
  height: 100rpx;
  position:relative;
 right:-229rpx;
bottom:-11rpx;
}

.model-list{
  color: #A1A1B3;
  font-size: 28rpx;
  text-align: left;
  padding: 0 34rpx 34rpx 34rpx;
}
.model-list-title{
  color: #41414C;
  font-size: 32rpx;
  padding: 37rpx 0;
  text-align: center;
}
.model-list-del{
  position: absolute;
  bottom: -120rpx;
  left: 45%;
}
.model-list-img{
  width: 60rpx;
  height: 60rpx;
}
.model-list-footer{
  display:flex;
  justify-content: space-around;
  font-size: 32rpx;
  padding: 40rpx 0;
}
.model-list-footer-cancel{
  width:224rpx;
  height:68rpx;
  background:rgba(255,255,255,1);
  border:2rpx solid rgba(0,183,255,1);
  border-radius:44rpx;
  line-height: 68rpx;
  text-align: center;
  color: #00B7FF;
}
.model-list-footer-sure{
  width:224rpx;
  height:68rpx;
  background:linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%);
  border:2rpx solid transparent;
  border-radius:44rpx;
  line-height: 68rpx;
  text-align: center;
  color: #FFFFFF;
}
.head-month{
  width:326rpx;
  height:78rpx;
  background:#F6F5FB; 
  border-radius:10rpx;
  text-align: center;
  line-height: 78rpx;
  color: #6C6C80;
  font-size: 32rpx;
  margin: 30rpx;
}
.head-item{
  margin:15rpx;
}
.picker-day{
  display:inline-block;
  font-weight:700;
}
.picker{
  width:20%;
  display:inline-block;
}
.shipping-phone{
  color:rgba(0, 217, 255, 0.753);
  font-size:30rpx;
}
.phone-num{
  border-bottom:1px solid rgba(0, 217, 255, 0.753);
}
.phone-icon{
  width:24rpx;
  height:30rpx;
}