i[class="icon iconfont"]{
   color: #CFAE7B;
   margin-right: .04rem;
}
dd,dl{
	margin: 0;
}
.star i[class="icon iconfont"]{
	color: #FE6732;
	margin-right: -0.1rem;
}
.mui-bar{
     background: #fff;
     display:flex;
     align-items: center;
}

.productTop{
	 background:rgba(255,255,255,1);
	 box-shadow:0rem 0.04rem 0.14rem 0rem rgba(165,180,196,0.11);
	 padding: .24rem .3rem;
	 margin-top: 0.2rem;
}
.productTop .type{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: .22rem;
	color: #202020;
	 padding-top: .2rem;
}
.productTop .type>div{
	width: 50%;
	display: flex;
}
.date,.phone{
	text-align: left !important;
}
.productTop .top{
	 font-size:0.32rem;
	 font-weight:bold;
	 color:rgba(32,32,32,1);
	 line-height:0.48rem;
	 padding-bottom: .2rem;
	 border-bottom: 1px solid #e7e7e7;
}

.dec-box{
	 background:rgba(255,255,255,1);
	 box-shadow:0rem 0.04rem 0.14rem 0rem rgba(165,180,196,0.11);
	 padding: .24rem .3rem;
	 margin-top: 0.2rem;
	 padding-bottom: 1.2rem;
}
.supplier-title{
	display: flex;
	justify-content: space-between;
	padding-bottom: .2rem;
	border-bottom: 1px solid #F4F4F7;
}
.supplier-title>span::before{
	content: '';
	display: block;
	width:0.06rem;
 	height:0.28rem;
 	background: #E0B571;
 	position: absolute;
 	left: 0rem;
 	top: 50%;
 	transform: translateY(-50%);
}
.supplier-title>span{
	 font-size:0.28rem;
	 color:rgba(32,32,32,1);
	 line-height:0.4rem;
	 font-weight: bold;
	 padding-left: .3rem;
	 position: relative;
	 
}
.titleLine span{
	display: inline-block;
	width:2px;
	height: .3rem;
	background: #E0B571;
	margin-right: 6px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.introduce{
	padding-top:.2rem;
}
.introduce img{
	width: 100% !important;
}