@charset "UTF-8";
body {
  opacity: 0;
  position: relative;
  background-color: #fff2e3;
}
.gray {
  filter: grayscale(100%);
}
.rule-btn,
.my-award-btn {
  position: absolute;
  top: 2.56rem;
  right: 0;
  width: 0.75rem;
  z-index: 5;
}
.rule-btn {
  top: 1.24rem;
}
.my-award-btn {
  top: 1.9rem;
}
.rule-btn img,
.my-award-btn img {
  display: block;
  width: 100%;
}
.activity-item .sec-item {
  position: relative;
}
.activity-item .sec-item .sec-bg {
  display: block;
  width: 100%;
}
.activity-item .sec-item > .wrapper {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  padding: 0 0.3rem;
  /* background: rgba(0,0,0,0.5); */
  z-index: 1;
}
.activity-item .sec-item > .wrapper .sec-btn {
  text-align: center;
  margin-top: 0.26rem;
}
.activity-item .sec-item > .wrapper .sec-btn a {
  display: inline-block;
  width: 5.08rem;
  height: 1.12rem;
  line-height: 0.96rem;
  font-size: 0.38rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url("./assets/sec-btn-bg.png") center top/100% 100% no-repeat;
}
.activity-item .sec-item .sec-tips {
  padding: 0 0.3rem;
  font-size: 0.22rem;
  color: #804312;
  opacity: 0.72;
}
.sec1 .wrapper {
  top: 1.24rem;
}
.sec1-swiper-container {
  position: relative;
  overflow: hidden;
  min-height: 1.76rem;
  border-radius: 0.18rem;
  background: url("./assets/award-list-bg.png") left top/100% 100% no-repeat;
  padding: 0.18rem 0.11rem;
}
.sec1-swiper-container .swiper-wrapper {
  transition-timing-function: linear, linear;
  transition-delay: 0s;
}
.sec1-swiper-container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.16rem;
  background: url("./assets/award-scroll-shadow.png") left top/100% 100% no-repeat;
  z-index: 1;
}
.sec1-swiper-container .swiper-slide {
  width: 1.34rem;
  margin: 0 0.07rem;
}
.sec1-swiper-container .slide-content {
  position: relative;
}
.sec1-swiper-container .slide-content.show-limit-tag:before {
  content: "";
  position: absolute;
  left: -0.05rem;
  top: -0.08rem;
  width: 0.47rem;
  height: 0.37rem;
  background: url("./assets/card-tag.png") left top/100% 100% no-repeat;
}
.sec1-swiper-container .slide-content > img {
  display: block;
  width: 100%;
}
.sec1-swiper-container .swiper-pagination {
  bottom: 0;
}
.sec1-swiper-container .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 0.08rem!important;
  border-radius: 0.3rem;
  background: #e6e6e6;
  opacity: 1;
}
.sec1-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff1548;
}


.activity-item .sec-item.sec2 .wrapper {
  position: static;
  left: 0;
  right: 0;
  margin: 0;
  min-height: 1rem;
  padding-bottom: 0;
  padding-top: 0.1rem;
  background: url("./assets/sec2-middle-bg.jpg") left top/100% 100% no-repeat;
}
.sec2 .wrapper .middle-content {
  padding: 0 0.3rem;
}
.sec2 .wrapper .middle-content .award-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sec2 .wrapper .middle-content .award-card-list img {
  width: 3.06rem;
  margin-bottom: 0.2rem;
}
.sec2 .wrapper .middle-content .award-card-list-tips {
  font-size: 0.22rem;
  color: #666666;
  opacity: 0.72;
  text-align: center;
}

.sec3 .wrapper {
  top: 1.32rem;
}
.sec3 .cards {
  display: flex;
  justify-content: space-between;
}
.sec3 .cards img {
  display: block;
  width: 3.06rem;
}
.sec3 .more {
  margin-top: 0.3rem;
}
.sec3 .more img {
  display: block;
  width: 100%;
}

.sec4 .wrapper {
  top: 1.32rem;
}
.sec4-swiper-container {
  position: relative;
  overflow: hidden;
}
.sec4-swiper-container .swiper-slide {
  width: 3.05rem;
  margin: 0 0.07rem;
}
.sec4-swiper-container .swiper-slide img {
  display: block;
  width: 100%;
}


.footer {
  margin-bottom: 0;
  padding: 0.3rem 0.3rem 0.6rem;
}
.footer p {
  font-size: 0.22rem;
  color: #804312;
  opacity: 0.72;
}

.pop-main .pop-close {
  top: auto;
  bottom: -0.8rem;
  left: 0;
  margin: 0 auto;
  width: 0.54rem;
  height: 0.54rem;
  background: url("../images/pop-close-btn.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.rules-pop {
  width: 6.8rem;
  min-height: 8.07rem;
  padding-bottom: 0.45rem;
  background: url("./assets/rule-pop-bg.png") right top/1.6rem auto no-repeat, linear-gradient(to left bottom,#ffe6e3,#fffdf9);
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  /*-webkit-box-shadow: inset 0.02rem 0 0.08rem #a2d1fd;*/
  /*-moz-box-shadow: inset 0 0 0.08rem #a2d1fd;*/
  /* box-shadow: inset 0.05rem 0 0.1rem #a2d1fd,inset -0.05rem 0 0.1rem #a2d1fd,inset 0 0.05rem 0.1rem #a2d1fd,inset 0 -0.05rem 0.1rem #a2d1fd; */
}
.rules-pop .pop-header {
  padding: 0.75rem 0.38rem 0.36rem;
}
.rules-pop .pop-header .pop-title {
  display: block;
  height: 0.42rem;
  margin: 0 auto;
}
.rules-pop .pop-body {
  max-height: 8rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0.38rem;
}
.rules-pop .pop-body .rules-sec {
  position: relative;
  margin-bottom: 0.51rem;
}
.rules-pop .pop-body .rules-sec:last-of-type {
  margin-bottom: 0;
}
.rules-pop .pop-body .rules-sec h3 {
  font-size: 0.3rem;
  color: #804312;
  margin: 0.08rem 0;
  padding-left: 0.34rem;
  background: url("./assets/rule-list-point.png") left center/0.23rem auto no-repeat;
}
.rules-pop .pop-body .rules-sec p {
  font-size: 0.26rem;
  color: #804312;
  margin: 0.08rem 0;
  text-align: justify;
}
.rules-pop .pop-body .rules-sec p.text-indent {
  padding-left: 0.2rem;
}
.rules-pop .pop-body .rules-sec strong {
  color: #4a2106;
}
.rules-pop .pop-body .rules-sec .blue-box {
  background-color: #e3f1ff;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
}
.rules-pop .pop-body .rules-sec .blue-box p {
  color: #4a75b1;
  padding: 0.2rem 0.25rem;
}