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: #9a0000}
.pos{position: relative}
.yhq{position: relative;}
.top-img,.main-img{width: 100%;display: block;margin: 0 auto}
.quan{width:70%;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: url(../../../web/images/zt_activity/bqqd1020/tab-bg.png)no-repeat;background-size: 100% 100%; height: 77px}
.g-tab{width: 100%;overflow: hidden;z-index: 121;margin:0 auto;max-width: 980px;height: 77px;padding-left: 10%}
.g-tab>div{text-align: center;float: left;width: 15.66%;margin: 0 0.5%;     }
.g-tab>div a{display: inline-block; color: #fff;font-size:26px;font-weight: bold;line-height: 77px}
.g-tab>div.current {}
.g-tab>div.current a{color:#fff9d1 }


.main-zt{position: relative;}
.g-list{  position: relative;width: 100%;   overflow: hidden;background: url(../../../web/images/zt_activity/bqqd1020/zt-bg.png)no-repeat;background-size: 100% 100%;height:331px;z-index: 11;margin-top: 30px}
.l-img {    position: absolute;      width: 30.2%;  top: 5%;  left: 2.2%;}
.l-img .lazy { width: 100%;}
.r-t{      position: absolute;width: 63%;  left: 35.5%;  top: 6%; }
.t-1{    color: #d00a0c;  -webkit-line-clamp: 1;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  font-size: 34px;  line-height: 45px;  height: 45px;  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 20%;height:64px}
.t-2 img{    height: 24px;  width: auto;margin: 0 2%; margin-top: 5%;}
.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: 100px;  }
.t-4_1{position: absolute;color: #c21b1c;top: -7%;  left: 17%;  font-size: 62px;  font-weight: bold;}
.t-4_2{position: absolute;color: #232323;top:25%;  left: 44%;  font-size: 22px;}
.t-4_3{position: absolute;color: #fff;top: 18%;  text-align: center;  width: 10%;  left: 82.5%;  font-size: 28px;  line-height: 32px;}
.label-1{   color: #fff;  position: absolute; top: -2%;  right: 0;  font-size: 18px;  text-align: center;     line-height: 24px;  width: 85px;  height: 65px;  padding: 30px 0 0 0;   }
.label-1>b{font-size: 20px;display: block}
.l-jc{       position: absolute;  bottom: 0;  font-size: 26px;  color: #fff;  width: 100%;  left: 0;  background: #4c4c4c;  text-align: center;  border-radius: 15px}

.goods-li{}
.goods_list {    width: 31.3%;    float: left;  margin: 2% 1% 2% 1%;;position: relative;}
.g-line{ overflow: hidden; background: #fff; }
.img_a {  display: block;  overflow: hidden;  position: relative;}
.img_a .lazy { width: 100%;  }
.goodsInfo{padding: 5px 0}
.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;border-bottom: 1px dashed #000;padding: 5px 0}
.p4 {   position: absolute;  bottom: 0;  font-size: 24px;  color: #fff;  width: 90%;  left: 5%;  background: #4c4c4c;  text-align: center;  border-radius: 15px}
.g_info{      overflow: hidden;   position: relative; height: 70px; }
.l-1{position: absolute;    top: 24%;  left: 2%;  }
.l-2{ position: absolute;    top: 10%;  left: 27%;  color: #ca0000;  font-size: 52px; }
.l-3{ position: absolute;    top: 55%;  left:68%;  color: #4c4c4c;  font-size: 22px; }
.l-1 img{  height: 46px;  width: auto;  }
.buy{    background: #000;  color: #fff;  font-size:26px;  text-align: center;  width: 90%;  height: 35px;  line-height:35px;margin: 5px auto}
/*滚动*/
.scroll-box{     position: absolute;     bottom: 20%;  right: 5%;  width: 66%;}
.scroll-box-main{;position:relative;font-size: 0.93em;  }
.scroll-right{ }
.scroll-right ul{overflow: hidden;height: 6em;   clear: both}
.scroll-right li{  background: #67160e;border-radius: 12px;  color: #ffd4ce;  font-size: 0.9em;  line-height: 1.85em;  overflow: hidden;  text-overflow: ellipsis;  display: block;  white-space: nowrap;  text-align: center;  ;opacity: 0.8;margin: 5px 0;  padding: 0 5px;  float: right;  width: auto;}


.nav-tab{ position: relative}
.bottom-fixed{position: fixed;bottom: 0;right: 0;z-index: 13;width: 100%}
.tab1{position: absolute;top: 1%;height: 98%;left: 0;width: 50%}
.tab2{position: absolute;top: 1%;height: 98%;left: 51%;width: 49%}