.zhcx-table .zhcx-table-row{ padding: 0 25upx; font-size: 28upx; height: 88upx; display: flex; justify-content: space-between; align-items: center; position: relative; } .zhcx-table .zhcx-table-row::after{ width: 200%; height:1px; transform: scale(0.5); background-color: #ccc; /* background-color: #eaeaea; */ position: absolute; bottom: 1px; left: -50%; display: block; content: ""; } .zhcx-table .zhcx-table-row.drop-down{ position: relative; } .zhcx-table .zhcx-table-row.drop-down::before{ font-family: "zhcx-iconfont" !important; font-size: 18px; display: block; content: "\e639"; position: absolute; right: 30upx; } .zhcx-table .zhcx-table-row .name{ width: 200upx; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zhcx-table .zhcx-table-row .text{ width: 500upx; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; } .zhcx-table .zhcx-upload { width: 150upx; height: 120upx; background-color: #F1F1F1; margin-left: 59upx; padding-top: 30upx; } .zhcx-table .zhcx-upload .icon { width: 50upx; height: 50upx; margin: 0 auto; position: relative; } .zhcx-table .zhcx-upload .icon::after { width: 4upx; height: 50upx; display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #ccc; } .zhcx-table .zhcx-upload .icon::before { width: 50upx; height: 4upx; display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #ccc; } .zhcx-table .zhcx-upload .uploadTitle { text-align: center; display: block; font-size: 24upx; color: #666; padding-top: 12upx; } .handle-table { padding: 0 26rpx; margin-top: 20upx; } .handle-table .handle-table-title { font-size: 30upx; color: #999; display: flex; justify-content: space-between; align-items: center; font-weight: normal; border-bottom: 2rpx solid #eaeaea; padding: 0; height: 98rpx; padding-left: 16upx; } .handle-table .handle-table-title .title-lf { width: 450upx; text-overflow: ellipsis; overflow: hidden; } .handle-table .handle-table-title .title-rt { position: relative; padding-right: 20rpx; } .handle-table .handle-table-title .title-rt::after { font-family: "zhcx-iconfont" !important; font-size: 14px; display: block; content: "\e639"; position: absolute; right: -12rpx; top: 8rpx; } .handle-table .handle-table-list .item { font-size: 30upx; color: #999; display: flex; justify-content: space-between; align-items: center; font-weight: normal; border-bottom: 2rpx solid #eaeaea; padding: 0; height: 90upx; padding: 0 30upx 0 16upx; } .handle-table .handle-table-list .item .cont { height: 90upx; display: flex; justify-content: flex-start; align-items: center; } .handle-table .handle-table-list .item .cont .tag { font-size: 12px; color: #409eff; border: 1px solid #d9ecff; background-color: #ecf5ff; padding: 2upx 12upx; border-radius: 8upx; display: inline-block; } .handle-table .handle-table-list .item .cont .tag.success { background-color: #f0f9eb; border-color: #e1f3d8; color: #67c23a; } .handle-table .handle-table-list .item .cont .tag.warn { background-color: #fdf6ec; border-color: #faecd8; color: #e6a23c; } .handle-table .handle-table-list .item .cont .tag.danger { background-color: #fef0f0; border-color: #fde2e2; color: #f56c6c; } .handle-table .handle-table-list .item .cont .tag.purple { background-color: #e6d1e6; border-color: #debade; color: #af08af; } .handle-table .handle-table-list .item .cont .name { width: 330upx; margin-left: 20upx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .handle-table .handle-table-list .item .time{ width: 215upx; font-size: 26upx; text-align: right; } .submit-BT { border-radius: 16upx; margin-top: 50upx; background-color: var(--sysblue); }