@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background-color: #fdcbc2; height: 100%; } .content { padding-top: 16rpx; background-color: #fdcbc2; } .content .top { width: 100%; height: 188rpx; } .content .top image { width: 100%; height: 188rpx; } .content .info-box { text-indent: 64rpx; margin: 12rpx 0 54rpx; padding: 0 32rpx 20rpx; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 25rpx; color: #e63931; } .content .buttom { margin-top: 50rpx; width: 750rpx; height: 100rpx; background: #fa7e67; font-size: 34rpx; font-family: PingFang SC; font-weight: 500; color: #fff; line-height: 100rpx; text-align: center; } .content .buttom.action { background: #999999; } .content .box { width: 690rpx; margin: 20rpx auto 0; background-color: #ffffff; border-radius: 10rpx; padding: 28rpx 20rpx 84rpx 20rpx; position: relative; box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1); } .content .box .red-box { width: 405rpx; line-height: 66rpx; text-align: center; background: -webkit-linear-gradient(bottom, #c90f1b, #f14d33); background: linear-gradient(0deg, #c90f1b, #f14d33); border-radius: 10rpx; font-size: 30rpx; font-weight: 500; color: #FA7E67; position: absolute; top: -36rpx; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .content .box .box-check { font-size: 28rpx; font-weight: 500; color: #666666; line-height: 100rpx; } .content .box .imp { color: red; margin-left: 5rpx; } .content .box .check-box { margin: 44rpx 0rpx; padding: 25rpx 25rpx; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-radius: 25rpx; color: #ff4500; } .content .box .check-box .info { margin-bottom: 32rpx; } .content .box .check-box .info-3 { margin-top: 12rpx; line-height: 46rpx; } .content .box .check-box .info-1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .content .box .check-box .info-1 input { height: 56rpx; width: 400rpx; line-height: 56rpx; width: 300rpx; } .content .box .check-box .info-1 .list-input { padding-left: 24rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 280rpx; font-size: 36rpx; color: #ff9797; text-align: center; padding-right: 24rpx; } .content .box .check-box .info-1 .list-input .input-placeholder { width: 400rpx; height: 70rpx; color: #ff9797; } .content .box .check-box .check-main { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; } .content .box .check-box .check-main .check-text { margin-right: 12rpx; color: #000; } .content .box .check-box .check-main .checkbox, .content .box .check-box .check-main .uni-checkbox-input, .content .box .check-box .check-main .uni-checkbox-input-checked { border: 1px solid #ff4500; background: #ff4500; color: #fff !important; } .content .box .box-2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 32rpx; color: #FF4C4C; } .content .box .box-2 .box-left { padding-left: 2rpx; text-align: left; color: #ff4500; } .content .box .box-2 .line { width: 200rpx; border-bottom: 1rpx solid #ff9797; } .content .box .box-1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; border-bottom: solid 1px #f0f0f0; } .content .box .box-1 .box-left { font-size: 28rpx; width: 200rpx; padding-left: 2rpx; text-align: left; color: #000; line-height: 1.5; } .content .box .box-1 .max-line { width: 200rpx; padding-right: 50rpx; } .content .box .box-1 input { margin-right: 36rpx; display: block; height: 99rpx; line-height: 99rpx; margin-top: 32rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #000; } .content .box .box-1 .list-input { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; font-size: 28rpx; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: left; padding-left: 25rpx; height: 99rpx; line-height: 99rpx; margin-top: 0 !important; } .content .box .box-1 .list-input .input-placeholder { height: 99rpx; color: #999; } .content .box .box-1 .box-right { width: 460rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-left: 24rpx; height: 66rpx; line-height: 66rpx; border-radius: 22rpx; margin-right: 36rpx; margin-left: 32rpx; font-size: 28rpx; text-align: left; } .content .box .box-1 .box-right .action { color: #999; } .content .box .upload-box { width: 100%; height: 247rpx; background: #ffffff; border-radius: 27rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 30rpx 40rpx 30rpx 0; margin: 0 auto 30rpx; } .content .box .upload-box .upload-left { font-weight: 400; color: #e63931; } .content .box .upload-box .upload-right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .content .box .upload-box .upload-right .upload-img { width: 103rpx; height: 103rpx; margin-top: 24rpx; } .red-box { text-align: center; font-size: 38rpx; font-family: PingFang SC; font-weight: bold; color: #FA7E67; padding-top: 50rpx; } .jg { width: 215rpx; height: 17rpx; margin: -15rpx auto 34rpx; background: #fff; opacity: 0.26; } .line-b { display: inline-block; height: 20rpx; border-bottom: 1px solid #e63931; }