page{ background: #f2f1f6; } .report, .detail{ padding: 0 20rpx; } .report{ margin-bottom: 15rpx; } .title, .detail-title{ font-size: 36rpx; margin-bottom: 15rpx; } .info{ padding: 20rpx 20rpx 0; overflow: hidden; background: #fff; border-radius: 10rpx; box-shadow: 0 0 10rpx #EEE; } .row{ margin-bottom: 20rpx; position: relative; padding-left: 20rpx; } .required{ position: absolute; top: 0; left: 0; color: red; } .main{ background: #f1f1f6; width: 100%; height: 75rpx; border-radius: 10rpx; padding: 0 15rpx; box-sizing: border-box; position: relative; } .main input{ width: 100%; height: 100%; } .selected{ display: block; line-height: 75rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 75rpx; } .select-icon{ position: absolute; top: 0; right: 0; width: 75rpx; height: 75rpx; } .select-icon image{ width: 30rpx; height: 22rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .detail-required{ color: red; } .detail-row{ margin-bottom: 20rpx; padding-left: 0; } .detail-row textarea{ width: 100%; height: 200rpx; padding: 10rpx; box-sizing: border-box; background: #f1f1f6; } .detail .info{ padding: 20rpx; } .voice{ display: flex; justify-content: space-between; padding: 20rpx; background: #f1f1f6; border-radius: 10rpx; } .detail-info{ background: #FFF; border-radius: 10rpx; padding: 20rpx 20rpx 0; overflow: hidden; } .detail-main{ height: auto; } .voice-btn{ height: 70rpx; padding: 0 20rpx; background: #008cff; color: #fff; border-radius: 10rpx; line-height: 70rpx; } .voice-info{ line-height: 70rpx; padding-left: 50rpx; position: relative; } .voice-info image{ position: absolute; top: 50%; left: 0; width: 45rpx; height: 45rpx; transform: translate(0,-50%); } .choose-photo .img-box{ width: 32%; height: 140rpx; margin-right: 2%; margin-bottom: 10rpx; position: relative; display: inline-block; } .img-box image{ width: 100%; height: 100%; } .img-box .delete-btn{ position: absolute; top: -10rpx; right: -10rpx; width: 40rpx; height: 40rpx; } .choose-photo .img-box:nth-child(3n){ margin-right: 0; } .photo-main{ background: none; padding: 0; } .submit{ width: 710rpx; height: 100rpx; background: #008cff; line-height: 100rpx; text-align: center; color: #fff; border-radius: 10rpx; margin: 15rpx auto; } .add{ display: inline-block; width: 32%; height: 140rpx; background: #f1f1f6; position: relative; } .add image{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60rpx; height: 60rpx; } .address{ line-height: 75rpx; } .self-box{ display: flex; justify-content: space-between; } .self, .self-check label{ line-height: 75rpx; } .self-check label{ margin-right: 15rpx; } .self-check label:last-child{ margin-right: 0; } .address-main{ height: auto; }