.left {
  width: 870px;
  flex: 0 0 870px;
}
.left .block-1 {
  height: 280px;
  margin-top: 40px;
}
.left .block-1 .advertisement {
  width: 336px;
  height: 240px;
  background: #F7F7F7;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #F7F7F7;
}
.left .block-1 .games {
  width: 516px;
}
.left .block-1 .games .image {
  width: 100px;
  height: 100px;
  border-radius: 10px 10px 10px 10px;
}
.left .block-1 .games .title {
  font-size: 30px;
  font-weight: 900;
  color: #1E2B3A;
  line-height: 35px;
}
.left .block-1 .games .sub-title {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 21px;
  margin-top: 10px;
}
.left .block-1 .tag {
  height: 28px;
  border-radius: 100px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #B3B3B3;
  margin-right: 10px;
}
.left .block-1 .tag.dark {
  background: linear-gradient(180deg, #2A73F5 0%, #5995FF 100%);
  border-color: transparent;
  color: white;
}
.left .block-1 .content {
  height: 112px;
  background: #F7F9FA;
  border-radius: 16px 16px 16px 16px;
  margin-top: 17px;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 21px;
}
.left .banner {
  height: 250px;
  margin-top: 30px;
  border-radius: 8px;
  overflow: hidden;
}
.left .banner .image {
  flex: 0 0 430px;
  height: 250px;
  border-radius: 8px;
}
.left .banner .el-carousel__arrow {
  width: 28px;
  height: 40px;
  background: #000000;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.5;
  font-size: 16px;
}
.left .banner .el-carousel__arrow:hover {
  opacity: 0.7;
}
.left .banner .el-carousel__arrow--left {
  left: 0;
}
.left .banner .el-carousel__arrow--right {
  right: 0;
}
.left .banner .el-carousel__indicator {
  display: none;
}
.left .info-1 .game-contents {
  max-height: 300px;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
}
.left .info-1 .game-contents .more {
  position: absolute;
  height: 40px;
  top: 260px;
  width: 100%;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
  /*  Safari 5.1 到 6.0 */
  background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
  /*  Opera 11.6 到 12.0 */
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
  /*  Fx 3.6 到 15 */
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), #ffffff);
}
.left .info-1 .game-contents.show-more {
  max-height: none;
}
.left .info-1 .game-contents.show-more .more {
  position: static;
}
.left .game-rating-inner {
  height: 156px;
  background: #F7F7F7;
  border-radius: 4px 4px 4px 4px;
}
.left .game-rating-inner .left {
  flex: 0 0 250px;
}
.left .game-rating-inner .left .rate {
  font-family: Roboto-Bold, Roboto;
  font-size: 50px;
}
.left .game-rating-inner .right {
  margin-left: 80px;
  flex: 0 0 440px;
}
.left .game-rating-inner .right .item {
  margin-top: 4px;
}
.left .info-3 .text-box {
  background: #F7F7F7;
  border-radius: 4px 4px 4px 4px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #666666 !important;
  min-height: 156px;
}
.left .info-4 li {
  height: 42px;
  padding: 0 10px;
}
.left .info-4 li.header {
  height: 30px;
}
.left .info-4 li:nth-child(odd) {
  background: #F2F2F2;
}
.left .info-4 li:nth-child(even) {
  background: white;
}
.left .info-4 li .version {
  flex: 0 0 316px;
}
.left .info-4 li .size {
  flex: 0 0 375px;
}
.left .info-4 li .operation {
  flex: 0 0 120px;
}
.left .info-5.advertisement {
  height: 224px;
  background: #F7F7F7;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #F7F7F7;
  margin-top: 30px;
}
.left .info-6 .el-textarea__inner,
.left .info-6 .el-input__inner {
  background: #F2F2F2;
  font-size: 14px;
}
.left .info-6 .submit {
  width: 195px;
  height: 42px;
}
.left .info-7 .list-item {
  background: #F7F7F7;
  border-radius: 4px;
  padding: 10px 20px;
  padding-bottom: 20px;
}
.left .info-7 .list-item.inner {
  background: #EDEDED;
}
.left .info-7 .list-item .title {
  color: #5A8CBE;
}
.left .info-7 .list-item .sub-title {
  color: #999999;
}
.left .info-7 .list-item .el-rate__icon {
  font-size: 20px;
}
.right .advertisement {
  margin-top: 40px;
  width: 336px;
  height: 772px;
  background: #F7F7F7;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #D9D9D9;
}
.right .games {
  width: 336px;
  flex: 0 0 336px;
}
.right .games .title {
  padding-bottom: 8px;
}
.right .games .top .list-item {
  width: 160px;
  height: 206px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10px;
  padding: 20px;
}
.right .games .top .list-item .image {
  height: 120px;
  width: 120px;
  border-radius: 8px 8px 8px 8px;
}
.right .games .top .list-item .title {
  font-size: 14px;
  font-weight: 900;
  color: #1E2B3A;
  line-height: 21px;
  margin-top: 10px;
}
.right .games .top .list-item .image-box {
  position: relative;
}
.right .games .top .list-item .image-box .tag {
  position: absolute;
  padding: 0 10px;
  height: 24px;
  background: var(--color-primary);
  border-radius: 0px 8px 0px 8px;
  top: 0;
  right: 0;
}
.right .games .bottom .list-box {
  margin-top: 14px;
}
.right .games .bottom .list-item {
  width: 336px;
  height: 100px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px;
}
.right .games .bottom .list-item .image {
  width: 80px;
  flex: 0 0 80px;
  height: 80px;
  border-radius: 8px;
}
.right .games .bottom .list-item .right {
  margin-left: 14px;
  flex: 0 0 216px;
}
.right .games .bottom .list-item .right .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
}
.right .games .bottom .el-rate__icon {
  font-size: 20px;
}