@charset "utf-8";

.cover .iphone {
  width: 2.9rem;
  height: 4.36rem;
  position: absolute;
  left: 50%;
  top: 40%;
  margin-top: -2.18rem;
  margin-left: -1.45rem;
  background: url(../images/phone.png) no-repeat;
  background-size: 100% 100%;
  animation: zhuan 1.5s .3s infinite;
  -webkit-animation: zhuan 1.5s .3s infinite
}

.cover p {
  position: absolute;
  top: 65%;
  left: 0;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: .5rem;
  line-height: 1.5
}

@keyframes zhuan {
  0% {
    transform: rotate(-90deg)
  }

  50% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(-90deg)
  }
}

@-webkit-keyframes zhuan {
  0% {
    -webkit-transform: rotate(-90deg)
  }

  50% {
    -webkit-transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-90deg)
  }
}

@media screen and (orientation:landscape) {
  .cover {
    display: block !important
  }
}

.media-wrap {
  position: absolute;
  width: .6rem;
  height: .6rem;
  z-index: 102;
  border-radius: 50%;
  top: .6rem;
  right: .4rem
}

.media-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}

.media-wrap .music_off {
  display: none
}

.media-wrap.on {
  -webkit-animation: music 1.2s linear infinite;
  background-position: 0 0
}

@-webkit-keyframes music {

  0%,
  50%,
  100% {
    -webkit-transform: rotate(0deg)
  }

  25% {
    -webkit-transform: rotate(36deg)
  }

  75% {
    -webkit-transform: rotate(-36deg)
  }
}

html,
body {
  width: 100%;
  height: 100%
}

.swiper-container {
  width: 100%;
  height: 100%
}

.swiper-slide {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.page-L {
  width: 100%;
  height: 100%;
  position: relative
}

.page-L::-webkit-scrollbar {
  display: none
}

img {
  display: block;
  margin: 0 auto
}

.main {
  box-sizing: border-box;
  min-height: 95%;
  padding-bottom: .6rem
}

.main .top {
  padding: .5rem 1.25rem 0
}

.main .top .logo {
  width: 2.9875rem
}

.main .info {
  min-height: 7.2rem;
  padding: .2rem;
  margin: .4rem;
  background-color: rgba(219, 219, 219, 0.78)
}

.main .info .title {
  text-align: center;
  font-size: .2875rem;
  color: #333333;
  margin-bottom: .875rem
}

.main .enter {
  margin-top: 1.05rem
}

.main .enter img {
  width: 2.6625rem
}

.enter1 img {
  width: 2.6625rem
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: .7rem;
  text-align: center;
  font-size: .16rem;
  color: black;
  opacity: 0.5;
}

.footer img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .2rem;
  width: .2rem
}

#s1,
#s2,
#s3,
#s4,
#s5 {
  background: url(../images/mainBg.jpg) no-repeat top center / cover
}

#s1 {
  background: url(../images/bg_1.jpg) no-repeat top center / cover
}

#s1 .logo {
  margin-top: 3.07vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s1 .slogan {
  position: absolute;
  left: 50%;
  top: 10.94vh;
  transform: translateX(-50%);
  width: 90.66vw
}

#s1 .btns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 52.92vh auto 0;
  width: 86.8vw
}

#s1 .btns .btn {
  box-sizing: border-box;
  padding-right: 2vw;
  padding-bottom: 2vw;
  width: 43.2vw;
  height: 13.33vw;
  line-height: 11.33vw;
  background-image: url('../images/pic_s1_btn.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .35rem;
  font-weight: bold;
  color: #fcf13a
}

#s1 button {
  position: absolute;
  top: 33.96vh;
  right: 12.8vw;
  border: none
}

#s1 button img {
  width: 45.73vw
}

#s1 .slogan2 {
  position: absolute;
  left: 50%;
  top: 41.83vh;
  transform: translateX(-50%);
  width: 57.73vw
}

#s2 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s2 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s2 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s2 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s2 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s2 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s2 .nav ul li span {
  padding: .05rem 0
}

#s2 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s2 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s2 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s2 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s2 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s2 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  font-size: .24rem;
  color: #333333
}

#s2 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s2 .txtxt .txt-content .box.box2 .mainpic1 {
  margin: 2.47vh auto;
  width: 81.87vw
}

#s2 .txtxt .txt-content .box.box2 .mainpic2 {
  margin: 2.47vh auto 3.82vh;
  width: 81.73vw
}

#s3 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s3 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s3 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s3 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s3 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s3 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s3 .nav ul li span {
  padding: .05rem 0
}

