html, body {
  font-family: "Helvetica Neue","Microsoft YaHei", Helvetica, STHeiTi, Arial, sans-serif;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

body, th, td, p, ol, ul, li, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, form, fieldset, input, legend, select, textarea {
  margin: 0;
  padding: 0;
}

input, img, fieldset {
  border: none;
}

input, select, fieldset {
  vertical-align: middle;
}

ul, ol {
  padding-left: 0;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

i, cite, em, var, address, dfn {
  font-style: normal;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
  color: transparent;
}

button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
  -webkit-appearance: none;
}

input:-ms-clear {
  display: none;
}

/* clear IE10 X */
input {
  -webkit-user-modify: read-write-plaintext-only;
}

select {
  overflow-x: hidden;
}

pre {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.clear::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.vm {
  vertical-align: middle;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.none {
  display: none;
}

.block {
  display: block;
}

/* ellipsis */
.elli {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

del {
  text-decoration: line-through;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

html, body {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.index-content {
  width: 100%;
  position: relative;
}

.index-content .nav-box {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 750px;
  height: 2.47467rem;
  overflow: hidden;
  z-index: 9999;
}

.index-content .nav-box .item {
  float: left;
  width: 3.2rem;
  height: 2.47467rem;
  transition: background .3s;
  -webkit-transition: background .3s;
}

.index-content .nav-box .item:nth-of-type(1) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav1.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(1).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav1-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(2) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav2.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(2).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav2-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(3) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav3.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(3).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav3-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(4) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav4.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(4).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav4-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(5) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav5.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(5).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav5-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(6) {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav6.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .nav-box .item:nth-of-type(6).active {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/nav6-on.png) center top no-repeat;
  background-size: 100%  100%;
}

.index-content .part1 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_01.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 22.29333rem;
}

.index-content .part1 .btn-box {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/btn.png) center top no-repeat;
  background-size: 100%  100%;
  width: 14.76267rem;
  height: 4.672rem;
  position: absolute;
  left: 0.68267rem;
  top: 9.13067rem;
  overflow: hidden;
}

.index-content .part1 .btn-box .btn-down, .index-content .part1 .btn-box .btn-gift {
  width: 4.45867rem;
  height: 4.672rem;
}

.index-content .part .time {
  color: #ffffce;
  font-size: 0.42667rem;
  text-align: center;
  width: 100%;
}

.index-content .part .pic {
  display: block;
  width: 14.12267rem;
  height: 7.50933rem;
  margin: 0.42667rem auto 0;
}

.index-content .part2 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_02.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 13.67467rem;
}

.index-content .part2 .time {
  padding-top: 2.21867rem;
}

.index-content .part2 .pic {
  height: 6.656rem;
}

.index-content .part2 .pic {
  margin-top: 0.55467rem;
}

.index-content .part2 .btn-qd {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/btn-qd.png) center top no-repeat;
  background-size: 100%  100%;
  display: block;
  width: 6.57067rem;
  height: 1.36533rem;
  margin: 0.42667rem auto 0;
}

.index-content .part3 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_03.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 16.68267rem;
}

.index-content .part3 .time {
  color: #e83f18;
  padding-top: 2.98667rem;
}

.index-content .part3 .gift-box {
  width: 14.80533rem;
  margin: 0.59733rem auto 0;
  overflow: hidden;
}

.index-content .part3 .gift-box .item {
  background-color: #e83f18;
  float: left;
  width: 4.672rem;
  height: 5.056rem;
  margin: 0 0.384rem 0.768rem 0;
}

.index-content .part3 .gift-box .item:nth-of-type(3n) {
  margin-right: 0;
}

.index-content .part3 .gift-box .item .gift {
  display: block;
  width: 4.288rem;
  height: 3.75467rem;
  margin: 0.21333rem auto 0;
}

.index-content .part3 .gift-box .item .gift_name {
  color: #fffefe;
  font-size: 0.384rem;
  text-align: center;
  padding-top: 0.32rem;
}

.index-content .part3 .gift-box .item .gift_name .strong {
  color: #ffeb46;
}

.index-content .part3 .swiper-box {
  width: 15.57333rem;
  margin: 0.59733rem 0 0 0.42667rem;
}

.index-content .part3 .swiper-box .swiper-slide {
  width: 6.18667rem;
  height: 6.74133rem;
  position: relative;
}

.index-content .part3 .swiper-box .swiper-slide .text {
  color: #fffefe;
  font-size: 0.512rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 5.71733rem;
  padding-left: 1.19467rem;
}

.index-content .part3 .swiper-box .swiper-slide .text .strong {
  color: #ffeb46;
}

.index-content .part4 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_04.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 13.09867rem;
  position: relative;
}

