page { background: #9C0115; color: #333; } view,text{ box-sizing: border-box; color:#333; font-size: 28rpx; } .container{ display: flex; flex-direction: column; align-items: center; padding:52rpx 48rpx 60rpx; } .logo{ width:386rpx; height: 68rpx; margin-bottom:46rpx; } .main{ width:654rpx; min-height: 1200rpx; background: #FFFFFF; border-radius: 27px; padding:60rpx 0 194rpx; } .submit-btn{ width: 622rpx; height: 88rpx; line-height: 88rpx; margin:0 auto; background: #09afff; border-radius: 88rpx; color: #FFFFFF; font-size: 32rpx; text-align: center; margin:300rpx auto 0; } .info-block{ padding:0 16rpx 0 34rpx; } .head-top{ color: #0EAEFC; line-height: 50rpx; font-size: 36rpx; height: 50rpx; margin-bottom:10rpx; } .head-tips{ color: #0EAEFC; line-height: 38rpx; height: 38rpx; font-size: 26rpx; margin-bottom:40rpx; } .item-title{ display: flex; align-items: flex-end; height: 40rpx; margin-bottom:22rpx; } .item-title text{ color: #C02D2D; height: 32rpx; margin-right:4rpx; } .question{ font-size: 28rpx; } .remark{ font-size: 20rpx; color: #B6B6B6; padding-bottom:4rpx; } .input-block{ width: 582rpx; height: 84rpx; background: #EAEAEA; margin-left:16rpx; padding:14rpx 12rpx; } .input{ height: 56rpx; background:#fff; border-radius: 6rpx; padding:0 12rpx; flex:1; } .info-item{ margin-bottom:20rpx; } .input-tips{ color: #333333; line-height: 24rpx; font-size: 18rpx; height: 24rpx; margin:-16rpx 0 10rpx 16rpx; } .placeholder{ font-size: 24rpx; color: #B4B4B4; } .input-wrapper{ background-color: #fff; display: flex; padding-right:10rpx; } .submit-btn.disable-btn{ opacity: 0.4; }