body {
  background: #df1519;
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, STHeiTi, Arial,
    sans-serif;
  margin: 0 auto;
  font-size: 0.3733333333rem;
  text-align: justify;
}

* {
  box-sizing: border-box;
}

.hide {
  display: none;
}

.playBtn,
.pauseBtn {
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  position: fixed;
  top: 0.4rem;
  right: 0.4rem;
}

.playBtn {
  background: url('../images/m_play.png') center/100% no-repeat;
  animation: rollIn 10s linear infinite;
}

.pauseBtn {
  background: url('../images/m_pause.png') center/100% no-repeat;
}

.pc {
  margin: 0 auto;
  position: relative;
  width: 750px;
}

.pc body {
  overflow-x: auto;
}

.img {
  width: 100%;
  display: block;
}

section {
  position: relative;
}

.tips-txt {
  color: #fff;
  text-align: center;
  font-size: 0.32rem;
  /* margin-top: 3.05rem; */
}
.tips-txt img {
  width: 29.8%;
}

.p5 {
  width: 3.36rem;
  margin: 0 auto;
  padding-top: 5.2rem;
}

/* .p5 div {
  width: 3.36rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
} */
.article .p-header {
  display: block;
  width: 7.773rem;
  margin: 0 auto;
  padding: 1.3666666667rem 0.6666666667rem 2rem;
}

.article {
  background: #df1519 url(../images/bg2_01.jpg) center top no-repeat;
  background-size: 100% auto;
  position: relative;
  padding: 0 0 3rem;
  box-sizing: border-box;
}
.article::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 4rem;
  background: #df1519 url(../images/bg2_03.jpg) center bottom no-repeat;
  background-size: 100% auto;
}

.article .article-title {
  color: #fad2af;
  width: 7.4666666667rem;
  height: 1.7466666667rem;
  line-height: 1.2rem;
  font-size: 0.6267rem;
  font-weight: bold;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  margin-left: -3.7333333333rem;
  z-index: -1;
  text-align: center;
}

.article .article-title.article-title-small span {
  width: 3rem;
}

.article .article-con {
  position: relative;
  z-index: 10;
  background: #fff;
  color: #242424;
  border-radius: 0.4rem;
  padding: 0 0.4rem 0.67rem;
  width: 9.17rem;
  margin: 0 auto;
  line-height: 0.6666666667rem;
  font-size: 0.32rem;
  margin-bottom: 0.4rem;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.2rem;
}

.article .article-con .p-title {
  text-align: center;
  margin-top: 0.8rem;
  margin-bottom: 0.4rem;
}

.article .article-con .no-title-p {
  padding-top: 0.5rem;
}

.article .article-con h3 {
  display: inline-block;
  min-width: 60%;
  color: #dc2021;
  font-size: 0.53333rem;
  text-align: center;
  font-weight: bold;
  background: url(../images/s-line.png) center center no-repeat;
  background-size: 100% 100%;
  line-height: 0.8rem;
}

.article .article-con h3 span {
  vertical-align: top;
}

.article .article-con p {
  text-indent: 2em;
  text-align: justify;
  margin: 0 0 0.8rem;
}

.article .list-dot {
  margin: 0 0 0.8rem;
}
.article .list-dot p {
  margin: 0;
}

.article .article-con p .dot {
  color: #333333;
  font-size: 0;
  background: #333;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
}

.article .article-con img {
  width: 100%;
  display: block;
  margin: 0.2rem 0 0;
}

.article .article-con .img-wrap {
  font-size: 0.37rem;
  line-height: 0.48rem;
  margin-bottom: 0.8rem;
}
.article .article-con .img-wrap .img-list {
  position: relative;
  overflow: hidden;
  margin: 0 -0.1rem;
}
.article .article-con .img-wrap .img-list .pic {
  width: 50%;
  float: left;
  padding: 0 0.1rem;
}

