laundry/pages/take/lattice.wxss

.page {
  position: relative;
  width: 750rpx;
  height: 1334rpx;
  background-color: rgba(246,246,246,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.box1 {
  width: 750rpx;
  height: 1334rpx;
  display: flex;
  flex-direction: column;
}
.main1 {
  height: 40rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  padding: 7rpx 0 0 12rpx;
}
.layer1 {
  width: 727rpx;
  height: 29rpx;
  flex-direction: row;
  display: flex;
}

.info1 {
  width: 66rpx;
  height: 29rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3,3,3,1);
  font-size: 24rpx;
  font-family: SFProText-Regular;
  white-space: nowrap;
  line-height: 29rpx;
  text-align: right;
  margin-left: 5rpx;
}
.pic1 {
  width: 53rpx;
  height: 23rpx;
  margin: 2rpx 0 0 6rpx;
}
.main2 {
  height: 88rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 750rpx;
  justify-content: center;
}
.block1 {
  width: 710rpx;
  height: 64rpx;
  flex-direction: row;
  display: flex;
}
.icon2 {
  width: 48rpx;
  height: 48rpx;
  margin-top: 8rpx;
}
.info2 {
  width: 144rpx;
  height: 36rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 36rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 36rpx;
  text-align: left;
  margin: 14rpx 0 0 231rpx;
}
.pic2 {
  width: 174rpx;
  height: 64rpx;
  margin-left: 113rpx;
}
.main3 {
  height: 270rpx;
  background-color: rgba(255,255,255,1);
  width: 750rpx;
  display: flex;
  flex-direction: column;
}
.mod1 {
  width: 690rpx;
  height: 30rpx;
  flex-direction: row;
  display: flex;
  margin: 35rpx 0 0 30rpx;
}
.txt1 {
  width: 316rpx;
  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: left;
}
.main4 {
  width: 12rpx;
  height: 12rpx;
  background-color: rgba(85,190,23,1);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  margin: 9rpx 0 0 300rpx;
}
.word3 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(85,190,23,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 2rpx 0 0 10rpx;
}
.mod2 {
  width: 669rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 25rpx 0 0 10rpx;
  flex-wrap: wrap;
}
.mod3 {
  width: 94rpx;
  height: 26rpx;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  margin: 20rpx;
}
.word9 {
  width: 68rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 2rpx;
}
.word4 {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  color: rgba(102,102,102,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.txt2 {
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  color: rgba(51,51,51,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod4 {
  width: 94rpx;
  height: 26rpx;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0rpx;
}
.word5 {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  color: rgba(102,102,102,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.txt3 {
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  color: rgba(51,51,51,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod5 {
  width: 89rpx;
  height: 26rpx;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0rpx;
}
.txt4 {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  color: rgba(102,102,102,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.txt5 {
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  color: rgba(51,51,51,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod6 {
  width: 89rpx;
  height: 26rpx;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0rpx;
}
.txt6 {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  color: rgba(102,102,102,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info3 {
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  color: rgba(51,51,51,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mod7 {
  width: 89rpx;
  height: 26rpx;
  display: flex;
  flex-direction: row;
  margin: 30rpx 0 40rpx 30rpx;
}
.section1 {
  width: 89rpx;
  height: 26rpx;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0rpx;
}
.info4 {
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  color: rgba(102,102,102,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.word6 {
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  color: rgba(51,51,51,1.000000);
  line-height: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main5 {
  height: 90rpx;
  background-color: rgba(255,255,255,1);
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
  padding-top: 30rpx;
  width: 750rpx;
}
.layer2 {
  width: 750rpx;
  /* height: 60rpx; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.outer1 {
  width: 690rpx;
  height: 30rpx;
  margin-left: 30rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.word7 {
  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: left;
}
.txt7 {
  width: 68rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 2rpx;
}
.outer2 {
  width: 750rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 29rpx;
  display: flex;
  flex-direction: column;
}
.main6 {
  height: 364rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
}
.layer3 {
  width: 692rpx;
  height: 284rpx;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}
.outer3-0 {
  width: 80rpx;
  /* height: 122rpx; */
  display: flex;
  flex-direction: column;
  margin: 0 59rpx 40rpx 0;
}
.layer4-0 {
  width: 80rpx;
  /* height: 122rpx; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-0 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.active-tag  {
  background-color: #FF7300;
  color: #fff;
  border: 1px solid #FF7300;
}
.word8-0 {
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
  margin: 0 auto;
}
.word9-01 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(255,115,0,1);
}
.outer3-1 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
}
.layer4-1 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-1 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-1 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}

.outer3-2 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
}
.layer4-2 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-2 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 29rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-2 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}

.outer3-3 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
}
.layer4-3 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-3 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-3 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}

.outer3-4 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
  margin-right: 0rpx;
}
.layer4-4 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-4 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-4 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}
.word9-4 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(209,1,29,1);
}
.outer3-5 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
  margin-bottom: 0rpx;
}
.layer4-5 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-5 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-5 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}
.word9-5 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(85,190,25,1);
}
.outer3-6 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
  margin-bottom: 0rpx;
}
.layer4-6 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-6 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-6 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}
.word9-6 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(85,190,25,1);
}
.outer3-7 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
  margin-bottom: 0rpx;
}
.layer4-7 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-7 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-7 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}
.word9-7 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(85,190,25,1);
}
.outer3-8 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  margin: 0 73rpx 40rpx 0;
  margin-bottom: 0rpx;
}
.layer4-8 {
  width: 80rpx;
  height: 122rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main7-8 {
  height: 80rpx;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 80rpx;
  justify-content: center;
}
.word8-8 {
  width: 30rpx;
  height: 50rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: left;
}
.word9-8 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: center;
  margin: 16rpx 0 0 14rpx;
  color: rgba(85,190,25,1);
}
.main8 {
  height: 148rpx;
  border-radius: NaNrpx;
  background-color: rgba(255,255,255,1);
  margin-top: 342rpx;
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
}
.info5 {
  width: 352rpx;
  height: 32rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 32rpx;
  text-align: center;
}
.mod9 {
  height: 148rpx;
  border-radius: NaNrpx;
  background-color: rgba(255,255,255,1);
  margin-top: 342rpx;
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
}

.bd2 {
  width: 690rpx;
  height: 88rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.outer-8 {
  width: 750rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 26rpx;
  display: flex;
  flex-direction: column;
}

.outer8 {
  height: 88rpx;
  border-radius: 8rpx;
  background-color: rgba(82,161,255,1);
  box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  display: flex;
  flex-direction: column;
  width: 516rpx;
  justify-content: center;
  align-items: center;
}
.word12 {
  width: 128rpx;
  height: 32rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 32rpx;
  text-align: center;
}
.outer9 {
  height: 88rpx;
  border-radius: 8rpx;
  background-color: rgba(82,161,255,1);
  box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  display: flex;
  flex-direction: column;
  width: 144rpx;
  justify-content: center;
  align-items: center;
}

.word12 {
  width: 128rpx;
  height: 32rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 32rpx;
  text-align: center;
}
.outer-9 {
  width: 716rpx;
  height: 236rpx;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  margin: 16rpx 0 0 16rpx;
}
.word13 {
  width: 64rpx;
  height: 32rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 32rpx;
  text-align: center;
}

.group4 {
  height: 88rpx;
  border-radius: 8rpx;
  background-color: rgba(82,161,255,1);
  box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  display: flex;
  flex-direction: column;
  width: 144rpx;
  justify-content: center;
  align-items: center;
}
.group5 {
  width: 56rpx;
  height: 32rpx;
  background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/icon_jiantou_white%402x.png?sign=4ad8b07fe082b4a4c58f0ffe06dbf727&t=1645095599) -1rpx -28rpx no-repeat;
  background-size: 64rpx 52rpx;
  display: flex;
  flex-direction: column;
}

.outer6 {
  z-index: 95;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding: 26rpx 0;
  width: 750rpx;
  position: fixed;
  bottom: 0;
  box-shadow: 0px -10rpx 20rpx 0px rgba(0, 0, 0, 0.06);
border-radius: 24rpx 24rpx 0px 0px;
}
.wrap1 {
  width: 750rpx;
  display: flex;
  flex-direction: column;
}
.outer7 {
  width: 690rpx;
  height: 58rpx;
  margin-left: 30rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.info8 {
  width: 133rpx;
  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: left;
  margin-top: 14rpx;
}
.mod11 {
  width: 152rpx;
  height: 58rpx;
  border-radius: 29rpx;
  border: 1px solid rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
}
.empt{
  width: 750rpx;
  height: 148rpx;
  background: #FFFFFF;
  box-shadow: 0px -10rpx 20rpx 0px rgba(0, 0, 0, 0.06);
  border-radius: 24rpx 24rpx 0px 0px;
  text-align: center;
  line-height: 148rpx;
  position: fixed;
  bottom: 0;
}
.empt text{
  width: 352rpx;
height: 32rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 32rpx;
text-shadow: 0px -10px 20px rgba(0, 0, 0, 0.06);
}
.bd6-0 {
  height: 112rpx;
  border-radius: 8rpx;
  background-color: rgba(248,248,248,1);
  display: flex;
  flex-direction: column;
  width: 348rpx;
  justify-content: center;
  align-items: center;
  margin: 0 20rpx 8rpx 0;
}
.layer9-0 {
  width: 252rpx;
  height: 72rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word9-0 {
  width: 266rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: center;
}
.word10-0 {
  width: 96rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  margin: 20rpx 0 0 102rpx;
}
.bd6-1 {
  height: 112rpx;
  border-radius: 8rpx;
  background-color: rgba(248,248,248,1);
  display: flex;
  flex-direction: column;
  width: 348rpx;
  justify-content: center;
  align-items: center;
  margin: 0 20rpx 8rpx 0;
  margin-right: 0rpx;
}
.layer9-1 {
  width: 252rpx;
  height: 72rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word9-1 {
  width: 266rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.word10-1 {
  width: 96rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  margin: 20rpx 0 0 102rpx;
}
.bd6-2 {
  height: 112rpx;
  border-radius: 8rpx;
  background-color: rgba(248,248,248,1);
  display: flex;
  flex-direction: column;
  width: 348rpx;
  justify-content: center;
  align-items: center;
  margin: 0 20rpx 8rpx 0;
  margin-bottom: 0rpx;
}
.layer9-2 {
  width: 252rpx;
  height: 72rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word9-2 {
  width: 266rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.word10-2 {
  width: 96rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  margin: 20rpx 0 0 102rpx;
}
.bd6-3 {
  height: 112rpx;
  border-radius: 8rpx;
  background-color: rgba(248,248,248,1);
  display: flex;
  flex-direction: column;
  width: 348rpx;
  justify-content: center;
  align-items: center;
  margin: 0 20rpx 8rpx 0;
  margin-right: 0rpx;
  margin-bottom: 0rpx;
}
.layer9-3 {
  width: 252rpx;
  height: 72rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word9-3 {
  width: 266rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.word10-3 {
  width: 96rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  margin: 20rpx 0 0 102rpx;
}
.outer10 {
  width: 690rpx;
  height: 31rpx;
  flex-direction: row;
  display: flex;
  margin: 33rpx 0 0 30rpx;
}
.info9 {
  width: 400rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 2rpx;
}
.section3 {
  height: 31rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5a3d90bd436c32c37686a738faa6678e155c31d354a61989010918d980ca98f6) -21rpx -30rpx no-repeat;
  background-size: 72rpx 70rpx;
  margin-left: 197rpx;
  display: flex;
  flex-direction: column;
  width: 31rpx;
  padding: 15rpx 0 0 6rpx;
}
.box3 {
  width: 12rpx;
  height: 9rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng93fa9dda6d4208f51a4c2b980af5fdfb40fb41fe258d3b9a01dd928d95dd4c4d) -18rpx -29rpx no-repeat;
  background-size: 47rpx 47rpx;
  display: flex;
  flex-direction: column;
}
.info10 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 2rpx 0 0 10rpx;
}
.outer11 {
  width: 750rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 32rpx;
  display: flex;
  flex-direction: column;
}
.outer12 {
  width: 690rpx;
  height: 88rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 30rpx 0 0 30rpx;
}
.group3 {
  height: 88rpx;
  border-radius: 8rpx;
  background-color: rgba(82,161,255,1);
  box-shadow: 0px 10px 20px 0px rgba(51,145,236,0.3);
  display: flex;
  flex-direction: column;
  width: 516rpx;
  justify-content: center;
  align-items: center;
}
.txt6 {
  width: 128rpx;
  height: 32rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 32rpx;
  text-align: center;
}

.txt7 {
  z-index: 127;
  position: absolute;
  left: 592rpx;
  top: 42rpx;
  width: 104rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(82,161,255,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
}



/*开门*/
.layer12 {
  z-index: 96;
  height: 1334rpx;
  background-color: rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  padding-top: 510rpx;
  width: 750rpx;
  position: absolute;
  left: 0rpx;
  top: 0rpx;
}
.outer5 {
  z-index: 97;
  height: 706rpx;
  border-radius: NaNrpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  position: relative;
  justify-content: center;
}
.mod6 {
  width: 750rpx;
  height: 626rpx;
  display: flex;
  flex-direction: column;
}
.section10 {
  width: 690rpx;
  height: 30rpx;
  margin-left: 30rpx;
  flex-direction: row;
  display: flex;
}
.layer13 {
  width: 8rpx;
  height: 26rpx;
  background-color: rgba(82,161,255,1);
  margin-top: 2rpx;
  display: flex;
  flex-direction: column;
}
.word17 {
  width: 150rpx;
  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: left;
  margin-left: 10rpx;
}
.txt14 {
  width: 73rpx;
  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: left;
  margin-left: 449rpx;
}
.section11 {
  width: 750rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
}
.section12 {
  z-index: 111;
  height: 80rpx;
  border-radius: 8rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  width: 690rpx;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 30rpx 0 0rpx 30rpx;
}
.section13 {
  width: 630rpx;
  height: 36rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.txt15 {
  width: 80%;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(153,153,153,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin-top: 4rpx;
}
.section14 {
  width: 36rpx;
  height: 36rpx;
  background-color: rgba(0,0,0,0);
  display: flex;
  flex-direction: column;
}
.section15 {
  z-index: 114;
  height: 36rpx;
  background: url(https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/saomiao%E5%A4%87%E4%BB%BD%208%402x.png?sign=b820eee3bece6661cdec7be7112b4856&t=1645101544) 0rpx 0rpx no-repeat;
  background-size: 36rpx 36rpx;
  display: flex;
  flex-direction: column;
  padding-left: 6rpx;
  width: 36rpx;
  position: absolute;
  left: 625rpx;
  top: 23rpx;
  justify-content: center;
}
.section16 {
  width: 23rpx;
  height: 4rpx;
  border-radius: NaNrpx;
  background-color: rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
}
.section17 {
  width: 532rpx;
  height: 68rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 20rpx auto;
}
.group1 {
  height: 68rpx;
  border-radius: 4rpx;
  border: 1px solid rgba(204,204,204,1);
  display: flex;
  flex-direction: column;
  width: 216rpx;
  justify-content: center;
  align-items: center;
}
.txt16 {
  width: 56rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.group2 {
  height: 68rpx;
  border-radius: 4rpx;
  background-color: rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
  width: 216rpx;
  justify-content: center;
  align-items: center;
}
.info12 {
  width: 56rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
}
.section18 {
  width: 750rpx;
  height: 20rpx;
  background-color: rgba(246,246,246,1);
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
}
.section19 {
  width: 198rpx;
  height: 30rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 40rpx 0 0 30rpx;
}
.outer16 {
  width: 8rpx;
  height: 26rpx;
  background-color: rgba(82,161,255,1);
  margin-top: 2rpx;
  display: flex;
  flex-direction: column;
}
.txt17 {
  width: 180rpx;
  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: left;
}
.section20 {
  width: 750rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
}
.section21 {
  width: 334rpx;
  height: 58rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 40rpx 0 0 30rpx;
}
.outer17 {
  width: 152rpx;
  height: 58rpx;
  border-radius: 29rpx;
  border: 1px solid rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.outer18 {
  width: 152rpx;
  height: 58rpx;
  border-radius: 29rpx;
  border: 1px solid rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.txt18 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(82,161,255,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  margin:  0 auto;
}
.word18 {
  display: block;
  overflow-wrap: break-word;
  color: rgba(82,161,255,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  margin:  0 auto;
}
.txt19 {
  width: 517rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,115,0,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  margin: 20rpx auto;
}
.whole{
  width: 100%;
}