page {
	background: #F5F5F5;
  }
  
  .tab-h {
	height: 75rpx;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 75rpx;
	background: #F7F7F7;
	font-size: 30rpx;
	white-space: nowrap;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: white !important;
  }
  
  .tab-item {
	margin: 0 27rpx;
	display: inline-block;
	font-size: 25rpx;
  }
  
  .tab-item.active {
	color: #1989FA;
	position: relative;
  }
  
  .tab-item.active:after {
	content: "";
	display: block;
	height: 8rpx;
	width: 88rpx;
	background: #1989FA;
	position: absolute;
	bottom: 0;
	left: 5rpx;
	border-radius: 16rpx;
  }
  
  .page-group {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
  
	/*这个设置在原生组件中用于置顶导航条*/
  }
  
  .hiddenmore .more-item {
	display: none;
  }
  
  .showmore .more-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
  }
  
  .flex-class {
	display: flex;
	justify-content: space-around;
  }
  
  .hr {
	width: 100%;
	height: 3rpx;
	margin-top: 15rpx;
	/* margin-left: 37.5rpx; */
	background-color: #dfdedd;
  }
  
  .value-class {
	flex: none !important;
  }
  
  .right-field-css {
	text-align: right !important;
  }
  
  .add-btn {
	margin-top: 10rpx;
  }
  
  .list-msg {
	padding: 0 20rpx;
	background-color: #fff;
	position: relative;
  }
  
  .list-msg1 {
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .list-msg .list-msg2 {
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ccc;
	padding: 0 10rpx;
  }
  
  .select_box {
	background-color: #eee;
	padding: 0 10rpx;
	width: 93%;
	position: absolute;
	top: 130rpx;
	z-index: 1;
	overflow: hidden;
	animation: myfirst 0.5s;
  }
  
  @keyframes myfirst {
	from {
	  height: 0rpx;
	}
  
	to {
	  height: 210rpx;
	}
  }
  
  .cell_class{
	width: 200rpx;
  }
  
  .select_one {
	height: 60rpx;
	line-height: 60rpx;
	border-bottom: 1px solid #ccc;
  }
  
  /**客户信息**/
  .content-customer-info{
	padding: 20rpx 32rpx 20rpx 32rpx;
	color: #1B365D;
	font-size: 16px;
	font-weight: bold;
  }
  
  /**客户信息**/
  .content-goods-info{
	padding: 10px 32rpx 10px 32rpx;
	color: #1B365D;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content:space-between; 
	align-items: center;
  }
  
  /**分割线*/
  .divide-class{
	margin-top:19rpx;
	width: 617rpx;
	border: 1rpx solid #E9F0FE;
	flex: none;
	order: 1;
	flex-grow: 0;
	z-index: 1;
  }
  
  
  .right-field-css {
	color: black;
  }
  
  /* .van-cell__title {
	color: #646566;
  } */
  
  
  /**收缩样式*/
  .expand-class{
	border-radius: 15rpx;
	text-align: center;
	padding-top:23rpx;
	padding-bottom: 23rpx; 
	color: #95A8CB;
	background-color: #FFFFFF;
	font-size: 12px;
  }
  
  /**选择商品*/
  .choose-goods{
	text-align: center; 
	display: flex; 
	justify-content: center; 
	align-items: center;width: 330rpx;
	box-shadow: 0px 13px 10px rgba(68, 85, 166, 0.15);
	border-radius: 15rpx; 
	background-color: #00A7B5;
  }
  
  /**选择商品图标*/
  .choose-goods-image{
	width:31.96rpx;
	height:33.93rpx; 
	padding-right: 29rpx;
  }
  
  /**选择商品文字*/
  .choose-goods-text{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
  }
  
  /**扫码*/
  .scan-goods{
	text-align: center; 
	display: flex; 
	justify-content: center; 
	align-items: center;
	width: 330rpx;
	box-shadow: 0px 13px 10px rgba(68, 85, 166, 0.15);
	border-radius: 15rpx; 
	background-color: #606EB2;
  }
  
  .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;
  }
  
  .designGraphics-class {
	text-align: right !important;
	padding-left: 185rpx;
  }
  
  
  .cell-value-staff-org {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #1B365D !important;
	font-size: 13px !important;
	font-weight: bold !important;
  }
  
  .input {
	text-align: left !important;
	font-size: 26rpx !important;
	color: #1B365D !important;
  }
  
  /**非必输项label*/
  .dk-cell-title {
	color: #95A8CB !important;
	font-size: 14px !important;
  }
  
  .dk-cell-value {
	color: #CAA977 !important;
	font-size: 26rpx;
  }
  
  .van-card {
	background-color: #FFFFFF !important;
  }
  
  .van-card__content{
	justify-content: space-around !important;
  }
  
  
  
  /**产品明细的样式**/
  .goods-class{
	width: 100% !important;
	background: #FBF6EF !important;
	border-radius: 15rpx !important;
	padding: 10rpx;
  }
  
  /**产品条目的样式**/
  .goods-item-class{
	text-align: left;
	background: #FFFFFF;
	border: 2rpx solid #606EB2;
	border-radius: 15rpx;
	margin: 10rpx 10rpx 20rpx 10rpx !important;
	display: flex;
  }
  
  .goods-item-image{
	width: 116rpx;
	height: 116rpx;
	left: 16rpx;
	top: calc((100% - 116rpx)/2);
  }
  
  /**包含替换品时的样式*/
  .goods-item-title-replace{
	width: 85%;
  }
  
  /**子件标题tag样式*/
  .goods-item-tag{
	margin: 10rpx 10rpx 10rpx 26rpx;
	width: 100%;
  }
  
  .price-pop-class{
	width: 75%;
  }
  
  .label-bule{
	color: #95A8CB  ;
	font-size: 14px ;
  }
  
  .placeholder-class{
	color: #95A8CB;
  }
  
  .button-class{
	height: 85rpx !important;
	background: #F8F9FD !important;
	color: #95A8CB !important;
	border: 2rpx solid #95A8CB;
	border-radius: 10rpx !important;
	text-align: left !important;
	margin-bottom: 10rpx;
	z-index: 999 !important;
  }
  
  .button-selected-class{
	height: 85rpx !important;
	background: #606EB2 !important;
	color: #fff !important;
	border: 2rpx solid #606EB2;
	border-radius: 10rpx !important;
	text-align: left !important;
	margin-bottom: 10rpx;
	z-index: 999 !important;
	/* overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important; */
  }
  .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;
  }
  
  .tag-bom-item{
	padding-right: 20rpx;
	flex-direction: column;
  }
  
  
  
  
  
  
  
  
  
  .contents{
	width:100%;
	min-height: 100%;
	
  }
  .touch-item {
	height: 130rpx;
	width: 100%;
	background: #fff;
	border-bottom: 1rpx solid #eee;
	display: flex;
	/* //均匀排布每个元素 */
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
  }
  .content {
   width: 100%;
   padding: 0 30rpx;
   /* margin-right:0; */
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
   -webkit-transform: translateX(150rpx);
   transform: translateX(150rpx);
   margin-left: -150rpx;
   box-sizing: border-box;
  }
  .del {
	width: 150rpx;  
	height: 100%;  
	background-color: red; 
	color: white; 
	display: flex;  
	justify-content: center;  
	align-items: center;  
	-webkit-transform: translateX(90px);
	transform: translateX(90px);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
  }
  .content_name{
	font-size: 28rpx;
	color: #333;
	line-height: 30rpx;
	margin: 30rpx 0 28rpx;
  }
  .content_time{
	color: rgb(153,153,153);
	font-size: 20rpx;
	line-height: 20rpx;
  }
  .touch-move-active .content,
  .touch-move-active .del {
   -webkit-transform: translateX(0);
   transform: translateX(0);
  }
  .input-class {
	text-align: left !important;
	height: 100px !important;
	color: #95A8CB !important;
	font-size: 12px !important;
  }
  .van-collapse-item__content{
	padding:10rpx !important;
	padding-bottom: 20rpx !important;
	border-radius: 0rpx 0rpx 15rpx 15rpx !important;
  }
  .dk-collapse{
	padding:10rpx !important;
	background-color: white !important;
	border-radius:15rpx !important;
	color:#1B365D !important;
	font-size: 32rpx !important;
  }
  .dk-collapse-item{
  
	color:#1B365D !important;
	font-size: 32rpx !important;
	font-weight: bold;
  }
  .save-button-class-canl{
	width: 196rpx;
	background: #ffffff !important;
	/* border-radius: 15rpx !important; */
	color:#1B365D !important;
	border: solid 2rpx #1B365D !important;
	font-size: 16px !important;
	font-weight: bold !important;
  }
  .bottom-class-1{
	background:#fff;
	position:fixed;
	bottom:0;
	width:100%;
	height: 182rpx; 
	border-top:1px solid #efefef;
	z-index: 7;
	box-shadow: 0px -8rpx 24rpx rgba(0, 16, 39, 0.1);
	border-radius: 30rpx 30rpx 0rpx 0rpx;
  }
   /* index.wxss */
  
  .panel {
	border: 1px solid #ccc; 
	background: white;
	width: 100%;
	border-radius: 15rpx;
  }
  .panel-header {
	padding: 16px;
	background-color: #eaeaea;
	display: flex;
	border-radius: 15rpx;
  }
  .panel-header1 {
	padding: 16px;
	background-color: #eaeaea;
	display: flex;
  }
  .panel-header2 {
	padding: 16px;
	background-color: #c9d7f1;
	display: flex;
	border-radius: 15rpx 15rpx 0rpx 0rpx;
  }
  .panel-content {
	padding: 10px;
  }
  
  .arrow {
	display: inline-block;
	margin-left: 5px;
  }
  .btn-add-class {
    background: #8091A9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20rpx;
    box-shadow: 0px 17px 22px 0px #1B365D33;
  }