#area {
  .el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right 0
  }

  // confirm

  .el-message-box {
    width 460px
    height 205px
  }

  .el-message-box__message p {
    font-size 20px
  }

  // btn

  .add-btn {
    padding 0
    padding-left 12px
    padding-right 12px
    font-size 14px
    line-height 32px
  }

  .search-btn {
    padding 0
    padding-left 16px
    padding-right 16px
    font-size 14px
    line-height 32px
  }

  // table

  .el-table {
    color #777777

		tr {
			height 48px
			line-height 48px
		}
		td {
			padding-top: 0px
			padding-bottom: 0px
		}

    thead {
      color #222222
    }

    .cell {
      // line-height 48px

      button {
        font-size 14px
        line-height 20px
      }
    }

    th {
      padding-top 0px
      padding-bottom 0px
      background-color #FAFAFA
    }
  }

  #enter-form {
    //.el-col {
    //  .el-form-item {
    //    margin-bottom 24px
    //    display flex
    //    align-items: center;
    //
    //    .el-form-item__label {
    //      width 180px
    //      font-size 14px
    //      line-height 16px
    //      color #888888
    //    }
    //
    //    .el-input {
    //      width 180px
    //      height 32px
    //
    //      input {
    //        width 180px
    //        height 32px
    //      }
    //
    //      .el-input__icon {
    //        line-height 30px
    //      }
    //    }
    //  }
    //}
  }

  //.el-col-8 {
  //  .el-form-item {
  //    margin-bottom 24px
  //    display flex
  //    align-items: center;
  //
  //    .el-form-item__label {
  //      width 180px
  //      font-size 14px
  //      line-height 16px
  //      color #888888
  //    }
  //
  //    .el-input {
  //      width 180px
  //      height 32px
  //
  //      input {
  //        width 180px
  //        height 32px
  //      }
  //
  //      .el-input__icon {
  //        line-height 30px
  //      }
  //    }
  //  }
  //}

  //.el-col-24 {
  //  .el-form-item {
  //    display: flex
  //
  //    .el-form-item__label {
  //      width 180px
  //      font-size 14px
  //      line-height 16px
  //    }
  //
  //    .el-form-item__content {
  //      flex: 1 1 auto
  //    }
  //  }
  //}
  // images

  #images {
    .title {
      font-size 14px
      line-height 20px
      margin-bottom 20px
    }

    .title:before {
      background-color #ffffff
    }

    .image-title-required {
      font-weight bold
      font-size 14px
      color: #222222
      line-height 20px
    }

    .image-title-required:before {
      content: "*";
      display: block;
      color #FF4300
      width: 2px;
      height: 14px;
      float: left;
      margin: 3px 10px 0 0;
    }

    .imgList {
      min-height 104px
    }

    .imgbox {
      float: left
      margin-left 20px
      margin-top 20px
      margin-bottom 20px
      position relative

      i {
        position absolute
        color red
        top -8px
        right -8px
      }

      img {
        width 90px
        height 60px
      }
    }

    .el-upload--picture-card {
      margin-left 20px
      margin-top 20px
      margin-bottom 20px
      width 90px
      height 60px
      display flex
      align-items center
      justify-content center

      p {
        i {
          font-size 14px
        }
        font-size 12px
        line-height 16px
      }
    }
  }

  .el-dialog {
    .el-form-item {
      margin-bottom 24px
      display flex
      align-items: center;

      .el-form-item__label {
        width 180px
        font-size 14px
        line-height 16px
      }

      .el-input {
        width 180px
        height 32px

        input {
          width 180px
          height 32px
        }

        .el-input__icon {
          line-height 30px
        }
      }
    }
  }

  // title

  .el-row {
    .title {
      font-weight bold
      font-size 14px
      color: #222222
      line-height 20px
      margin-bottom 36px
    }

    .title:before {
      content: "";
      display: block;
      background-color #0081F0
      width: 2px;
      height: 14px;
      float: left;
      margin: 3px 10px 0 0;
    }
  }

  // 栅格化
  /* 中等屏幕（桌面显示器，大于等于 992px） */
  //@media (min-width: 992px) {
  //  #search-form{
  //    .el-col-6{
  //      width 33.33%
  //    }
  //  }
  //  .el-form{
  //    .el-col-8{
  //      width 50%
  //    }
  //  }
  //
  //}

  /* 大屏幕（大桌面显示器，大于等于 1200px） */
  //@media (min-width: 1200px) {
  //  #search-form{
  //    .el-col-6{
  //      width 25%
  //    }
  //  }
  //  .el-form{
  //    .el-col-8{
  //      width 33.33%
  //    }
  //  }
  //}

  .cell {
    .el-button {
      // margin-right 20px
    }

    .el-date-editor.el-input {
      width 100%
    }

    .el-form-item {
      margin-bottom 0px
    }
  }


  .el-footer {
    .el-button {
      width 120px
      height 30px
    }
  }

  // 普通表单

  .el-form {
    .el-input__inner {
      width 180px
      height 32px
      color #222222
    }

    .el-form-item__label {
      width 160px
      font-size 14px
      line-height 16px
      color #888888
    }

    .el-form-item {
      display flex
      align-items center
    }
  }

  // textarea

  .el-form-textarea {
    .el-form-item {
      display flex
      align-items flex-start
    }

    .el-form-item__content {
      width 100%
    }
  }

  // 搜索表单

  #search-form {
    .el-row {
      display flex
      flex-flow row wrap
    }

    .el-form-item {
      display flex
      align-items center
    }

    .el-form-item__content {
      width 100%
    }

    .el-select {
      width 100%
    }

    .el-input__inner {
      width 100%
      height 32px !important
      border 1px solid #EEEEEE
    }

    .el-select__tags-text {
      display inline-block
      max-width 132px
      overflow hidden
      text-overflow: ellipsis
      white-space: nowrap
    }

    .el-select .el-tag__close {
      margin-top -14px
    }

    .el-form-item__label {
      width 115px
      font-size 14px
      line-height 16px
      flex 0 0 115px
    }

    .el-form-item__label {
      color #888888
    }

  }
}

