bike-changce-weapp/pages/index/index.wxss

.box{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.box .top{
  width: 100%;
  /* height:560rpx; */
  height:400rpx;
  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;
  padding-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .message .message_top{
  width: 90%;
  border-bottom: 1rpx solid #D2D2D2;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
  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: 50%;
  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;
}
.dire {
  font-size: 24rpx;
  padding: 15rpx 0 15rpx 20rpx;
  border-bottom: 1rpx solid #dedede;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wx-switch-input{
  width:82rpx !important;
  height:36rpx !important;
  background: #50D2C2 !important;
  border: #50d2c2 !important; /* 2018-07-18 重置开关边框颜色 */
}
/*白色样式（false的样式）*/
.wx-switch-input::before{
  width:82rpx !important;
  height: 36rpx !important;
  background: #cccccc !important;
}
/*绿色样式（true的样式）*/
.wx-switch-input::after{
  width: 40rpx !important;
  height: 36rpx !important;
}