.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-right: 10px; border-radius: 10rpx; width: 100%; font-size: 14px; } .detail-info { background: #FFF; border-radius: 10rpx; padding: 20rpx 20rpx 0; overflow: hidden; } .detail-main { height: auto; } .voice-btn { height: 30px; padding: 0 10px; font-size: 14px; background: #008cff; color: #fff; border-radius: 10rpx; line-height: 30px; } .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; } /* pages/censusinput/censusinput.wxss */ page { background-color: #efefef; } .page-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 5px; border-radius: 10px; flex-basis: 100%; padding: 10px; } .box-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 10px; background-color: white; flex-basis: 100%; padding-left: 10px; padding-right: 10px; margin-top: 10px; width: 94%; margin-bottom: 10px; } .form-item { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px; width: fit-content; width: 97%; } .ver { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .form-textarea { background-color: #EFEFEF; width: 95%; margin-top: 5px; padding: 5px; font-size: 14px; height: 100px; border-radius: 5px; } .form-title { font-size: 14px; flex: .4; } .must::after { content: "*"; color: red; } .select::after { content: "\25BC"; color: #6d6d6d; font-size: 12px; padding-left: 5px; } .form-content { font-size: 14px; flex: .6; text-align: right; padding: 5px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .all{ text-overflow: normal; overflow: normal; word-break: normal; white-space: normal; } .form-head { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 15px; color: black; font-weight: bold; } .form-head-line { height: 15px; width: 6px; background-color: #4985f8; margin-right: 5px; } radio { transform: scale(0.7); font-size: 18px; } .btn-submit { width: 100%; position: fixed; bottom: 0; height: 48px; background-color: #4985f8; display: flex; justify-content: center; align-items: center; align-self: center; color: #FFFFFF; z-index: 23; } .btn-submit:active { transform: scale(0.9); } .line { margin-top: 5px; margin-bottom: 5px; border: 1px dashed #ebe9e9; width: 100%; }