.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; }