.m-detail-main { padding: 20px 20px 0; .title-small{ position: relative; &::after{ content: ''; width: 4px; height: 16px; background-color: #0056d6; position: absolute; left: -20px; top: 0px; } } } .content_box{ display: flex; .left{ width: 50%; .rotate{ animation: rotate 5s infinite linear; } .u-item-width-normal{ width: 240px; } .text-center{ width: calc( 100% - 20px); height: 175px; display: flex; justify-content: center; align-items: center; .el-upload__text{ color: #c5c9d1; width: 100%; } /deep/ .el-upload { width: 100%; .el-upload-dragger{ width: 100%; } } } } .right{ padding: 15px; width: 50%; background: #f5f7fa; border-radius: 3px; h4{ margin-top: 0; line-height: 19px; } .textBtn{ padding: 0px; margin: 0 5px; } } } .steps { width: 80%; /deep/ .el-step__main { position: absolute; left: 24px; top: -5px; z-index: 10; background: #fff; width: 100px; padding-left: 10px; } /deep/ .is-finish { .el-step__icon { background: #0056d6; color: #fff; } } /deep/ .is-process { color: #000; font-weight: 400; .el-step__icon { background: #cbcbcb; color: #fff; border-color: #cbcbcb; } } /deep/ .is-wait { color: #000; .el-step__icon { background: #cbcbcb; color: #fff; border-color: #cbcbcb; } } /deep/ .el-step__description{ width: 300px; color: #666666; } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }