@import "normalize.css"
@import "variables.styl"
body, dl, dd, h1, h2, h3, h4, h5, h6, form{margin:0;}
ol, ul{
  margin:0; 
  padding:0;
}
li{
  list-style none
}
p {
  margin 5px 0
}
.ell
  text-overflow: ellipsis
  overflow: hidden
  white-space nowrap

.disinline-txt
  display inline-block
  vertical-align bottom

.el-textarea__inner {
  outline: none;
  resize: none;
  height: 80px;
  font-size: 12px;
}
.fullcontainer
  position absolute
  overflow auto
  left 0
  top 0
  right 0
  bottom 0
  width 100%
  background-color #fff
.wrap
  display block
  padding: 20px 25px
  &-title
    font-weight normal
    font-size 16px
    color: #333
.page
  width 100%
  text-align right
.pointer
  cursor pointer
.fl
  float left
.fr
  float right
.tr
  text-align right
.clear
  clear both
.ml45
  margin-left 45px
.ml15
  margin-left 10px;
.mr15
 margin-right 15px;
.mr6
  margin-right 6px
.mTop10
  margin-top 10px
.mTop20
  margin-top 20px
.mBottom10
  margin-bottom 10px
.mBottom20
  margin-bottom 20px
.mBottom40
  margin-bottom 40px
.lheigth0
  color #303133
  margin 5px 0
.lheigth30
  line-height 30px
.lheigth40
  line-height 40px
.pLeft10
  padding-left 10px
.pRight10
  padding-right 10px
.pLR20
  padding 0 20px
.pBottom20
  padding-bottom 20px
.pBottom100
  padding-bottom 100px
.font24
  vertical-align text-top
  font-size 24px
.font14
  font-size 14px
.font12
  font-size 12px
.displayflex
  display flex
.flex
  flex 1
.color333
  color #333333
.color555
  color #555
.talign
  text-align center
.tRight
  text-align right
.height240
  height  240px
.height160
  height 160px
.bordercustom
  border 1px solid $bordercolor
.borderTop
  border-top  1px solid $bordercolor
.borderBottom
 border-bottom  1px solid $bordercolor
.marginAuto
  margin 0 auto
  margin-top 20px
  padding 20px
  background #fff
.paddingTop20
  padding-top 20px
.break
  word-break break-all
.bgcolor-green
  background-color #28c24c
.bgcolor-red
  background-color #f05050
.bgcolor-purple
  background-color #7366ba
.bgcolor-blue
  background-color #23b7e5
.el-table th, .el-table tr.curheader
  background #f5f5f8
.footwrap
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-top: 1px solid $bordercolor;
  background: #fff;
  transition: all .2s ease;
.singelinfo-jlitem
  color #303133
  &:hover
    color #409eff
.foot-btn
  float right
.channelicon
  width 20px
  height 20px
  display inline-block
.taobaoicon
  background url("../../static/img/channel@taobao.png") no-repeat center center
.taobaoicongray
  background url("../../static/img/channel@taobaogray.png") no-repeat center center
.jdicon
  background url("../../static/img/channel@jd.png") no-repeat center center
.jdicongray
  background url("../../static/img/channel@jdgray.png") no-repeat center center
.vipicon
  background url("../../static/img/channel@vip.png") no-repeat center center
.vipicongray
  background url("../../static/img/channel@vipgray.png") no-repeat center center
.xcxicon
  background url("../../static/img/status@xcx.png") no-repeat center center
.xcxicongray
  background url("../../static/img/status@xcxgray.png") no-repeat center center
.gzhicon
  background url("../../static/img/status@gzh.png") no-repeat center center
.gzhicongray
  background url("../../static/img/status@gzhgray.png") no-repeat center center
.gzhiconcanclegray
  background url("../../static/img/status@gzhcanclegray.png") no-repeat center center
.handlerbtn
  display inline-block
  padding 0 10px
  line-height 37px
  border 1px solid $bordercolor
  border-radius 4px
  &:hover
    background #fafafa