.article .article-con .img-wrap span {
  display: block;
  background: #fdedde;
  text-align: left;
  text-indent: 2em;
  font-size: 0.32rem;
  line-height: 1.6;
  color: #dc2021;
  padding: 0.2rem 0.4rem;
}

.i-return {
  position: fixed;
  bottom: 1.3333333333rem;
  right: 0.5333333333rem;
  z-index: 99;
}

.i-return img {
  width: 1rem;
}

.index {
  background: url(../images/bg.jpg) center top/100% no-repeat #df1519;
  background-size: cover;
  color: #fff;
  position: relative;
}

.index .p1 {
  width: 3.24rem;
  position: absolute;
  top: 1.65rem;
  left: 50%;
  margin-left: -1.62rem;
  opacity: 0;
  animation: fadeInUp 1s linear forwards;
}

.index .p2 {
  width: 0.56rem;
  position: absolute;
  top: 2.75rem;
  left: 50%;
  margin-left: 1.15rem;
  opacity: 0;
  animation: fadeInRight 5s linear 0.2s forwards;
}

.index .p3 {
  width: 6.666rem;
  position: absolute;
  top: 2.826rem;
  left: 50%;
  margin-left: -3.333rem;
  opacity: 0;
  animation: fadeInUp 0.5s linear 0.4s forwards;
}

.index .p4 {
  width: 7.92rem;
  position: absolute;
  top: 5.19rem;
  left: 50%;
  margin-left: -3.96rem;
  opacity: 0;
  animation: fadeInUp 0.5s linear 0.8s forwards;
}

.index .nav-wrap {
  padding-top: 0.68rem;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}
.index .nav-wrap a {
  letter-spacing: 0;
  word-break: keep-all;
  white-space: nowrap;
}

.index .nav {
  overflow: hidden;
  margin: 0 -4px;
}
.index li {
  width: 50%;
  padding: 0 4px;
  float: left;
  opacity: 0;
}

.index .nav li a {
  display: block;
  font-size: 0.37rem;
  width: 100%;
  height: 0.7rem;
  font-weight: normal;
  border: solid 1px #fbdabd;
  margin-bottom: 0.26rem;
  line-height: 0.7rem;
  letter-spacing: 0.06rem;
  box-sizing: border-box;
  padding-left: 0.28rem;
  border-radius: 0.35rem;
  color: #fce3ce;
}

.index .nav .n1 {
  animation: fadeInRight 0.2s linear 1.2s forwards;
}

.index .nav .n2 {
  animation: fadeInRight 0.2s linear 1.3s forwards;
}

.index .nav .n3 {
  animation: fadeInRight 0.2s linear 1.4s forwards;
}

.index .nav .n4 {
  animation: fadeInRight 0.2s linear 1.5s forwards;
}

.index .nav .n5 {
  animation: fadeInRight 0.2s linear 1.6s forwards;
}

.index .nav .n6 {
  animation: fadeInRight 0.2s linear 1.7s forwards;
}

.index .nav .n7 {
  animation: fadeInRight 0.2s linear 1.8s forwards;
}

.index .nav .n8 {
  animation: fadeInRight 0.2s linear 1.9s forwards;
}

.index .nav .n9 {
  animation: fadeInRight 0.2s linear 2s forwards;
}

.index .nav .n10 {
  animation: fadeInRight 0.2s linear 2.1s forwards;
}

.index .nav .n11 {
  animation: fadeInRight 0.2s linear 2.2s forwards;
}

/* .index .nav .pb1 {
  background: url(../images/pb1.png) left top/0.17333rem 1.41333rem no-repeat;
}

.index .nav .pb2 {
  background: url(../images/pb2.png) left top/0.16rem 1.88rem no-repeat;
}

.index .nav .pb3 {
  background: url(../images/pb2.png) left top/0.16rem 2.61333rem no-repeat;
} */
.index .nav a {
  color: #fff;
  font-weight: 550;
} /*# sourceMappingURL=mobile.css.map */