epmet-work-pc-chengyang/src/assets/scss/pages/smartImport.scss

.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);
    }
  }