laundry/pages/home/map/list.wxss

/* pages/home/map/list.wxss */
.page {
  z-index: 1;
  position: relative;
  width: 750rpx;
  /* height: 1406rpx; */
  background-color: rgba(246,246,246,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0rpx;
}
.layer1 {
  z-index: auto;
  width: 750rpx;
  /* height: 1344rpx; */
  display: flex;
  flex-direction: column;
}
.group1 {
  z-index: 10;
  height: 40rpx;
  background-color: rgba(255,255,255,1);
  width: 750rpx;
  justify-content: flex-end;
  padding-bottom: 4rpx;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.outer1 {
  z-index: auto;
  width: 727rpx;
  height: 29rpx;
  flex-direction: row;
  display: flex;
}
.icon1 {
  z-index: 26;
  width: 33rpx;
  height: 20rpx;
  margin-top: 2rpx;
}
.word1 {
  z-index: 25;
  width: 74rpx;
  height: 29rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3,3,3,1);
  font-size: 24rpx;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 29rpx;
  margin-left: 7rpx;
}
.section1 {
  z-index: 31;
  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 17rpx;
}
.word2 {
  z-index: 22;
  width: 90rpx;
  height: 29rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3,3,3,1);
  font-size: 24rpx;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 29rpx;
  text-align: center;
  margin-left: 158rpx;
}
.section2 {
  z-index: 21;
  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 177rpx;
}
.word3 {
  z-index: 20;
  width: 66rpx;
  height: 29rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(3,3,3,1);
  font-size: 24rpx;
  font-family: Helvetica;
  white-space: nowrap;
  line-height: 29rpx;
  text-align: right;
  margin-left: 5rpx;
}
.img1 {
  z-index: 14;
  width: 53rpx;
  height: 23rpx;
  margin: 2rpx 0 0 6rpx;
}
.icon2 {
  z-index: 2;
  width: 48rpx;
  height: 48rpx;
  align-self: flex-start;
  margin: 20rpx 0 0 24rpx;
}
.group2 {
  z-index: 36;
  height: 112rpx;
  background-color: rgba(255,255,255,1);
  margin-top: 20rpx;
  width: 750rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 20rpx 0;
}
.section3 {
  z-index: auto;
  width: 686rpx;
  /* height: 72rpx; */
  flex-direction: row;
  display: flex;
}
.outer2 {
  z-index: 37;
  height: 72rpx;
  border-radius: 36rpx;
  background-color: rgba(242,242,242,1);
  width: 502rpx;
  justify-content: center;
  align-items: flex-start;
  padding-left: 30rpx;
  display: flex;
  flex-direction: column;
}
.bd1 {
  z-index: auto;
  width: 100%;
  height: 36rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex; /* Safari */
  align-items:center;/*指定垂直居中*/

}
.icon3 {
  z-index: 40;
  width: 36rpx;
  height: 36rpx;
}
.word4 {
  width: 100%;
  height: 36rpx;

  color: rgba(153,153,153,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;

  text-align: left;

}
.outer3 {
  z-index: 44;
  height: 30rpx;
  background-color: rgba(0,0,0,0);
  width: 30rpx;
  display: flex;
  flex-direction: column;
  margin: 21rpx 0 0 32rpx;
}
.label1 {
  z-index: 45;
  width: 30rpx;
  height: 30rpx;
}
.word5 {
  z-index: 39;
  width: 112rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 28rpx;
  text-align: left;
  margin: 22rpx 0 0 10rpx;
}
.group3 {
  z-index: 51;
  /* height: 256rpx; */
  border-radius: 12rpx;
  background-color: rgba(255,255,255,1);
  align-self: center;
  margin-top: 24rpx;
  width: 700rpx;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32rpx;
  display: flex;
  flex-direction: column;
}
.block1 {
  z-index: auto;
  width: 100%;
  /* width: 646rpx; */
  /* height: 180rpx; */
  flex-direction: row;
  display: flex;
}
.wrap1 {
  z-index: auto;
  width: 455rpx;
  /* height: 156rpx; */
  display: flex;
  flex-direction: column;
  padding-top: 20rpx;
}
.info1 {
  z-index: 53;
  width: 421rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: left;
  align-self: flex-start;
}
.main1 {
  z-index: auto;
  width: 190rpx;
  height: 30rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.wrap2 {
  z-index: 60;
  height: 30rpx;
  border-radius: 2rpx;
  background-color: rgba(255,243,234,1);
  width: 100rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.txt1 {
  z-index: 61;
  width: 88rpx;
  height: 22rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,102,61,1);
  font-size: 22rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22rpx;
  text-align: left;
}
.wrap3 {
  z-index: 56;
  height: 30rpx;
  border-radius: 2rpx;
  background-color: rgba(232,242,255,1);
  width: 78rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.word6 {
  z-index: 57;
  width: 66rpx;
  height: 22rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(70,153,255,1);
  font-size: 22rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22rpx;
  text-align: left;
}
.main2 {
  z-index: auto;
  width: 455rpx;
  /* height: 24rpx; 
  margin-top: 16rpx;*/
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex; /* Safari */
  align-items:center;/*指定垂直居中*/
}
.label2 {
font-size: 24rpx;
color: #666666;
margin-bottom: 8px;
display: block;
}
.info2 {
  z-index: 62;
  width: 423rpx;
  height: 28rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: normal;
  line-height: 24rpx;
  text-align: left;
}
.main3 {
  width: 231rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex; /* Safari */
  align-items:center;/*指定垂直居中*/
}
.label3 {
  font-size: 24rpx;
  color: #666666;
}
.word7 {
  z-index: 69;
  width: 199rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
}
.wrap4 {
  z-index: 82;
  width: 1rpx;
  /* height: 156rpx; */
  background-color: rgba(228,228,228,1);
  margin-left: 51rpx;
  display: flex;
  flex-direction: column;
}
.wrap5 {
  z-index: auto;
  /* width: 100rpx; */
  /* height: 80rpx; */
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin: 38rpx 0 0 39rpx; */
}
.wrap5view{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section4 {
  z-index: auto;
  width: 100rpx;
  height: 40rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon4 {
  z-index: 77;
  width: 40rpx;
  height: 40rpx;
}
.word8 {
  z-index: 81;
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 7rpx;
}
.info3 {
  z-index: 83;
  /* width: 98rpx; */
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: center;
  margin-top: 16rpx;
}
.group4 {
  z-index: auto;
  width: 718rpx;
  height: 560rpx;
  display: flex;
  flex-direction: column;
  margin: 24rpx 0 0 16rpx;
}
.layer2-0 {
  z-index: 115;
  height: 268rpx;
  border-radius: 12rpx;
  background-color: rgba(255,255,255,1);
  margin-bottom: 24rpx;
  width: 718rpx;
  justify-content: center;
  align-items: flex-end;
  padding-right: 27rpx;
  display: flex;
  flex-direction: column;
}
.layer3-0 {
  z-index: auto;
  width: 659rpx;
  height: 188rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.bd2-0 {
  z-index: auto;
  width: 479rpx;
  height: 188rpx;
  display: flex;
  flex-direction: column;
}
.word9-0 {
  z-index: 117;
  width: 210rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: left;
  align-self: flex-start;
  color: rgba(25,28,39,1);
}
.layer4-0 {
  z-index: 120;
  height: 30rpx;
  border-radius: 2rpx;
  align-self: flex-start;
  margin-top: 16rpx;
  width: 78rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  background: rgba(232,242,255,1);
}
.txt2-0 {
  z-index: 121;
  width: 88rpx;
  height: 22rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 22rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22rpx;
  text-align: left;
  color: rgba(70,153,255,1);
}
.layer5-0 {
  z-index: auto;
  width: 479rpx;
  height: 56rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon5-0 {
  z-index: 123;
  width: 24rpx;
  height: 24rpx;
}
.word10-0 {
  z-index: 122;
  width: 447rpx;
  height: 56rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  line-height: 24rpx;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(102,102,102,1);
}
.layer6-0 {
  z-index: auto;
  width: 312rpx;
  height: 24rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon6-0 {
  z-index: 130;
  width: 24rpx;
  height: 24rpx;
}
.txt3-0 {
  z-index: 129;
  width: 280rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  color: rgba(102,102,102,1);
}
.bd3-0 {
  z-index: 142;
  width: 1rpx;
  height: 188rpx;
  background-color: rgba(228,228,228,1);
  display: flex;
  flex-direction: column;
}
.bd4-0 {
  z-index: auto;
  width: 126rpx;
  height: 80rpx;
  margin-top: 54rpx;
  display: flex;
  flex-direction: column;
}
.wrap6-0 {
  z-index: auto;
  width: 100rpx;
  height: 40rpx;
  margin-left: 13rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon7-0 {
  z-index: 137;
  width: 40rpx;
  height: 40rpx;
}
.txt4-0 {
  z-index: 141;
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 7rpx;
}
.word11-0 {
  z-index: 143;
  width: 131rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: center;
  margin-top: 16rpx;
}
.layer2-1 {
  z-index: 115;
  height: 268rpx;
  border-radius: 12rpx;
  background-color: rgba(255,255,255,1);
  margin-bottom: 24rpx;
  width: 718rpx;
  justify-content: center;
  align-items: flex-end;
  padding-right: 27rpx;
  display: flex;
  flex-direction: column;
}
.layer3-1 {
  z-index: auto;
  width: 659rpx;
  height: 188rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.bd2-1 {
  z-index: auto;
  width: 479rpx;
  height: 188rpx;
  display: flex;
  flex-direction: column;
}
.word9-1 {
  z-index: 117;
  width: 210rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: left;
  align-self: flex-start;
  color: rgba(25,28,39,0.5);
}
.layer4-1 {
  z-index: 120;
  height: 30rpx;
  border-radius: 2rpx;
  align-self: flex-start;
  margin-top: 16rpx;
  width: 78rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  background: rgba(237,237,237,1);
}
.txt2-1 {
  z-index: 121;
  width: 88rpx;
  height: 22rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 22rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22rpx;
  text-align: left;
  color: rgba(102,102,102,1);
}
.layer5-1 {
  z-index: auto;
  width: 479rpx;
  height: 56rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon5-1 {
  z-index: 123;
  width: 24rpx;
  height: 24rpx;
}
.word10-1 {
  z-index: 122;
  width: 447rpx;
  height: 56rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  line-height: 24rpx;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(102,102,102,0.5);
}
.layer6-1 {
  z-index: auto;
  width: 312rpx;
  height: 24rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon6-1 {
  z-index: 130;
  width: 24rpx;
  height: 24rpx;
}
.txt3-1 {
  z-index: 129;
  width: 280rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
  color: rgba(102,102,102,0.5);
}
.bd3-1 {
  z-index: 142;
  width: 1rpx;
  height: 188rpx;
  background-color: rgba(228,228,228,1);
  display: flex;
  flex-direction: column;
}
.bd4-1 {
  z-index: auto;
  width: 126rpx;
  height: 80rpx;
  margin-top: 54rpx;
  display: flex;
  flex-direction: column;
}
.wrap6-1 {
  z-index: auto;
  width: 100rpx;
  height: 40rpx;
  margin-left: 13rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.icon7-1 {
  z-index: 137;
  width: 40rpx;
  height: 40rpx;
}
.txt4-1 {
  z-index: 141;
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 7rpx;
}
.word11-1 {
  z-index: 143;
  width: 131rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: center;
  margin-top: 16rpx;
}
.group5 {
  z-index: 85;
  height: 236rpx;
  border-radius: 12rpx;
  background-color: rgba(255,255,255,1);
  align-self: center;
  margin-top: 24rpx;
  width: 718rpx;
  justify-content: center;
  align-items: flex-end;
  padding-right: 27rpx;
  display: flex;
  flex-direction: column;
}
.layer7 {
  z-index: auto;
  width: 659rpx;
  height: 156rpx;
  flex-direction: row;
  display: flex;
}
.layer8 {
  z-index: auto;
  width: 455rpx;
  height: 156rpx;
  display: flex;
  flex-direction: column;
}
.txt5 {
  z-index: 87;
  width: 309rpx;
  height: 30rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 30rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 30rpx;
  text-align: left;
  align-self: flex-start;
}
.group6 {
  z-index: 90;
  height: 30rpx;
  border-radius: 2rpx;
  background-color: rgba(255,235,234,1);
  align-self: flex-start;
  margin-top: 16rpx;
  width: 78rpx;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.info4 {
  z-index: 91;
  width: 66rpx;
  height: 22rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(225,60,48,1);
  font-size: 22rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22rpx;
  text-align: left;
}
.group7 {
  z-index: auto;
  width: 455rpx;
  height: 24rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.label4 {
  z-index: 93;
  width: 24rpx;
  height: 24rpx;
}
.word12 {
  z-index: 92;
  width: 423rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
}
.group8 {
  z-index: auto;
  width: 123rpx;
  height: 24rpx;
  margin-top: 16rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.label5 {
  z-index: 100;
  width: 24rpx;
  height: 24rpx;
}
.word13 {
  z-index: 99;
  width: 91rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: left;
}
.layer9 {
  z-index: 112;
  width: 1rpx;
  height: 156rpx;
  background-color: rgba(228,228,228,1);
  margin-left: 51rpx;
  display: flex;
  flex-direction: column;
}
.layer10 {
  z-index: auto;
  width: 126rpx;
  height: 80rpx;
  display: flex;
  flex-direction: column;
  margin: 38rpx 0 0 26rpx;
}
.wrap7 {
  z-index: auto;
  width: 100rpx;
  height: 40rpx;
  margin-left: 13rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.label6 {
  z-index: 107;
  width: 40rpx;
  height: 40rpx;
}
.word14 {
  z-index: 111;
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin-top: 7rpx;
}
.txt6 {
  z-index: 113;
  width: 126rpx;
  height: 24rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 24rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24rpx;
  text-align: center;
  margin-top: 16rpx;
}
.layer11 {
  z-index: 5;
  height: 88rpx;
  background-color: rgba(255,255,255,1);
  width: 750rpx;
  justify-content: center;
  align-items: flex-end;
  padding-right: 14rpx;
  position: absolute;
  left: 0rpx;
  top: 40rpx;
  display: flex;
  flex-direction: column;
}
.wrap8 {
  z-index: auto;
  width: 712rpx;
  height: 64rpx;
  flex-direction: row;
  display: flex;
}
.label7 {
  z-index: 7;
  width: 48rpx;
  height: 48rpx;
  margin-top: 8rpx;
}
.word15 {
  z-index: 6;
  width: 144rpx;
  height: 36rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(25,28,39,1);
  font-size: 36rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 36rpx;
  text-align: center;
  margin: 14rpx 0 0 231rpx;
}
.pic1 {
  z-index: 35;
  width: 174rpx;
  height: 64rpx;
  margin-left: 115rpx;
}