laundry/pages/signFor/record.wxss

/* pages/signFor/record.wxss */

page {
  background-color: rgba(246,246,246,1);
}
/* .layer1 {
  width: 750rpx;
  display: flex;
  flex-direction: column;
} */

.outer3 {
    position: relative;
    padding: 20rpx 0;
  width: 750rpx;
  height: 88rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
.main1 {
    flex: 1;
    position: relative;
  /* height: 88rpx; */
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  /* padding-left: 64rpx; */
  width: 250rpx;
  justify-content: center;
}
.bd1 {
    margin: 0 auto;
  width: 118rpx;
  height: 28rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.word3 {
  /* width: 92rpx; */
  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;
}
.label2 {
  width: 16rpx;
  height: 8rpx;
  margin-top: 10rpx;
}
.main2 {
    flex: 1;
    position: relative;
  /* height: 88rpx; */
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 250rpx;
  justify-content: center;
  border-left: 1rpx solid rgba(237,237,237,1);
}
.bd2 {
    max-width: 80%;
    margin: 0 auto;
  /* width: 196rpx; */
  /* width: calc(100% - 56rpx); */
  /* height: 28rpx; */
  flex-direction: row;
  display: flex;
}
.mod1 {
  width: 2rpx;
  height: 28rpx;
  background-color: rgba(237,237,237,1);
  display: flex;
  flex-direction: column;
}
.txt1 {
  /* width: 112rpx; */
  max-width: 156rpx;
  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;
  /* margin-left: 52rpx; */
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.icon2 {
  width: 24rpx;
  height: 24rpx;
  margin: 2rpx 0 0 6rpx;
  /* position: absolute; */
  /* right: 20rpx; */
}
.main3 {
    flex: 1;
  /* height: 88rpx; */
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 250rpx;
  justify-content: center;
  border-left: 1rpx solid rgba(237,237,237,1);
}
.block1 {
  /* width: 196rpx; */
  height: 28rpx;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.layer2 {
  width: 2rpx;
  height: 28rpx;
  background-color: rgba(237,237,237,1);
  display: flex;
  flex-direction: column;
}
.txt2 {
  /* width: 112rpx; */
  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;
  /* margin-left: 52rpx; */
}
.icon3 {
  width: 24rpx;
  height: 24rpx;
  margin: 2rpx 0 0 6rpx;
}
.outer4 {
  height: 448rpx;
  border-radius: 8rpx;
  background-color: rgba(255,255,255,1);
  display: flex;
  flex-direction: column;
  width: 710rpx;
  justify-content: center;
  margin: 20rpx 0 20rpx 20rpx;
}
.main4 {
  width: 710rpx;
  height: 388rpx;
  display: flex;
  flex-direction: column;
}
.box1 {
  width: 660rpx;
  height: 30rpx;
  margin-left: 30rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.word4 {
  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;
}
.txt3 {
  width: 52rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255,115,0,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
}
.info3 {
  width: 89rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 20rpx 0 0 30rpx;
}
.box2 {
  width: 710rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
}
.word5 {
  width: 260rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 30rpx 0 0 20rpx;
}
.txt4 {
  width: 391rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 20rpx 0 0 20rpx;
}
.word6 {
  width: 234rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 20rpx 0 0 20rpx;
}
.word7 {
  width: 238rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(102,102,102,1);
  font-size: 26rpx;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
  margin: 20rpx 0 0 20rpx;
}
.box3 {
  width: 710rpx;
  height: 1rpx;
  background-color: rgba(237,237,237,1);
  margin-top: 30rpx;
  display: flex;
  flex-direction: column;
}
.box4 {
  width: 650rpx;
  height: 26rpx;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  margin: 30rpx 0 0 30rpx;
}
.txt5 {
  width: 198rpx;
  height: 26rpx;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51,51,51,1);
  font-size: 26rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 26rpx;
  text-align: left;
}
.info4 {
  width: 183rpx;
  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;
}
.se_poview{
    margin-bottom: 20rpx;
    position: absolute;
    top: 86rpx;
    left: 20rpx;
    z-index: 20;
    width: calc(100% - 40rpx);
    height: 500rpx;
    overflow-y: scroll;
    background: #fff;
    border: 1rpx solid rgba(198,198,198,1);
    border-radius: 14rpx;
}
.se_poview>view{
    font-size: 28rpx;
    color: #333;
    padding: 20rpx 20rpx;
    border-bottom: 1rpx solid #ddd;
}