@import 'mixin.styl'
@import 'iconfont.styl'
@font-face
  font-family 'iconfont';
  src url('iconfont/iconfont.eot');
  src url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont/iconfont.woff2') format('woff2'),
      url('iconfont/iconfont.woff') format('woff'),
      url('iconfont/iconfont.ttf') format('truetype'),
      url('iconfont/iconfont.svg#iconfont') format('svg');
[class*=" el-icon-"], [class^=el-icon-]
  color #c0c4cc
  line-height .3rem
.el-date-editor.el-input
  width calc(100% - .8rem)
.el-input
  font-size .13rem
.el-date-editor--daterange.el-input__inner
  width calc(100% - 0.8rem)
  padding .03rem .1rem
  vertical-align top
.el-input__inner
  height .3rem
  line-height .3rem
.el-date-range-picker__header div
  color #606266
.el-date-table td span
  color #606266
.el-date-editor .el-range__icon,.el-date-editor .el-range-separator
  font-size .14rem
  line-height .22rem
.el-date-editor .el-range__close-icon
  line-height .22rem
  font-size .14rem
.el-date-range-picker
  width 5.5rem
.el-date-table td span
  width .2rem
  height .2rem
  line-height .2rem
  font-size .14rem
.el-date-table td div
  height .24rem
.el-date-table td
  padding 0
  height .28rem
.el-date-range-picker__content
  padding .06rem
.el-date-picker__header-label
  font-size .16rem
  line-height .22rem
.el-date-editor .el-range-input
  font-size .14rem
  line-height .22rem
.el-date-range-picker__content .el-date-range-picker__header div
  margin-left: .5rem
  margin-right: .5rem
.el-date-range-picker__header div
  font-size .16rem
.iconfont
  font-family "iconfont" !important
  font-size .16rem
  font-style normal
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
[class*="_icon"]
  background none
.button--primary
  min-width .6rem
  height .3rem
  line-height .3rem
  font-size .15rem
  color #ffffff
  border 1px solid #D7592F
  background-color #D7592F
  padding 0 .1rem
  border-radius 5px
.button--defalut
  color #606266
  border 1px solid #dcdfe6
  background-color #dcdfe6
.button--cancle
  color #D7592F
  background-color #fff
.button_table_font
  font-size .13rem
.top_header
  position fixed
  top 0
  width 100%
  border-bottom 1px solid #E1E1E1
  z-index 1000
header
  position relative
  height .4rem
  line-height .4rem
  background-color #D7592F
  padding 0 .15rem
  box-sizing border-box
.header-title
  width 3rem
  font-size .16rem
  padding-left .1rem
  overflow hidden
.header-title_ex
 padding-left 0
.header-name
  width auto
.top-left
    text-align center
    position relative
    ul
      width 1.8rem
      position absolute
      background #d7592f
      left 0
      top .45rem
      border-radius 2px
      box-shadow 1px 2px 3px rgba(228,243,244,0.5)
      overflow hidden
      li
        line-height .36rem
        font-size .15rem
        border-bottom 1px solid #e1e1e1
        &:nth-of-type(2)
          border none
          text-align center
.home-items
  display flex
  align-items center
  padding 0 5%
  height 100%
  li
    float left
    text-align center
    width 33.333333%
    img
      width 80%
      height 80%
    p
      line-height .34rem
      color #464646
.drift
  transition height .3s linear
.date-box
  width 2.3rem
  text-align left
  overflow hidden
.date-box_time
  position absolute
  width 2.3rem
  height .44rem
  overflow hidden
  right 0
.tabs
  width 100%
  font-size .18rem
  line-height .4rem
  height .4rem
  background-color #f5f5f5
  li
    float left
    width 1rem
    line-height .4rem
    text-align center
    a
      display inline-block
      line-height .4rem
      color #323232
      width 100%
    .router-link-active
      border-bottom 1px solid #D7592F
.inner-wrap
  height 100%
  background-color #F5F5F5
.wrap
  width 8rem
  padding .9rem .05rem .05rem .05rem
.wrap_ex
  padding-top .44rem
.wrap-filter-button
  width 100%
  padding .1rem .2rem
  margin .1rem auto
  border-radius .1rem
  background-color #fff
.wrap-filter
  padding-bottom .1rem
.filter_item
  width 50%
  padding 0 .2rem
  margin .1rem 0 0 0
