Files
bsmall/pages/unicom_form/unicom_form.acss

126 lines
1.8 KiB
Plaintext

page{
background: #fafafa;
}
/* 可办理次数 */
.welfare-header{
padding: 100rpx 30rpx;
text-align: center;
background: white;
}
.welfare-header-title{
color: gray;
}
.welfare-header-title text{
color: #ff6600;
font-weight: bold;
padding: 0 10rpx;
}
.welfare-header-number{
font-size: 50rpx;
font-weight: bold;
color: #ff6600;
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: #ff6600;
font-size: 30rpx;
}
.order-item-code-btn-hover{
color: #da5700;
background: transparent;
}
.order-btn{
padding: 30rpx;
}