.cenBar{
  flex-wrap: wrap;
}
.cenBar li{
  flex: auto;
  width: 50%;
}
.cenBar li a {
  border-bottom-color: #cccccc;
}

.banner {
  width: 100%;
  margin-top: 0;
}

.sections .section-title {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.66667rem;
  color: #222222;
  text-align: center;
}

.section-item.steam-introduce {
  padding-bottom: 0.64rem;
}
.section-item.steam-introduce .section-title {
  padding-top: 0.58667rem;
  padding-bottom: 0.58667rem;
}
.section-item.steam-introduce .section-content {
  padding: 0 0.48rem;
}
.section-item.steam-introduce .introduce-title {
  margin-bottom: 0.25333rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.50667rem;
  color: #E76D00;
  line-height: 0.45333rem;
}
.section-item.steam-introduce .introduce-desc {
  margin-bottom: 0.50667rem;
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.56rem;
  text-indent: 2em;
}
.section-item.steam-introduce .introduce-desc::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.12rem;
  height: 0.12rem;
  background: #005BB6;
}
.section-item.steam-introduce .year {
  position: relative;
  width: 4.50667rem;
  height: 0.74667rem;
  line-height: 0.74667rem;
  background: #E76D00;
  border-radius: 0.10667rem;
  text-align: center;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.34667rem;
  color: #FFFFFF;
}
.section-item.steam-introduce .year::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0.04rem;
  left: 0.04rem;
  border: 0.02667rem solid #E76D00;
  border-radius: 0.10667rem;
}
.section-item.steam-introduce .steam-introduce-title {
  padding: 0.68rem 0 0.48rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.50667rem;
  color: #222222;
  text-align: center;
}
.section-item.steam-introduce .steam-introduce-img-1 {
  margin-top: 0.48rem;
  width: 100%;
}
.section-item.ai-steam-introduce {
  padding-bottom: 0.65333rem;
  background: url("../images-app/steam/wavy-line-bg.png") no-repeat;
  background-size: 100% auto;
}
.section-item.ai-steam-introduce .section-title {
  padding-top: 1.02667rem;
  padding-bottom: 0.57333rem;
}
.section-item.ai-steam-introduce .ai-steam-introduce-item1 {
  padding: 0 0.48rem;
}
.section-item.ai-steam-introduce .ai-steam-introduce-img-0 {
  width: 100%;
}
.section-item.ai-steam-introduce .ai-steam-introduce-item2 {
  padding: 0.98667rem 0.48rem;
  background: #fff;
}
.section-item.ai-steam-introduce .skill8-title {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.66667rem;
  color: #222222;
  text-align: center;
}
.section-item.ai-steam-introduce .skill8-title .big {
  font-size: 1.06667rem;
  color: #E76D00;
}
.section-item.ai-steam-introduce .skill8-en {
  margin-top: 0.36rem;
  font-family: MicrosoftYaHei;
  font-size: 0.37333rem;
  color: #555555;
  text-align: center;
}
.section-item.ai-steam-introduce .skill8-desc {
  margin-top: 0.36rem;
  width: 9rem;
  height: 2.01333rem;
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.56rem;
  text-indent: 2em;
}
.section-item.ai-steam-introduce .ai-steam-introduce-img-1 {
  margin-top: 0.64rem;
  width: 100%;
}
.section-item.ai-steam-introduce .imgs {
  margin-top: 0.84rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.26667rem;
}
.section-item.ai-steam-introduce .img-wrapper {
  width: 4.38667rem;
}
.section-item.ai-steam-introduce .m-img {
  width: 100%;
}
.section-item.ai-steam-introduce .descs {
  padding: 0.13333rem;
  background: #fff;
  font-family: MicrosoftYaHei;
  font-size: 0.21333rem;
  color: #444444;
  line-height: 0.26667rem;
  text-align: center;
}
.section-item.steam-show {
  background: url("../images-app/steam/show-img-1.png") no-repeat;
  background-size: cover;
  padding-bottom: 1.06667rem;
}
.section-item.steam-show .section-title {
  padding-top: 1.01333rem;
  padding-bottom: 0.34667rem;
  color: #fff;
}
.section-item.steam-show .swiper-container {
  width: 100%;
  height: 4.66667rem;
}
.section-item.steam-show .swiper-img {
  width: 100%;
}
.section-item.steam-show .section-subtitle {
  margin-bottom: 0.6rem;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 0.37333rem;
  color: #FFFFFF;
  line-height: 0.44rem;
}
.section-item.steam-show .swiper-slide {
  padding: 0.13333rem;
  background: #fff;
  border-radius: 0.13333rem;
}
.section-item.steam-show .swiper-title {
  text-align: center;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 0.32rem;
  color: #444444;
  line-height: 1.06667rem;
}
.section-item.steam-game {
  padding-bottom: 0.98667rem;
}
.section-item.steam-game .section-title {
  padding-top: 0.98667rem;
  padding-bottom: 0.48rem;
}
.section-item.steam-game .section-content {
  padding: 0 0.46667rem;
  display: flex;
  justify-content: space-between;
  gap: 0.13333rem 0;
  flex-wrap: wrap;
}
.section-item.steam-game .steam-game-item {
  padding: 0.1rem;
  width: 4.49333rem;
  height: 3.29333rem;
  background-size: cover;
}
.section-item.steam-game .steam-game-item.bg {
  background: radial-gradient(100% 0% at 0% 0%, #37A4EA 0%, #4CB0F0 100%);
  font-family: MicrosoftYaHei;
  font-size: 0.21333rem;
  color: #FFFFFF;
  line-height: 0.29333rem;
}
.section-item.steam-game .steam-game-item .star {
  padding-left: 0.34667rem;
  background: url("../images-app/steam/steam-game-img-4.png") no-repeat;
  background-size: 0.25333rem 0.22667rem;
}
.section-item.steam-game .steam-game-item .small-title {
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.26667rem;
  color: #FDFC03;
  line-height: 0.4rem;
}
.section-item.steam-game .steam-game-item .color-yellow {
  color: #FDFC03;
}
.section-item.steam-game .steam-game-item.two {
  background-image: url("../images-app/steam/steam-game-img-1.png");
}
.section-item.steam-game .steam-game-item.three {
  background-image: url("../images-app/steam/steam-game-img-2.png");
}
.section-item.steam-game .steam-game-item.six {
  background-image: url("../images-app/steam/steam-game-img-3.png");
}
.section-item.steam-read {
  padding-bottom: 1rem;
  background: url("../images-app/steam/wavy-line-bg.png") no-repeat;
  background-size: cover;
}
.section-item.steam-read .section-title {
  padding-top: 1rem;
  padding-bottom: 0.4rem;
}
.section-item.steam-read .section-content {
  padding: 0 0.46667rem;
  display: flex;
  justify-content: space-between;
  gap: 0.13333rem 0;
  flex-wrap: wrap;
}
.section-item.steam-read .steam-game-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.2rem;
  width: 4.49333rem;
  height: 3.29333rem;
  background-size: cover;
  color: #fff;
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  line-height: 0.49333rem;
  text-align: center;
}
.section-item.steam-read .steam-game-item.img-1 {
  background-image: url("../images-app/steam/steam-read-img-1.png");
}
.section-item.steam-read .steam-game-item.img-2 {
  background-image: url("../images-app/steam/steam-read-img-2.png");
}
.section-item.steam-read .steam-game-item.img-3 {
  background-image: url("../images-app/steam/steam-read-img-3.png");
}
.section-item.steam-read .steam-game-item.img-4 {
  background-image: url("../images-app/steam/steam-read-img-4.png");
}
.section-item.steam-read .steam-game-item.img-5 {
  background-image: url("../images-app/steam/steam-read-img-5.png");
}
.section-item.steam-read .steam-game-item.img-6 {
  background-image: url("../images-app/steam/steam-read-img-6.png");
}
.section-item.steam-idiom {
  padding-bottom: 1rem;
}
.section-item.steam-idiom .section-title {
  padding-top: 1.01333rem;
  padding-bottom: 0.58667rem;
}
.section-item.steam-idiom .section-content {
  padding: 0 0.46667rem;
}
.section-item.steam-idiom .steam-idiom-title {
  margin-bottom: 0.28rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.50667rem;
  color: #E76D00;
  line-height: 0.57333rem;
}
.section-item.steam-idiom .steam-idiom-desc {
  margin-bottom: 0.53333rem;
  font-family: MicrosoftYaHei;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.56rem;
}
.section-item.steam-idiom .star {
  padding-left: 0.34667rem;
  background: url("../images-app/steam/steam-game-img-4.png") no-repeat left 0.13333rem;
  background-size: 0.25333rem 0.22667rem;
}
.section-item.steam-idiom .steam-idiom-subtitle {
  margin-bottom: 0.18667rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: bold;
  font-size: 0.32rem;
  color: #E76D00;
  line-height: 0.57333rem;
}
.section-item.steam-idiom .color-gray {
  font-size: 0.32rem;
  color: #666666;
  font-weight: lighter;
}
.section-item.steam-idiom .steam-idiom-img-1 {
  margin-top: 0.48rem;
  width: 100%;
}
.section-item.steam-thought {
  padding-bottom: 0.81333rem;
  background: url("../images-app/steam/steam-thought-img-1.png") no-repeat;
  background-size: cover;
}
.section-item.steam-thought .section-title {
  padding-top: 0.98667rem;
  padding-bottom: 0.34667rem;
  color: #fff;
}
.section-item.steam-thought .section-content {
  padding: 0 0.46667rem;
}
.section-item.steam-thought .steam-idiom-subtitle {
  color: #444;
}
.section-item.steam-thought .steam-thought-box {
  padding: 0.53333rem 0.4rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.21333rem 0 #015AB4;
  border-radius: 0.13333rem 0.13333rem 0.13333rem 0.13333rem;
}
.section-item.steam-thought .steam-thought-img-2 {
  margin-top: 0.36rem;
  width: 100%;
}
.section-item.steam-logic {
  padding-bottom: 0.93333rem;
}
.section-item.steam-logic .section-title {
  padding-top: 1.01333rem;
  padding-bottom: 0.4rem;
}
.section-item.steam-logic .steam-idiom-title,
.section-item.steam-logic .steam-idiom-subtitle {
  color: #f93131;
}
.section-item.steam-logic .top {
  margin-top: 0.49333rem;
}
.section-item.steam-quality {
  padding-bottom: 0.42667rem;
  background: url("../images-app/steam/wavy-line-bg.png") no-repeat;
  background-size: cover;
}
.section-item.steam-quality .section-title {
  padding-top: 1.01333rem;
  padding-bottom: 0.18667rem;
}
.section-item.steam-quality .section-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0.46667rem;
  gap: 0.26667rem;
}
.section-item.steam-quality .steam-quality-item {
  width: 4.26667rem;
  padding: 0.2rem;
  background: #fff;
  border-radius: 0.13333rem;
  box-shadow: 0 0 0.06667rem rgba(0, 0, 0, 0.2);
}
.section-item.steam-quality .steam-quality-img-1 {
  width: 100%;
}
.section-item.steam-quality .steam-quality-title {
  padding: 0.2rem;
  font-size: 0.50667rem;
  text-align: center;
}
.section-item.steam-quality .steam-quality-desc {
  font-size: 0.32rem;
  color: #999;
}