.filter_input
  width 100%
  display flex
  justify-content space-between
.filter-label
    font-size 0.12rem
    color #464646
    width 1.2rem
    line-height .3rem
    height .3rem
    text-align justify
    text-align-last justify
    &::after
      position absolute
      top .3rem
      left 0
      display inline-block
      content ''
      overflow hidden
      width .5rem
      height 0
.wrap-button
  margin .1rem auto
  padding 0 .2rem
  text-align right
.filter-table
  width 100%
  margin .2rem 0
  border-collapse separate
  border-spacing 0
  border: 1px#e1e1e1
  text-align center
  th,td
    color #464646
    background-color #fff
    border-right 1px solid #e1e1e1
    border-bottom 1px solid #e1e1e1
    &::first-child
      border-left 1px solid #e1e1e1
.filter-table th
  font-size .13rem
  line-height .3rem
  padding 0 .01rem
  background-color #e1e1e1
.filter-table td
  height 0.3rem
  line-height .18rem
  font-size .12rem
  padding .01rem
.filter-table tr:first-child th:first-child
  border-top-left-radius .1rem
.filter-table tr:first-child th:last-child
  border-top-right-radius .1rem
.filter-table tr:last-child td:first-child
  border-bottom-left-radius .1rem
.filter-table tr:last-child td:last-child
  border-bottom-right-radius .1rem
.radio__icon
  display inline-block
  vertical-align middle
  width .2rem
  line-height .2rem
  height .2rem
.radio__icon--square
  border-radius 3px
  border 1px solid #e5e5e5
  background-color #e5e5e5
.radio__icon--round
  border 1px solid #e5e5e5
  background-color transparent
  border-radius 100%
.radio__icon--disabled
  border 1px solid #c0c4cc
  background-color #c0c4cc
  .icon
    color #c0c4cc
    &::before
      content '\e608'
.radio__icon--checked
  border-color #D7592F
  background-color #D7592F
  .icon
    color #fff
    &::before
      content '\e608'
.input
  display inline-block
  // width calc(100% - .8rem)
  width 100%
  height .4rem
  line-height .3rem
  font-size .13rem
  color #606266
  text-indent .16rem
  background-color #fff
  border 1px solid #D1D1D1
  border-radius 4px
.select
  position relative
  display inline-block
  width calc(100% - .8rem)
  height .3rem
  font-size .13rem
  color #606266
  line-height .3rem
  background-color #fff
  border 1px solid #D1D1D1
  border-radius 4px
  vertical-align top
  option
    line-height .3rem
.select-wrap
  position relative
  display inline-block
  width calc(100% - .8rem)
  vertical-align top
  .input
    width 100%
.select-option
  position absolute
  max-height 3.32rem
  overflow-y auto
  top calc(.3rem + 8px)
  left 0
  width 100%
  z-index 100
  background-color #ffffff
  border 1px solid #d1d1d1
  border-radius 4px
  box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
  li
   width 100%
   line-height .3rem
   height .3rem
   overflow hidden
   font-size .13rem
   color #606266
   padding 0 .05rem
   user-select none
   &:hover
     background #f5f5f5
  .fontRed
    color #D7592F
.dropdown_icon_2
  position: absolute
  top .08rem
  right 0.15rem
  color #bbb
  width .14rem
  font-size .14rem
  line-height .14rem
  transition transform .3s
.message-box__wrapper
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  z-index 2000
  text-align center
  background rgba(0,0,0,.5)
.message-box__wrapper::after
  content ""
  display inline-block
  height 100%
  width 0
  vertical-align middle
  z-index 100
.message-box
  display inline-block
  width 4.9rem
  padding-bottom 10px
  vertical-align middle
  background-color #fff
  border-radius 4px
  border 1px solid #ebeef5
  font-size 18px
  box-shadow 0 2px 12px 0 rgba(0,0,0,.1)
  text-align left
  overflow hidden
  backface-visibility hidden
.message-box__content
  position relative
  padding 10px 15px
  color #606266
  font-size 14px
.message-box__btns
  padding 5px 15px 0
  text-align right
.message-box__message p
  color #303133
  line-height .3rem
  border-bottom 1px solid #e1e1e1
.message-box__input
    padding-top 15px
    color #606266
.message-box__input .input-cus
  border 1px solid #dcdfe6
  padding-right .2rem
