page{ background: #fafafa; } /* 可办理次数 */ .welfare-header{ padding: 100rpx 30rpx; text-align: center; background: white; } .welfare-header-title{ color: gray; } .welfare-header-title text{ color: #db1e11; font-weight: bold; padding: 0 10rpx; } .welfare-header-number{ font-size: 50rpx; font-weight: bold; color: #db1e11; padding: 20rpx 0; } /* 办理优惠信息 */ .welfare-title{ padding: 20rpx 30rpx; color: gray; } /* 优惠办理表单 */ .form-block{ background: white; } .order-item{ position: relative; padding: 0 30rpx 0 200rpx; height: 85rpx; line-height: 85rpx; font-size: 30rpx; } .order-item::after{ content: " "; background: #ddd; position: absolute; left: 30rpx; height: 1rpx; right: 0; bottom: 0; z-index: 1; } .order-item:last-child::after{ display: none; } .order-item-label{ position: absolute; left: 0; top: 0; line-height: 85rpx; padding: 0 30rpx; width: 200rpx; box-sizing: border-box; text-align: left; } .order-item-input{ background: white; display: block; border: none; padding: 0; height: 85rpx; font-size: 30rpx; } .order-item-picker{ width: 100%; } .order-item-picker-text{ padding-right: 85rpx; position: relative; } .order-item-picker-icon{ width: 32rpx; position: absolute; right: 0; top: 26rpx; } .order-item-code{ padding-right: 260rpx; } .order-item-code-btn{ position: absolute; right: 30rpx; top: 0; width: 200rpx; height: 85rpx; line-height: 85rpx; border: none; background: transparent; color: #db1e11; font-size: 30rpx; } .order-item-code-btn-hover{ color: #db1e11; background: transparent; } .order-btn{ padding: 30rpx; } .order-btn .btn{ background: #db1e11; border: none; }