@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './table.scss';
@import './el-form.scss';
@import './el-search.scss';
@import './e-row.scss';
@import './e-table.scss';
@import './element-table.scss';
@import './element-tabs.scss';
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.bg-primary{
  background-color: $color-primary !important;
}
// main-container global css
.container{
  min-height: 100%;
  height: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 10px 0;
}

.fl{
  float: left;
}
.fr{
  float: right;
}
.text-center{
  text-align: center;
}
.color-red{
  color: red !important;
}

.pd-b10{
  padding-bottom: 10px;
}

.pd-y40 {
  padding: 40px 0;
}

.pd-y20 {
  padding: 20px 0;
}

.fs20 {
  font-size: 20px;
}

// 页面上的button按钮
.app-container {
  .el-button--medium {
    padding: 10px 14px;
    font-size: 16px;
  }

  .el-button--small {
    padding: 8px 12px;
    font-size: 14px;
  }

  .el-button--mini {
    padding: 7px 10px;
    font-size: 12px;
  }
}
// 添加样式
.app-container {
  margin: 5px 0 5px 0;
  background-color: #fff;
}
// 设置了滚动区域
.main-content{ overflow-x: hidden;overflow-y: auto;height: calc(100vh - 200px);padding: 0 20px;}
.listcon{height: calc(100vh - 425px);overflow-y: auto;overflow-x: hidden;}
.listconadd{height: calc(100vh - 200px);overflow-y: auto;overflow-x: hidden;}
.listconadd{
  .titwu {
    font-size: 28px;
    text-align: center;
    padding: 30px 0 20px 0;
  }
}
.listconsub {
  height: calc(100vh - 310px);
  overflow-y: auto;
  overflow-x: hidden;
}

.listconsubjxs {
  height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: hidden;
}

// 搜索的
.webtop {
  // position: fixed;top: 110px;width: calc(100% - 240px);z-index: 6000;
  background-color: #fff;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between !important;
  align-items: center;
  margin-bottom: 0px !important;
  font-size: 20px;
}

// 设置了页面头部的内边距和背景色
.tab-header {
  font-size: 20px;
  font-weight: bold;
}
// 设置了搜索条件里的样式
.search {
  .tab-header {
    .el-form-item {
      margin-right: 16px;
      .el-form-item__label {
        font-size: 16px;
        font-weight: 500;
      }
    }
  }
}
.filter-item {
  padding: 0 10px;
  width: 220px;
  display: inline-block;
}

// 设置列表页面内容布局
.listtop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 15px;
  margin-top: 0;
  border: 1px solid #dfe4ed;
  height: 42px;
  line-height: 42px;
}

.listtop .tit {
  font-weight: bold;
  font-size: 16px
}

.listtop .pagination {
  margin: 0;
  padding: 0;
}

.pages {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 0 15px 15px;
}
.pages .tit{font-weight: bold;}
.pages .pagination{margin: 0;}
// .formadd{padding: 20px ;}
// .listeltable{overflow-y: auto;height: calc(100vh - 420px);}

.formadd {
  padding: 10px 40px 0 40px;
  font-size: 16px;
  // height: calc(100vh - 200px);overflow-y: auto;
  .title {
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    background-color: $header-bg;
    text-align: left;
    color: #ffffff;
  }
  .first_row{
    border-top: 1px solid $table-border-color;
  }
  .el-row {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid $table-border-color;
    .el-col {
      border-right: 1px solid $table-border-color;
      border-bottom: 1px solid $table-border-color;
      padding: 0 15px;
      min-height: 42px;
      line-height: 1;

      .el-form-item {
        margin-bottom: 0;
        line-height: 42px;
        // .addinputw{width: 400px;}
        .addinputw {
          width: 80%;
          line-height: 42px;
        }
        .el-input__inner {
          height: 36px;
        }
      }
    }
  }
  .footer{margin: 20px;}
}


.formaddcopy02 {
  padding: 10px 40px 0 40px;
  .title {
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    background-color: #0294d7;
    color: #ffffff;
    text-align: left;
  }

  .el-row {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid $table-border-color;

    .el-col {
      border-right: 1px solid $table-border-color;
      border-bottom: 1px solid $table-border-color;
      min-height: 42px;
      padding: 0 15px;
      line-height: 42px;
      position: relative;
      .span-sty {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        line-height: 42px;
        text-align: right;
        font-size: 14px;
        color: #606266;
        font-weight: 600;
        width: 70px;
        padding-right: 5px;
        border-right: 1px solid #e0e3eb;
      }

      .el-form-item {
        margin-bottom: 0;
        line-height: 42px;
        .addinputw {
          //padding: 5px 0;
          width: 65%;
          margin-left: 80px;
          line-height: 42px;
        }

        .addinputInfo {
          margin-left: 80px;
          line-height: 42px;
        }

        .el-input__inner {
          height: 36px;
        }
      }
    }

  }

  .footer {
    margin: 20px;
  }
}

.forminfo {
  padding: 10px 40px 0 40px;
  font-size: 16px;
  .title {
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    background-color: $header-bg;
    text-align: left;
    color: #ffffff;
  }
  .el-row {
    display:flex;
    flex-wrap: wrap;
    border-left: 1px solid $table-border-color;
    .trightb{ text-align: right;font-weight: bold;color: #606266;  }
    .tleft{ text-align: left;  }
    .el-col{
      border-right: 1px solid $table-border-color;
      border-bottom: 1px solid $table-border-color;
      padding: 0 15px 0 15px !important;
      min-height: 50px;
      line-height: 50px;
      font-size: 14px;
    }

  }
  .footer{margin: 20px;}
}

.el-form-item__error {
  z-index: 100;
}
.bluezi{color: $header-bg; cursor: pointer}
// 经销商添加样式
.titcon{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #0294d7;
  flex: 3;
}

.titcon .title {
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #ffffff;
}

.titcon .baocun {
  text-align: right;
  flex: 2;
  padding: 5px 20px;
}

.addinputwda {
  width: 600px;
}

//.searchcon{margin: 0px 0 10px 0;}
//.searchcon .searchbtn{margin: 10px 0;border: #2cab69 1px solid;color: #2cab69;}
// 隐藏显示按钮
.main-content {
  .searchcon {
    .searchbtn {
      margin: 5px 0;
      border: #2cab69 1px solid;
      color: #2cab69;
    }
  }
}


.search .btn {
  padding: 5px 0;
  border: 1px solid #e0e3eb;
  text-align: center;
  margin-bottom: 5px;
}


// 弹出窗口按钮
.btnCancel{
  background: #e84026 !important;outline: none;border: none;color: #fff !important;
}
.btnCancel:hover{
  background: #ed6651 !important;
}
.btnFalses{
  background: #2cab69 !important;outline: none;border: none;
}
.btnFalses:hover{
  background: #3dc47e !important;
}
.btntopblueline{background-color: #066bc9 !important;}
.btntopblueline:hover{background-color: #34a1db !important;}
.btntophui{background-color: #cccccc !important;}
.btntophui:hover{background-color: #d6d6d6 !important;}
.bordertopline{ border-top: 1px solid $table-border-color;}
.lookimg img{width: 250px;margin: 10px;}
.listimg{width: 80px;}