@import "config.styl"

.el-dialog__headerbtn .el-dialog__close
  font-size 22px

.el-dialog
  //display: flex;
  //flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*height:600px;*/
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
  border-radius 10px !important
  
  .el-dialog__title
    color themeColor

.el-dialog .el-dialog__body
  flex: 1;
  overflow: auto;
  padding 0
  border-radius 10px

.el-dialog__header {
  padding 0 !important
}

.el-dialog--center .el-dialog__body {
  padding 0 !important
}

.highHeader
  height 60px
  line-height 60px
  text-align center
  color #FFFFFF
  font-size 18px
  background-color themeColor

.innerArea
  width 1400px
  margin auto
  height 100%
  background-color #FFFFFF
  overflow-y scroll
  
.infoList
  margin-top 30px
  
  & > li
    height 36px
    display flex
    margin-bottom 20px
    align-items center
    
    & > div:first-of-type
      flex 0 0 320px
      text-align right
    
    & > div:last-of-type
      input:not(.el-switch__input)
        border none
        background-color themeColorHover
        width 303px
        height 36px
        color #999999
        font-size 14px
        padding 0 15px
      
      span
        margin-left 10px
        color #FF6464
        font-weight bold
    
    & >>> .el-input__inner
      width 300px
      height 36px
      border none
      color #666666
      font-size 14 pxsort
      background-color #F5FAFF

.btnList
  margin-top 30px
  text-align center
  padding-bottom 40px