.containerView.public { background: none; padding-bottom: 320rpx; } .elHidden { visibility: hidden; } .selfLine { height: 2rpx; background: rgb(126, 126, 126, 0.2); } .topHead { position: relative; height: 400rpx; background: #2b2d3d; } .topHead .navigatorView { position: absolute; left: 0; top: 120rpx; width: 100%; box-sizing: border-box; padding: 0 30rpx; } .topHead .navigatorView .backView { display: flex; justify-content: flex-start; align-items: center; } .topHead .navigatorView .backView .label { color: white; font-size: 28rpx; line-height: 1; margin-left: 8rpx; } .topHead .navigatorView .title { position: absolute; top: 14rpx; left: 50%; transform: translateX(-50%); font-size: 32rpx; color: #FFFFFF; line-height: 1rpx; } .topHead .contentView { position: absolute; left: 30rpx; bottom: 100rpx; } .topHead .contentView .label1 { font-size: 32rpx; color: white; line-height: 1; font-weight: 700; } .topHead .contentView .label2 { font-size: 24rpx; color: white; line-height: 1; margin-top: 20rpx; } .mainView { position: relative; box-sizing: border-box; margin: -20rpx 20rpx 20rpx; z-index: 999; } .mainView .statusView { box-sizing: border-box; position: relative; padding: 40rpx 30rpx; background: white; border-radius: 8rpx; line-height: 1; } .mainView .statusView .label { font-size: 32rpx; font-weight: bold; } .mainView .statusView .tag { position: absolute; right: 30rpx; top: 50%; transform: translateY(-50%); background: #ee6f21; color: white; padding: 10rpx 20rpx; border-radius: 6rpx; font-size: 24rpx; } .mainView .statusView .time { margin-top: 20rpx; font-size: 32rpx; } .mainView .statusView .leftImg { position: absolute; top: 26rpx; left: 20rpx; width: 60rpx; height: 60rpx; border-radius: 8rpx; } .mainView .reportView { margin-top: 20rpx; padding-bottom: 60rpx; border-radius: 8rpx; background: white; } .mainView .reportView .topTitle { padding: 30rpx; font-size: 36rpx; font-weight: bold; } .mainView .reportView .itemView { display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 30rpx; padding: 0 30rpx; } .mainView .reportView .itemView .label { flex-shrink: 0; width: 240rpx; font-size: 32rpx; color: gray; } .mainView .reportView .itemView .content { font-size: 32rpx; word-break: break-all; } .mainView .reportView .itemView .content .voiceView { display: flex; justify-content: flex-start; align-items: center; } .mainView .reportView .itemView .content .voiceView .voiceTimeView { margin-left: 10rpx; font-size: 24rpx; } .mainView .reportView .itemView .content .imgView { width: 100rpx; height: 100rpx; margin-right: 10rpx; margin-bottom: 10rpx; display: inline-block; vertical-align: middle; } .mainView .reportView .itemLineView { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 30rpx; padding: 30rpx 0; border-bottom: 2rpx solid rgb(126, 126, 126, 0.2); } .mainView .reportView .itemLineView .label { flex-shrink: 0; width: 200rpx; font-size: 32rpx; color: gray; } .mainView .reportView .itemLineView .content { font-size: 32rpx; word-break: break-all; } .mainView .reportView .repairProgressView { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80rpx 0 0; } .mainView .reportView .repairProgressView .progressBar { width: 266rpx; height: 50rpx; } .mainView .reportView .repairProgressView .label { margin-top: 10rpx; font-size: 32rpx; color: #5176b1; } .bottomFixView { position: fixed; z-index: 999; left: 0; bottom: 0; width: 100vw; padding: 40rpx 0 30rpx; border-top: 2rpx solid rgb(126, 126, 126, 0.2); background: white; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; } .bottomFixView .btn { position: relative; box-sizing: border-box; border-radius: 6rpx; width: 23%; margin-bottom: 20rpx; padding: 16rpx 0; font-size: 30rpx; text-align: center; color: white; background: #579ff8; } .bottomFixView .btn.red { background: #ee6f21; } .bottomFixView .shareBtn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }