@import "@/styles/mixin.scss";
.refresh{
  min-height: 100%;
  //background-color: #F4F5F7;
}
.wrap{
  @include wh(100%,100%);
  box-sizing: border-box;
  background-color: #F4F5F7;
}
.tab_wrap {
  @include fontWeightSize(500, 14px);
  @include flexColAround();
  padding: 2px 0 10px 0;
  background: #2C395F;
  div {
    padding-top: 8px;
    color: #FFFFFF;
  }
  .alpha{
    opacity: 0.5;
  }
  .numTip{
    display: inline-block;
    @include wh(15px,15px);
    @include bgcolorOpa(#F95B45,0.9);
    border-radius: 4px;
    text-align: center;
    line-height: 15px;
    margin-left: 5px;
    opacity: 1; /* 保持透明度为1 */
  }
  .active {
    position: relative;
    opacity: 1;
  }
  .active:after {
    content: '';
    display: block;
    @include wh(18px,2px);
    opacity: .8;
    background: #FFFFFF;
    position: absolute;
    border-radius: 2px;
    margin-top: 3px;
    left: 50%;
    opacity: 1;
    transform: translateX(-50%);
  }
}
::v-deep .van-pull-refresh{
  height: calc(100% - 86px) ;
}
.listWrap{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  .listItem{
    width: 100%;
    box-sizing: border-box;
    padding: 14px 25px 13px 29px;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    .line1{
      @include flexColBet();
      .viewBtn{
        @include wh(48px,18px);
        text-align: center;
        line-height: 18px;
        background: #354D93;
        border-radius: 3px;
        color: #FFFFFF;
      }
    }

  }
}
.bgEmptyImg{
  @include flexTwoCenter;
  height: 90% ;
  background-color: #FAFAFA;
  img{
    width: 100%;
  }
}
.greColor{
  color:#38AD00 ;
  font-weight: 500;
}
.redColor{
  color:#FF5D2E ;
  font-weight: 500;
}
.commonImg{
  @include widHeiMar(13px,13px,4px);
}
.rightArrImg{
  @include wh(6px,9px);
  margin-left: 6px;
}
.yelColor{
  color: #E69B0B;
  font-weight: 600;
}
.greColor{
  color: #56B628;
  font-weight: 600;
}
.oraColor{
  color: #FF5D2E;
  font-weight: 600;
}
.garyColor{
  color: #9C9C9C;
  font-weight: 600;
}