#s3 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s3 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s3 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s3 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s3 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s3 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s3 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s3 .txtxt .txt-content .box.box1 .mainpic1 {
  margin: 2.47vh auto;
  width: 50.8vw
}

#s3 .txtxt .txt-content .box.box1 .mainpic2 {
  margin: 2.47vh auto;
  width: 100%
}

#s3 .txtxt .txt-content .box.box1 .mainpic3 {
  margin: 2.47vh auto;
  width: 88.93vw
}

#s4 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s4 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s4 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s4 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s4 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s4 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s4 .nav ul li span {
  padding: .05rem 0
}

#s4 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s4 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s4 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s4 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  // font-size: 0
}

#s4 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s4 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s4 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s4 .txtxt .txt-content .box.box1 .stitle1 {
  margin-bottom: 2.55vh;
  width: 48.67vw
}

#s4 .txtxt .txt-content .box.box1 .mainpic1 {
  margin-bottom: 4.35vh;
  width: 86%
}

#s4 .txtxt .txt-content .box.box1 .stitle2 {
  margin-bottom: 3.9vh;
  width: 38vw
}

#s4 .txtxt .txt-content .box.box1 .mainpic2 {
  margin-bottom: .4rem;
  width: 88.53%
}

#s4 .wz {
  font-size: .2rem;
  margin-bottom: 1.4rem;
  line-height: .32rem;
  text-align: center;
  color: #3BA5EE;
  font-weight: bold;
}


#s4 .wz2 {
  font-size: .2rem;
  margin-bottom: .4rem;
  line-height: .32rem;
  text-align: center;
  color: #3BA5EE;
  font-weight: bold;
}

#s5 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s5 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s5 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s5 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s5 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s5 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s5 .nav ul li span {
  padding: .05rem 0
}

#s5 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s5 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s5 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s5 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s5 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s5 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s5 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s5 .txtxt .txt-content .box.box1 .plans {
  display: flex;
  justify-content: space-between;
  margin-top: 3.97vh;
  margin-bottom: 3.07vh;
  padding: 0 4vw
}

#s5 .txtxt .txt-content .box.box1 .plans img {
  flex: 1;
  display: block;
  margin-right: .93vw;
  width: 33%
}

#s5 .txtxt .txt-content .box.box1 .plans img:last-child {
  margin-right: 0
}

#s5 .txtxt .txt-content .box.box1 .games {
  margin-bottom: 13.35vw;
  padding: 0 4vw
}

#s5 .txtxt .txt-content .box.box1 .games .game {
  display: none;
  position: relative
}

#s5 .txtxt .txt-content .box.box1 .games .game img:nth-child(1) {
  width: 100%
}

#s5 .txtxt .txt-content .box.box1 .games .game img:nth-child(2) {
  position: absolute;
  left: 30.135vw;
  bottom: 0;
  width: 21.6vw
}

#s5 .txtxt .txt-content .box.box1 .mainpic1 {
  margin-bottom: 4.57vh;
  width: 73.33vw
}

#s5 .txtxt .txt-content .box.box1 .mainpic2 {
  margin-bottom: 4.57vh;
  width: 100%
}

#s6 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s6 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s6 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s6 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s6 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s6 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s6 .nav ul li span {
  padding: .05rem 0
}

#s6 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s6 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s6 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s6 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s6 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s6 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s6 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s6 .txtxt .txt-content .box.box1 .searchbox {
  margin: 0 auto;
  position: relative;
  width: 81.87vw
}

#s6 .txtxt .txt-content .box.box1 .searchbox input::-webkit-input-placeholder {
  color: rgba(42, 167, 242, 0.5)
}

#s6 .txtxt .txt-content .box.box1 .searchbox input:-moz-placeholder {
  color: rgba(42, 167, 242, 0.5)
}

#s6 .txtxt .txt-content .box.box1 .searchbox input::-moz-placeholder {
  color: rgba(42, 167, 242, 0.5)
}

#s6 .txtxt .txt-content .box.box1 .searchbox input:-ms-input-placeholder {
  color: rgba(42, 167, 242, 0.5)
}

#s6 .txtxt .txt-content .box.box1 .searchbox input {
  box-sizing: border-box;
  display: block;
  padding-left: .47rem;
  padding-right: 22vw;
  width: 100%;
  height: .5rem;
  line-height: .46rem;
  border: .02rem solid #19a7fa;
  border-radius: .06rem;
  background-color: #e9f6fe;
  font-size: .24rem;
  color: #333333;
  outline: none
}

#s6 .txtxt .txt-content .box.box1 .searchbox .search {
  position: absolute;
  right: 0;
  top: 0;
  width: 22vw;
  line-height: .5rem;
  background-image: linear-gradient(to top, #0e8dea, #44caf5);
  border-radius: .06rem;
  text-align: center;
  letter-spacing: .03rem;
  font-size: .24rem;
  color: white;
  cursor: pointer
}