.index-content .part4 .time {
  padding-top: 3.11467rem;
}

.index-content .part4 .pic {
  overflow: hidden;
}

.index-content .part4 .active1, .index-content .part4 .active2 {
  float: left;
  width: 50%;
  height: 100%;
}

.index-content .part4 .bx {
  position: absolute;
  left: 2.56rem;
  top: 7.04rem;
  width: 4.26667rem;
}

.index-content .part4 .gift {
  position: absolute;
  left: 9.70667rem;
  top: 4.94933rem;
  width: 3.37067rem;
}

.index-content .part5 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_05.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 13.76rem;
}

.index-content .part5 .time {
  color: #bd4232;
  padding-top: 3.02933rem;
}

.index-content .part5 .tip-text {
  color: #bd4232;
  display: block;
  font-size: 0.42667rem;
  line-height: 0.68267rem;
  width: 80%;
  margin: -0.34133rem auto 0;
}

.index-content .part5 .pic {
  display: block;
  width: 13.48267rem;
  height: 8rem;
  margin: 0.5rem auto 0;
}

.index-content .part5 .btn-go {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/btn-go.png) center top no-repeat;
  background-size: 100%  100%;
  display: block;
  width: 6.76267rem;
  height: 1.57867rem;
  margin: 0.8rem auto 0;
}

.index-content .part6 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_06.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 15.232rem;
}

.index-content .part6 .time {
  padding-top: 3.24267rem;
}

.index-content .part6 .pic {
  margin-top: 0.72533rem;
}

.index-content .part6 .btn-go {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/btn-go2.png) center top no-repeat;
  background-size: 100%  100%;
  display: block;
  width: 6.76267rem;
  height: 1.57867rem;
  margin: 0.64rem auto 0;
}

.index-content .part7 {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/index_07.jpg) center top no-repeat;
  background-size: 100%  100%;
  width: 100%;
  height: 12.07467rem;
}

.index-content .part7 .time {
  color: #ffffce;
  padding-top: 2.79467rem;
}

.index-content .part7 .pic {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/qrj.jpg) center top no-repeat;
  background-size: 100%  100%;
  border: 1px solid #fff2bb;
  border-radius: 0.256rem;
  -webkit-border-radius: 0.256rem;
  width: 14.4rem;
  height: 6.67733rem;
}

.index-content .part7 .pic {
  margin-top: 0.512rem;
}

.index-content .btn-goToTop {
  display: none;
  width: 2.38933rem;
  height: 2.53867rem;
  position: fixed;
  left: 50%;
  margin-left: 5.12rem;
  bottom: 0.512rem;
  z-index: 9999;
}

.index-content .alert-box {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.index-content .alert-box .inner {
  background: #fff9e0;
  border: 0.064rem solid #f66b59;
  width: 12.69333rem;
  height: 12.69333rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.index-content .alert-box .inner .close {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/close.png) center top no-repeat;
  background-size: 100%  100%;
  position: absolute;
  right: 0.08533rem;
  top: 0.08533rem;
  width: 1.088rem;
  height: 1.10933rem;
}

.index-content .alert-box.back-box .title {
  display: block;
  width: 4.48rem;
  height: 0.72533rem;
  margin: 1.36533rem auto 0;
}

.index-content .alert-box.back-box .dsc-text {
  color: #dc5a4b;
  font-size: 0.512rem;
  line-height: 0.96rem;
  text-align: center;
  padding-top: 0.42667rem;
}

.index-content .alert-box.back-box .gift-list {
  width: 100%;
  text-align: center;
  margin-top: 0.512rem;
}

.index-content .alert-box.back-box .gift-list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.53333rem;
}

.index-content .alert-box.back-box .gift-list li .icon {
  width: 3.328rem;
  height: 3.456rem;
}

.index-content .alert-box.back-box .gift-list li .name {
  color: #dc5a4b;
  display: block;
  font-size: 0.46933rem;
  padding-top: 0.21333rem;
}

.index-content .alert-box.back-box .gift-list li .btn-get {
  background: #dc5a4b;
  border-radius: 0.08533rem;
  -webkit-border-radius: 0.08533rem;
  color: #fff;
  display: block;
  font-size: 0.46933rem;
  width: 2.432rem;
  height: 0.896rem;
  line-height: 0.896rem;
  text-align: center;
  margin: 0.34133rem auto 0;
}

.index-content .alert-box.back-box .gift-list li .btn-get.disabled {
  background: #999;
  color: #fff;
}