.checkwtip
  padding 10px
  background-color $groupbgcolor
.curcheck
  color $main-color
.checkwrap
  width 100%
  display flex
  flex-wrap wrap
  &-item
    flex 25%
.multiple
  font-size 14px
  text-align center
  &-all
    color $main-color
.process
  display flex
  &-name
   padding-right 20px
  &-status
    flex 1
  &-dot
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    right: -3px;top: -7px;
    background: red;
.singelinfo
  display flex
  justify-content flex-start
  &-img
    flex 0 0 100px
  &-content
    flex 1
  &-wrap
    display flex
    flex-direction column
  &-item
    flex 1
    line-height 0
  &-jl
    display flex
    align-items center
    justify-content center
  &-jlitem
    flex 1
    text-align center
  &-cost
    display: flex
    text-align: center
  &-costitem
    flex: 1
.activebtn
  border 1px solid $btncolor
  color #fff
  background-color $btncolor
.numberinput
  width 150px
  .group
    display block
    padding 20px 25px
    margin 0 auto
    min-height 67%
    .groupwrap
      display flex
      flex-wrap wrap
      &-item
        position relative
        padding-bottom 40px
        flex 0 0 1
        margin-right 10px
        margin-bottom 10px
        border 1px solid $groupborder
      &-content
        display flex
        position relative
        flex-direction column
        justify-content space-between
      &-title
        padding 10px 0
        border-bottom 1px solid $groupborder
        font-size 18px
        color #333333
        font-weight bold
        text-align center
        background-color $groupbgcolor
      &-total
        flex 1
        text-align center
      &-text
       line-height 45px
      &-condition
        flex 1
        line-height 40px
        font-size 14px
        padding 0 15px
        color #999999
      &-conditiontext
        word-break break-all
        line-height 24px
      &-handler
        position absolute
        left 0
        bottom 0
        right 0px
        padding-right 10px
        height 40px
        line-height 40px
        text-align: right
        background-color $groupbgcolor
        color #555
      .borderbmdashed
        border-bottom  1px dashed $groupborder
  .groupform
    width 500px
  .groupmember
    &-title
      color: $gropmebercolor
      margin-bottom 5px
  .tablecontent
    position relative
    &-cell
      display: table-cell
    &-cellimg
      vertical-align: middle

.app-main
  position relative
.el-table__empty-text
  width: auto;
  margin-bottom:80px;
  &::before
    content: ' ';
    display: block;
    width: 60px;
    height: 60px;
    background: url(../../static/img/no-data_icon.png) no-repeat center;
    margin: 80px auto 22px auto;


.icon-status
  position relative
  display inline-block
  vertical-align middle
  width 13px
  height 13px
  border-radius 50%
  box-sizing border-box

.status-red
  font-size 14px
  line-height 15px
  color #F56C6C
  .icon-status
    border 1px solid #F56C6C
    background  rgba(245, 108, 108, .4)
    &::before
      position absolute
      content ' '
      top 50%
      left 50%
      display block
      width 6px
      height 6px
      border-radius 50%
      transform translate(-50%, -50%)
      background-color #F56C6C
  .txt
    display inline-block
    vertical-align middle

.status-green
  color #67C23A
  font-size 14px
  line-height 15px
  .icon-status
    border 1px solid #67C23A
    background rgba(103, 194, 58, .4)
    &::before
      position absolute
      content ' '
      top 50%
      left 50%
      display block
      width 6px
      height 6px
      border-radius 50%
      transform translate(-50%, -50%)
      background-color #67C23A

.gic-people-button
  padding 0 0 20px 124px
.evl-right
  margin-right 5px

.fooconsole.logo-text
  margin 0

.el-table th, .el-table tr.curheader
  background-color #f1f3f7 !important

.el-table::before
  height 0

.el-table__empty-block
  min-height 240px

.w100
  width 100px

.min100
  min-height 100%
  box-sizing border-box
  padding-bottom 100px
.foot-add
  margin-top -100px

.people-button
  padding-left 124px
  padding-bottom 10px
  background-color #f2f3f4

