* {
    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);
}

.ptTarget{
  width: 100%;
  position: absolute;
  left: 0;
  top: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%;
}

.spikeBtn{
    width: 89%;
    height: 100%;
    cursor: pointer;
    margin: 0 auto;
}
.soldOut{
  width: 89%;
  height: 98%;
  margin: 0 auto;
  background:rgba(0, 0, 0, .4) url('../images/sold_out.png') no-repeat center center;
  background-size: 1.37rem 1.37rem;
}


.couponBox {
  width:100%;
  height: 100%;
  margin: 0 auto;
}
.couponBox li{
  width:20%;
  height: 100%;
  float: left;
  cursor: pointer;
  position: relative;
}
.libaoBox{
  width: 100%;
  height: 100%;

}
.libaoBox li{
  width: 34%;
  float: left;
  height: 100%;
}

.addCartBtn{
  width: 100%;
  height: 1rem;
  position: absolute;
  left: 0;
  bottom: 0%;
  z-index: 10;
}
.timeShow{
  background-color: rgba(0,0,0,.7);
  width: 89%;
  height: 98%;
  margin: 0 auto;
  font-size: .28rem;
  color: #fff;
  line-height:4.50rem;
  text-align: center;
  font-family: '方正中等线简体';
}
.mgR10{
  margin-right: .10rem;
}




.hdpop {
  display: none;
}

.hdpop .mask {
  background-color: #000;
  opacity: .8;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 52;
}

.hdpop .hdpop-mc {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 53;
}

.libaoAlert  .hdpop-mc {
  width: 5rem;
  margin-left: -2.50rem;
  height: 5.00rem;
  margin-top: -2.50rem;
}

.libaoAlert .hd-close {
  width: .50rem;
  height: .50rem;
  position: absolute;
  top: -30%;
  right: -10%;
  z-index: 55;
}

.libaoAlert .alert-cont {
  width: 100%;
  height: 100%;
  position: relative;
}
.libaoAlert .cp-item {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0;
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translateY(0px);
      -o-transform: translateY(0px);
      -moz-transform: translateY(0px);
      transform: translateY(0px);
      -o-transition: all .4s ease;
      -moz-transition: all .4s ease;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      z-index: 18;
  }

.libaoAlert .cp-item div {
      width: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

.libaoAlert .cp-item p {
      width: 100%;
      color: #fff;
      font-size: .26rem;
      text-align: center;
      line-height: .42rem;
      font-family: '方正中等线简体';
  }

.hdpop .winningAlert {
  width: 6.00rem;
  margin-left: -3.00rem;
  height: 6.00rem;
  margin-top: -3.00rem;
}

#hongbVal .hdpop-mc {
  background: url('../images/chb_alert.png') no-repeat center center;
  background-size: 100%;
}

#couponAlert .hdpop-mc {
  background: url('../images/couponAlert.png') no-repeat center center;
  background-size: 100%;
}

#winningNo .hdpop-mc {
  width: 6.00rem;
  margin-left: -3.00rem;
  height: 6.74rem;
  margin-top: -3.37rem;
  background: url('../images/noAlert.png') no-repeat center center;
  background-size: 100%;
}
.hdpop .alert-cont p.alertText{
  height: .90rem;
  line-height: .80rem;
  text-align: center;
  color: #da0e25;
  font-family: '微软雅黑'
}
#hongbVal .alert-cont p b{
   font-size: .50rem;
   font-weight: bold;
}

.hdpop .alert-cont div.closeB{
  width: .7rem;
  height:.7rem;
  position: absolute;
  top:8%;
  right: 8%;
  cursor: pointer;
}


#couponAlert .alert-cont p b{
   font-size: .38rem;
}