.top-bg {
  background: url(../img/xfhx/仙凡网页头图.jpg) no-repeat top center;
  height: 1070px;
}
.center-bg {
  background: url(../img/xfhx/大背景.png) no-repeat top center;
  height: 2243px;
}
.game-download {
  z-index: 1;
  position: absolute;
  display: flex;
  padding: 18px;
  top: 750px;
  left: 50%;
  transform: translateX(-50%);
  width: 484px;
  height: 157px;
  background: url("../img/xfhx/透明底框.png") no-repeat;
}
.game-download .mid img {
  display: block;
}
.game-banner {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 942px;
  display: flex;
  justify-content: center;
}
.game-banner .left {
  margin-right: 30px;
}
.game-banner .left img {
  width: 732px;
  height: 445px;
}
.game-banner .right {
  position: relative;
  width: 732px;
  height: 445px;
  background: url("../img/xfhx/场景原画展示.png");
}
.game-banner .right .right1 {
  position: absolute;
  top: 155px;
  left: 126px;
  width: 476px;
  height: 253px;
}
.game-banner .right .right1 .game-place-banner {
  position: relative;
  height: 253px;
  /* .el-carousel__container {
					height: 253px !important;
				}

				.el-carousel__indicators {
					.el-carousel__indicator.is-active {
						width: 36px;
						height: 16px;
						background: url("../img/xfhx/选中按钮.png") no-repeat 1px 12px;
					}

					.el-carousel__button {
						opacity: 0.5;
						width: 24px;
						height: 11px;
						background: url("../img/xfhx/未选中按钮.png");
					}
				} */
}
.game-banner .right .right1 img {
  width: 476px;
  height: 253px;
}
.slider-list {
  height: 100%;
}
.sect-box {
  position: relative;
  padding-top: 570px;
  width: 1400px;
  margin: 0 auto;
}
.sect-role {
  position: absolute;
  top: 335px;
  left: 250px;
}
.sect-role ul {
  display: flex;
}
.sect-role ul li {
  padding-top: 206px;
  height: 705px;
  width: 150px;
  text-align: right;
  overflow: hidden;
}
.sect-role ul li .big-pic {
  display: none;
  margin: 0 0 0 auto;
}
.sect-role ul li.active {
  width: 560px;
  padding-top: 0;
}
.sect-role ul li.active .big-pic {
  display: inline-block;
}
.sect-role ul li.active .small-pic {
  display: none;
}
.game-desc {
  position: relative;
  margin: 0 auto;
  margin-top: 460px;
  width: 1400px;
}
.game-desc .desc-banner-wrapper {
  position: absolute;
  top: -310px;
  left: 250px;
  height: 1000px;
  width: 1135px;
  background: url(../img/xfhx/底盘.png) no-repeat center right;
}
.card-wrapper .card-banner .card-item {
  left: 10px;
  top: 225px;
  transform-origin: right center;
}
.card-wrapper .card-banner .card-item a {
  width: 970px;
}
.card-nav {
  position: absolute;
  right: 0;
  top: 290px;
}
.card-nav .card-nav-item {
  position: absolute;
  cursor: pointer;
}
.card-nav .card-nav-item:nth-child(1) {
  top: 0;
  right: 90px;
}
.card-nav .card-nav-item:nth-child(2) {
  top: 72px;
  right: 30px;
}
.card-nav .card-nav-item:nth-child(3) {
  top: 175px;
  right: 3px;
}
.card-nav .card-nav-item:nth-child(4) {
  top: 282px;
  right: 30px;
}
.card-nav .card-nav-item:nth-child(5) {
  top: 350px;
  right: 90px;
}
.card-nav .card-nav-item i {
  display: block;
  width: 60px;
  height: 58px;
  background: url(../img/xfhx/按钮未选中.png) no-repeat center;
}
.card-nav .card-nav-item.is-active i {
  background-image: url(../img/xfhx/按钮选中.png);
}