* {
  margin: 0;
  padding: 0;
  border: 0; }

img {
  border: 0;
  vertical-align: middle; }

ul, ol, dl {
  list-style: none; }

html, body {
  height: 100%; }

body {
  font-size: 0.12rem;
  font-family: arial, "Microsoft YaHei", simsun; }

.ht, .section01 .prize .free {
  overflow: hidden;
  text-indent: -9999em; }

.hide {
  width: 0;
  height: 0;
  display: block;
  text-indent: -9999rem;
  overflow: hidden; }

.pa {
  position: absolute; }

.pr {
  position: relative; }

i {
  display: block;
  font-style: normal; }

.l {
  float: left; }

.r {
  float: right; }

.c:after, .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.c, .clearfix {
  zoom: 1; }

a {
  text-decoration: none; }

/*!
 * animate.css -http://daneden.me/animate
 */
.header {
  background: url("./header.jpg") no-repeat;
  background-size: 6.4rem 7.16rem;
  width: 6.4rem;
  height: 7.16rem; }

.section01 {
  background: url("./section01.jpg") no-repeat;
  background-size: 6.4rem 12.21rem;
  width: 6.4rem;
  height: 12.21rem; }

.section02 {
  background: url("./section02.jpg") no-repeat;
  background-size: 6.4rem 7.59rem;
  width: 6.4rem;
  height: 7.59rem; }

.section03 {
  background: url("./section03.jpg") no-repeat;
  background-size: 6.4rem 16.75rem;
  width: 6.4rem;
  height: 16.75rem; }

.act-time {
  text-align: center;
  font-size: .2rem;
  color: #f34a4a;
  padding-top: 4.2rem;
  line-height: .26rem;
  padding-right: .4rem; }
  .act-time span {
    font-weight: bold; }

.section01 .act-exp {
  text-align: center;
  font-size: .36rem;
  color: #fff;
  padding: .46rem 0 .16rem 0;
  line-height: .33rem;
  height: .33rem;
  font-weight: normal; }
.section01 .act-tip {
  font-size: .18rem;
  color: #fffcb1;
  text-align: center; }
.section01 .list-swiper {
  width: 100%;
  position: relative;
  margin-top: .4rem; }
.section01 .swiper-container {
  width: 2.7rem;
  height: 3.7rem; }
.section01 .swiper-wrapper img {
  width: 100%;
  display: block;
  opacity: 0;
  transition: opacity 0.2s ease; }
.section01 .swiper-wrapper p {
  text-align: center;
  font-size: .18rem;
  color: #fee8c6;
  opacity: 0;
  transition: opacity 0.2s ease; }
.section01 .swiper-wrapper .swiper-slide-active p {
  opacity: 1; }
.section01 .swiper-wrapper .swiper-slide-active img {
  opacity: 1; }
.section01 .swiper-slide {
  background-position: center;
  background-size: cover; }
.section01 .swiper-next-btn,
.section01 .swiper-prev-btn {
  top: .9rem;
  width: .49rem;
  height: 1.08rem;
  position: absolute;
  z-index: 2; }
.section01 .swiper-next-btn {
  right: .6rem;
  background: url("./prev_btn.png") no-repeat;
  background-size: .49rem auto; }
.section01 .swiper-prev-btn {
  left: .6rem;
  background: url("./next_btn.png") no-repeat;
  background-size: .49rem auto; }
.section01 .swiper-pagination-bullet {
  background-color: #b30d0d !important;
  opacity: 1; }
