* {
    margin: 0;
    padding: 0;
}

img {
    display: block;
}

.whole {
    position: relative;
}

.whole img {
    width: 100%;
}

.half {
    position: relative;
}

.whole .top {
    position: relative;
}

.whole .bottom {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;

}

.half .top {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10;
}

.half .bottom {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.half img {
    width: 100%
}

.three {
    position: relative;
}

.three img {
    width: 100%;
}

.three .top {
    width: 33.3%;
    float: left;
    position: relative;
    z-index: 10;
}

.three .bottom {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.clearFix {
    clear: both;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jgBtn{
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 50%;
  margin-left: -1.25rem;
  z-index: 20;
}

.yjjgcp{
  width: 50%;
  height: 100%;
  position: absolute;
  top:0;
}

.ptTarget{
  width: 100%;
  position: absolute;
  left: 0;
  top:0;
}
.addCartBtn{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.hd-nav-box{
  width: 7.1rem;
  margin: 0 auto;
  height: 100%;
}
.hd-nav-box li{
  width: 1.77rem;
  float: left;
  height: .75rem;
  font-size: 0;
  line-height: 200%;
}

.Countdown-box {
  width: 100%;
  height: .80rem;
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  left: 0
}

.countdown p {
  float: left;
  padding-top: .10rem
}

.countdown span {
  display: inline-block;
  color: #fff;
  line-height: .61rem;
  font-size: .20rem;
}
.countdown span.time{
  width: .51rem;
  height: .61rem;
  text-align: center;
  letter-spacing: 0.03rem;
  font-size: .34rem;
  background: url('../images/numberbg.png') no-repeat center center;
  background-size:100%;

}
.countdown span.small{
  padding: 0 0.05rem;
}


.hdpop { display: none; }
.hdpop .mask { background-color: #000; opacity: .5; filter: alpha(opacity=50); width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 52; }
#goodsAlert .hd-close,#couponAlert .hd-close{ width: .5rem; height: .50rem; position: absolute; top: 0%; right: 0%; z-index: 55; }
#goodsAlert .hdpop-mc { width: 7.00rem; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -3.50rem; height: 3.76rem; margin-top: -1.88rem; background: url('../images/goodsAlert.png') no-repeat center center;background-size: 100%;}
#goodsAlert .hdpop-mc .alert-cont p,#couponAlert .hdpop-mc .alert-cont p,#successbAlert .hdpop-mc .alert-cont p{width: 3.15rem;margin:0 auto;height: 1.0rem;}

#couponAlert .hdpop-mc { width: 7.00rem; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -3.50rem; height: 3.76rem; margin-top: -1.88rem; background: url('../images/couponAlert.png') no-repeat center center;background-size: 100% }

#successbAlert .hd-close{ width: .50rem; height: .50rem; position: absolute; top: 0%; right: 0%; z-index: 55; }
#successbAlert .hdpop-mc { width: 5.68rem; position: fixed; top: 50%; left: 50%; z-index: 53; margin-left: -2.84rem; height: 3.62rem; margin-top: -1.81rem; background: url('../images/cgalert.png') no-repeat center center;background-size: 100% }