/* pages/handleFile/handleFile.wxss */ .handle-file-content { width: 100%; height: 100%; background-color: #f7f7f7; overflow-y: auto; position: relative; } .main-content { width: 690rpx; /* min-height: 100%; */ margin: 0 auto; padding-bottom: 180rpx; } .file-item { width: 100%; height: 160rpx; background: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; } .f-left { width: 100%; height: 100%; } .f-radio { width: 40rpx; height: 40rpx; border: 2rpx solid #DDDDDD; border-radius: 50%; margin-left: 20rpx; } .f-radio-active { background-color: var(--maincolor); border-color: var(--maincolor); } .f-avatar { width: 80rpx; height: 80rpx; border-radius: 50%; margin: 0 14rpx 0 20rpx; } .head-img { width: 100%; height: 100%; border-radius: 50%; } .report-text { padding: 20rpx; font-size: 26rpx; font-weight: 400; color: var(--maincolor); } .fu-name { font-size: 30rpx; font-weight: bold; color: #333333; margin-right: 12rpx; } .suer-sex { width: 30rpx; height: 30rpx; } .img { width: 30rpx; height: 30rpx; } .fu-date { font-size: 26rpx; font-weight: 400; color: #999999; } .f-qrcode { width: 80rpx; height: 80rpx; margin-left: 20rpx; } .qrcode-item { width: 60rpx; height: 60rpx; } .actions { width: 690rpx; height: 80rpx; position: fixed; bottom: 80rpx; background-color: #f7f7f7; } .handle-btn { width: 100%; height: 80rpx; border-radius: 10rpx; } .wrapper { height: 100%; } .model { width: 540rpx; height: 280rpx; background: #FFFFFF; border-radius: 24rpx; } .top-title { height: 190rpx; border-bottom: 1rpx solid #DDDDDD; box-sizing:border-box; padding-top: 1rpx; } .main-title { font-size: 34rpx; font-weight: bold; color: #333333; text-align: center; margin-top: 37rpx; } .sub-title { font-size: 26rpx; text-align: center; font-weight: 400; color: #333333; } .btn { width: 270rpx; height: 90rpx; box-sizing: border-box; font-size: 34rpx; color: #333333; } .w-cancel-btn { font-weight: 400; } .w-confirm-btn { border-left: 1rpx solid #DDDDDD; font-weight: bold; }