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;}