.section01 .swiper-pagination-bullet-active {
  background-color: #ffff00 !important; }
.section01 .prize {
  position: relative; }
  .section01 .prize .free {
    display: block;
    position: absolute;
    background: url("./free.png") no-repeat;
    background-size: 1.1rem auto;
    width: 1.1rem;
    height: 1.1rem;
    top: -.9rem;
    right: 1.22rem; }
  .section01 .prize s {
    color: #fff600;
    font-size: .18rem;
    padding-left: 1.9rem; }
  .section01 .prize .sale {
    font-size: .24rem;
    color: #fafe95;
    position: relative;
    top: -.2rem;
    border-bottom: #e8de2a solid .01rem;
    width: 2.6rem;
    margin: 0 auto 0 auto; }
    .section01 .prize .sale span {
      font-size: .61rem;
      font-style: italic; }
  .section01 .prize .prize-jd {
    font-size: .16rem;
    color: #fafe95;
    margin-top: -.01rem;
    padding-left: 1.9rem; }
    .section01 .prize .prize-jd span {
      color: #fff600;
      font-size: .22rem; }
  .section01 .prize .purchase-btn {
    margin: .25rem auto 0 auto;
    display: block;
    background: url("./purchase_btn.png") no-repeat;
    background-size: 4.16rem auto;
    width: 4.16rem;
    height: 1.27rem;
    text-align: center; }
    .section01 .prize .purchase-btn span {
      color: #ff0505;
      font-size: .18rem;
      display: block;
      line-height: .18rem;
      height: .18rem;
      padding-top: .2rem;
      font-weight: bold; }
    .section01 .prize .purchase-btn i {
      display: block;
      font-size: .41rem;
      color: #3b1d00; }
  .section01 .prize .give-tip {
    text-align: center;
    font-size: .2rem;
    color: #edf099;
    padding-top: .35rem; }
  .section01 .prize .give-list {
    background: url("./give_list.jpg") no-repeat;
    width: 4rem;
    background-size: 3.92rem auto;
    margin: .25rem auto 0 auto;
    text-align: center; }
    .section01 .prize .give-list p {
      display: inline-block;
      color: #edf099;
      font-size: .18rem;
      padding-top: 1.2rem; }

.section02 .fn1 {
  font-size: .58rem;
  color: #fee8c6;
  text-align: center;
  line-height: .55rem;
  height: .55rem;
  padding-top: .93rem; }
.section02 .fn2 {
  font-size: .3rem;
  color: #fee8c6;
  text-align: center;
  padding: .2rem 0; }
.section02 .fn3 {
  font-size: .18rem;
  color: #f4ce83;
  padding: 0 0 .2rem .62rem; }
.section02 .key {
  width: 2.46rem;
  height: 3.11rem;
  padding-left: 3.1rem; }
  .section02 .key img {
    width: 100%; }

.section03 .cdb-info .fn1 {
  font-size: .58rem;
  color: #fee8c6;
  text-align: center;
  line-height: .55rem;
  height: .55rem;
  padding-top: .67rem; }
.section03 .cdb-info .fn2 {
  font-size: .36rem;
  color: #f4ce7b;
  text-align: center;
  padding-top: .15rem; }
.section03 .cdb-info .img-lst {
  display: block;
  width: 5.09rem;
  height: 5.15rem;
  margin: .4rem auto 0 auto; }
  .section03 .cdb-info .img-lst img {
    width: 100%; }
.section03 .cdb-info .img-cas {
  padding-top: .28rem; }
  .section03 .cdb-info .img-cas h3 {
    text-align: center;
    font-weight: normal;
    font-size: .36rem;
    color: #f4c56d; }
  .section03 .cdb-info .img-cas ul {
    padding: .26rem 0 0 .72rem; }
    .section03 .cdb-info .img-cas ul span {
      display: inline-block;
      width: .72rem;
      color: #efc75c;
      font-size: .16rem; }
    .section03 .cdb-info .img-cas ul li {
      color: #efc75c;
      font-size: .16rem;
      line-height: .28rem; }
.section03 .rule-list {
  padding: 1.3rem 0 0 .4rem;
  width: 5.6rem; }
  .section03 .rule-list h3 {
    font-size: .36rem;
    color: #e6e8b0;
    font-weight: normal;
    text-align: center; }
  .section03 .rule-list ul {
    padding-top: .3rem; }
  .section03 .rule-list li {
    font-size: .18rem;
    color: #e6e8b0;
    line-height: .3rem;
    padding-bottom: .05rem; }

.foot {
  height: .65rem;
  line-height: .65rem;
  color: #fff;
  background-color: #000;
  font-size: .2rem;
  text-align: center; }

/*# sourceMappingURL=index.css.map */