.padding-container
  padding 20px
  background-color #fff

.min-container
  height 100%

.w135
  width 135px

.leftBar-wrap .el-menu
  background-color #020b21

.inline-block
  display: inline-block

.el-progress-bar
  padding-right 75px
  margin-right -80px
.process-span
  display: inline-block
  min-width 120px

.user-header-pop {
  min-width: 95px;
}
.el-popover.user-header-pop {
  min-width: 95px;
}
// 头部弹出框样式
/* 头部 */
.user-form-diconsole.log .el-diconsole.log__body {
    padding: 0 20px;
}
.user-form-diconsole.log .el-diconsole.log__header {
    padding: 0 20px 10px;
    height: 54px;
}
.pass-form-diconsole.log .el-diconsole.log__body {
    padding: 0 20px;
}
.pass-form-diconsole.log .el-diconsole.log__header {
    padding: 0 20px 10px;
    height: 54px;
}

.left-aside-contain {
  /deep/  .el-submenu__title:hover {
    background-color: #020b21;
  }
}
.el-menu.el-menu--popup {
    background: #020b21;
    border-radius: 4px;
}
/* 左侧菜单 */
.leftBar-wrap .el-menu{
  background-color: #020b21;
}
.leftBar-wrap .cardmenu-item .el-submenu__title,.leftBar-wrap .cardmenu-item .el-menu-item,.leftBar-wrap .cardmenu-item .el-submenu .el-menu-item{
  height: 40px;
  line-height: 40px;
}
.leftBar-wrap .el-submenu__title:hover {
  background-color: #020b21;
}
.leftBar-wrap .cardmenu-item li.el-menu-item:hover i{
  /*background-color: #409EFF;*/
  color: #fff;
}
.leftBar-wrap .cardmenu-item li.el-menu-item:hover span{
  /*background-color: #409EFF;*/
  color: #fff;
}
.leftBar-wrap .cardmenu-item li.el-submenu:hover i{
  /*background-color: #409EFF;*/
  color: #fff;
}
.leftBar-wrap .cardmenu-item li.el-submenu:hover span{
  /*background-color: #409EFF;*/
  color: #fff;
}
.leftBar-wrap .cardmenu-item li.el-submenu .el-menu-item:hover label{
  /*background-color: #409EFF;*/
  color: #fff;
  cursor: pointer;
}
.leftBar-wrap .cardmenu-item .el-submenu.is-active div.el-submenu__title i{
  color: #fff;
}
.leftBar-wrap .cardmenu-item .el-submenu.is-active div.el-submenu__title span{
  color: #fff;
}
.el-menu.el-menu--popup .el-menu-item.is-active label {
  color: #fff;
}
.input-search-select .el-select__tags-text {
  max-width: 262px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}
.el-table th>.cell:first-child {
  padding-left: 14px;
}
.member-checkout {
  min-width: 160px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.member-checkout + .member-checkout {
  margin-left: 0px;
}

.el-diconsole.log__footer
  padding-top 20px

.member-goods-txt
  color #909399
.member-table-txt
  color #606266

.icon-table-filter::before
  position: absolute
  left: 45px
  top: 18px
  font-size: 12px
  color: #c7c9ce

.icon-filter::before
  font-size: 12px
  color: #c7c9ce

.el-table__expanded-cell[class*=cell]
  padding: 0

.el-table th>.cell 
  color: #9d9fa5
  font-size: 14px

.is-focus .el-input__inner
  border-color: #409EFF;

.select-popper 
  padding: 5px 0px;

.member-span
  display inline-block
  vertical-align middle

.fix-block
  display inline-block
  vertical-align middle
  height 60px
  line-height 60px

.dm-store__inputtag
  font-size 0px

.dm-store__inputtag--tips
  font-size 14px

.selector-popper
  font-size: 0px

.el-select-dropdown__list
  font-size: 0px

.dm-checkbox
  margin-right: 16px

.dm-checkbox + .dm-checkbox
  margin-left: 0px