#s6 .txtxt .txt-content .box.box1 .searchbox .search img {
  display: inline-block;
  vertical-align: middle;
  margin-left: .1rem;
  width: .2rem
}

#s6 .txtxt .txt-content .box.box1 .plans {
  display: flex;
  justify-content: space-between;
  margin-top: 1.8vh;
  margin-bottom: .5vh;
  padding: 0 4vw;
  text-align: center;
  font-size: 0
}

#s6 .txtxt .txt-content .box.box1 .plans .plan {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 26vw;
  height: 8vw;
  background-image: linear-gradient(to top, #0e8dea, #44caf5);
  border-radius: .06rem;
  cursor: pointer
}

#s6 .txtxt .txt-content .box.box1 .plans .plan:last-child {
  margin-right: 0
}

#s6 .txtxt .txt-content .box.box1 .plans .plan::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(26vw - .04rem);
  height: calc(8vw - .04rem);
  line-height: calc(8vw - .04rem);
  background-color: white;
  border-radius: .06rem
}

#s6 .txtxt .txt-content .box.box1 .plans .plan .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(26vw - .04rem);
  height: calc(8vw - .04rem);
  line-height: calc(8vw - .04rem);
  background-color: white;
  background-image: linear-gradient(to top, #0e8dea, #44caf5);
  border-radius: .06rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: .24rem;
  font-weight: bold
}

#s6 .txtxt .txt-content .box.box1 .plans .plan.active::before {
  display: none
}

#s6 .txtxt .txt-content .box.box1 .plans .plan.active .txt {
  background-image: none;
  color: white
}

#s6 .txtxt .txt-content .box.box1 .filters .row {
  padding: 0 4vw
}

#s6 .txtxt .txt-content .box.box1 .filters .row .label {
  line-height: .5rem;
  font-size: .24rem;
  color: #333333
}

#s6 .txtxt .txt-content .box.box1 .filters .row .regions {
  flex: 1;
  font-size: 0
}

#s6 .txtxt .txt-content .box.box1 .filters .row .regions .region {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1vw;
  margin-bottom: 1vw;
  width: 18vw;
  line-height: .52rem;
  background-color: #e7f4fd;
  border-radius: .06rem;
  text-align: center;
  font-size: .24rem;
  font-weight: bold;
  color: #2aa7f2;
  cursor: pointer
}

#s6 .txtxt .txt-content .box.box1 .filters .row .regions .region.active {
  background-image: linear-gradient(to top, #0e8dea, #44caf5);
  color: white
}

#s6 .txtxt .txt-content .box.box1 .filters .row .citys {
  flex: 1
}

#s6 .txtxt .txt-content .box.box1 .filters .row .citys .city {
  display: inline-block;
  vertical-align: middle;
  margin-right: .26rem;
  line-height: .5rem;
  font-size: .24rem;
  color: #333333;
  cursor: pointer
}

#s6 .txtxt .txt-content .box.box1 .filters .row .citys .city.active {
  border-bottom: 1px solid #2aa7f2;
  color: #2aa7f2
}

