@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

label {
  font-weight: 700;
}

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

#app {
  height: 100%;
  .page{
    position: fixed;
    top:50px;
    right:0;
    bottom:0;
    background-color: #E6E9F0;
    z-index: 4;
    overflow:hidden;
    overflow-y:auto;
    .page-container{
      margin-top:0.65%;
      margin-left:0.65%;
      margin-right:0.65%;
      margin-bottom: 0;
      background:#ffffff;
      height:auto;
      .title{
        position: relative;
        width: 100%;
        height: 46px;
        line-height: 46px;
        padding:0 15px;
        box-sizing:border-box;
        clear: both;
        overflow: hidden;
        vertical-align:middle;
        img{
          display:inline-block;
          width: 18px;
          height: 18px;
          margin-right:0.52%;
          vertical-align: middle
        }
        span{
          width: 32px;
          height: 16px;
          font-size: 16px;
          font-family: SimHei;
          font-weight: 400;
          color: #333333;
          line-height: 16px;
          vertical-align: middle
        }
        .close{
          margin-top: 16px;
          float:right;
          font-weight: 550;
          color:#2E2E2E;
          font-size: 18px!important;
          cursor: pointer
        }
      }
      .line{
        width: 100%;
        height: 1px;
        background: #E9EAF0;
      }
      .form{
        width: 100%;
        height:auto;
      }
      .Footer{
        width: 100%;
        height: auto;
        margin-top: 3%;
        text-align: right;
        width: 100%;
        padding-bottom:16px;
        padding-right:24px;
      }
    }
  }
}

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

:focus {
  outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
  display:block;
}

nav ul {
  list-style:none;
}
ul li{
  list-style:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}

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

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
// zhaoll 20210408
.formLine{
  width:100%;
  height: 1px;
  border: 1px solid #E9EAF0;
}

// main-container global css
.app-container {
  padding: 20px;
}

.p-r-15{
  padding-right: 15px;
}
.n-mar{
    margin: marvalue;
}
.n-mar-l{
    margin-left: marvalue;
}
.n-mar-t{
    margin-top: marvalue;
}
.n-mar-r{
    margin-right: marvalue;
}
.n-mar-b{
    margin-bottom: marvalue;
}
//下载导入模板
.downloadTemplate{
  font-size:12px;
  color:#79AFEE;
  text-decoration: underline;
  margin-top:20px;
  cursor:pointer
}

//导入提交loading层
.importLoading{
  display: inline-block
}

.totalAsset{
  height: 88px;
  line-height:  88px;
  border: 1px solid $borderColor;
  box-sizing: border-box;
  span{
    display: inline-block;
    height: 100%;
    width: 50%;
    float: left;
    box-sizing: border-box;
    text-align: center;
  }
  .count{
    font-size: 25px;
    color: red;
    text-decoration: underline;
    background: #FCFCFC;
    border-left: 1px solid $borderColor
}
.barChart{
    .el-tabs--border-card{
      border:  0;
      box-shadow:  none;
    }
    .el-tabs__nav{
      margin: 0 auto;
      width:  472px;
      height:  41px;
      line-height:  41px;
      border-top: 1px solid $borderColor;
      margin-left: 20px;
    }
    .el-tabs__item{
      width:  117px;
      padding:  0;
      text-align:  center;
      box-sizing:  border-box
    }
    .el-tabs__header{
      background-color:  #fff;
      border-bottom:  0
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active{
      background-color:  #99cbff;
      color: #fff
    }
    .el-tabs__item.is-active{
      color: #fff;
      background-color:  #99cbff
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item{
      border: 1px solid #e0e0e0;
      margin-left: -1px;
      margin-right: 0;
    }
  }
} 
.overflowText{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.step-main{
  padding-top: 30px;
}

.fa-icon {
  height: 12px;
  width: 14px;
  padding-right: 5px;
}
.baseInfo{
  padding: 15px;
  box-sizing: border-box;
  .baseInfo-con{
    display: table;
    border:1px solid #e0e0e0;
    width: 100%;
    .info-title{
      display: table-cell;
      width: 55px;
      background-color: #e8e8e8;
      position: relative;
      p{
        padding: 0 15px;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        word-wrap: break-word;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
      }
    }
    .info-main{
      display: table-cell;
      background-color: #fbfbf8;
      font-size: 12px;
      line-height: 30px;
      padding: 10px 20px;
      box-sizing: border-box;
      position: relative;
      .el-row{
        height:30px
      }
      .moreDetail{
        position: absolute;
        width: 105px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #abcaf3;
        background-color: #fdfdfd;
        right: 10px;
        bottom: 10px;
        a{
          color:#78adee
        }
      }
    }
  }
}

.buttonTabs{
  float:right;
  height:35px;
  // margin 5px 18px 5px 0
  span{
    display:inline-block;
    min-width:73px;
    height:28px;
    margin:2.5px 6px;
    line-height: 28px;
    text-align: center;
    border-radius:3px;
    font-size:12px;
    cursor:pointer;
    a{
      color:#666666;
    }
  }
}
.addnewbtn{
  background: #ecf5ff;
  color: #409EFF;
  border: 1px solid #b3d8ff;
}
.addnewbtn:hover{
  background:#409EFF;
  color:#fff;
}
.configbtn{
  background: #ecf5ff;
  color: #409EFF;
  border: 1px solid #b3d8ff;
}
.configbtn:hover{
  background:#409EFF;
  color:#fff;
}
.resetbtn{
  background: #fdf0df;
  color: #EBB563;
  border: 1px solid #EBB563;
}
.resetbtn:hover{
  background:#EBB563;
  color:#fff;
}