/* 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;
}
/**扫一扫**/
.screen-class{
  position: fixed;
  top: 203rpx;
  right: 2%;
  left: 2%;
  width: 96%;
  height: 65rpx;
  background: #1B365D;
  border-radius: 15rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.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;
}

.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; */
}
.width-80{
  width:98%;
  /* 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: 298rpx; */
  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;
  z-index: 1 !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;
}



.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;
}

.table-content-row-font{
  width: 20%; 
}
.table-content-class{
  margin-left: 2vw;
}
 /**底部的样式*/
.bottom-class{
  position: fixed;
  bottom: 20rpx;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top: 2rpx solid #efefef;
  z-index: 2;
  display: flex;
}

/**底部保存按钮的样式*/
.save-button-class{
  width: 640rpx;
  background: #1B365D !important;
  border-radius: 15rpx !important;
  color:#fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}