.keyValue
  position relative 
.close_icon
  position absolute
  right .05rem
  top .075rem
  color #C0C4CC
  font-size .14rem
  &::before
    content '\e66d'
.input-cus-wrap
  position relative
  display inline-block
  .close_icon
    top .1rem
.dropdown_icon
  position relative
  display inline-block
  left .07rem
  font-size .18rem
  color #ffffff
.login_icon
  position absolute
  top .12rem
  right .1rem
  color #BBBBBB
.back_icon
  font-size .20rem
  line-height .44rem
.delete_icon_2
  position absolute
  top .07rem
  right .1rem
  color #BBBBBB
.modal_item
  width 3.5rem
  margin 0 auto
.textarea
  display inline-block
  width calc(100% - 0.8rem)
  line-height 0.3rem
  border 1px solid #d1d1d1
  border-radius 4px
  vertical-align top
  padding 0 .05rem
.input_disabled
  background-color #e1e1e1
.select_icon
  width .2rem
  height .2rem
  line-height .2rem
  text-align center
  border-radius 100%
  overflow hidden
.selected_icon
  background-color #d7592f
  color #fff
.unselect_icon
  background-color #c0c4cc
  color #c0c4cc
/** 按钮 **/
.btn
  min-width .6rem
  height .4rem
  // line-height .3rem
  font-size .15rem
  color #ffffff
  background-color #D7592F
  padding 0 .1rem
  border-radius 5px
.btn-disabled
  background-color: $gray
/** 提交栏 **/
.submit-bar
  display flex
  justify-content space-between
  align-items center
  position fixed
  bottom 0
  width 100%
  background-color #fff
  box-shadow 0 0 20px 0 rgba(160,160,160,0.9)
.submit-bt
  flex 1
  line-height .4rem
  margin .15rem 0.3rem
.wrap2
  width 100%
  padding 0.05rem 0.05rem 0.05rem 0.05rem
// no
.fxrow
  display: flex
  justify-content: space-between
  align-items: center

.fxcol
  flex: 1
  overflow hidden
// no
.fxc
  display: inline-block;
  width: calc(100% - 0.8rem);
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.13rem;
  color: #606266;
  text-indent: 0.05rem;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 4px;

[class^="icon-"]
  display: inline-block
  height: inherit
