.tallyExectionDetail { padding: 24rpx; .base-information { padding: 24rpx 24rpx 0 24rpx; background: #ffffff; border-radius: 4rpx; margin-bottom: 16rpx; .top { margin-bottom: 24rpx; .title { .arrow { width: 12rpx; height: 12rpx; background: #197adb; margin-right: 16rpx; border-radius: 50%; } .tt { font-size: 32rpx; color: #1e2021; font-weight: bold; } } } .pp { margin-bottom: 20rpx; &:last-child { margin-bottom: 0; } &.mb24 { margin-bottom: 24rpx; } .t1 { width: 120rpx; font-size: 24rpx; color: #6e767a; margin-right: 16rpx; } .t2 { width: 73%; font-size: 24rpx; color: #404547; } .type { width: 72rpx; height: 36rpx; border-radius: 4rpx; border: 1px solid #197adb; font-size: 24rpx; color: #197adb; margin-left: 28rpx; } } .status-box { height: 80rpx; border-top: 1px solid #e6edf0; .bb { flex: 0 0 50%; .t1 { font-size: 24rpx; color: #6e767a; } .t2 { margin-left: 16rpx; font-size: 24rpx; color: #404547; font-weight: bold; } .t3 { font-size: 24rpx; color: #197adb; font-weight: bold; margin-left: 16rpx; } } } } .question-box { background: #ffffff; border-radius: 4rpx; padding: 24rpx; margin-bottom: 16rpx; .top { margin-bottom: 24rpx; .title { .arrow { width: 12rpx; height: 12rpx; background: #197adb; margin-right: 16rpx; border-radius: 50%; } .tt { font-size: 32rpx; color: #1e2021; font-weight: bold; } } .exception-ico { .iconfont { font-size: 33rpx; color: #bb3434; } .tt { font-size: 24rpx; color: #bb3434; font-weight: bold; margin-left: 8rpx; } } } .status-box { height: 80rpx; border-top: 1px solid #e6edf0; .bb { flex: 0 0 50%; .t1 { font-size: 24rpx; color: #6e767a; } .t2 { margin-left: 16rpx; font-size: 24rpx; color: #404547; font-weight: bold; } } } .uni-table { .uni-th { height: 62rpx; background: #f1f4f6; border-top: 1px solid #cad9e0; border-bottom: 1px solid #cad9e0; text { flex: 0 0 20%; font-size: 22rpx; color: #6e767a; padding-left: 23rpx; border-right: 1px solid #cad9e0; &:last-child { border-right: none; } } .tc { justify-content: center; padding-left: 0; } } .uni-tr { height: 62rpx; border-bottom: 1px solid #cad9e0; .txt { font-size: 22rpx; color: #404547; letter-spacing: normal; word-break: break-all; &.desc { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .w { height: 100%; flex: 0 0 20%; padding-left: 23rpx; border-right: 1px solid #cad9e0; &:last-child { border-right: none; } } .tc { justify-content: center; text-align: center; padding-left: 0; } } } .show-pic { padding-top: 24rpx; padding-bottom: 47rpx; border-bottom: 1px solid #e6edf0; .pic-title { font-size: 24rpx; color: #6e767a; margin-bottom: 23rpx; } .list { flex-wrap: wrap; .box { width: 145rpx; height: 145rpx; margin-right: 24rpx; &:nth-of-type(4n) { margin-right: 0; } image { width: 145rpx; height: 145rpx; } } } } .text-box { padding-top: 24rpx; .tt-box { margin-bottom: 20rpx; &:last-child { margin-bottom: 0; } .label { width: 120rpx; font-size: 24rpx; color: #6e767a; white-space: nowrap; } .t1 { font-size: 24rpx; color: #404547; } .t2 { font-size: 24rpx; color: #bb3434; } } } } .btn { margin-top: 48rpx; height: 88rpx; background: #197adb; border-radius: 4rpx; font-size: 28rpx; color: #ffffff; &.disabled { background: #9ca8ad; border-radius: 4rpx; } } }