laundry/pages/sorting/seled/seled.wxss

.box1 {
  width: 750rpx;
  display: flex;
  flex-direction: column;
}

.layer4 {
  height: 128rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
}
.bd1 {
  height: 80rpx;
  border-radius: 8rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-left: 30rpx;
  width: 690rpx;
  justify-content: center;
}
.word2 {
  width: 280rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.layer5 {
  width: 695rpx;
  height: 94rpx;
  margin-top: 24rpx;
  flex-direction: row;
  display: flex;
}
.main1 {
  height: 94rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 180rpx;
}
.van-tree-select{
  width: 200rpx;
}
.van-sidebar-item__text{ font-size: 35rpx;}
.outer1 {
  width: 200rpx;
  height: 94rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  font-size: 40rpx;
}
.bd2 {
  font-weight: bold !important;
  border-color: rgba(70,153,255,1) !important;
}
.van-tree-select__content{
  width: 650rpx;
}
.right{
  width: 550rpx;
  /* background-color: aliceblue; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.word3 {
  width: 120rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-top: 32rpx;
}
.main2 {
  height: 68rpx;
  border-radius: 8rpx;
  /* background-color: rgba(70,153,255,1); */
  margin-left: 40rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 26rpx;
  border: 2px solid #4699FF;
}
.word4 {
  /* width: 190rpx; */
  overflow-wrap: break-word;
  color: #4699FF;
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  padding: 10rpx;
  display: block;
}
.main3 {
  width: 205rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  margin-left: 32rpx;
  display: flex;
  flex-direction: column;
}
.word5 {
  width: 157rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 20rpx 24rpx 0 -181rpx;
}
.layer6 {
  width: 629rpx;
  height: 94rpx;
  flex-direction: row;
  display: flex;
}
.layer7 {
  height: 94rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-top: 32rpx;
  width: 180rpx;
}
.layer8 {
  width: 180rpx;
  height: 62rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.txt2 {
  width: 60rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 30rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-left: 60rpx;
}
.bd3 {
  width: 180rpx;
  height: 1rpx;
  background-color: rgba(229,229,229,1);
  margin-top: 31rpx;
  display: flex;
  flex-direction: column;
}
.layer9 {
  width: 172rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 6rpx 0 0 40rpx;
}
.word6 {
  width: 57rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 26rpx 0 0 -114rpx;
}
.layer10 {
  width: 205rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 6rpx 0 0 89rpx;
}
.info3 {
  width: 157rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 26rpx 24rpx 0 -181rpx;
}
.layer11 {
  width: 662rpx;
  height: 94rpx;
  flex-direction: row;
  display: flex;
}
.mod1 {
  height: 94rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-top: 32rpx;
  width: 180rpx;
}
.block1 {
  width: 180rpx;
  height: 62rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info4 {
  width: 90rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 30rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-left: 45rpx;
}
.group2 {
  width: 180rpx;
  height: 1rpx;
  background-color: rgba(229,229,229,1);
  margin-top: 31rpx;
  display: flex;
  flex-direction: column;
}
.mod2 {
  width: 238rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 12rpx 0 0 40rpx;
}
.word7 {
  width: 190rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 32rpx 0 0 -214rpx;
}
.mod3 {
  width: 172rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 12rpx 0 0 56rpx;
}
.word8 {
  width: 124rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 32rpx 24rpx 0 -148rpx;
}
.layer12 {
  width: 662rpx;
  height: 94rpx;
  flex-direction: row;
  display: flex;
}
.layer13 {
  height: 94rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-top: 32rpx;
  width: 180rpx;
}
.mod4 {
  width: 180rpx;
  height: 62rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info5 {
  width: 60rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 30rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-left: 60rpx;
}
.main4 {
  width: 180rpx;
  height: 1rpx;
  background-color: rgba(229,229,229,1);
  margin-top: 31rpx;
  display: flex;
  flex-direction: column;
}
.layer14 {
  width: 172rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 18rpx 0 0 40rpx;
}
.word9 {
  width: 57rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 38rpx 0 0 -114rpx;
}
.layer15 {
  width: 238rpx;
  height: 68rpx;
  border-radius: 8rpx;
  border: 2px solid rgba(70,153,255,1);
  display: flex;
  flex-direction: column;
  margin: 18rpx 0 0 89rpx;
}
.word10 {
  width: 190rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 38rpx 24rpx 0 -214rpx;
}
.layer16 {
  height: 94rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-top: 32rpx;
  width: 180rpx;
}
.bd4 {
  width: 180rpx;
  height: 62rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word11 {
  width: 60rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 30rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-left: 60rpx;
}
.bd5 {
  width: 180rpx;
  height: 1rpx;
  background-color: rgba(229,229,229,1);
  margin-top: 31rpx;
  display: flex;
  flex-direction: column;
}
.layer17 {
  height: 584rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  width: 180rpx;
}
.box2 {
  height: 94rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-top: 32rpx;
  width: 180rpx;
}
.wrap1 {
  width: 180rpx;
  height: 62rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word12 {
  width: 60rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 30rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: center;
  margin-left: 60rpx;
}
.bd6 {
  width: 180rpx;
  height: 1rpx;
  background-color: rgba(229,229,229,1);
  margin-top: 31rpx;
  display: flex;
  flex-direction: column;
}