.modelManage {
  height: 100%;
  width: 100%;
  font-family: 'MicrosoftYaHei';

  .v-modal {
    left: 4.46%;
  }

  .vdr_upload {
    height: 100%;
    width: 100%;

    .vdrupload {
      z-index: 4000 !important;
      background-color: #ffffff;
      box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.08);
      border-radius: 4px;
      border: solid 1px #e6e8ec;
    }

    .upload_main {
      width: 650px;
      height: 500px;

      .upload_top {
        width: 100%;
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        padding-left: 20px;

        .hide {
          cursor: pointer;
          float: right;
          padding-right: 40px;
          padding-top: 20px;
        }
      }

      .addAndDel {
        height: 50px;
        width: 99.7%;
        color: #0057ff;
        background-color: #f6f8fa;

        .add {
          float: left;
          line-height: 50px;

          .el-upload-list {
            display: none;
          }

          .upload_button {
            border: 0;
            color: #666666;
            background-color: #f6f8fa;

            img {
              position: relative;
              top: 2px;
            }
          }
        }

        .del {
          float: left;
          line-height: 50px;
          padding-left: 20px;
        }
      }

      .el-upload-list__item {
        height: 55px;
        width: 650px;
        line-height: 55px;
        padding-left: 20px;
        border-bottom: 1px #e6e8ec solid;

        .el-icon-close {
          top: 22px;
          right: 20px;
        }
      }

      .upload_for {
        height: 65px;
        width: 100%;
        border-bottom: 1px #e6e8ec solid;

        .for_span {
          width: 150px;
          height: 65px;
          float: left;
          line-height: 65px;
          padding-left: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .el-progress {
          width: 300px;
          float: left;
          padding-left: 20px;
          padding-top: 20px;
        }

        .for_img {
          padding-top: 12px;
          padding-left: 20px;
          float: left;
        }

        .success_img {
          float: right;
          padding-right: 18px;
          padding-top: 21px;
        }

        .del_img {
          float: right;
          padding-right: 20px;
          padding-top: 21px;
        }

        .again_img {
          float: right;
          padding-right: 20px;
          padding-top: 17px;
        }
      }
    }
  }

  .el-dialog__title {
    font-size: 16px;
  }

  .el-dialog__body {
    padding: 0;
  }

  .el-table--medium td,
  .el-table--medium th {
    padding: 0;
  }

  .el-table td,
  .el-table th {
    padding: 0;
  }

  .el-table__row {
    height: 50px;
  }

  .el-tabs__header {
    margin: 0;
  }

  .success-row {
    background: #f9fafb;
  }

  .el-table .cell,
  .el-table th div,
  .el-table--border td:first-child .cell,
  .el-table--border th:first-child .cell {
    padding-left: 20px;
  }

  .el-table th>.cell {
    color: #b9c0c8;
    background-color: #f6f8fa;
    border-radius: 2px 2px 0px 0px;
    height: 50px;
    line-height: 50px;
  }

  .el-tabs__item {
    height: 52px;
    line-height: 52px;
    width: 162px;
    text-align: center;
  }

  .el-dialog {
    margin-top: 100px !important;
    height: 767px;

    .uploadAndRefresh {
      height: 52px;
      width: 270px;

      .upload {
        width: 120px;
        height: 52px;
        float: left;
        padding-left: 30px;
        cursor: pointer;

        .upload_font {
          color: #0057ff;
          line-height: 50px;
        }
      }

      .refresh {
        width: 120px;
        height: 52px;
        float: left;
        cursor: pointer;

        .refresh_font {
          color: #0057ff;
          line-height: 50px;
        }
      }
    }

    .sourceFile {
      width: 100%;
      height: 600px;
    }

    .dialogfooter {

      .el-button--primary {
        background-color: #0057ff;
        ;
        border-color: #0057ff;
        ;
      }

      .el-button--primary:focus,
      .el-button--primary:hover {
        background: #409EFF;
        border-color: #409EFF;
        color: #fff;
      }

      button {
        width: 110px;
      }
    }

    .conversionView {
      height: 655px;
      width: 100%;
      background-color: #f3f5f7;
      position: relative;
      overflow: hidden;

      .conversionView_main {
        height: 613px;
        margin-top: 21px;
        margin-left: 1.13%;
        width: 48.29%;
        float: left;
        background-color: #ffffff;
        border-radius: 4px;
        border: solid 1px #e6e8ec;

        .main_center {
          position: sticky;
          overflow: auto;
          height: 550px;
          width: 100%;
        }

        .main_top {
          position: relative;
          height: 62px;
          width: 100%;
          line-height: 62px;
          text-align: center;
          font-size: 16px;
          color: #757981;
          border-bottom: 1px solid #e6e8ec;
        }
      }
    }
  }
}