/*头部*/
.detailhead {
  width: 100%;
  position: relative;margin-top:0.69rem;
}
.detailhead-swip {
  width: 100%;
  background: #ffffff;
}
.detailswi-a {
  display: block;
}
.detailswi-a img {
  display: block;
}
.detail-pagination {
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    width: auto;
    padding: 0 0.2rem;
    line-height: 0.6rem;
    border-radius: 0.3rem;
    font-size: 0.24rem;
    color: #fff;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    right: 0.1rem;
    left: auto;
}
/* 信息头部 */
.product-o {
  width: 100%;
  padding: 0.2rem;
  background: #ffffff;
}
.pro-pric {
    line-height: 0.8rem;
}
.pric-o {
    font-size: 0.36rem;
    color: #ff0000;
    font-weight: 700;
    margin-right: 0.2rem;
}
.pric-o i { 
    font-size: 0.24rem;
    font-weight: normal;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.pric-t {
    font-size: 0.24rem;
    text-decoration: line-through;
    color: #666;
}
.pric-t i {
    font-size: 0.24rem;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    text-decoration: line-through;
}
.pro-name {
    font-size: 0.26rem;
    letter-spacing: 0.02rem;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
    line-height: 0.4rem;
    margin-bottom: 0.1rem; float: left;
width: calc(100% - 40px);
}
/* 运费 */
.product-t {
    padding: 0.2rem;
    background: #ffffff;
    margin-top: 0.1rem;
    position: relative;
}
.prot-nm-o,.prot-nm-t {
    display: inline-block;
    color: #666666;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    padding: 0.2rem 0;
}
.prot-nm-o span i {
    color: #333333;
    margin-left: 0.3rem;
}
.prot-nm-t {
 
}
.prot-nm-t span:first-child {
    padding-right: 0.15rem;
    margin-right: 0.15rem;
}
.prot-nm-t span i {
    margin-left: 0.1rem;
}
.prot-size h3 {
    font-size: 0.28rem;
    font-style: normal;
    color: #333;
    font-weight: normal;
    letter-spacing: 0.01rem;
    margin-bottom: 0.1rem;border-bottom: 1px solid #d1d1d1;
    line-height: 0.7rem;
}
.prot-size-list {
  padding: 0 0.2rem;
}
.prot-size-list li{ line-height:30px;padding: 0px 0 10px 0;
font-size: 13px;
}
.prot-size-list li span:first-child{ width:35%; float:left;    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; }
.prot-size-list li span:nth-child(2){ color:#ff6600; font-size:0.3rem;width:25%; float:left;overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;}
.prot-size-list li span:nth-child(3){ color:#666; font-size:0.20rem; padding-left:0.1rem;width:20%; float:left;overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;}
.prot-size-list li span:nth-child(4){ background:#ff6600;width: 50px; display: inline-block;line-height: 25px;
text-align: center;
border-radius: 2px; margin-left:0.15rem;
}
.prot-size-list li span:nth-child(4) a{ color:#fff;}

/* 产品详情 */
.product-th {
    margin-top: 0.1rem;
}
.th-ul { width:100%;
float:left;
    font-size: 0;
    background: #ffffff;
    padding: 0 0.2rem; box-sizing: border-box;
}
.th-ul li {
    float:left;
    font-size: 0.24rem;
    width: 33.33%;
    text-align: center;
    color: #999;
    line-height: 0.76rem;
    letter-spacing: 0.01rem;
    transition: 0.4s;
    position: relative;
}
.th-ul li.onshow {
    color: #333333;
}
.th-ul li.onshow::after {
    content: '';
    display: block;
    width: 28%;
    position: absolute;
    height: 0.06rem;
    border-radius: 0.03rem;
    background: #51b53b;
    left: 36%;
    bottom: 0;
}
.pro-th-con {
    margin-top: 0.2rem;
    background: #ffffff; float:left; width:100%; 
}
.pro-th-cc {
  display: none;
  padding: 0.2rem 0;
}
.pro-th-cc.onshow {
  display: block;
}
.pro-th-con img {
    display: block;
}
.wx-title {
  padding: 0 0.2rem;
  font-size: 0.24rem;
  color: #666;
}
/* 精品推荐 */
.product-tj {
  margin-top: 0.1rem;
  background: #ffffff;
}
.product-tj h3 {
    text-align: center;
    font-size: 0.3rem;
    font-style: normal;
    color: #333333;
    line-height: 0.8rem;
    letter-spacing: 0.02rem;
    font-weight: normal;
    position: relative;
}
.product-tj h3::before,.product-tj h3::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 28%;
    height: 0.02rem;
    border-radius: 0.02rem;
    background: #333333;
    top: 50%;
}
.product-tj h3::before {
    left: 0.4rem;
}
.product-tj h3::after {
    right: 0.4rem;
}
.techan-cont {
  padding: 0 0.25rem 0.4rem 0.25rem;
  font-size: 0;
}
.techan-muk {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-top: 0.2rem;
  font-size: 0.24rem;
}
.techan-muk:nth-child(odd) {
  padding-right: 0.1rem;
}
.techan-muk:nth-child(even) {
  padding-left: 0.1rem;
}
.techan-muk img {
  height: auto;
  display: block;
}
.techan-muk-con {
  padding: 0.2rem;
  background: #ffffff;
}
.tc-mc-o {
    font-size: 0.24rem;
    line-height: 1.6;
    height: 0.78rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tc-mc-t {
    margin-top: 0.2rem;
    position: relative;
}
.tc-mc-t span:first-child {
    font-size: 0.24rem;
    color: #ff6666;
}
.tc-mc-t span:last-child {
  font-size: 0.24rem;
    transform: scale(0.8);
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.2rem;
    background: #ff6666;
    color: #ffffff;
    line-height: 0.46rem;
    border-radius: 0.23rem;
    letter-spacing: 0.02rem;
    position: absolute;
    right: -0.1rem;
    top: -0.05rem;
}
.tc-mc-t span:first-child i {
  font-size: 0.24rem;
    display: inline-block;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    vertical-align: text-bottom;
}
/*footer*/
.footer-detail {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 9999; border-top:solid 1px #ddd;
}
.footer-detail ul {
  display: -webkit-flex;
  display: flex;
}
.footer-detail ul::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.footer-detail ul li a {
  display: block;
}
.footerli {
  width: 25%;  padding-top:12px;
}
.footerli a span {
  display: block;
  text-align: center;
  font-size: 0.20rem;
    color: #000;
}
.footerli a span i {
  font-size: 0.3rem;
}
.footerli-tw.footerli 
{
   
  
}
.footerli-tw.footerli a span {
  color: #000;
}
.footerli-th {
  width: 50%;
}
.footerli-th a {
  text-align: center;
  line-height: 0.5rem;
  background: linear-gradient(to left, #ff5746,#fd7a56);
  width:80%; margin:0.22rem  10%; border-radius:20px;
}
.footerli-th a span {
  letter-spacing: 0.04rem;
  color: #ffffff;
  font-size: 0.20rem;
}


.decon-dl {
  	font-size: 0;
  	margin: 0.2rem 0; padding:20px 10px; background:#fff;
  }
  .decon-dl dt {
  	display: inline-block;
  	vertical-align: top;
  	font-size: 0.24rem;
  	color: #999999;
  }
  .decon-dl dd {
  	display: inline-block;
  	vertical-align: top;
  	font-size: 0.24rem;
  }
  .decon-dl dd span {
  	padding: 0 0.08rem;
  	margin-left: 0.1rem; border-radius: 10px;
  }
  .decon-dl:first-child dd span {
  	color: #ff8800;
  	border: 0.02rem solid #ff8800;
  }
  .decon-dl:last-child dd span {
  	color: #ff8800;
  }
  .decon-dl:last-child dd  span i {
  	display: inline-block;
  	vertical-align: middle;
  	color: #ff8800; 
  	margin-right: 0.06rem;
  }