main {
  margin: 0 auto;
  max-width: 1920px;
}
.game-main {
  height: 3041px;
  background: url(../img/lwtx/灵武天下背景图.png) top center;
  padding-top: 778px;
}
.game-news {
  display: flex;
  width: 1222px;
  height: 367px;
  margin: 0 auto;
}
.game-news .game-download {
  width: 203px;
}
.game-news .game-download img {
  width: 100%;
}
.game-news .game-download .ios {
  cursor: pointer;
  margin: 5px 0;
  height: 60px;
  width: 100%;
}
.game-news .news-banner {
  width: 580px;
  height: 100%;
}
.game-news .news-banner img {
  display: block;
  width: 100%;
  height: 100%;
}
.game-news .game-news-bg {
  margin-left: 10px;
  width: 1005px;
  background: url(../img/lwtx/灵武新闻栏.png) no-repeat top center / 100%;
}
.role-banner {
  margin: 0 auto;
  width: 100%;
  height: 1092px;
  background: url("../img/lwtx/背景旗帜.png") no-repeat bottom center;
  display: flex;
}
.role-banner .role-banner-select {
  position: relative;
  z-index: 9;
  width: 400px;
  margin-top: 450px;
}
.role-banner .role-banner-select li {
  cursor: pointer;
}
.role-banner .role-banner-select li .selected {
  display: none;
}
.role-banner .role-banner-select li .not-select {
  display: block;
}
.role-banner .role-banner-select li.active .selected {
  display: block;
}
.role-banner .role-banner-select li.active .not-select {
  display: none;
}
.role-banner .role-banner-container {
  position: relative;
  height: 1092px;
}
.role-banner .role-banner-container .role-banner-list {
  position: absolute;
  top: 158px;
  left: -152px;
  width: 1435px;
  height: 871px;
}
.role-banner .role-banner-container .role-banner-list li {
  display: none;
}
.role-banner .role-banner-container .role-banner-list li.active {
  display: block;
}
.role-banner .role-banner-container .role-banner-list li img {
  width: 100%;
}
.game-banner {
  position: relative;
  width: 1230px;
  height: 620px;
  margin: 0 auto;
  margin-top: 100px;
}
.game-banner .card-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.game-banner .card-wrapper .card-item {
  left: 92px;
}
.game-banner .card-wrapper .card-item .article-link {
  width: 1044px;
}
.game-banner .slider-arrow {
  top: 50%;
  margin-top: -18px;
  cursor: pointer;
  width: 96px;
  height: 148px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: none;
  border-radius: 0;
}
.game-banner .slider-arrow.slider-arrow-left {
  left: -140px;
  background: url(../img/lwtx/灵武按键左.png) no-repeat center / 100%;
}
.game-banner .slider-arrow.slider-arrow-right {
  right: -140px;
  background: url(../img/lwtx/灵武按键.png) no-repeat center / 100%;
}
.game-banner .slider-arrow::after {
  display: none;
}