#s6 .txtxt .txt-content .box.box1 ul.jobs {
  padding: 2.62vh 4vw 1.2rem
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li {
  margin-bottom: 4vw
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname {
  position: relative;
  line-height: .56rem;
  border-radius: .28rem;
  background-image: linear-gradient(to right, #18a7fa, #97e6ec);
  z-index: 202
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname .name {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.4vw;
  width: 32vw;
  font-size: .24rem;
  font-weight: bold;
  color: white
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname .place {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.4vw;
  font-size: .24rem;
  font-weight: bold;
  color: white
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname .showBtn {
  padding: 0 2.4vw;
  position: absolute;
  right: .08rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: .4rem;
  border-radius: .2rem;
  background-color: #12a3fb;
  cursor: pointer
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname .showBtn span {
  display: inline-block;
  vertical-align: middle;
  margin-right: .02rem;
  letter-spacing: .02rem;
  font-size: .22rem;
  color: white
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .jobname .showBtn i {
  display: inline-block;
  vertical-align: middle;
  width: .27rem;
  height: .27rem;
  line-height: .27rem;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  font-size: .22rem;
  font-style: normal;
  color: #12a3fb
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li.active .jobname .showBtn i {
  transform: rotate(90deg)
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .txts {
  box-sizing: border-box;
  display: none;
  margin: 0 auto;
  padding: .2rem;
  position: relative;
  top: -2px;
  width: 95%;
  border: .02rem solid #12a3fb;
  border-bottom-left-radius: 4vw;
  border-bottom-right-radius: 4vw;
  z-index: 201
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .txts p.text {
  line-height: .38rem;
  text-indent: 0em;
  font-size: .24rem;
  color: #333333;
  text-align: justify;
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .txts .btn {
  text-align: right
}

#s6 .txtxt .txt-content .box.box1 ul.jobs li .txts .btn a {
  display: inline-block;
  width: 15.6vw;
  line-height: 6vw;
  border-radius: 3vw;
  background-image: linear-gradient(to top, #0e8dea, #44caf5);
  text-align: center;
  font-size: .18rem;
  font-weight: bold;
  color: white
}

#s7 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s7 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s7 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s7 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s7 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s7 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s7 .nav ul li span {
  padding: .05rem 0
}

#s7 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s7 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s7 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s7 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s7 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s7 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s7 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s7 .txtxt .txt-content .box.box1 .qas {
  margin: 0 auto;
  width: 95%
}

#s7 .txtxt .txt-content .box.box1 .qas .qa {
  margin-bottom: 4.5vh
}

#s7 .txtxt .txt-content .box.box1 .qas .qa .q {
  line-height: .55rem;
  border-radius: .275rem;
  background-image: linear-gradient(to right, #18a7fa, #e1f7fd)
}

#s7 .txtxt .txt-content .box.box1 .qas .qa .q img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.4vw;
  margin-right: 3.2vw;
  height: .43rem
}

#s7 .txtxt .txt-content .box.box1 .qas .qa .q span {
  display: inline-block;
  vertical-align: middle;
  font-size: .24rem;
  font-weight: bold;
  color: white
}

#s7 .txtxt .txt-content .box.box1 .qas .qa .a {
  padding-top: .2rem;
  line-height: .4rem;
  text-indent: 2em;
  font-size: .24rem;
  color: #333333
}

#s8 {
  background: url(../images/bg_2.jpg) no-repeat top center / cover
}

#s8 .logo {
  margin-top: 3.82vh;
  margin-left: 7.47vw;
  width: 42.53vw
}

#s8 .showNav {
  position: absolute;
  right: 9.07vw;
  top: 7.73vw;
  width: 7.2vw
}

#s8 .nav {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100
}

#s8 .nav ul {
  box-sizing: border-box;
  padding-top: 1.2vh;
  position: absolute;
  right: 9.33vw;
  top: 6.97vh;
  width: 15.6vw;
  height: 21.06vh;
  background-image: url('../images/bg_nav.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

#s8 .nav ul li {
  box-sizing: border-box;
  line-height: 3.31vh;
  text-align: center;
  font-size: .22rem;
  color: #5d5d5d
}

#s8 .nav ul li span {
  padding: .05rem 0
}

#s8 .nav ul li.active span {
  border-bottom: .02rem solid #20a0ff;
  color: #20a0ff
}

#s8 .peoples {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30.27vw;
  z-index: 10
}

#s8 .txtxt {
  box-sizing: border-box;
  margin: 2.85vh auto 0;
  padding: .01rem 0;
  position: relative;
  width: 89.87vw;
  height: 83.81vh;
  background-color: rgba(255, 255, 255, 0.92);
  border: .03rem solid #20a0ff;
  border-radius: .33rem
}

#s8 .txtxt .txt-content {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  font-size: 0
}

#s8 .txtxt .txt-content .box .box-title {
  box-sizing: border-box;
  margin: 2.55vh auto;
  padding: 3.07vw 0 2vw 5.47vw;
  width: 39.47vw;
  height: 14vw;
  line-height: 8.53vw;
  background-image: url('../images/bg_box_title.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  color: white
}

#s8 .txtxt .txt-content .box p.text {
  margin-bottom: .1rem;
  padding: 0 4vw;
  line-height: .4rem;
  text-indent: 2em;
  word-break: break-all;
  font-size: .24rem;
  color: #333333
}

#s8 .txtxt .txt-content .box p.text span {
  color: #0e8dea
}

#s8 .txtxt .txt-content .box.box1 .mainpic1 {
  margin-top: 5.25vh;
  width: 80vw
}

#s8 .txtxt .txt-content .box.box1 .mainpic2 {
  width: 26.13vw
}

#s8 .txtxt .txt-content .box.box1 .toOfficial {
  text-align: center
}

#s8 .txtxt .txt-content .box.box1 .toOfficial .imgbox {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

#s8 .txtxt .txt-content .box.box1 .toOfficial .imgbox img {
  width: 85.07vw
}

#s8 .txtxt .txt-content .box.box1 .toOfficial .imgbox a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 11.6vw;
  height: 100%
}