.ItemTitle { display: flex; align-items: center; } .titleText { margin-left: 10px; font-weight: bolder; } .ItemContent { margin: 15px 0; border-bottom: 1px dashed #DEDEDE; } .flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .stepPass { border: 1px solid #13ab62; color: #13ab62; } .stepBack { border: 1px solid #f2a626; color: #f2a626; } .stepProcess { color: #fff; background-color: #3963bc; width: 22px; height: 22px; font-size: 12px; } .stepWait { background-color: #fff; color: #c4c9d2; border: 1px solid #c4c9d2; font-size: 12px; } .stepFinish { border: 1px solid #3963bc; color: #3963bc; } .stepCancel { border: 1px solid #f33f3f; color: #f33f3f; } .operationTitle { font-size: 12px; color: #4261B5; /* margin: 20rpx 0; */ font-weight: bolder; } .fileItems { width: 600rpx; } .fileItem { height: 44px; width: 285px; background: #DEE5F7; display: flex; justify-content: space-between; align-items: center; margin: 0 5px 5px 0; } .fileLeft { display: flex; align-items: center; } .fileInfo { display: flex; flex-direction: column; width: 210px; } .fileName { color: #000; font-size: 12px; margin-top: 5px; } .fileSize { color: #9798B1; font-size: 12px; } .statusTxt { height: 30px; width: 275px; background: #DEE5F7; display: flex; align-items: center; padding-left: 10px; }