.gqsj-header {
  border-bottom: 1px solid #e5e5e5 !important;
}
.gqsj-header > h1 > img {
  width: 6.428571rem;
  height: 1.5rem;
}

.activity-header-container {
  height:3.714286rem; /*104*/
  position:fixed;
  top:0;
  width:100%;
  background:#fff;
  overflow:hidden;
  z-index: 10;
}
.activity-header-container > nav {
  position: relative;
  background-color:#fff;
}
.activity-header-container > nav > p {
  position: absolute;
  height: 100%;
  top: 0;
  right: 1.285714rem; /*18pt*/
  line-height: 100%;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.activity-header-container > nav > p > a {
  width: 1.464286rem; /*41*/
  height: 1.464286rem; /*41*/
  background-position: -3.714286rem -10.928571rem;
  font-size: 0;
}
.activity-header-container ul {
  width: 16.071429rem; /*450*/
  margin: 0 auto;
  overflow: hidden;
}
.activity-header-container ul li {
  float: left;
  width: 33.33333%;
}
.activity-header-container a{
  color: #000;
  font-size: 1.285714rem; /*36*/
  line-height: 3.714286rem; /*104*/
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.activity-header-container a strong {
  font-weight: normal;
  height: auto;
}
.activity-header-container a.on{
  color: #5d9ef8;
}
.activity-header-container a.on i{
  margin-top: -.214286rem; /*6*/
  width: 1.321429rem; /*37*/
  height: .214286rem; /*6*/ 
  background-position: -3.714286rem -3.75rem; /*104 105*/
}

.activity-main {
  margin-top: 45px;
  overflow-y:auto;
}

.seckill-swiper-container {
  height:20.607143rem; /*577*/
  overflow: hidden;
  position: relative;
}

.seckill-swiper-container .banner {
  height: 13.107143rem;/*367*/
  width:100%;
  background-color: #efefef;
  overflow: hidden;
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.seckill-swiper-container .banner h1 {
  margin-top: .535714rem; /*15*/
  width:  24.571429rem; /*688*/
  height: 5.714286rem; /*160*/
  background: url(/wxStaticV2/img/seckill-banner.png) no-repeat center center;
  background-position: 0 0; /*475*/
  background-size: 24.571429rem 5.714286rem;
  font-size:0;
} 

/******* swiper item Layout *******/
#seckill-swiper {
  margin-top: -8.25rem;/*231*/
  height: 13.071429rem; /*366*/
  width: 100%;
  -webkit-perspective: 85.714286rem; /*1200*/
  -moz-perspective: 85.714286rem;
  -ms-perspective: 85.714286rem;
  perspective: 85.714286rem;  
}


.seckill-swiper-item {
  width: 24.285714rem; /*680*/
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: .357143rem; /*10*/
  margin-left: .178571rem;
  margin-right: .178571rem;
}

.seckill-swiper-item > figure {
  height: 9.428571rem;/*132*/
  overflow: hidden;
}
.seckill-swiper-item > figure > img {
  width: 8.571429rem;
  height: 8.571429rem;
  margin: .857143rem;
  overflow: hidden;
}
.seckill-swiper-item > .count-down-wrapper {
  width: 100%;
  display: flex;
  margin-left: 1.071429rem;
  margin-right: 1.071429rem;
  justify-content: space-between;
}

.seckill-swiper-item > .count-down-wrapper > .order-btn {
  width: 5.285714rem;
  height: 2.071429rem;
  background-position: -10.678571rem -1.5rem;
  font-size: 0;
}

.seckill-swiper-item > .count-down-wrapper > .count-down {
  display: flex;
  line-height:1.285714rem;
  color: #333;
  font-size: .857143rem;
  margin-top: .428571rem;
  height: 1.285714rem;
  justify-content: center;
  align-items: center;
  margin-right: .357143rem;
}

.seckill-swiper-item > .count-down-wrapper > .count-down > span {
  margin-right:.357143rem;
}
.seckill-swiper-item > .count-down-wrapper > .count-down > time  {
  display: flex;
  line-height: 1.285714rem; 
}
.seckill-swiper-item > .count-down-wrapper > .count-down > time > i {
  padding-left: .285714rem;
  padding-right:.285714rem;
  height: 1.285714rem;
  line-height: 1.285714rem;
  background: #333;
  color: #fff;
  text-align:center;
  display: block;
  font-style: normal;
  border-radius: .214286rem;
  margin-right: .357143rem;
}
.seckill-swiper-item > .count-down-wrapper > .count-down > time > span {
  height: 1.285714rem;
  line-height: 1.285714rem;
  display: block;
  font-style: normal;
  margin-right: .357143rem;
}

 .seckill-swiper-item > .seckill-detail-info {
   flex: 1;
   margin: .857143rem .857143rem 0 0;
   height: 8.571429rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 } 
.seckill-swiper-item > .seckill-detail-info > h2 {
  font-size: 1.071429rem;
  color: #000;
  word-break: wrap;
  font-weight: normal;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
}

#seckill-swiper .swiper-container {
  width:100%;
}
#seckill-swiper .swiper-slide {
  width: 24.285714rem;
}

