body,html,span,p,ul,li{  margin:0;  padding:0  }
.container{  width: 100%;  max-width: 980px;  margin: 0 auto;position: relative; }
.clearfix:after{  content:".";  display:block;  height:0;  clear:both;  visibility:hidden  }
.clearfix { zoom: 1; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1;}
.fl{float: left}
.fr{float: right}
img{border:medium none;margin:0;padding:0;vertical-align:top}
ul, ol, li { list-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
/*.bg{background: url(../../../web/images/zt_activity/hhqd1111/bg.jpg?v=1)no-repeat;background-size: 100% 100%}*/
.bg{background: #b61d1f;background-size: 100% 100%;}
.pos{position: relative}
.yhq{position: relative;margin-top: -200px}
.top-img,.main-img{width: 100%;display: block;margin: 0 auto}
.quan{width:100%;display: block;margin: 0 auto}
.main-t{display: block;margin: 0 auto}
.fixedTab{position: fixed;top: 0;z-index: 124;width: 100%;left:0}
.lj_zz span{position: absolute;  top: 50%;  left: 50%;  margin: -80px 0 0 -80px;  border-radius: 80px;  width: 160px;  height: 160px;  background: rgba(0,0,0,0.55);  text-align: center;  line-height: 160px;  color: #fff;  font-size: 32px;z-index: 222}

.main-1,.main-2,.main-3,.main-4,.main-5,.main-6{position: relative;margin-top: 50px}
/*tab列表*/
.g-warp{    width: 100%;background: #05080e;}
.g-tab{width: 100%;overflow: hidden;z-index: 121; padding: 2px 0;max-width: 980px;margin: 0 auto}
.g-tab>div{text-align: center;float: left;width: 19%;margin:0 0.5%;}
.g-tab>div.current img.icon2{display: inline-block;}
.g-tab>div.current img.icon1{display: none}
.g-tab>div img.icon2{display: none}
.g-tab>div img.icon1{display: inline-block}
.g-tab>div img.icon1{height: 84px;}
.g-tab>div img.icon2{height: 84px}


.main-zt{position: relative;}
.g-list{  position: relative;width: 100%;   overflow: hidden;background: url(../../../web/images/zt_activity/hhqd1111/zt-bg.png?v=1)no-repeat;background-size: 100% 100%;height:504px;z-index: 11;margin-top: 30px}
.l-img {    position: absolute;    width: 36.1%;  top: 13%;  left: 7%;}
.l-img .lazy { width: 100%;}
.r-t{      position: absolute;width: 47%;  left: 45.5%;  top: 14%; }
.t-1{    color: #fb4264;  -webkit-line-clamp: 1;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  font-size: 38px;  line-height: 50px;  height: 50px;  word-break: break-all;  text-align: left;font-weight: bold}
.t-2{  -webkit-line-clamp: 1;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  text-align: left;  margin: 0 0 0 38%;height:90px}
.t-2 img{    height: 30px;  width: auto;margin: 0 2%; margin-top: 12%;}
.t-3{ color: #0a0a0a;  font-size: 28px;  height: 74px;  line-height: 37px;  -webkit-line-clamp: 2;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  text-align: left;  word-break: break-all;  margin-top: 15px;  padding: 0 2px;}
.t-4{    position: relative; height: 140px;  }
.t-4_1{position: absolute;color: #fb4264;top:4%;  left: 25%;  font-size: 62px;  font-weight: bold;}
.t-4_2{position: absolute;color: #232323;top:57%;  left: 27%;  font-size: 36px;}
.t-4_3{position: absolute;color: #fff;top: 26%;  text-align: center;  width: 18%;  left: 70.5%;  font-size: 34px;  line-height: 40px;}
.label-1{    color: #fff;  position: absolute; top: -2%;  right: 0;  font-size: 18px;  text-align: center;     line-height: 24px;  width: 85px;  height: 70px;  padding: 5px 0 0 0;   }
.label-1>b{font-size: 20px;display: block}
.l-jc{       position: absolute;  bottom: -3%;  font-size: 26px;  color: #fff;  width: 100%;  left: 0;  background: #4c4c4c;  text-align: center;  }

.goods-li{}
.goods_list {    width: 30.7%;    float: left;  margin: 2% 1% 2% 1%;;position: relative;   border: 2px solid #ffe4a7;  border-radius: 10px;  padding: 1px;}
.g-line{ overflow: hidden; background: #fff; border-radius: 8px; }
.img_a {  display: block;  overflow: hidden;  position: relative;}
.img_a .lazy { width: 100%;  }
.goodsInfo{}
.p5 {  text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;      font-size: 22px;  line-height: 30px;  height: 60px;  text-align: left;  color: #474747; margin: 5px;word-break: break-all;padding: 5px 0}
.p4 {   position: absolute;  bottom: 0;  font-size: 24px;  color: #fff;  width: 100%;  left: 0;  background: #4c4c4c;  text-align: center;  }
.g_info{      overflow: hidden;   position: relative; height: 70px;background: #950808 }
.l-1{position: absolute;    top: 51%;  left: 2%;  }
.l-2{ position: absolute;    top: 13%;  left: 31%;  color: #ffe080;  font-size: 46px; }
.l-3{ position: absolute;    top: 5%;  left:2%;  color: #fff;  font-size: 22px; }
.l-1 img{  height: 28px;  width: auto;  }
.buy{   background: url(../../../web/images/zt_activity/hhqd1111/buy.png?v=1)no-repeat;background-size: 100% 100%;   color: #fff;  font-size:26px;  text-align: center;  width: 30%;  height: 65px;  line-height:28px;position: absolute;top: 4%;right: 1%}
.label-2{   color: #fff;  position: absolute; top: 0;  right: 1%;  font-size: 18px;  text-align: center;     line-height: 24px;  width: 85px;  height: 70px;  padding: 5px 0 0 0;   }
.label-2>b{font-size: 20px;display: block}

.nav-tab{ position: relative}
.bottom-fixed{position: fixed;bottom:17%;max-width: 980px;z-index: 13;width: 100%}
.tab1{position: absolute;top: 1%;height: 125px;left: 0;width: 50%;background: url(../../../web/images/zt_activity/hhqd1111/btm-tab.png?v=1)no-repeat;background-size: 100% 100%;    color: #fff;  text-align: center;  font-size: 38px;  line-height: 125px;}
.tab2{position: absolute;top: 1%;height: 125px;left: 50%;width: 50%;background: url(../../../web/images/zt_activity/hhqd1111/btm-tab.png?v=1)no-repeat;background-size: 100% 100%;    color: #fff;  text-align: center;  font-size: 38px;  line-height: 125px;}