page { background: #f3f3f3; color: #333; box-sizing: border-box; width:750rpx; } view,text{ box-sizing: border-box; } .container{ padding:20rpx; background: #f3f3f3; } .module-wrapper{ width: 710rpx; background: #FFFFFF; border-radius: 14rpx; padding:34rpx 30rpx; } .module-title{ font-weight: bold; font-size: 36rpx; color: #333333; line-height: 50rpx; height: 50rpx; margin-bottom:20rpx; } .select-board{ width: 650rpx; height: 130rpx; border-radius: 8rpx; border: 2rpx solid #24B2FF; display: flex; justify-content: space-between; align-items: center; padding:0 30rpx 0 40rpx; } .select-left{ display: flex; align-items: center; height: 56rpx; } .select-left view{ font-weight: 600; font-size: 40rpx; color: #999999; line-height: 56rpx; margin-right:10rpx; } .select-left image{ width:44rpx; height:44rpx; } .select-board .arrow-img{ width:24rpx; height:24rpx; } .btn-wrapper{ position: fixed; bottom:0; left:0; right:0; padding:0 50rpx 56rpx; } .schedue-apply-btn{ width: 650rpx; height: 130rpx; background: linear-gradient( 57deg, #16A9FF 0%, #4DD3FF 100%); border-radius: 8rpx; align-items: center; display: flex; padding:20rpx 0; flex-direction: column; } .schedue-apply-btn view{ font-weight: 600; font-size: 40rpx; color: #FFFFFF; line-height: 56rpx; line-height: 56rpx; } .schedue-apply-btn view.tips{ font-size: 24rpx; line-height: 34rpx; line-height: 34rpx; } view.van-picker-column__item{ color:#000; }