wxmp-wodeshebao/page/mine/pages/wait-for-do-details/wait-for-do-details.wxss

Page {
  background-color: white;
}

.bg-scroll-view {
  background-color: white;
}


/* header */
.header {
  width: 100%;
  height: 200rpx;
  background-color: #738DA7;
  display: flex;
  flex-direction: column;
}

.header text {
  font-family: PingFangSC-Semibold;
  color: white;
  margin-left: 50rpx;
  margin-right: 50rpx;
}

.header>text:first-child {
  font-size: 38rpx;
  line-height: 52rpx;
  margin-top: 46rpx;
  margin-bottom: 10rpx;
}

.header>text:last-child {
  font-size: 30rpx;
  line-height: 60rpx;
}

/* item */
.item, .item-current {
  width: 100%;
  display: flex;
}

/* .item {
  height: 140rpx;
}

.item-current {
  height: 152rpx;
} */

.item>view:first-child, .item-current>view:first-child {
  width: 132rpx;
  overflow: hidden;
  /* display: flex;
  flex-direction: column; */
}

.image-current {
  width: 40rpx;
  height: 44rpx;
  margin-left: 52rpx;
  display: block;
}

.image {
  width: 16rpx;
  height: 44rpx;
  margin-left: 64rpx;
  display: block;
}

.image-start {
  width: 24rpx;
  height: 44rpx;
  margin-left: 60rpx;
  display: block;
}

image+view {
  width: 4rpx;
  height: 200%;
  background-color: #3296FB;
  margin-left: 70rpx;
  margin-top: 6rpx;
}

.item>view:last-child, .item-current>view:last-child {
  display: flex;
  flex-direction: column;
}

.item>view:last-child>view, .item-current>view:last-child>view {
  width: 588rpx;
  display: flex;
  margin-bottom: 12rpx;
} 

.item>view:last-child>view>text, .item-current>view:last-child>view>text {
  /* width: 588rpx; */
  font-size: 32rpx;
  line-height: 44rpx;
  word-break:break-all;
} 

.item>view:last-child>view>view, .item-current>view:last-child>view>view {
  font-size: 32rpx;
  line-height: 44rpx;
  color: #3296FB;
  margin-left: 40rpx;
} 

.item>view:last-child>view>text:nth-child(1) {
  color: #808080;
}

.item>view:last-child>text, .item-current>view:last-child>text {
  font-size: 26rpx;
  color: #999999;
  margin-bottom: 66rpx;
} 

/* wfdd-bottom-view */
.wfdd-bottom-view {
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.wfdd-bottom-view>text {
  font-size: 28rpx;
  color: #666666;
  margin: 38rpx 30rpx 42rpx;
}

.wfdd-bottom-view>view:nth-last-child(2) {
  width: 100%;
  height: 112rpx;
  display: flex;
}

.wfdd-bottom-view>view:nth-last-child(2)>view {
  width: 690rpx;
  height: 90rpx;
  margin: auto auto;
  font-size: 32rpx;
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 90rpx;
  background-color: #3296FB;
  border-radius: 45rpx;
}

.wfdd-bottom-view>view:first-child {
  width: 100%;
  height: 0.7px;
  background-color: white;
}