You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.5 KiB
123 lines
2.5 KiB
page{
|
|
min-height: 100%;
|
|
width: 100%;
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.container{
|
|
padding-top: 20rpx;
|
|
}
|
|
|
|
.total{
|
|
height: 104rpx;
|
|
background: #fff;
|
|
width: 100%;
|
|
line-height: 104rpx;
|
|
padding-left: 30rpx;
|
|
padding-right: 30rpx;
|
|
}
|
|
|
|
.total .label{
|
|
float: left;
|
|
}
|
|
|
|
.total .txt{
|
|
float: right;
|
|
}
|
|
|
|
.pay-list{
|
|
margin-top: 30rpx;
|
|
height: auto;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.pay-list .h{
|
|
width: 100%;
|
|
height: 24rpx;
|
|
line-height: 24rpx;
|
|
margin-left: 31.25rpx;
|
|
margin-bottom: 31.25rpx;
|
|
}
|
|
|
|
.pay-list .item{
|
|
height: 108rpx;
|
|
padding-left: 31.25rpx;
|
|
background: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1px solid #f4f4f4;
|
|
}
|
|
|
|
.pay-list .checkbox{
|
|
background: url(http://xiaot-static.oss-cn-hangzhou.aliyuncs.com/XiaoT/icon/checkbox-sed825af9d3-a6b8540d42.png) 0 -448rpx no-repeat;
|
|
background-size: 38rpx 486rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.pay-list .checkbox.checked{
|
|
background: url(http://xiaot-static.oss-cn-hangzhou.aliyuncs.com/XiaoT/icon/checkbox-sed825af9d3-a6b8540d42.png) 0 -192rpx no-repeat;
|
|
background-size: 38rpx 486rpx;
|
|
}
|
|
|
|
.pay-list .icon-alipay{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-image: url(http://xiaot-static.oss-cn-hangzhou.aliyuncs.com/XiaoT/icon/payMethod-s3c1faebee4-d754da9c65.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 56.25rpx 189.583rpx;
|
|
margin-right: 10.5rpx;
|
|
width: 56.25rpx;
|
|
height: 56.25rpx;
|
|
}
|
|
|
|
.pay-list .icon-net{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background: url(http://xiaot-static.oss-cn-hangzhou.aliyuncs.com/XiaoT/icon/payMethod-s3c1faebee4-d754da9c65.png) 0 -66.7rpx no-repeat;
|
|
background-size: 56.25rpx 189.583rpx;
|
|
margin-right: 10.5rpx;
|
|
width: 56.25rpx;
|
|
height: 56.25rpx;
|
|
}
|
|
|
|
.pay-list .icon{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 10.5rpx;
|
|
width: 56.25rpx;
|
|
height: 56.25rpx;
|
|
}
|
|
|
|
.pay-list .name{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 56.25rpx;
|
|
line-height: 56.25rpx;
|
|
}
|
|
|
|
.pay-btn{
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 100rpx;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 100rpx;
|
|
background: #b4282d;
|
|
color: #fff;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.tips{
|
|
height: 40rpx;
|
|
width: 100%;
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
line-height: 40rpx;
|
|
padding-left: 30rpx;
|
|
padding-right: 30rpx;
|
|
} |