/*
  author: 雷志鹏
  desc：向心力活动页面
  time: 2019-08-06
 */

/* body {
  width:100%;
  height:1080px !important;
  margin:0 auto;
} */
@font-face {
  font-family: 'beta';  /* project id 925194 */
  src: url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.eot');
  src: url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.woff') format('woff'),
  url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_925194_0ea9pobe35f5.svg#beta') format('svg');
}
.iconfont {
  font-family:"beta" !important;
  font-size:16px;
  font-style:normal;
}
img {
  display: block;
}
p {
  margin: 0
}
#left-nav{
  position: fixed;
  left: 0;
  top: 0;
  width: 3.6rem;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 2px 0 10px 0 rgba(0,0,0,0.05);
}
#left-nav img {
  width: 1.2rem;
  height: .4rem;
  margin: 1rem auto .9rem;
}
#left-nav ul {
  margin-left: 1.16rem;
  -webkit-padding-start: 0;
  padding-left: 0;
}
#left-nav ul li a {
  color: inherit;
  text-decoration: none;
}
#left-nav ul li {
  font-size: .18rem;
  color: #999999;
  padding-left: .2rem;
  border-left: .06rem #fff solid;
  list-style: none;
  cursor: pointer;
}
/* #left-nav ul li a */
#left-nav ul li.active {
  border-left: .06rem #E50213 solid;
  color: #333333;
  font-weight: bold;
}
#left-nav ul li+li {
  margin-top: .4rem;
}
#left-nav .desc {
  position: absolute;
  bottom: 0;
  left: .3rem;
  width: calc(100% - .6rem);
  border-top: 1px solid #E9E9E9;
  text-align: center;
  font-size: .14rem;
  color: #666666;
  padding: .28rem 0;
}
#fullpage {
  width: calc(100% - 3.6rem);
  margin-left: 3.6rem;
}
/* 可共用基本样式 */
.section{
  background-image: linear-gradient(90deg, #FDFDFD 0%, #F1F1F1 100%);
}
.section div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem 0 1.6rem;
}
.nav-title {
  width: 2.37rem;
  height: 1.21rem;
  margin-bottom: .6rem;
}
.long-info-div{
  width: 4.4rem;
  height: .6rem;
  background: url(../img/Force/long.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: .2rem;
  font-weight: bold;
  text-align: center;
  line-height: .56rem;
}
.short-info-div{
  width: 2.25rem;
  height: .48rem;
  background: url(../img/Force/short.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
  margin-bottom: .24rem;
  text-align: center;
  line-height: .44rem;
}
.button-group{
  width: .96rem;
  height: .32rem;
  background: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  left:  calc(50% - .7rem);
  bottom: 1rem;
  z-index: 10
}
.button-group span {
  color:  #DDDDDD;
  font-size: .12rem;
}
.button-group img {
  width: .12rem;
  height: .12rem;
  padding: .18rem;
  cursor: pointer;
}
.button-group img:focus {
  outline: none
}
.swiper-wrapper {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -ms-margin-before: 0;
  -ms-margin-after: 0;
  margin: 0;
}
.container {
  margin-top: -1.5rem;
}
.six .container {
  margin-top: -.5rem;
}
/* 第一屏 */
/* .one img{
  width: 100%;
  height: 100%;
} */
.one {
  background: url(../img/Force/1200big.jpg) no-repeat;
  background-position: center;
}
/* 第二屏 */
.two p {
  font-size: 16px;
  color: #222222;
  line-height: 32px;
}
.two p+p {
  margin-top: .3rem;
}
/* 第三屏 */
.swiper-container1 {
  overflow: hidden;
  /* width: 11.3rem; */
}
.swiper-container1 ul {
  -webkit-padding-start: 0;
}
.swiper-container1 li {
  list-style: none;
}
/* .three .yicheng-item>div+div{
  margin-top: .2rem;
} */
.three .yicheng-item {
  padding: 0 10px;
}
.three .yicheng-item>div {
  max-height: 500px;
  overflow: auto;
}
/*滚动条整体样式*/
.three .yicheng-item>div::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
/*滚动条滑块*/
.three .yicheng-item>div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e9e9e9;
}
/*滚动条轨道*/
.three .yicheng-item>div::-webkit-scrollbar-track {
    border-radius: 10px;
    background: none;
}
.three .yicheng-item>div>div {
  margin-top: .2rem;
}
.three .yicheng-item .title {
  font-size: .16rem;
  color: #222222;
  line-height: .24rem;
  font-weight: bold;
}
.three .yicheng-item .peo{
  display: flex;
  flex-wrap: wrap;
}
.three .yicheng-item .peo>div {
  margin-right: .4rem;
  margin-top: .12rem;
  /* display: flex;
  flex-wrap: wrap; */
  /* align-items: center; */
  font-size: .14rem;
  color: #666666;
  line-height: .22rem;
}
.three .yicheng-item .peo>div span {
  margin-top: .04rem;
  vertical-align: middle;
}
.three .yicheng-item .peo>div span+span::before {
  content: '·'
}
.three .yicheng-item .peo>div img {
  margin-right: .1rem;
  border-radius: 50%;
  width: .28rem;
  height: .28rem;
  display: inline-block;
  vertical-align: middle;
}
.three .yicheng-item+.yicheng-item {
  margin-left: 1rem;
}
/* 第四屏 */
.swiper-container {
  width: 100%;
}
.four .item {
  text-align: center;
}
.four .item .name{
  font-size: .16rem;
  font-weight: bold;
  color: #333;
  margin: .1rem 0 .08rem;
}
.four .item .title{
  font-size: .12rem;
  line-height: .18rem;
  color: #999;
}
.four .item>div {
  display: flex;
  justify-content: center;
}
.four .item>div img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  /* display: inline-block; */
}
/* .swiper-container .swiper-wrapper {
  left: -.4rem
}
.swiper-container {
  width: 100%;
}
.swiper-container .divier {
  width: 100%;
  height: 1px;
  background: #DDDDDD;
  position: absolute;
  left: 0;
  top: 1.6rem;
}
.content.swiper-container li{
  display:inline-flex;
  justify-content: center;
}
.four .swiper-slide {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transform: scale(.25) !important;
	transform: scale(.25) !important;
}
.four .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
  position: relative;
}
.four .info {
  width: 100%;
  text-align: center;
  margin-top: .2rem;
}
.four .info p:nth-child(1) {
  font-size: .28rem;
  color: #333333;
  font-weight: bold;
}
.four .info p:nth-child(2) {
  font-size: .16rem;
  color: #666666;
  width: 4.8rem;
  margin: .1rem auto 0;
  line-height: .26rem;
}
.four .swiper-slide-prev img{
  margin-right: 4rem;
}
.four .swiper-slide-next img{
  margin-left: 4rem;
}
.content.swiper-container li img {
  min-width: 3.2rem;
  min-height: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
} */
/* 第五屏 */
.five .ticket-row {
  display: flex;
  flex-wrap: wrap;
}
.five .ticket-row .ticket-item{
  width: 4.95rem;
  height: 1.74rem;
  background: url(../img/Force/buyweb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 .4rem;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}
.five .ticket-item+.ticket-item{
  margin-left: .4rem;
}
.five .ticket-row .ticket-item .row1{
  display: flex;
  padding-bottom: .2rem;
  border-bottom: 1px #020205 dashed;
  margin-bottom: .2rem;
  align-items: flex-end;
  margin-top: .36rem;
  position: relative;
}
.five .ticket-row .ticket-item .row1 img {
  width: .64rem;
  height: .3rem;
  position: absolute;
  top: -.2rem;
  left: .8rem;
}
.five .ticket-row .ticket-item .row1 p:nth-child(1) {
  font-size: .32rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: -.09rem;
}
.five .ticket-row .ticket-item .row1 p:nth-child(2) {
  font-size: .18rem;
  color: #333333;
  margin-left: .18rem;
}
.five .ticket-row .ticket-item .row1 p:nth-child(3) {
  font-size: .16rem;
  color: #333333;
  margin-left: .1rem;
  flex: 1
}
.five .ticket-row .ticket-item .row1 a {
  width: .9rem;
  height: .36rem;
  font-size: .14rem;
  color: #FFFFFF;
  font-weight: bold;
  line-height: .36rem;
  text-align: center;
  background: #E50213;
  text-decoration: none;
  margin-bottom: -.09rem;
}
.five .ticket-row .ticket-item .row1 a:hover {
  background: #F45460
}
.five .ticket-row .ticket-item .row2 {
  font-size: .16rem;
  color: #666666;
}
/* 第六屏 */
.six .span1 {
  margin-bottom: -.4rem
}
.six .container>div+div {
  margin-top: .8rem;
}
.six .siwper-div {
  padding: 0 .5rem;
  position: relative;
}
.six .siwper-div>i{
  font-size: 16px;
  position: absolute;
  cursor: pointer;
  color: #020205;
  top: .75rem;
}
.six .siwper-div>i:focus {
  outline: none
}
.six .siwper-div>i:hover {
  color: #E50213
}
.six .siwper-div>i.swiper-button-disabled {
  color: #ccc
}
.six .siwper-div .six-button-prev {
  left: 0;
}
.six .siwper-div .six-button-next {
  right: 0;
}
.six .news-list {
  margin-top: .62rem;
  position: relative;
  overflow: hidden;
  --swiper-navigation-color: #020205;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 16px;/* 设置按钮大小 */
}
.six .news-list .swiper-slide {
  display: flex;
  justify-content: center;
}
.six .news-list .list-item {
  border: .04rem solid #020205;
  padding: 0 .3rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 2.8rem;
  height: 1.7rem;
  cursor: pointer;
}
.six .news-list a{
  text-decoration: none;
}
.six .news-list .list-item .fenge {
  background: #020205;
  height: 1px;
  width: .2rem;
  margin: .16rem 0;
  transition: width .5s;
}
.six .news-list .list-item .time {
  font-size: .24rem;
  color: #333333;
  font-weight: bold;
}
.six .news-list .list-item .desc {
  font-size: .16rem;
  color: #666666;
  line-height: .26rem;
  max-height: .48rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.six .news-list .list-item:hover {
  border: .04rem solid #E50213;
}
.six .news-list .list-item:hover .fenge {
  background: #E50213;
  width: 100%;
}
.six .container div:nth-child(3) img{
  width: 3.4rem;
  height: 1.7rem;
  margin-top: .18rem;
  margin-left: .5rem;
}
/* 第七屏 */
.seven .container>div p {
  font-size: .16rem;
  color: #222222;
  line-height: .28rem;
}
.seven .container>div p span+span::before {
  content: '、'
}
.seven .container>div+div {
  margin-top: .35rem;
}
/* 第八屏 */
.eight .info-item{
  width: 5.4rem;
  height: 1.45rem;
  border: .04rem solid #020205;
  /* margin-right: .4rem;
  margin-bottom: .4rem; */
  display: inline-flex;
}
.eight .info-item>div:nth-child(1) {
  margin: .3rem 0;
  padding: 0 .4rem;
  border-right: 1px solid #020205;
  line-height: .84rem;
  font-size: .2rem;
  color: #333333;
  font-weight: bold;
}
.eight .info-item>div:nth-child(2) {
  flex:1;
  margin: .3rem 0;
  padding: 0 .4rem;
  display: flex;
  justify-content: space-between;
}
.eight .info-item>div:nth-child(2) .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eight .info-item>div:nth-child(2) .left p{
  font-size: .16rem;
  color: #333333;
  display: flex;
  align-items: center;
}
.eight .info-item>div:nth-child(2) .left p+p{
  margin-top: .08rem;
}
.eight .info-item>div:nth-child(2) .left img{
  width: .12rem;
  height: .12rem;
  margin-right: .12rem;
}
.eight .info-item>div:nth-child(2) .right {
  width: .86rem;
  height: .86rem;
}

.go-down-btn {
  display: block;
  position: fixed;
  left: calc((100% - 3.6rem) / 2 + 3.65rem);
  bottom: 3%;
  z-index: 999;
  margin-left: -.45rem;
  width: .36rem;
  height: .36rem;
  background: url(../img/Force/mouse.png) no-repeat;
  background-size: 100% 100%;
  -webkit-animation: upDown 2s ease-in-out infinite;
  animation: upDown 2s ease-in-out infinite;
  cursor: pointer;
}
@-webkit-keyframes upDown {
  0%{bottom: 2%;}
  50% {bottom: 4%;}
  100% {bottom: 2%;}
}
@keyframes upDown {
  0%{bottom: 2%;}
  50% {bottom: 4%;}
  100% {bottom: 2%;}
}


/* 加载中 */
.loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000
}
.spinner {
  margin: 200px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #ccc;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}