@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background-color: #FFFFFF; } .content .top { width: 100%; height: 368rpx; } .content .top image { width: 100%; height: 368rpx; } .content .freeSign { padding: 24rpx 0; 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; background-color: #FFFFFF; border-bottom: 1rpx solid #F2F2F2; } .content .signInfo { padding: 24rpx 0; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 28rpx; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #FFFFFF; border-bottom: 1rpx solid #F2F2F2; } .content .statement { background-color: #FFFFFF; border-radius: 12rpx; } .content .statement .title { height: 84rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; font-size: 32rpx; border-bottom: 2rpx dotted #f3f3f3; } .content .statement .main { padding: 32rpx; text-indent: 48rpx; color: #666; font-weight: 400; } .content .buttom { width: 460rpx; height: 100rpx; background: -webkit-linear-gradient(bottom, #C90F1B, #F14D33); background: linear-gradient(0deg, #C90F1B, #F14D33); border-radius: 50rpx; margin: 50rpx auto; font-size: 36rpx; font-weight: 400; color: #FFFFFF; line-height: 100rpx; text-align: center; } .content .buttom.action { background: #999999; } .content .box { background-color: #FFFFFF; border-radius: 10rpx; padding: 28rpx 20rpx 84rpx 20rpx; position: relative; } .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; border: 3rpx solid #e9b2af; 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 .box .check-box .info { margin-bottom: 32rpx; text-align: center; } .content .box .check-box .chooseTim { text-align: center; font-size: 42rpx; } .content .box .check-box .choose-job { color: #666666; } .content .box .check-box .choose-job .goods_check { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .content .box .check-box .choose-job .other { width: 100%; border-bottom: 2rpx solid #f3f3f3; } .content .box .check-box .box-cent { font-size: 28rpx; font-weight: 500; color: #666666; display: -webkit-box; display: -webkit-flex; display: flex; } .content .box .check-box .box-cent .cent-left { margin-right: 28rpx; } .content .box .check-box .box-cent .cent-left .left-txt { line-height: 100rpx; } .content .box .check-box .box-cent .cent-right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; } .content .box .check-box .box-cent .cent-right .right-check { line-height: 100rpx; } .content .box .box-1 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-top: 32rpx; } .content .box .box-1 .box-left { padding-left: 2rpx; width: 100%; text-align: left; color: #E63931; } .content .box .box-1 input { height: 66rpx; line-height: 66rpx; margin-top: 32rpx; } .content .box .box-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: 100%; font-size: 36rpx; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #FF9797; border: 1rpx solid #f3afad; border-radius: 22rpx; text-align: left; padding-right: 24rpx; } .content .box .box-1 .list-input .input-placeholder { height: 70rpx; color: #FF9797; } .content .box .box-1 .box-right { 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: 1rpx solid #f3afad; border-radius: 22rpx; margin: 32rpx 36rpx 0 36rpx; width: 96%; font-size: 36rpx; color: #FF9797; text-align: left; } .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; }