weilaibike-bindbike/pages/index/index.wxss

.box{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.box .top{
  width: 100%;
  height:560rpx;
  background:rgba(254,169,65,1);
}
.box .top image{
  width: 100%;
  height: 100%;
}
.box .message{
  width:690rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 18rpx 0px rgba(179,178,178,1);
  border-radius:24rpx;
  margin-top: -230rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .message .message_top{
  width: 90%;
  border-bottom: 1rpx solid #D2D2D2;
  padding-top: 40rpx;
  padding-bottom: 30rpx;
  font-size:34rpx;
  font-family:PingFang SC;
  color:rgba(62,58,57,1);
}
.box .message .message_content{
  width: 90%;
  display: flex;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}
.message_content view{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size:28rpx;
  font-family:PingFang SC;
  color:rgba(62,58,57,1);
}
.message_content view text:nth-of-type(2){
  padding-top: 25rpx;
  font-size: 24rpx;
}
.instructions{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.instructions .text{
  font-size:32rpx;
  font-family:PingFang SC;
  color:rgba(40,40,40,1);
  width: 80%;
  padding-bottom: 10rpx;
  padding-top: 40rpx;
  border-bottom: 1rpx solid #2A2A2A;
}
.instructions_icon{
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}
.instructions_icon view{
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size:28rpx;
  font-family:PingFang SC;
  color:rgba(40,40,40,1);
  padding-top: 50rpx;
}
.instructions_icon view text{
  padding-top: 14rpx;
}