@charset "UTF-8";

/*首页*/
.coalProducts{
	width: 7.5rem;
	height: auto;
	overflow: hidden;
	
}
.gray{
	background: #f4f5f7;
}
.coalProducts .headtop{
	width: 7.5rem;
	height: 1.1rem;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.34rem;
	color:#fff;
	background: #fe8d3b;
	position: relative;
    padding-top:5px;
}
.coalProducts .headtop .returnBtn{
	width: 0.19rem;
    height: 0.34rem;
    display: block;
    background: url(../images/returnIcon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0.3rem;
    margin-top: -0.17rem;
}
.coalProducts .coalContent{
	height: auto;
	overflow: hidden;
	margin-top: 0.2rem;
}
.coalProducts .coalContent h1{
  width: 0.65rem;
  height: 0.65rem;
  float: left;
  border-radius: 0.1rem;
  margin-right: 0.12rem;
  background: url(../images/logo.jpg) no-repeat;
  background-size: 100%;
}
.coalProducts .coalContent .searchMain{
	width: 7rem;
	height: 0.7rem;
	margin:0 auto;
}
.coalContent .searchMain .searchLeft{
	width: 5.38rem;
	height: 0.7rem;
	background:#ededed;
	float: left;
	border-radius: 0.1rem;
}
.coalContent .searchMain .searchLeft em{
	width: 0.32rem;
	height: 0.32rem;
	display: block;
	float: left;
	background: url(../images/searchIcon.png) no-repeat;
	background-size: 100%;
	margin:0.19rem 0 0 0.15rem;
}
.coalContent .searchMain .searchLeft input{
	width: 4rem;
	height: 0.7rem;
	line-height: 0.7rem;
	float: left;
	border:none;
	margin-left: 0.05rem;
	padding:0 0.1rem;
	background: none;
	font-size: 0.28rem;
}
.coalContent .searchMain .searchLeft a{
	width: 0.44rem;
	height: 0.38rem;
	display: block;
	background: url(../images/camera.png) no-repeat;
	background-size: 100%;
	float: right;
	margin:0.14rem 0.2rem 0 0;
}
.coalContent .searchMain .searchRight{
	color:#636363;
	float: right;
	font-size: 0.28rem;
	line-height: 0.7rem;
	margin-right: 0.1rem;
}
.coalProducts .coalContent .datalist{
	height: auto;
	overflow: hidden;
	margin:0 auto 2rem;
}
.coalContent .datalist table{
	width: 7rem;
	display: block;
	margin:0 auto;
	border:0.02rem solid #dfdfdf;
/*	border-bottom: 0;*/
    border-collapse: collapse; 
    border-spacing: 0; 
}
.coalContent .datalist table tr{
	width:100%;
}
.coalContent .datalist table tr th,
.coalContent .datalist table tr td{
	width: 1.73rem;
	height: 0.6rem;
	line-height: 0.6rem;
	overflow: hidden;
	font-size: 0.26rem;
	float: left;
	display: block;
	text-align: center;
	border-right:0.02rem solid #dfdfdf;
	border-bottom:0.02rem solid #dfdfdf;
}
.coalContent .datalist table tr th{
	background: #f2f2f2;
	position: relative;
}
.coalContent .datalist table tr th .sort{
	position: absolute;
	top:0.22rem;right: 0.3rem;
}
.coalContent .datalist table tr th .term{
	position: absolute;
	top:0.22rem;right: 0.2rem;
}
.coalContent .datalist table tr th .local{
	position: absolute;
	top:0.22rem;right: 0.06rem;
}
.coalContent .datalist table tr th .sort span.up{
	width: 0.13rem;
	height: 0.07rem;
	display: block;
	background: url(../images/sort.png) no-repeat 0 0;
	background-size: 100%;
}
.coalContent .datalist table tr th .sort span.down{
	width: 0.13rem;
	height: 0.07rem;
	display: block;
	margin-top: 0.04rem;
	background: url(../images/sort.png) no-repeat 0 -0.13rem;
	background-size: 100%;
}
.coalContent .datalist table tr td{
	font-size: 0.23rem;
	color: #7c7c7c;
}
.coalContent .datalist table tr th:last-child,
.coalContent .datalist table tr td:last-child{
	border-right: 0;
}
.coalContent .coalList{

  height: auto;
  overflow: hidden;
  border:0.01rem solid #ccc;
  border-right:none;
  border-bottom:none;
}
.coalContent .coalList li{
  width: 33.2%;
  float: left;
  text-align: center;
  font-size: ;
  border-right:0.01rem solid #ccc;
  border-bottom:0.01rem solid #ccc;
}
.coalContent .coalList li a{
  display: inline-block;
}
.coalContent .coalList li img{
  width: 60%;
  display: block;
  margin:0.3rem auto;
}
.coalContent .coalList li span{
  font-size: 0.26rem;
  font-weight: bolder;
  display: inline-block;
  margin-bottom: 0.3rem;
}
.coalProducts .tips{
  height: auto;
  overflow: hidden;
}
.coalProducts .tips em{
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  float: left;
  margin:0.3rem 0.2rem 0 0.3rem;
  background: url(../images/laba.png) no-repeat;
  background-size: 100%;
}
.coalProducts .tips p{
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin:0.15rem 0;
}



.footerMain{
	width: 7.5rem;
    height: 1.08rem;
    background: #fff;
    margin: 0 auto;
    position: fixed;
    bottom:0;
    border: 0.01rem solid #f3f3f3;
    -webkit-box-shadow: 0 0 0.05rem #d3d4d7;
    -moz-box-shadow: 0 0 0.05rem #d3d4d7;
    box-shadow: 0 0 0.05rem #d3d4d7;
    z-index: 999;
}
.footerMain a{
	width: 25%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    font-size: 0.24rem;
    color: #9b9b9b;
}
.footerMain a em{
	display: block;
}
.footerMain a em.homePage{
	width:0.46rem;
  height: 0.43rem;
  margin:0.12rem auto 0.08rem;
  background: url(../images/homePageIcon.png) no-repeat 0 0;
  background-size:100%;
}
.footerMain .active em.homePage{
  background: url(../images/homePageIcon.png) no-repeat 0 -0.78rem;
  background-size:100%;
}
.footerMain .active{
	color:#f37633;
}
.footerMain a em.ordericon,
.footerMain .active em.ordericon{
	width:0.36rem;
  height: 0.43rem;
  margin:0.14rem auto 0.07rem;
  background: url(../images/shoppIcon.png) no-repeat 0 0;
  background-size:100%;
}
.footerMain .active em.ordericon{
  background: url(../images/shoppIcon.png) no-repeat 0 -0.5rem;
  background-size:100%;
}
.footerMain a em.personal,
.footerMain .active em.personal{
	width:0.43rem;
  height: 0.43rem;
  margin:0.14rem auto 0.07rem;
  background: url(../images/personalIcon.png) no-repeat 0 0;
  background-size:100%;
}
.footerMain .active em.personal{
  background: url(../images/personalIcon.png) no-repeat 0 -0.77rem;
  background-size:100%;
}
.footerMain a em.listicon,
.footerMain .active em.listicon{
  width:0.4rem;
  height: 0.32rem;
  margin:0.19rem auto 0.14rem;
  background: url(../images/listIcon.png) no-repeat 0 0;
  background-size:100%;
}
.footerMain .active em.listicon{
  background: url(../images/listIcon.png) no-repeat 0 -0.68rem;
  background-size:100%;
}
/*个人中心*/
.personalContent{
	height: auto;
	overflow: hidden;
}
.personalContent .personalHead{
	width: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
    margin: 0.4rem auto 0.7rem;
}
.personalContent .personalHead img{
	width:100%;
    border-radius: 50%;
}
.personalContent .formFill{
	width: 6.8rem;
	margin:0 auto;
	height: auto;
	overflow: hidden;
}
.personalContent .formFill .fillInfo{
	height: auto;
	overflow: hidden;
	border-bottom: 0.01rem solid #ebebeb;
}
.personalContent .formFill .fillInfo:last-child{
	border:none;
}
.personalContent .formFill .fillInfo label{
	width: 1.8rem;
	float: left;
	height: 0.9rem;
	line-height: 0.9rem;
	display: block;
	font-size: 0.28rem;
}
.personalContent .formFill .fillInfo input{
	float: left;
	width: 4.8rem;
	height: 0.9rem;
	line-height: 0.9rem;
	border:none;
	background:none;
	font-size: 0.28rem;
}
.personalContent .formFill .fillInfo .remarks{
	position: relative;
}
.personalContent .formFill .fillInfo textarea{
	width: 96%;
	height: 1.6rem;
	background:#fff;
	padding:0.1rem;
	font-size: 0.28rem;
    border: 0.01rem solid #ccc;
}
.personalContent .formFill .fillInfo .remarks p{
	position: absolute;
	bottom:0.2rem;
	right: 0.2rem;
	color:#cfcfcf;
	font-size: 0.24rem;
}
.formFill .preservation,
.optionCont .noContent a{
	width: 100%;
    height: 0.92rem;
    line-height: 0.92rem;
    background: #fe8d3b;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    display: block;
    margin:0.3rem auto;
    border-radius: 0.05rem;
}
/*订单*/
.orderOption {
	margin-bottom: 2.5rem;
}
 .orderOption .optionNav{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    overflow: hidden;
    background: #fff;
}
.orderOption .optionCont .opContInfo {
    height: auto;
    overflow: hidden;
    display: none;
}
 .orderOption .optionNav a{
	width: 20%;
    height: 0.78rem;
    line-height: 0.78rem;
    border-bottom: 0.02rem solid #fff;
    display: block;
    color: #747474;
    float: left;
    text-align: center;
    font-size: 0.28rem;
}
 .orderOption .optionNav a.Cur{
  border-bottom: 0.02rem solid #ff944a;
    color: #ff944a;
}
 .orderOption .optionCont{
  height: auto;
  overflow: hidden;
}
 .optionCont .opContInfo li{
  height: auto;
  overflow: hidden;
  background: #fff;
  margin-top: 0.15rem;
}
 .opContInfo li .infoTop,
 .opContInfo li .timePrice{
  height: auto;
  overflow: hidden;
  padding:0.23rem 0.2rem 0.23rem 0.4rem;
}
 .opContInfo li .timePrice{
  padding:0.2rem 0.2rem 0.2rem 0.4rem;
}
 .opContInfo li .infoTop span{
  font-size: 0.24rem;
  color:#7b7b7b;
  display: inline-block;
  float: left;
  margin-right: 0.28rem;

}
 .opContInfo li .infoTop em{
  display: inline-block;
  float: right;
  font-size: 0.18rem;
  color:#f16935;
  margin-top: 0.03rem;
  margin-left: 0.1rem;
}
 .opContInfo li .infoMiddle,
.productSelect .infoMiddle{
  height: auto;
  overflow: hidden;
  background: #f7f7f7;
  display: block;
  padding:0.24rem 0.2rem 0.24rem 0.4rem;
}
 .opContInfo li .infoMiddle .middleImg,
.productSelect .infoMiddle .middleImg{
  width:1.22rem;
  height: 1.22rem;
  background: #fff;
  float: left;
  overflow: hidden;
  margin-right: 0.2rem;
  margin-top: 0.03rem;
}
 .opContInfo li .infoMiddle .middleImg img,
.productSelect .infoMiddle .middleImg img{
  width: 100%;
  height: 100%;
  display: block;
  margin:0 auto;
}
 .opContInfo li .infoMiddle .middleDet,
.productSelect .infoMiddle .middleDet{
  width: 5.4rem;
  float: left;
}
 .opContInfo .middleDet .middleTitle,
.productSelect .infoMiddle .middleDet .middleTitle{
  height: auto;
  overflow: hidden;
}
 .opContInfo .middleDet .middleTitle p,
.productSelect .infoMiddle .middleDet .middleTitle p{
  width:4.15rem;
  height: 0.75rem;
  overflow: hidden;
  float: left;
  color:#444;
  font-size: 0.26rem;
  text-align: left;
}
 .opContInfo .middleDet .middleTitle span,
.productSelect .infoMiddle .middleDet .middleTitle span{
  font-size: 0.26rem;
  color:#000;
  display: inline-block;
  float: right;
}
 .opContInfo .middleDet .orderNum,
.productSelect .infoMiddle .middleDet .orderNum{
  float: right;
  font-size: 0.22rem;
  color:#7b7b7b;
  margin-top: 0.03rem;
}
 .opContInfo li .timePrice span{
  display: inline-block;
  float: left;
  font-size: 0.24rem;
  color:#7b7b7b;
}
 .opContInfo li .timePrice .discount,
.opContInfo li .timePrice .total{
  float: right;
  color: #7b7b7b;
  font-size: 0.22rem;
  margin-top: 0.02rem;
}
 .opContInfo li .timePrice .total{
  margin:0 0.05rem 0 0.23rem;
}
 .opContInfo li .timePrice .total span{
  float: right;
  font-size: 0.26rem;
  color:#000;
  display: inline-block;
  margin-top: -0.03rem;
}
 .optionCont .opContInfo .infoBottom{
  float: right;
  margin:0.1rem 0 0.2rem 0;
}
 .opContInfo .infoBottom a.but{
  font-size: 0.24rem;
  color:#f16935;
  border:0.02rem solid #f16935;
  display: inline-block;
  padding:0.13rem 0.23rem;
  margin-right: 0.26rem;
  border-radius: 0.3rem;
}
.optionCont .noContent{
	height: auto;
	overflow: hidden;
	display: none;
}
.optionCont .noContent p{
	text-align: center;
	margin:3rem auto 0.4rem;
	font-size: 0.28rem;
	color:#666;
}
.optionCont .noContent a{
	width: 35%;
}
/*商品详情*/
.conventionalContent{
  height: auto;
  overflow: hidden;
  position: relative;
}
.transparent{
  z-index: 99;
}
.transparent .detailTabNav{
  width:4.5rem;
  height: auto;
  overflow: hidden;
  margin-left: 1.2rem;
  opacity: 0;
}
.transparent .detailTabNav li{
  float: left;
  width: 33%;
  text-align: center;
  color:#ffe6bb;
}
.transparent .detailTabNav li.on{
  color:#fff;
}
.transparentCon .shareBtn{
  width: 0.37rem;
  height: 0.35rem;
  background: url(../../images/common/shareIcon2.png) no-repeat;
    background-size: 100%;
}
.transparentCon .likeIcon{
  width: 0.4rem;
  height: 0.36rem;
  display: inline-block;
  background: url(../../images/common/likeIcon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top:50%;
  right: 0.9rem;
  margin:-0.18rem 0 0 0;
}
.conventionalMain{
  height: auto;
  overflow: hidden;
}
.conventionalMain .productDetail{
  height: auto;
  overflow: hidden;
  background:#fff;
  margin-bottom: 0.15rem;
}
.conventionalMain .productCarouse{
  width: 7.5rem;
  position: relative;
}
.productCarouse .carouseContent{
  height: auto;
}
.carouseContent .tempWrap,
.productCarouse .carouseContent .swiper-wrapper{
  margin:0.7rem 0 0 0;
  height: 5.8rem;
}
.productCarouse .carouseContent .swiper-wrapper{
  height: 6.3rem;
  margin:0;
}
.productCarouse .carouseContent .swiper-wrapper li{
  height: 6.3rem;
}
.tempWrap ul li a,
.tempWrap ul,
.tempWrap ul li,
.productCarouse .carouseContent .swiper-wrapper li a{
  height: 5.2rem !important;
  display: block;
}
.productCarouse .carouseContent .swiper-wrapper li a{
  height: 6.3rem !important;
}
.tempWrap ul li a{
  margin-top: 0.1rem;
}
.tempWrap ul li img,
.productCarouse .carouseContent .swiper-wrapper li img{
  width: auto !important;
  height: 100%;
  display: block;
  margin:0 auto;
}
.carouseContent .carouselBtn{
  bottom:0;
}
.carouseContent .carouselBtn li{
  width: 0.3rem;
  height: 0.06rem;
  background: #d1d1d1;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom:0.2rem;
}
.swiper-pagination-bullet{
  width: 0.3rem;
  height: 0.06rem;
  background: #fff;
  display: inline-block;
    text-indent: -9999rem;
    border-radius: 0.06rem;
    margin: 0.03rem 0 0 0.05rem;
    opacity:0.6;
}
.swiper-pagination-bullet-active{
  background: #fe8d3b;
   opacity:1;
}
.carouseContent .carouselBtn li.on{
  background:#ecbc68;
}
.productCarouse .salesNum{
  padding:0.03rem 0.08rem;
  background: #ecbc68;
  position: absolute;
  right: 0.1rem;
  bottom: 0.25rem;
  border-radius: 0.3rem;
  z-index: 99;
}
.productCarouse .salesNum em{
  width: 0.2rem;
  height: 0.16rem;
  display: inline-block;
  background: url(../../images/threeLevel/salesIcon.png) no-repeat;
  background-size: 100%;
  margin:0 0 0 0.1rem;
}
.productCarouse .salesNum span{
  font-size:0.2rem;
  color:#fff;
  display: inline-block;
  margin-right: 0.1rem;
}
.productDetail .productExplain{
  height: auto;
  overflow: hidden;
}
.productExplain .priceContrast{
  height: auto;
  overflow: hidden;
  margin:0.1rem 0 0.3rem 0;
}
.productExplain .priceContrast .presentPrice{
  color: #f5500e;
  font-size: 0.36rem;
  display: inline-block;
  margin:0 0.3rem 0 0.34rem;
  float: left;
}
.productExplain .priceContrast .presentPrice em{
  font-size: 0.6rem;
}
.productExplain .priceContrast .marketValue{
  font-size: 0.24rem;
  color:#b1b1b1;
}
.productExplain .priceContrast .marketValue em{
  text-decoration: line-through;
}
.productExplain .priceContrast .purchase{
  float: right;
  margin-top: 0.1rem;
}
.priceContrast .purchase .company{
  color: #999;
  font-size: 0.2rem;
  float: right;
  margin:0.2rem 0.15rem 0 0.15rem;
}
.priceArithmetic{
    height:0.5rem;
    line-height: 0.5rem;
    overflow:hidden;
    box-sizing:border-box;
    white-space:nowrap;
    float: left;
    margin-top: 0.09rem;
    border:1px solid #e0e0e0;
}
.priceArithmetic a{
    display:inline-block;
    width:0.5rem;
    height:0.5rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
    color:#9a9a9a;
    text-align:center;
    background:#fff;
    float: left;
}
.priceArithmetic a.minus{
    border-right: 1px solid #e0e0e0;
}
.priceArithmetic .num{
    width:0.55rem;
    height:100%;
    text-align:center;
    border:none;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #5a5a5a;
    display: inline-block;
    box-sizing:border-box;
    float: left;
    vertical-align:top;
    background:#f5f5f5;
}
.priceArithmetic a.plus{
    border-left: 1px solid #e0e0e0;
}

.productExplain h4{
  font-size:0.3rem;
  color:#444;
  margin:0 0.24rem 0.15rem;
  line-height: 0.46rem;
}
.productExplain p{
  color:#7b7b7b;
  font-size:0.24rem;
  margin:0 0.24rem 0.25rem;
  line-height: 0.38rem;
}
.productDetail .choiceProduct{
  height: auto;
  overflow: hidden;
  border-top:0.15rem solid #f4f5f7;
}
.productDetail .choiceProduct a{
  height: auto;
  overflow: hidden;
  margin:0 0.23rem;
  display: block;
  padding:0.3rem 0;
  border-bottom: 0.02rem solid #f4f5f7;
}
.productDetail .choiceProduct a:last-child{
  border:none;
}
.productDetail .choiceProduct a span{
  display: inline-block;
  font-size: 0.28rem;
  color:#666;
  float: left;
  margin-right: 0.1rem;
}
.productDetail .choiceProduct a .threePoints{
  height: auto;
  overflow: hidden;
  float: right;
}
.choiceProduct a .threePoints i{
  width: 0.06rem;
  height: 0.06rem;
  display: inline-block;
  background: url(../../images/common/pointsIcon.png) no-repeat;
  background-size: 100%;
}
.productDetail .choiceProduct a .distribution{
  width: 5.3rem;
  float: left;
}
.choiceProduct a .distribution h5{
  font-size: 0.28rem;
  color:#444;
  font-weight: bolder;
}
.choiceProduct a .distribution em{
  font-size: 0.24rem;
  color:#666;
  display: inline-block;
  margin-top:0.08rem;
}
.productDetail .plateTitle{
  font-size: 0.3rem;
  color:#444;
  margin:0.26rem 0.23rem 0.18rem;
  font-weight: bolder;
}
.productDetail .propagandaList .listPics{
  width:1.98rem;
  height: 2rem;
}
.productDetail .propagandaList .priceIng{
  margin-top: -0.1rem;
}
.productDetail .propagandaList .priceIng .newPrice{
  color:#f5500e;
  margin-right: 0.08rem;
}
.productDetail .propagandaList .priceIng .originalPrice{
  font-size: 0.19rem;
  color:#c2c2c2;
  text-decoration: line-through;
}
 .productDetail .propagandaList .swiper-slide{
  margin-right: 0.18rem;
 }
.productDetail .propagandaList{
  padding-bottom: 0.27rem;
}
.productDetail .commodityInfo{
  margin:0 0.23rem;
  height: auto;
  overflow: hidden;
  border-top:0.02rem solid #efeeef;
}
.productDetail .commodityInfo li{
  height: 0.7rem;
  line-height: 0.7rem;
}
.productDetail .commodityInfo li label{
  width:1.42rem;
  display: block;
  float: left;
  font-size:0.24rem;
  color:#444;
}
.productDetail .commodityInfo li span{
  font-size:0.24rem;
  color:#7b7b7b;
}
.productDetail .detailCont{
  height: auto;
  overflow: hidden;
  margin-bottom: 1rem;
  border-top: 0.15rem solid #f4f5f7;
}
.productDetail .detailCont img{
  display: block;
  margin:0 auto;
}
.conventFooter{
  width: 7.5rem;
  height: 0.98rem;
  background: #fff;
  position: fixed;
  bottom:0;
  -webkit-box-shadow: 0 0 0.25rem #d3d4d7;
    -moz-box-shadow: 0 0 0.25rem #d3d4d7;
    box-shadow: 0 0 0.25rem #d3d4d7;
    z-index: 99;
}
.conventFooter .shoppBox{
  width: 1.24rem;
  height: 0.76rem;
  overflow: hidden;
  display: inline-block;
  float: left;
  border-right: 0.02rem solid #eee;
  margin-top: 0.12rem;
}
.conventFooter .shoppBox img{
  width: 0.4rem;
  height: 0.43rem;
  display: block;
  margin:0.16rem auto 0;
}
.conventFooter .chat{
  display: inline-block;
  float: left;
  width: 1.29rem;
  height: 0.76rem;
  margin-top: 0.12rem;
}
.conventFooter .chat img{
  width: 0.39rem;
  height: 0.42rem;
  display: block;
  margin:0.16rem auto 0;
}
.conventFooter .join,
.conventFooter .immediately{
  width: 100%;
  height: 0.98rem;
  line-height: 0.98rem;
  display: inline-block;
  float: left;
  text-align: center;
  background: #fe8d3b;
  color:#fff;
  font-size: 0.32rem;
}
.conventFooter .immediately{
  background: #fe8d3b;
}
.conventionalContent .serviceIcon{
  width: 1.22rem;
  height: 1.22rem;
  display: block;
  position: fixed;
  bottom: 4rem;
  right: 0.15rem;
  z-index: 99;
}
.boxContent .explainText{
  height: auto;
  overflow: hidden;
  margin:0 0.23rem 1rem;
}
.explainText .textTitle{
  height: 1.04rem;
  line-height: 1.04rem;
  border-bottom: 0.02rem solid #f4f5f7;
  text-align: center;
  font-size: 0.32rem;
  color:#444;
  font-weight: bolder;
  position: relative;
  margin-bottom: 0.35rem;
}
.explainText .textTitle .closeBtn,
.goodsPrice .closeBtning{
  width: 0.23rem;
  height: 0.23rem;
  display: inline-block;
  background: url(../../images/common/closeIcon.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top:0.4rem;
  z-index: 100;
}
.explainText h5{
  font-size: 0.28rem;
  color:#444;
  font-weight: bolder;
  margin-bottom: 0.15rem;
}
.explainText p{
  font-size: 0.24rem;
  color:#7b7b7b;
  margin-bottom: 0.3rem;
}
.choicCont .choiceGoods{

}
.choiceGoods .goodsPrice{
  height: auto;
  overflow: hidden;
  margin:-0.4rem 0.23rem 0;
  padding-bottom: 0.25rem;
  border-bottom: 0.02rem solid #f4f5f7;
}
.choiceGoods .goodsPrice .goodsPLeft{
  float: left;
  width: 2.1rem;
  height: 2.1rem;
  float: left;
  border:0.04rem solid #f4f5f7;
  background: #fff;
}
.choiceGoods .goodsPrice .goodsPLeft img{
  width:100%;
  height: 100%;
  display: block;
  margin:0 auto;
}
.choiceGoods .goodsPrice .goodsright{
  width: 4rem;
  float: left;
  margin:0.7rem 0 0 0.25rem;
}
.goodsPrice .goodsright .priceNum{
  display: block;
  color:#df3421;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}
.goodsPrice .goodsright .priceNum em{
  font-size: 0.4rem;
}
.goodsPrice .goodsright .pleasChoise{
  font-size: 0.28rem;
  color:#666;
}
.goodsPrice .closeBtning{
  top:0.3rem;
  right: 0.23rem;
}
.choiceGoods .colourInfo,
.choiceGoods .numbers{
  height: auto;
  overflow: hidden;
  margin:0 0.23rem;
  border-bottom:0.02rem solid #f4f5f7;
  padding-bottom: 0.08rem;
}
.choiceGoods .colourInfo .infoTitle{
  padding-top: 0.28rem;
  color:#666;
  font-size: 0.26rem;
}
.choiceGoods .colourInfo ul{
  height: auto;
  overflow: hidden;
  margin-top: 0.2rem;
}
.choiceGoods .colourInfo ul li{
  font-size: 0.26rem;
  color:#666;
  padding:0.2rem 0.32rem;
  float: left;
  display: inline-block;
  background: #f4f5f7;
  margin:0 0.2rem 0.2rem 0;
}
.choiceGoods .colourInfo ul li.Cur{
  color:#fff;
  background: #ecbc68;
}
.choiceGoods .numbers .numLeft{
  color:#666;
  font-size: 0.26rem;
  float: left;
  margin:0.45rem 0 0.4rem 0;
}
.choiceGoods .numbers .numRight{
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  border:0.02rem solid #ececec;
  float: right;
  margin-top: 0.33rem;
}
.numbers .numRight .minus{
  width: 0.64rem;
  height: 0.64rem;
  display: inline-block;
  line-height: 0.64rem;
  text-align: center;
  float: left;
  font-size: 0.3rem;
  color:#444;
  border-right: 0.02rem solid #f4f5f7;
}
.numbers .numRight .num{
  width: 0.86rem;
  height: 0.64rem;
  border-right: 0.02rem solid #f4f5f7;
  line-height: 0.64rem;
  text-align: center;
  font-size: 0.26rem;
  color:#444;
  display: inline-block;
  float: left;
}
.numbers .numRight .plus{
  width: 0.64rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  display: inline-block;
  float: left;
  color:#444;
  font-size: 0.3rem;
}
.choiceGoods .addCart{
  width: 6.7rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  background: #ecbc68;
  margin:0.3rem auto 0.4rem;
  color:#fff;
  font-size: 0.34rem;
  display: block;
}
.productExplain .commodityPrice{
  height: auto;
  overflow: hidden;
}
.commodityPrice .countDown{
  width: 7.5rem;
  height: 1rem;
  background:#ecbc68;
  color:#fff;
  overflow: hidden;
}
.commodityPrice .countDown .now{
  display: inline-block;
  margin:0 0.2rem 0 0.25rem;
  line-height: 1rem;
  float: left;
  font-size: 0.36rem;
}
.commodityPrice .countDown .now em{
  font-size: 0.6rem;
}
.commodityPrice .countDown .member{
  float: left;
  margin-top: 0.2rem;
}
.commodityPrice .countDown .member span{
  display: block;
  font-size: 0.2rem;
  margin-bottom: 0.05rem;
}
.commodityPrice .countDown .endTime{
  float: right;
  margin-right: 0.2rem;
}
.commodityPrice .countDown .endTime em{
  display: inline-block;
  line-height: 1rem;
  font-size: 0.22rem;
  float: left;
}
.countDown .endTime .times{
  height: auto;
  overflow: hidden;
  float: left;
  margin:0.3rem 0 0 0.13rem;
}
.countDown .endTime .times span{
  width: 0.4rem;
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  background: #fff;
  font-size: 0.23rem;
  color:#ecbc68;
  display: inline-block;
}
.commodityPrice .earn{
  font-size: 0.22rem;
  color:#666;
  margin:0.32rem 0 0.23rem 0.23rem;
}
.commodityPrice .voucher{
  width: 7.02rem;
  height: 0.46rem;
  line-height: 0.46rem;
  margin:0 auto 0.3rem;
  background:#f3f3f3;
  border-radius: 0.08rem;
  font-size: 0.2rem;
  color:#666;
}
.commodityPrice .voucher em{
  width: 0.25rem;
  height: 0.19rem;
  display: inline-block;
  background: url(../../images/common/voucherIcon.png) no-repeat;
  background-size: 100%;
  margin:0 0.15rem;
}