/* 双城世界 */
.worlder-wap {
  width: 100%;
  height: 1180px;
  position: relative;
  top: 230px;
  left: 0;
}

.world-title-wap {
  width: 542px;
  height: 98px;
  background: url("../image/section7/world-title-wap.png") no-repeat;
  background-size: 100%;
  margin: auto;
}

.double-City-title {
  text-align: center;
}

/* 底部注意事项 */

.attention-wap {
  width: 330px;
  height: 68px;
  background: url("../image/section7/btn-zhuyi.png") no-repeat;
  background-size: 100%;
  position: relative;
  left: 50%;
  /* transform: translateX(-50%); */
  cursor: pointer;
  top: 125px;
  margin-left: -165px;
}

.poker-wrapper {
  width: 595px;
  height: 740px;
  margin: 0 auto;
  position: relative;
  margin-top: 42px;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 80px; */
  font-weight: bold;
  color: #000;
  background-size: cover;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front {
  width: 447px;
  height: 740px;
  top: .5rem;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front1 {
  z-index: 2;
  width: 447px;
  height: 740px;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front2 {
  width: 447px;
  height: 740px;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front {
  background: url(../image/section7/bg-swiper-1.png) no-repeat;
  background-size: 100%;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front1 {
  background: url(../image/section7/bg-swiper-1.png) no-repeat;
  background-size: 100%;
}

.poker-swiper-wap .swiper-wrapper .swiper-slide .poker-front2 {
  background: url(../image/section7/bg-swiper-1.png) no-repeat;
  background-size: 100%;
}

.poker-swiper-button-prev {
  width: 71px;
  height: 69px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0px;
  background: url(../image/section7/prve.png) no-repeat;
  background-size: 100%;
  z-index: 1;
}

.poker-swiper-button-next {
  width: 71px;
  height: 69px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 0px;
  background: url(../image/section7/next.png) no-repeat;
  background-size: 100%;
  z-index: 1;
}

/* 注意事项 */
.attention-img-box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  z-index: 101;
}

.matters-box-img-wap {
  width: 711px;
  height: 847px;
  background: url("../image/section7/attention-rules-box-img.png") no-repeat;
  background-size: 100%;
  position: relative;
}

.attention-rules-close {
  width: 53px;
  height: 78px;
  position: absolute;
  background: url("../image/pop/pop-close.png") no-repeat;
  background-size: 100%;
  top: 7px;
  left: 590px;
}

.matters-title-wap {
  position: absolute;
  top: 120px;
  width: 558px;
  left: 91px;
  color: #4E3C32;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 23px;
  height: 620px;
  overflow: hidden;
  overflow: scroll;
  overflow-x: hidden;
}

.matters-title-wap::-webkit-scrollbar-thumb {
  /*    滚动条里面的小方块      */
  border-radius: 8px;
  /* box-shadow: inset 0 0 4px #98674f; */
  background: #6D6D91;
}

.matters-title-wap::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #CDCBBC;
  border-radius: 0;
  background: #CDCBBC;
}

.matters-title-wap::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}

.worlder .swiper-container {
  /* 覆盖swiper插件干扰样式 */
  overflow: visible;
}

.intro-info {
  width: 680px;
  height: 309px;
  margin: 0 auto;
  /* background: url("../images/intro-bg.png") no-repeat;
  background-size: 100%; */
  position: relative;
  margin-top: 50px;
  z-index: 98;
}

.poker-swiper {
  width: 680px;
  height: 309px;
  /* left: -2.33rem; */
}

.poker-swiper .swiper-slide-active .intro-pic img {
  width: 538px;
  height: 309px;
}

.poker-swiper .swiper-slide .intro-pic {
  position: absolute;
  width: 538px;
  height: 309px;
}

.poker-swiper .swiper-slide .intro-pic {
  display: none;
}

.poker-swiper .swiper-slide-active .intro-pic {
  display: block;

}

.poker-swiper .swiper-slide-next .intro-pic img {
  width: 417px !important;
  height: 233px !important;
}

.poker-swiper .swiper-slide-prev .intro-pic img {
  width: 417px !important;
  height: 233px !important;
}

.poker-swiper .swiper-slide-next .intro-pic {
  display: block;
  width: 417px !important;
  height: 233px !important;
  top: 40px;
  left: -191px;
}

.poker-swiper .swiper-slide-prev .intro-pic {
  display: block;
  left: 46px;
  width: 417px;
  height: 233px;
  top: 40px;
  left: -4px;
}

/* .poker-swiper .swiper-slide.swiper-slide-active .intro-pic {
  -webkit-animation: fadeIn .15s .15s;
  -o-animation: fadeIn .15s .152s;
  animation: fadeIn .1s .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.poker-swiper .swiper-slide.swiper-slide-active .intro-intro {
  -webkit-animation: fadeIn .4s .4s;
  -o-animation: fadeIn .4s .4s;
  animation: fadeIn .4s .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} */

.poker-swiper .swiper-slide.swiper-slide-next,
.poker-swiper .swiper-slide.swiper-slide-prev {
  opacity: 0 !important;
}

.poker-swiper-pagination {
  position: absolute;
  top: 350px;
  left: 50%;
  margin-left: -132px;
}

.poker-swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 0;
  opacity: 1;
  background: url(../image/section7/round.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.poker-swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {
  left: 65px;
}

.poker-swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {
  left: 130px;
}

.poker-swiper-pagination .swiper-pagination-bullet:nth-of-type(4) {
  left: 195px;
}

.poker-swiper-pagination .swiper-pagination-bullet:nth-of-type(5) {
  left: 260px;
}

.poker-swiper-pagination .swiper-pagination-bullet:nth-of-type(6) {
  left: 375px;
}

.poker-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 38px;
  height: 10px;
  background: url(../image/section7/rectangle.png) no-repeat;
  background-size: 100%;
  margin-top: 2px;
  margin-left: -10px;

}