H5_module/order/card/index.css

page{padding-bottom: 30rpx;}
.top{position: relative;overflow: hidden;height: 345rpx;}
.top::after{content: '';display: block;position: absolute;top: 0;width: 120%;left: -10%;right: -10%;bottom: 0;border-radius: 0 0 50% 50%;z-index: 1;background-color: #009aff;}
.top-c{position: relative;z-index: 5;margin-top: 30rpx;}
.sta{font-size: 56rpx;color: #fff;justify-content: center;}
.sta image{width: 58rpx;height: 58rpx;margin-right: 16rpx;}
.time{font-size: 24rpx;color: #fff;margin-top: 30rpx;text-align: center;justify-content: center;}
.info{background-color: #fff;border-radius: 12rpx;margin: -125rpx 30rpx 0;position: relative;z-index: 5;padding: 30rpx;}
.user{font-size: 32rpx;color: #999;font-weight: bold;}
.user image{width: 60rpx;height: 60rpx;margin-right: 18rpx;border-radius: 50%;}
.kai{color: #009AFF;}
.version{margin-top: 25rpx;align-items: flex-end;}
.v-tit{font-size: 32rpx;color: #00001E;font-weight: bold;}
.v-zhe{height: 36rpx;background: linear-gradient(7deg, #FF6958 0%, #FF2D41 100%);border-radius: 5rpx;font-size: 24rpx;color: #fff;padding: 0 12rpx;line-height: 36rpx;margin-left: 10rpx;}
.v-time{font-size: 24rpx;color: #999;margin-top: 15rpx;line-height: 28rpx;}
.v-moneys{text-align: right;}
.v-money{font-size: 48rpx;color: #00001E;}
.v-money text{font-size: 32rpx;}
.v-del{font-size: 22rpx;color: #B6B6B6;margin-top: 10rpx;text-decoration: line-through;line-height: 28rpx;}
.form{background-color: #fff;border-radius: 12rpx;margin: 20rpx 30rpx 0;font-size: 28rpx;color: #00001E;padding: 20rpx 30rpx;}
.form .li{padding: 20rpx 0;}
.label{color: #999;}
.item{text-align: right;}
.dai{color: #FF0018;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;padding: 30rpx;z-index: 50;}
.btn{height: 76rpx;background: #2A82FD;border-radius: 10rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 76rpx;}