/* pages/billing/sale-order/choose-goods/choose-goods.wxss */

.search-view-class{
    /* color:red; */
    position: fixed;
    top: 100rpx;
    z-index: 100;
    width:100% !important;
    left: 34rpx;
    height: 78rpx;
    display: flex;
  }
  
  .search-class{
    /* color:red; */
    position: fixed;
    top: 100rpx;
    z-index: 100;
    width: calc(100% - 195rpx) !important;
    left: 34rpx;
    height: 78rpx;
  }
  /**扫一扫**/
  .scan-class{
    position: fixed;
    top: 107rpx;
    right: 34rpx;
    width: 122rpx;
    height: 65rpx;
    background: #1B365D;
    border-radius: 15rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .scan-image{
    width: 48rpx;
    height: 36rpx;
  }
  
  /** 查询**/
  .van-search {
    background: #F8F9FD !important;
    padding-left: 0 !important;
  }
  
  /**
  *默认样式
  */
  .title {
    align-items: center;
    font-size: 14px;
    height: 50rpx; 
    padding-top: 10rpx;
    display: flex;
    justify-content: center;
  }
  
  
  .tabs-left-class{
    position: fixed;
    top: 180rpx;
    z-index: 100;
    width:140rpx;
    height: 70rpx;
    font-size: 12px;
  }
  .width-80{
    width:98%;
    /* float:right; */
  }
  .tabs-right-class{
    position: fixed;
    top: 208rpx;
    right: 0rpx;
    z-index: 100;
    width:60rpx;
    height: 70rpx;
    font-size: 12px;
    background: #fff;
  }
  
  
  .tabs-class{
    position: fixed;
    top: 180rpx;
    left:140rpx;
    z-index: 100;
    width:100% ;
    height: 70rpx;
    font-size: 12px;
  }
  
  .cell-group-class{
    width: 100%!important;
  }
  .van-tabs__wrap{
    height: 84rpx !important;
  }
  .van-tabs__nav{
    height: 84rpx !important;
  }
  .van-ellipsis{
    height: 84rpx !important;
    line-height: 84rpx !important;
    color: #95A8CB;
  }
  .van-tab{
    border-right: none !important;
  }
  .van-tab-active-left{
    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
    border-radius: 13rpx 0px 0px 13rpx;
  }
  .van-tab-active-right{
    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
    border-radius: 0 13rpx 13rpx 0;
  }
  
  /* .van-tab.van-tab--active{
    background: linear-gradient(90.12deg, #4A5E98 0.13%, #718AC6 99.92%);
    border-radius: 13rpx 0px 0px 13rpx;
  } */
  
  
  
  .van-tab--active>.van-ellipsis{
    color:#fff !important;
  }
  
  .van-tabs__nav--card{
    border: 2rpx solid #4A5E98 !important;
    filter: drop-shadow(0px 10px 20px rgba(225, 229, 238, 0.6)) !important;
    border-radius: 15rpx !important;
  }
  
  .tags-class>van-sticky{
    position: fixed !important;
    width:100%;
    height: 84rpx !important;
    z-index: 99;
    top:0;
  }
  
  .checkbox-class{
    text-align: right;
  }
  
  .value-class {
    flex: none !important;
  }
  
  .width-70{
    width:82%;
    /* float:right; */
  }
  
  .sidebar-item{
    padding: 30rpx 25rpx 20rpx 35rpx !important;
    font-size:13px !important;
    background: #ECF2FF !important;
    color: #95A8CB !important;
  }
  
  .sidebar-item-before{
    padding: 30rpx 25rpx 20rpx 35rpx !important;
    font-size:13px !important;
    background: #ECF2FF !important;
    border-bottom-right-radius: 30rpx;
    color: #95A8CB !important;
  }
  
  .sidebar-item-next{
    padding: 30rpx 25rpx 20rpx 35rpx !important;
    font-size:13px !important;
    background: #ECF2FF !important;
    border-top-right-radius: 30rpx;
    color: #95A8CB !important;
  }
  
  .van-sidebar-item--selected{
    position: relative;
    background: #fff !important;
    border-radius: 15rpx 30rpx 30rpx 15rpx !important;
    border: 0 !important;
    color: black  !important;
    /* border-top-left-radius: 0;
    border-top-right-radius: 30rpx;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 30rpx; */
  }
  
  /**左侧字体样式*/
  .van-sidebar-item__text{
    width: 70rpx !important;
  }
  
  .van-sidebar-item--selected::after{
    content: '';
    position: absolute;
    left: 0;
    height: 40rpx;
    width: 6rpx;
    background-color: #1B365D;
    top: calc((100% - 40rpx)/2);
  }
  
  .main-good-class{
    background: #F8F9FD ;
  }
  
  .goods-cell-class{
    padding: 0 20rpx 30rpx 20rpx !important;
  }
  
  
  
  .goods-class{
    position: fixed;
    left:20rpx;
    /* top: 196rpx; */
    background-color: #fff;
  }
  
  .goods-selected-class{
    padding-top: 98rpx;
    height: 100% !important;
    background-color: #fff;
  }
  
  
  /**产品条目的样式**/
  .goods-item-class{
    background: #FBF6EF;
    border-radius: 15rpx ;
    display: flex;
    text-align: left;
    width: 100%;
  }
  
  .goods-item-selected-cell-class{
    padding-right: 10rpx !important;
  }
  
  
  /**产品条目的图片**/
  .goods-item-image{
    width: 126rpx;
    height: 126rpx;
    left: 16rpx;
    top: calc((100% - 116rpx)/2);
  }
  
  .van-icon-class{
    width: 15%;
    text-align: right;
    padding-right: 10rpx;
  }
  
  .left-class{
    color:#0072ff;
    position: fixed;
    left:20rpx;
    top: 196rpx;
    width:130rpx !important;
  
  }
  
  .right-class{
    color:#0072ff;
    position: fixed;
    top: 88rpx;
    width:18% !important;
  
  }
  .thumb-class{
    width:85px !important;
    padding-right:55px;
    height:80px !important;
  }
  .van-card__thumb{
    padding-right:35px;
    width:50px !important;
    height:50px !important;
  }
  .label-class-two{
    color: black !important;
  }
  
  .tags {
    
    
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    width: 100%;
    flex-direction: row; 
    justify-content: flex-start;
    background: white; 
    align-items: center;
    margin-bottom: 5rpx;
    margin-top: 10rpx;
  }
  
  .box {
    height: 200rpx;
  }
  
  
  
  .price-pop-class{
    font-size: 13px;
    width: 85%;
  }
  
  
  .tag-bom-item{
    padding-right: 20rpx;
    flex-direction: column;
  }
  
  .tag-text{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    word-wrap: break-all;
    width: 100%;
    height: 44rpx;
    margin-top: -10rpx;
    margin-bottom: -10rpx;
  }
  
  .no-goods-class{
    position: absolute;
    top: 10px;
    margin-left: -16px;
    z-index: 999;
  }
  
  .van-field__label{
    color: #95A8CB !important;
  }
  
  
  
  .button-pop-cell-class{
    border-radius: 15rpx !important;
  }
  
  .button-pop-class{
    width: 640rpx !important;
    height: 88rpx !important;
    background: #1B365D !important;
    border-radius: 15rpx !important;
    border: none !important;
  }
  
  
  
  
  .input {
    color:#1B365D !important;
  }