.search-input
  margin-right: .15rem
  _font(.28rem,.53rem,#929292)
  background: #ffffff
  &:disabled
    cursor: not-allowed
.iliblock
  flex 1
  margin-left .05rem
  position relative
.filter-scan
  display: block
  _ct()
  right .15rem
  _wh(.22rem,.22rem)
.icon-scan
  flex 0 0 .22rem
  _bis('../images/saoma.png',.22rem)
.filter-scan-input
  padding-right .5rem
  border-bottom 1px solid #d7d7d7
.loading-tips
  _font(.12rem,.23rem,#929292,,center)
  margin-bottom .12rem
.pagination-wrapper
  display flex
  justify-content flex-end 
  align-items center
.pagination-wrapper .total
  color: #464646
  margin-right 0.5rem
.van-pagination__item
  color #464646
.van-pagination__item--active
  background-color #d7592f
  color #fff
.van-pagination__next, .van-pagination__prev
  padding: 0 20px
// 弹窗 + 选择器
.msg_wrapper
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  text-align center
  z-index 100
  &::after
    content ""
    display inline-block
    height 100%
    width 0
    vertical-align middle
.msg_box
  display inline-block
  width 4.2rem
  min-width 360px
  padding .25rem
  vertical-align middle
  background-color #fff
  border-radius .04rem
  border 1px solid #ebeef5
  font-size .18rem
  box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
  text-align left
  overflow hidden
  backface-visibility hidden
.mask
  position fixed
  top 0
  left 0
  width 100%
  height 100%
  opacity .2
  background #000
  z-index 99
.msg_item
  height .4rem
  line-height .4rem
  margin-bottom .07rem
.label_item
  display inline-block
  width .9rem
  font-size .16rem
  line-height inherit
.from_item
  display inline-block
  width calc(100% - 1rem)
  line-height inherit
.from_item .el-select
  width 100%
.from_item .el-input
  font-size .14rem
.from_item .el-input__inner
  height .4rem
  line-height inherit
.el-select .el-input.is-focus .el-input__inner
  border-color #e74f1a
.el-select-dropdown__item span
  font-size .14rem !important
.el-select .el-input .el-select__caret
  line-height .4rem
.el-input__inner
  padding 0 .15rem
.el-input--suffix .el-input__inner
  padding-right .3rem
.el-input__suffix
  right .05rem
.el-select .el-input .el-select__caret
  font-size .14rem
.el-input__icon
  width .25rem
.msg_btns
  _wh(3rem, .35rem)
  line-height .35rem
  margin .2rem auto 0
  _fj()
.msg_input
  _wh(100%, .4rem)
  padding 0 .15rem
  border-radius 4px
  border 1px solid #DCDFE6
  _font(.14rem,.4rem,#606266,,)
.msg_btn
  width .8rem
  height .35rem
  line-height .35rem
  font-size .14rem
  color #fff
  background-color #d7592f
  border-radius 5px
  text-align center
::-webkit-scrollbar
  width 4px
::-webkit-scrollbar-track
  background-color #fff
::-webkit-scrollbar-track-piece
  background-color #e5e5e5
::-webkit-scrollbar-thumb
  display block
  width 4px
  height 10px
  margin 0 auto
  cursor pointer
  border-radius 2px
  background-color #e1e1e1
// el-radio
.el-radio
  margin-right .1rem
.el-radio__inner
  _wh(.14rem, .14rem)
  border .01rem solid #DCDFE6
  &::after
    _wh(.04rem, .04rem)
.el-radio__label
  font-size .14rem
  padding-left .1rem
.el-radio__input
  vertical-align text-bottom
// 区域样式
.container
  width 100%
  height calc(100% - .4rem)
.left_block
  width 15%
  height 100%
  overflow-y scroll
  background-color #f7f7f7
.item_block
  _fj(center,)
  width 95%
  height .7rem
  border-bottom .02rem solid #e5e5e5
  margin 0 auto
  padding 0 20%
  &:hover
    background-color #eaeaea
  p
    _font(.16rem,.22rem,#444,,center)
.item_block_focus
  background-color #e1e1e1
.right_block
  width 85%
  height 100%
  overflow hidden
.icons
  height .4rem
  line-height .4rem
  padding-left .2rem
.item_icon
  _fj(flex-start)
.color_icon
  _wh(.15rem, .15rem)
  border-radius 4px
.font_icon
  _font(.14rem,.4rem,#666,,)
  padding 0 .2rem 0 .1rem
.blue
  background-color $blue
  border .01rem solid $blue
.green
  background-color $green
  border .01rem solid $green
.orange
  background-color #E6A23C
  border .01rem solid #E6A23C
.gray
  background-color $gray
  border .01rem solid $gray
.red
  background-color $red
  border .01rem solid $red
.locate_block
  width calc(100% - .4rem)
  height calc(100% - .6rem)
  margin 0 .2rem
  overflow-y scroll
.item_locate
  float left
  _wh(23%,1rem)
  margin 0 2% .25rem 0
  line-height 1rem
  border-radius .1rem
  overflow hidden
  _fj()
  padding 0 .1rem
  p
    _font(.16rem,.24rem,#fff,,center)
.bottom_block
  _fj()
  width 100%
  height 1rem
  padding 0 .2rem
  border-top 2px solid #e5e5e5
.p1
  display block
  width 2rem
  border-bottom .01rem solid #fff
  _font(.15rem, .3rem, $red,,center)
  background-color #e5e5e5
.p2
  display block
  _wh(2rem, .5rem)
  box-sizing border-box
  padding 0 .04rem
  background-color #e5e5e5
  _font(.15rem, .25rem, #464646,,left)
  word-break break-all
  text-overflow ellipsis
  overflow-y auto
  _fj()
  justify-content center
.btn_block
  width 1.4rem
  height 100%
  _fj(center,)
  flex-direction column
.btn1
  width 1rem
  height .3rem
  line-height .3rem
  font-size 14px
  text-align center
.mgb20
  margin-bottom .1rem
button:disabled
  background-color #e1e1e1
  color #444
// same input
.showbox
  display inline-block
  // width calc(100% - .8rem)
  width 100%
  height .4rem
  line-height .3rem
  font-size .13rem
  color #606266
  text-indent .16rem
  background-color #fff
  border 1px solid #D1D1D1
  border-radius 4px