.seckill-swiper-pagination {
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(top, #f4f5f5, #fff);
  height: 2.678571rem;
  margin: 0 auto; 
  bottom: 0;
  width: 100%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seckill-swiper-pagination .swiper-pagination-bullet {
  width: .214286rem;
  height: .214286rem;
  margin-right: .5rem;
 }

 .seckill-swiper-pagination .swiper-pagination-bullet-active {
  width: 1.142857rem;
  border-radius: .107143rem;
  display: inline-block;    
 }

.activity-category {
  border-bottom:1px solid #ebebeb;
  background: #fff;
  position: relative;
  height: 3.571429rem;
}

.activity-category > .swiper-container-free-mode>.swiper-wrapper {
  display: flex;
  align-items: center;
}

.activity-category .swiper-slide span {
  text-align:center;
  display:block;
  line-height: 3.571429rem;
  font-size: 1rem;
  color:#333;
}
.activity-category .bar {
  width: 1.357143rem;
  height: 3px;
  position:absolute;
  bottom: 1px;
  background: #fff;
}
.activity-category .bar .color {
  margin:0 auto;
  height: .214286rem;
  width: 1.357143rem;
  height: 3px;
  border-radius: 1.5px;
  background: #5d9ef8;
}


#page {
  margin-bottom: 3.571429rem;
  height:100%;
}
#page .slidepage {
  height:100%;
}
.scroll {
  height:100%;
}
.slidescroll {
  height:auto;
}

.activity-list-container {
  display: flex;
  flex-wrap: wrap;
  padding: 1.071429rem;
  padding-top: 0;
  width: 100%;
}

.activity-list-item {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding: 1.071429rem 0;
  overflow: hidden;
}

.activity-list-item .from {
  font-size: .857143rem;
  color: #aaa;
}

.article-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.activity-list-item > .article-title {
  font-size: 1.142857rem;
  color: #000;
}

.gqsj-content {
  height: auto;
  overflow-x: hidden;
  padding-top: 3.214286rem;
  padding-bottom: 3.5rem !important;
  background-color: #fff;
}

.images > img {
  width: 8rem !important;
  height: 5.214286rem !important;
}
.multi-images-two > img {
  margin-right: .25rem;
}
.multi-images {
  margin: .571429rem 0;  
  display: flex;
  justify-content: space-between;
}
.multi-images-two {
  margin: .571429rem 0;  
  display: flex;
  justify-content: flex-start;
}

.one-wrapper {
  display: flex;
  justify-content: space-between;
}
.one-image {
  width: 8rem !important;
  height: 5.214286rem !important;
}

.one-wrapper > .images {
  margin-right: .857143rem;
}

#content-wrapper h1 {
  font-size: 1.428571rem;
  color: #000;
  font-weight: bold;
  padding: 1.571429rem 1.071429rem;
  margin: 0;
}

#content-wrapper > p {
  font-size: .857143rem;
  color: #aaa;
  padding: 0 1.071429rem 2.142857rem 1.071429rem;
}

#content-wrapper > #content {
  padding: 0 1.071429rem;
}

#content-wrapper > #content > p {
  margin-bottom: 1.071429rem;
}
#content-wrapper > #content > p > img{
  max-width: 100%;
  margin-top: 1.071429rem;
}

.popup-category {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.071429rem 0 1.285714rem;
  background: #fff;
}
.popup-category > i {
  cursor: pointer;
  width: 1.142857rem;
  height: 1.142857rem;
  background-position: -21.25rem -9.642857rem;
}
.popup-category > span {
  position: absolute;
  z-index: 100;
  left: -1.071429rem;
  top:0;
  background: url(/wxStaticV2/img/article-left-bar.png) repeat-y;
  width: 1.071429rem;
  height: 100%; 
}

#menu-wrapper {
  position: fixed;
  top: 3.214286rem;
  background: #fff;
  z-index: 10;
  width: 100%;
}

.all-category {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: #fff;
  overflow-y: scroll;
}

#all-cate-list {
  margin-top: 3.214286rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: .357143rem;
  overflow: auto;
}
#all-cate-list > span {
  border: 1px solid #e5e5e5;
  margin: 1.071429rem 0 1.071429rem 1.071429rem;
  width: 5.357143rem;
  height: 2.428571rem;
  border-radius: 1.214286rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nav {
  margin-right: 3rem;
}

.article-detail-wrapper {
  margin-top: 3.214286rem !important;
}