html,
body {
  width: 100%;
  height: 100%;
}
.bigbox {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.nav {
  height: 54px;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  position: relative;
  z-index: 100;
}
.nav .menu {
  float: left;
  width: 179px;
  height: 54px;
  display: flex;
  position: relative;
  background-color: #cf1132;
  line-height: 54px;
  overflow: hidden;
  cursor: default;
}
.nav .menu .icon {
  float: left;
  margin-top: 16px;
  margin-left: 22px;
}
.nav .menu .icon i {
  display: block;
  width: 25px;
  height: 1px;
  background-color: white;
  margin-top: 5px;
}
.nav .menu span {
  font-size: 18px;
  color: white;
  margin-left: 16px;
}
.nav .menuPull {
  width: 100%;
  height: 500px;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 54px;
  z-index: 10;
  display: none;
  overflow: hidden;
}
.nav .menuPull .menuBox {
  width: 1260px;
  height: 100%;
  margin: 0 auto;
}
.nav .menuPull .menuBox li {
  float: left;
  height: 100%;
  border-right: 1px solid #e3e3e4;
}
.nav .menuPull .menuBox li h4 {
  font-size: 18px;
  color: #b52e2f;
  height: 40px;
  line-height: 40px;
  text-indent: 20px;
  background: rgba(204, 204, 204, 0.5);
}
.nav .menuPull .menuBox .khdyx,
.nav .menuPull .menuBox .sjyx,
.nav .menuPull .menuBox .yxfz {
  width: 299px;
  position: relative;
}
.nav .menuPull .menuBox .khdyx .left,
.nav .menuPull .menuBox .sjyx .left,
.nav .menuPull .menuBox .yxfz .left,
.nav .menuPull .menuBox .khdyx .right,
.nav .menuPull .menuBox .sjyx .right,
.nav .menuPull .menuBox .yxfz .right {
  width: 140px;
  float: left;
  padding-left: 10px;
  padding-right: 8px;
}
.nav .menuPull .menuBox .khdyx .left p,
.nav .menuPull .menuBox .sjyx .left p,
.nav .menuPull .menuBox .yxfz .left p,
.nav .menuPull .menuBox .khdyx .right p,
.nav .menuPull .menuBox .sjyx .right p,
.nav .menuPull .menuBox .yxfz .right p {
  font-size: 18px;
  color: #5e5e5f;
  line-height: 30px;
}
.nav .menuPull .menuBox .khdyx .left a,
.nav .menuPull .menuBox .sjyx .left a,
.nav .menuPull .menuBox .yxfz .left a,
.nav .menuPull .menuBox .khdyx .right a,
.nav .menuPull .menuBox .sjyx .right a,
.nav .menuPull .menuBox .yxfz .right a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #5f5f60;
}
.nav .menuPull .menuBox .khdyx .left a span,
.nav .menuPull .menuBox .sjyx .left a span,
.nav .menuPull .menuBox .yxfz .left a span,
.nav .menuPull .menuBox .khdyx .right a span,
.nav .menuPull .menuBox .sjyx .right a span,
.nav .menuPull .menuBox .yxfz .right a span {
  float: right;
  margin-top: 7px;
}
.nav .menuPull .menuBox .khdyx .left a .top1,
.nav .menuPull .menuBox .sjyx .left a .top1,
.nav .menuPull .menuBox .yxfz .left a .top1,
.nav .menuPull .menuBox .khdyx .right a .top1,
.nav .menuPull .menuBox .sjyx .right a .top1,
.nav .menuPull .menuBox .yxfz .right a .top1 {
  display: inline-block;
  width: 18px;
  height: 9px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_pullMenu.png') no-repeat -97px -276px;
}
.nav .menuPull .menuBox .khdyx .left a .hot,
.nav .menuPull .menuBox .sjyx .left a .hot,
.nav .menuPull .menuBox .yxfz .left a .hot,
.nav .menuPull .menuBox .khdyx .right a .hot,
.nav .menuPull .menuBox .sjyx .right a .hot,
.nav .menuPull .menuBox .yxfz .right a .hot {
  display: inline-block;
  width: 18px;
  height: 9px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_pullMenu.png') no-repeat -97px -152px;
}
.nav .menuPull .menuBox .khdyx .left a .new,
.nav .menuPull .menuBox .sjyx .left a .new,
.nav .menuPull .menuBox .yxfz .left a .new,
.nav .menuPull .menuBox .khdyx .right a .new,
.nav .menuPull .menuBox .sjyx .right a .new,
.nav .menuPull .menuBox .yxfz .right a .new {
  display: inline-block;
  width: 18px;
  height: 9px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_pullMenu.png') no-repeat -97px -214px;
}
.nav .menuPull .menuBox .khdyx .right,
.nav .menuPull .menuBox .sjyx .right,
.nav .menuPull .menuBox .yxfz .right {
  float: left;
  width: 130px;
}
.nav .menuPull .menuBox .khdyx .tag,
.nav .menuPull .menuBox .sjyx .tag,
.nav .menuPull .menuBox .yxfz .tag {
  position: absolute;
  top: 42%;
  right: 0;
  width: 30px;
  height: 102px;
  background-color: #b63033;
  writing-mode: vertical-lr;
  /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.nav .menuPull .menuBox .sjyx {
  width: 828px;
}
.nav .menuPull .menuBox .sjyx .right {
  width: 150px;
  border-right: none;
  margin-top: 30px;
}
.nav .menuPull .menuBox .sjyx .mark {
  width: 120px;
}
.nav .menuPull .menuBox .yxfz {
  width: 130px;
}
.nav .menuPull .menuBox .yxfz .right .footLogo {
  margin-top: 10px;
  font-size: 18px;
  color: #bb3738;
}
.nav .menuPull .menuBox .yxfz .right .footLogo i {
  display: inline-block;
  width: 23px;
  height: 18px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_pullMenu.png') 0 -338px;
  margin-right: 6px;
  vertical-align: middle;
}
.nav .menu:hover {
  opacity: .9;
}
.nav .logo {
  flex: 1;
  text-align: center;
  line-height: 54px;
}
.nav .show {
  position: relative;
  float: right;
  width: 138px;
  height: 54px;
  border-left: 1px solid #dadada;
  font-size: 14px;
  line-height: 54px;
  overflow: hidden;
}
.nav .show .showList {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: default;
}
.nav .show .showList p {
  width: 100%;
  height: 100%;
}
.nav .show .showList p:hover {
  color: #cf1132;
}
.bigBg {
  width: 100%;
  height: 5200px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_bigBg.jpg') no-repeat;
}
.bigBg .banner {
  position: relative;
}
.bigBg .banner .btn-logo {
  width: 140px;
  height: 282px;
  position: absolute;
  top: 50px;
  left: 20px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_045.webp');
  background-size: 100%;
}
.bigBg .banner .btn-banner {
  width: 267px;
  height: 567px;
  position: absolute;
  top: 65px;
  left: 500px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_banner.png');
  background-size: 100%;
}
.bigBg .banner .btn-video {
  display: block;
  width: 80px;
  height: 85px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_071.png');
  background-size: 100%;
  position: absolute;
  top: 315px;
  left: 700px;
  z-index: 10;
  cursor: pointer;
}
.bigBg .banner .btn-video .bigVideo {
  position: fixed;
  top: 53px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.bigBg .banner .btn-video .close {
  position: absolute;
  top: 10%;
  right: 7%;
  z-index: 11;
}
.bigBg .banner .download {
  position: absolute;
  top: 600px;
  left: 400px;
}
.bigBg .banner .download .downQR {
  float: left;
  width: 110px;
  height: 110px;
}
.bigBg .banner .download .load {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.bigBg .banner .download .load a {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.bigBg .banner .download .load .apple,
.bigBg .banner .download .load .andr {
  width: 170px;
  height: 50px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_052.png') 0 -52px;
}
.bigBg .banner .download .load .andr {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_052.png');
  margin-top: 10px;
}
.bigBg .banner .btn-gw,
.bigBg .banner .new-card {
  position: absolute;
  top: 38px;
  right: 100px;
}
.bigBg .banner .new-card {
  top: 91px;
}
.bigBg .mass {
  width: 1500px;
  height: 670px;
  margin: 0 auto;
}
.bigBg .mass ul {
  width: 1200px;
  height: 444px;
  margin: 180px auto 0;
}
.bigBg .mass ul li {
  float: left;
  width: 233px;
  height: 325px;
  margin-right: 8px;
  position: relative;
  top: 20px;
}
.bigBg .mass ul li img {
  width: 100%;
  height: 100%;
}
.bigBg .mass ul li:nth-child(1) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_056.png');
}
.bigBg .mass ul li:nth-child(2) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_058.png');
}
.bigBg .mass ul li:nth-child(3) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_060.png');
}
.bigBg .mass ul li:nth-child(4) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_061.png');
}
.bigBg .mass ul li:nth-child(5) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_063.png');
  margin-right: 0;
}
.bigBg .consult {
  width: 1500px;
  height: 840px;
  margin: 0 auto;
  text-align: center;
}
.bigBg .consult ul {
  width: 1300px;
  height: 383px;
  display: flex;
  justify-content: space-around;
  margin: 50px auto 120px;
}
.bigBg .consult ul li {
  position: relative;
  float: left;
  width: 360px;
  height: 368px;
}
.bigBg .consult ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.bigBg .consult ul li a img {
  border: 5px solid #e3dbd3;
}
.bigBg .consult ul li a h3 {
  font-size: 26px;
  color: #9c91d3;
  font-weight: 700;
  line-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bigBg .consult ul li a p {
  font-size: 16px;
  color: #aca8be;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.bigBg .consult ul li a .time {
  margin-top: 15px;
  text-align: right;
  color: #b9b8b8;
}
.bigBg .consult ul li {
  -webkit-animation: scaleDraw 9s ease-in-out infinite;
}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
.bigBg .consult .tag {
  position: relative;
  display: inline-block;
  width: 266px;
  height: 40px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_065.png') no-repeat;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 24px;
}
.bigBg .consult .tag::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 33px;
  position: absolute;
  left: -10px;
  top: 4px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_066.png') no-repeat;
  -webkit-animation: mybefore 4s ease-in-out infinite;
}
@-webkit-keyframes mybefore {
  0% {
    left: -20px;
  }
  25% {
    left: -10px;
  }
  50% {
    left: -20px;
  }
  75% {
    left: -10px;
  }
  100% {
    left: -20px;
  }
}
.bigBg .consult .tag::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 33px;
  position: absolute;
  top: 4px;
  right: -10px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_067.png') no-repeat;
  -webkit-animation: myafter 4s ease-in-out infinite;
}
@-webkit-keyframes myafter {
  0% {
    right: -20px;
  }
  25% {
    right: -10px;
  }
  50% {
    right: -20px;
  }
  75% {
    right: -10px;
  }
  100% {
    right: -20px;
  }
}
.bigBg .showGod {
  width: 1500px;
  height: 1108px;
  margin: 0 auto;
}
.bigBg .showGod .showContent {
  width: 1200px;
  height: 660px;
  margin: 0 auto;
}
.bigBg .showGod .showContent .content {
  width: 710px;
  height: 660px;
  margin: 0 auto;
  margin-left: 400px;
  position: relative;
}
.bigBg .showGod .showContent .content .swiper-container {
  position: absolute;
  overflow: hidden;
  top: 0;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper {
  position: relative;
  width: 11600px;
  height: 100%;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide {
  float: left;
  width: 700px;
  height: 100%;
  position: relative;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide img {
  width: 136px;
  height: auto;
  position: absolute;
  top: 269px;
  left: 486px;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.one {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_004.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.two {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_007.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.three {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_011.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.fore {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_015.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.five {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_018.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.six {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_020.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.seven {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_022.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.eight {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_024.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.nine {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_026.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.ten {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_028.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.eleven {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_030.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.eleven {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_030.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.twelve {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_032.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.thirteen {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_034.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.fourteen {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_036.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.fifteen {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_014.png') no-repeat;
}
.bigBg .showGod .showContent .content .swiper-container .swiper-wrapper .swiper-slide.one {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_004.png') no-repeat;
}
.bigBg .showGod .showContent .content .card-prev {
  width: 188px;
  height: 58px;
  position: absolute;
  top: 216px;
  left: -320px;
  background-image: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_068.png');
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .8s linear;
}
.bigBg .showGod .showContent .content .card-next {
  width: 188px;
  height: 58px;
  position: absolute;
  top: 180px;
  right: -100px;
  background-image: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_069.png');
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .8s linear;
}
.bigBg .showGod .showContent .content .pagination_content {
  width: 327px;
  height: 280px;
  background-color: red;
  position: absolute;
  top: 315px;
  left: -480px;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets {
  width: 500px;
  height: 114px;
  line-height: 114px;
  background-color: tomato;
  overflow: hidden;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span {
  display: inline-block;
  width: 32px;
  height: 134px;
  margin-right: 15px;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(1) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_081.png');
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(2) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_082.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(3) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_083.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(4) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_084.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(5) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_085.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(6) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_086.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(7) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_087.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(8) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_088.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(9) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_089.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(10) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_090.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(11) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_091.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(12) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_092.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(13) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_093.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(14) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_094.png') no-repeat;
}
.bigBg .showGod .showContent .content .pagination_content .swiper-pagination-bullets span:nth-child(15) {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_095.png') no-repeat;
}
.bigBg .game {
  width: 1500px;
  height: 1300px;
  margin: 0 auto;
}
.bigBg .game .wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.bigBg .game .wrap #slide {
  width: 1000px;
  height: 500px;
  position: relative;
  margin: 0 auto;
}
.bigBg .game .wrap #slide li {
  position: absolute;
  left: 200px;
  top: 0;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.bigBg .game .wrap #slide li #gszVid {
  overflow: hidden;
}
.bigBg .game .wrap #slide li img {
  width: 100%;
  /*让图片的大小和父盒子一样的大，要不然会出问题，会撑出父盒子*/
}
.bigBg .game .wrap #slide li .btn-video2 {
  width: 89px;
  height: 90px;
  position: relative;
  top: -250px;
  z-index: 1;
}
.bigBg .game .wrap #slide .one {
  width: 200px;
  top: 100px;
  left: 50px;
  opacity: 0.2;
  z-index: 2;
}
.bigBg .game .wrap #slide .two {
  width: 400px;
  top: 100px;
  left: 0px;
  opacity: 0.5;
  z-index: 3;
}
.bigBg .game .wrap #slide .three {
  width: 700px;
  top: 20px;
  left: 150px;
  opacity: 1;
  z-index: 4;
}
.bigBg .game .wrap #slide .four {
  width: 400px;
  top: 100px;
  left: 600px;
  opacity: 0.5;
  z-index: 3;
}
.bigBg .game .wrap #slide .five {
  width: 200px;
  top: 100px;
  left: 750px;
  opacity: 0.2;
  z-index: 2;
}
.bigBg .game .wrap #arrow {
  position: relative;
}
.bigBg .game .wrap #arrow .prev,
.bigBg .game .wrap #arrow .next {
  display: inline-block;
  width: 186px;
  height: 58px;
  position: absolute;
  top: -320px;
  margin-left: -150px;
  background: url(../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_068.png) no-repeat;
}
.bigBg .game .wrap #arrow .next {
  right: -140px;
  background-image: url(../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_069.png);
}
.bigBg .game .wrap .icon {
  position: absolute;
  top: 430px;
  left: 480px;
  width: 245px;
  height: 51px;
}
.bigBg .game .wrap .icon .dot {
  float: left;
  width: 49px;
  height: 48px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_097.png');
}
.bigBg .game .wrap .icon .active {
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_096.png');
}
.bigBg .game .footer {
  width: 1500px;
  height: 126px;
  margin: 80px auto;
}
.bigBg .game .footer .share {
  width: 100%;
  height: 53px;
  line-height: 53px;
  text-align: center;
}
.bigBg .game .footer .share span {
  font-size: 14px;
  color: white;
  line-height: -10px;
}
.bigBg .game .footer .share i {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_100.png');
  background-repeat: no-repeat;
}
.bigBg .game .footer .share i:nth-child(2) {
  background-position: 0 -350px;
}
.bigBg .game .footer .share i:nth-child(2):hover {
  background-position-x: -150px;
}
.bigBg .game .footer .share i:nth-child(3) {
  background-position: 0 -325px;
}
.bigBg .game .footer .share i:nth-child(3):hover {
  background-position-x: -150px;
}
.bigBg .game .footer .share i:nth-child(4) {
  background-position: 0 0;
}
.bigBg .game .footer .share i:nth-child(4):hover {
  background-position-x: -150px;
}
.bigBg .game .footer .share i:nth-child(5) {
  background-position: 0 -25px;
}
.bigBg .game .footer .share i:nth-child(5):hover {
  background-position-x: -150px;
}
.bigBg .game .footer .share i:nth-child(6) {
  background-position: 0 -476px;
}
.bigBg .game .footer .share i:nth-child(6):hover {
  background-position-x: -150px;
}
.bigBg .game .footer .inner {
  width: 1024px;
  height: 48px;
  margin: 0 auto;
  line-height: 48px;
}
.bigBg .game .footer .inner .imgs {
  float: left;
  height: 100%;
  line-height: 48px;
}
.bigBg .game .footer .inner .desc {
  float: left;
  margin-left: 100px;
  color: white;
  font-size: 12px;
  line-height: 20px;
}
.bigBg .game .footer .inner .desc .tag {
  float: right;
  width: 138px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  background-color: #610000;
}
.nav-show {
  width: 198px;
  height: 370px;
  position: fixed;
  z-index: 11;
  top: 50%;
  right: 1%;
  margin-top: -185px;
  display: none;
}
.nav-show::before {
  content: '';
  display: block;
  width: 32px;
  height: 44px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_052.png') 0 -100px;
  margin: 0 auto;
}
.nav-show a {
  width: 196px;
  height: 37px;
  margin-top: 15px;
  display: inline-block;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_052.png');
}
.nav-show a:nth-child(1) {
  background-position: -370px 0;
}
.nav-show a.active1 {
  background-position: 0 -256px;
}
.nav-show a:nth-child(2) {
  background-position: -170px 0;
}
.nav-show a.active2 {
  background-position: -170px -39px;
}
.nav-show a:nth-child(3) {
  height: 35px;
  background-position: 0 -220px;
}
.nav-show a.active3 {
  background-position: 0 -182px;
}
.nav-show a:nth-child(4) {
  background-position: 0 -294px;
}
.nav-show a.active4 {
  background-position: -170px -77px;
}
.nav-show a:nth-child(5) {
  height: 36px;
  background-position: 0 -327px;
}
.nav-show a.active5 {
  background-position: 0 -144px;
}
.nav-show::after {
  content: '';
  display: block;
  width: 32px;
  height: 44px;
  background: url('../images/《阴阳师：百闻牌》手游官网_不可思议，一局忘忧！_无套路妖怪卡牌对战手游，12.12全平台上线！/gsz_052.png') -32px -100px;
  margin: 0 auto;
  margin-top: 15px;
}
.bigVideo2 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 12;
  display: none;
}
.bigVideo2 video {
  margin: 200px 300px;
}