laundry/pages/signFor/hand.wxss

.page {
  position: relative;
  width: 750rpx;
  background-color: rgba(246,246,246,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.outer1 {
  width: 750rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section1 {
  height: 40rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  padding: 7rpx 0 0 12rpx;
}
.mod1 {
  width: 727rpx;
  height: 29rpx;
  flex-direction: row;
  display: flex;
}
.icon1 {
  width: 33rpx;
  height: 20rpx;
  margin-top: 2rpx;
}
.txt1 {
  width: 79rpx;
  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;
  margin-left: 7rpx;
}
.box1 {
  width: 29rpx;
  height: 20rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5f3ad165c123fbded6e0fa697748977e2746aed8e69b16f7f768997af4af2979) -1rpx 0rpx no-repeat;
  background-size: 30rpx 20rpx;
  display: flex;
  flex-direction: column;
  margin: 2rpx 0 0 12rpx;
}
.txt2 {
  width: 98rpx;
  height: 29rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3,3,3,1);
  font-size: 24rpx;
  font-family: SFProText-Semibold;
  white-space: nowrap;
  line-height: 29rpx;
  text-align: center;
  margin-left: 154rpx;
}
.box2 {
  width: 12rpx;
  height: 20rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0efed2d58f84e5f45072ee057c875a49c4309a72e36f032844aa111ca0a435af) -1rpx -3rpx no-repeat;
  background-size: 15rpx 26rpx;
  display: flex;
  flex-direction: column;
  margin: 2rpx 0 0 173rpx;
}
.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;
}
.img1 {
  width: 53rpx;
  height: 23rpx;
  margin: 2rpx 0 0 6rpx;
}
.section2 {
  height: 88rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  width: 750rpx;
  justify-content: center;
}
.bd1 {
  width: 710rpx;
  height: 64rpx;
  flex-direction: row;
  display: flex;
}
.label1 {
  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;
}
.pic1 {
  width: 174rpx;
  height: 64rpx;
  margin-left: 113rpx;
}
.section3 {
  height: 128rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
}
.outer2 {
  width: 690rpx;
  height: 80rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.bd2 {
  height: 80rpx;
  border-radius: 8rpx;
  background-color: rgba(246,246,246,1);
  display: flex;
  flex-direction: column;
  padding-left: 30rpx;
  width: 510rpx;
  justify-content: center;
}
.info3 {
  width: 168rpx;
  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;
}
.bd3 {
  height: 80rpx;
  border-radius: 8rpx;
  background-color: rgba(82,161,255,1);
  display: flex;
  flex-direction: column;
  width: 164rpx;
  justify-content: center;
  align-items: center;
}
.word1 {
  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;
}
.section4 {
  height: 1078rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-top: 48rpx;
  width: 750rpx;
}
.box3 {
  width: 750rpx;
  height: 1030rpx;
  display: flex;
  flex-direction: column;
}
.layer1 {
  height: 254rpx;
  border: 2px solid rgba(231,231,231,1);
  background-color: rgba(255,255,255,1);
  margin-left: 175rpx;
  display: flex;
  flex-direction: column;
  padding-left: 14rpx;
  width: 400rpx;
  justify-content: center;
}
.bd4 {
  height: 222rpx;
  display: flex;
  flex-direction: column;
  width: 370rpx;

}
.bd5 image{
  width: 370rpx;
  height: 220rpx;
  display: flex;
  flex-direction: column;
}
.txt3 {
  width: 364rpx;
  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;
  margin: 48rpx 0 0 193rpx;
}
.layer2 {
  height: 464rpx;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9836575d1002525500247f36d1fe09341aa0d34a60d956f48392e2632338f3ed) 100% no-repeat;
  margin-top: 236rpx;
  display: flex;
  flex-direction: column;
  width: 750rpx;
  justify-content: center;
  align-items: center;
}
.layer3 {
  width: 718rpx;
  height: 432rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section5 {
  width: 718rpx;
  height: 320rpx;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}
.mod2 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
  margin: 0 16rpx 16rpx 0;
}
.info4 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod3 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-left: 101rpx;
  width: 228rpx;
  justify-content: center;
  margin: 0 16rpx 16rpx 0;
}
.word2 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod4 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  margin-bottom: 16rpx;
  display: flex;
  flex-direction: column;
  width: 229rpx;
}
.mod5 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
}
.word3 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,0.7);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod6 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
  margin: 0 16rpx 16rpx 0;
}
.word4 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod7 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-left: 101rpx;
  width: 228rpx;
  justify-content: center;
  margin: 0 16rpx 16rpx 0;
}
.info5 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod8 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  margin-bottom: 16rpx;
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
}
.txt4 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod9 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
  margin: 0 16rpx 16rpx 0;
}
.word5 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod10 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  padding-left: 101rpx;
  width: 228rpx;
  justify-content: center;
  margin: 0 16rpx 16rpx 0;
}
.word6 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.mod11 {
  height: 96rpx;
  border-radius: 4rpx;
  background-color: rgba(255,255,255,1);
  margin-bottom: 16rpx;
  display: flex;
  flex-direction: column;
  width: 229rpx;
  justify-content: center;
  align-items: center;
}
.txt5 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.section6 {
  width: 718rpx;
  height: 96rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.mod12 {
  height: 96rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 473rpx;
  justify-content: center;
  align-items: center;
}
.word7 {
  width: 27rpx;
  height: 64rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 50rpx;
  font-family: DINPro-Medium;
  white-space: nowrap;
  line-height: 50rpx;
  text-align: center;
}
.pic2 {
  width: 229rpx;
  height: 96rpx;
}
.section7 {
  height: 430rpx;
  background-color: rgba(74,144,226,1);
  display: flex;
  flex-direction: column;
  width: 750rpx;
  padding: 20rpx 0 0 48rpx;
}
.layer4 {
  width: 658rpx;
  height: 366rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.word8 {
  width: 138rpx;
  height: 48rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 34rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 48rpx;
  text-align: left;
  margin-left: 258rpx;
}
.paragraph1 {
  width: 658rpx;
  height: 290rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,255,255,1);
  font-size: 28rpx;
  letter-spacing: 0rpx;
  font-family: PingFangSC-Regular;
  line-height: 40rpx;
  text-align: left;
  margin-top: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}