.index-content .alert-box.back-box .gift-list li .tip-text {
  color: #dc5a4b;
  font-size: 0.46933rem;
}

.index-content .alert-box.gift-box .inner {
  height: 11.02933rem;
  padding-top: 1.664rem;
}

.index-content .alert-box.gift-box .set-box {
  color: #666666;
  font-size: 0.55467rem;
  width: 9.55733rem;
  margin: 0 auto 0.768rem;
  position: relative;
}

.index-content .alert-box.gift-box .set-box:nth-of-type(1) {
  z-index: 2;
}

.index-content .alert-box.gift-box .set-box .title {
  display: block;
}

.index-content .alert-box.gift-box .set-box .handle-box {
  background: #f7f4f4;
  border: 1px solid #666666;
  margin-top: 0.42667rem;
  width: 9.38667rem;
  height: 1.344rem;
  line-height: 1.344rem;
  position: relative;
}

.index-content .alert-box.gift-box .set-box .handle-box .select-text {
  width: 8.064rem;
  height: 1.344rem;
  line-height: 1.344rem;
  text-indent: 0.21333rem;
}

.index-content .alert-box.gift-box .set-box .handle-box .select-icon {
  background: url(https://download.cmge.com/shengli/cjzt2019/wap/images/select-tag.png) center top no-repeat;
  background-size: 100%  100%;
  width: 1.25867rem;
  height: 1.344rem;
}

.index-content .alert-box.gift-box .set-box .handle-box .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.344rem;
}

.index-content .alert-box.gift-box .set-box .handle-box .select-list {
  border: 1px solid #666;
  display: none;
  width: 100%;
  position: absolute;
  left: -1px;
  top: 1.344rem;
  max-height: 5rem;
  overflow: auto;
}

.index-content .alert-box.gift-box .set-box .handle-box .select-list li {
  background: #f7f4f4;
  width: 100%;
  padding: 0.10667rem 0;
  text-align: center;
}

.index-content .alert-box.gift-box .set-box .handle-box .select-list li.active {
  background: #666666;
  color: #f7f4f4;
}

.index-content .alert-box.gift-box .tip-text {
  color: #666666;
  font-size: 0.512rem;
  width: 100%;
  text-align: center;
  margin-top: -0.34133rem;
}

.index-content .alert-box.gift-box .btn-get {
  background: #ed5443;
  border-radius: 0.08533rem;
  -webkit-border-radius: 0.08533rem;
  color: #fff;
  display: block;
  font-size: 0.55467rem;
  width: 3.05067rem;
  height: 1.152rem;
  line-height: 1.152rem;
  text-align: center;
  margin: 1.38667rem auto 0;
}

.index-content .alert-box.iqiyi-box .inner .title {
  color: #e84e3e;
  font-size: 0.55467rem;
  font-weight: bold;
  text-align: center;
  padding-top: 2.45333rem;
}

.index-content .alert-box.iqiyi-box .inner .code {
  background: #fff;
  border: 1px solid #c0c0c0;
  color: #555555;
  display: block;
  font-size: 0.55467rem;
  width: 9.92rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  text-align: center;
  margin: 0.42667rem auto 0;
}

.index-content .alert-box.iqiyi-box .inner .tip-text {
  color: #e84e3e;
  font-size: 0.42667rem;
  padding: 1.664rem 0 0 1.536rem;
  line-height: 0.72533rem;
}

.index-content .alert-box.iqiyi-box .inner .tip-text2 {
  color: #555555;
  font-size: 0.42667rem;
  padding: 0.96rem 0 0 1.536rem;
  line-height: 0.72533rem;
}

.index-content .alert-box.iqiyi-box .inner .tip-text2 a {
  color: #555555;
}

.index-content .alert-box.code-box .inner {
  height: 6rem;
}

.index-content .alert-box.code-box .inner .code {
  background: #e84e3e;
  color: #fff;
  display: block;
  font-size: 0.59733rem;
  text-align: center;
  width: 80%;
  height: 1.19467rem;
  line-height: 1.19467rem;
  margin: 2.13333rem auto 0;
}

.index-content .alert-box.code-box .inner .tip-text {
  color: #e84e3e;
  font-size: 0.42667rem;
  text-align: center;
  width: 100%;
  padding-top: 0.42667rem;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes shake {
  0%, to {
    transform: translateZ(0);
  }
  30%, 70%, 90% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60%, 80% {
    transform: translate3d(4px, 0, 0);
  }
  100% {
    transform: translateZ(0);
  }
}

.shake {
  animation-name: shake;
}