operation_wx/pages/setup/index.wxss

page{
  height: 100%;
}
.setup{
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #F0F5F5 -40%, #F0F5F5 40%,#F0F5F5 100%);
  padding: 0rpx 30rpx;
  padding-bottom:30rpx;
  box-sizing: border-box;

}
.title{
  font-weight: 500;
  font-size: 36rpx;
display: flex;
align-items: center;
margin-top: 20rpx;
justify-content: center;
}
.user{
  display: flex;
}
.user_to{
  width: 100rpx;
  height: 100rpx;
border-radius: 100%;
margin-right: 40rpx;
}
.user_name{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.user_name1{
  font-size: 36rpx;
display: flex;
align-items: center;
}
.user_role{
  font-size: 26rpx;
  height: 40rpx;
  padding: 4rpx 22rpx;
  border-radius: 100rpx; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #007545;
  margin-left: 10rpx;
}
.user_name2{
  font-size: 28rpx;
}
.equipment{
width: 100%;
  display: flex;
 justify-content: space-between;
  box-sizing: border-box;
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.equipment_1{
  width: 48%;
  background-color: #ffffff;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  box-sizing: border-box;

}
.user_left{
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  padding: 20rpx 0rpx;
  box-sizing: border-box;
}
.equipment_2{
  width: 48%;
  background-color: #ffffff;
  border-radius: 10rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
}
.equipment_rightdiv{
  width: 78rpx;
  height:78rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E3F6F8;
  border-radius: 100%;
  overflow: hidden;
}
.equipment_rightdiv1{
  width: 78rpx;
  height:78rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E2ECFF;
  border-radius: 100%;
  overflow: hidden;
}
.equipment_right1{
  width: 50rpx;
  height: 50rpx;
}
.equipment_right{
 width: 50rpx;
 height: 41.31rpx;
}

 .user_leftname{
   font-size: 28rpx;

 }
 .user_lefteq{
   width: 200rpx;
   font-size: 26rpx;
   margin-top: 12rpx;
   color: #999999;
   white-space: nowrap; /* 不换行 */
   overflow: hidden; /* 超出部分隐藏 */
   text-overflow: ellipsis; /* 显示省略号 */
 }
 .equipment_2{
  width: 48%;
  background-color: #ffffff;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  box-sizing: border-box;
 }
 .allocation{
   width: 100%;
   height: 80rpx;
display: flex;
align-items: center;
justify-content:space-between;
padding: 0rpx 20rpx;
 overflow: hidden;
box-sizing: border-box;

 }
 .allocation_1{
   display: flex;
   font-size:13px;
   align-items: center;
 }
 .allocation_box{
  border-radius: 16rpx;
  background-color: #ffffff;
   padding: 10rpx 0rpx;
   box-sizing: border-box;
   margin-top: 30rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);


 }
 .allocation_2{
   color: #999999;
   
 }
 .allocation_3{
   font-size: 14px;
 }
 .content-container{
margin-top: 40rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
 }
 
 .ticon{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .ticonright{
   margin-right: 10rpx;
   font-size: 28rpx;
   font-weight: 500;
 }
 .contentadd{
  width: 100%;
  height: 100%;
  margin-top: 40rpx;
  padding: 0rpx 1rpx;
  box-sizing: border-box;
}
 .weui-input{
   width: 99%;
   height: 80rpx;
  border: 1rpx solid #cccccc;
  padding: 0rpx 10rpx;
  border-radius: 10rpx;
  box-sizing: border-box;
 }
 .input-example {
   width: 99%;
  --td-input-vertical-padding: 16rpx;
  background-color: var(--bg-color-demo);
 border: 1rpx solid #cccccc;
 border-radius: 12rpx;
 padding: 1rpx;
 margin-top: 40rpx;
 box-sizing: border-box;
}
.inputbox{
  width: 100%;
  margin-top: 20rpx;
  font-size: 26rpx;
  color: #cccccc;

}
.t-dialog__footer--full{
  padding: 44rpx 0 0;
}
button{
  padding: 0rpx;
  margin: 0rpx;
  font-size: 28rpx;
  background-color: #ffffff;
  border:0rpx solid #ffffff !important;
  border: none !important;
}
.allocation_31{
  width: 100%;
 font-size: 14px;
}
.contact-button {
  width: 100%;
  height: 30rpx;
  line-height: 30rpx;
  border: none !important;
  display: flex;
}
 
.allocation_2{
  color: #999999;
  
}
.allocation_3_money{
  width: 160rpx;
  display: flex;
  justify-content: center;
}
.allocation_2_money{
 width: 100rpx;
}
.allocation_3{
  font-size: 14px;
}
.allocation_3_password{
 display: flex;
 align-items: center;
}
.content-container{
margin-top: 40rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.ticon{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ticonright{
  margin-right: 10rpx;
  font-size: 28rpx;
  font-weight: 500;
}
.contentadd{
 width: 100%;
 height: 100%;
 margin-top: 40rpx;
 padding: 0rpx 1rpx;
 box-sizing: border-box;
}
.weui-input{
  width: 99%;
  height: 80rpx;
 border: 1rpx solid #cccccc;
 padding: 0rpx 10rpx;
 border-radius: 10rpx;
 box-sizing: border-box;
}
.input-example {
  width: 99%;
 --td-input-vertical-padding: 16rpx;
 background-color: var(--bg-color-demo);
border: 1rpx solid #cccccc;
border-radius: 12rpx;
padding: 1rpx;
margin-top: 40rpx;
box-sizing: border-box;
}
.inputbox{
 width: 100%;
 margin-top: 20rpx;
 font-size: 26rpx;
 color: #cccccc;

}
.t-dialog__footer--full{
 padding: 44rpx 0 0;
}
button{
 padding: 0rpx;
 margin: 0rpx;
 font-size: 28rpx;
 background-color: #ffffff;
 border:0rpx solid #ffffff !important;
 border: none !important;
}
.allocation_31{
 width: 100%;
font-size: 14px;
}
.contact-button {
 width: 100%;
 border: none !important;
 display: flex;
}
.login_imgae{
 width: 40rpx;
 height: 30rpx;
 margin-left: 20rpx;
}

.allocation_allocate{
 width: 140rpx;
 height: 180rpx;
 padding: 12rpx;
 color: #222222;
 display: flex;
 flex-direction: column;
 align-items: center;
 border-radius: 10rpx;
 /* background-color: #cccccc; */
 box-sizing: border-box;

}
.allocation_allocateimg{
 width: 100rpx;
 height: 100rpx;
 border-radius: 10rpx;
 background-color: #007545;
 box-sizing: border-box;
background: rgba(7, 193, 96, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.allocation_box_more{
 display: flex;
 flex-direction: column;
 padding:10rpx;
 margin-top: 30rpx;
 border-radius: 16rpx;
 background-color: #ffffff;
  box-sizing: border-box;
 box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
}
.allocation_box_allocate{
 width: 100%;

 display: flex;
 align-items: center;
 justify-content: space-between;

}
.allocation_name{
  width: 100%;
  height: 60rpx;
  font-size: 26rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.allocation_money{
  width: 100%;
display: flex;
align-items: center;
justify-content:space-between;
padding: 0rpx 40rpx;
margin-top: 20rpx;
overflow: hidden;
box-sizing: border-box;

}
.available{
  width: 100%;
  height: 380rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kingKongzone{
  width: 100%;
  padding: 20rpx;
  border-radius: 20rpx;
  margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  box-sizing: border-box;
}
.kingKongzone_box{
  width: 140rpx;
  height: 140rpx;
  border-radius: 16rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* border: #0197D4 solid 1rpx; */
  background-color: rgb(204, 204, 204,0.4);

}
.kingKongzone_icon{
 width: 70rpx;
 height: 70rpx;
 /* background-color: #0197D4; */
 /* border-radius: 16rpx; */
 /* margin-bottom: 10rpx; */
}
.kingKongzone_name{
  font-size: 24rpx;
  color: #007545;

}
.project{
  width: 100%;
  /* padding: 20rpx; */
  margin-top: 20rpx;
  /* background-color: #222222; */
  box-sizing: border-box;
  }
  .project_box{
    width: 100%;
    height: 300rpx;
    padding: 20rpx;
    margin-top: 20rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
  box-sizing: border-box;
  }
  .project_title{
    font-size: 32rpx;
  }
  .project_top{
    margin-top: 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .project_right{
    font-size: 28rpx;
    color: #007545;
  }
  .project_name{
    margin-top: 20rpx;
  }