.shadow {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.left .block-1 .game-info {
  height: 1.7rem;
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
}
.left .block-1 .game-info .image-box {
  position: relative;
}
.left .block-1 .game-info .image-box .image {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.left .block-1 .game-info .view-box {
  height: 30px;
  background: #f7f7f7;
  border-radius: 15px;
  padding: 0 14px;
}
.left .block-1 .game-info .view-box .item:hover .text-grey {
  color: #6b5eff;
}
.left .block-1 .bottom .left .icon {
  width: 0.8rem;
  height: 0.8rem;
  background: #e9eaec;
  border-radius: 200px;
}
.left .block-1 .bottom .right .title {
  position: relative;
  padding-left: 0.2rem;
}
.left .block-1 .bottom .right .title::before {
  content: ' ';
  width: 5px;
  height: 0.38rem;
  background: #6b5eff;
  border-radius: 0px 22px 22px 0px;
  position: absolute;
  left: 0;
  top: 0;
}
.left .block-1 .bottom .right .search-key {
  height: 0.54rem;
  padding: 0 0.24rem;
  background: #ebebeb;
  border-radius: 14px;
}
.left .block-1 .bottom .right .search-key:hover {
  background: #273447 !important;
  color: white;
}
.left .block-2 {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.left .block-2 .swiper-item .image {
  width: 100%;
  height: 5.4rem;
  border-radius: 10px;
}
.left .block-2 .swiper-prev,
.left .block-2 .swiper-next {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 10;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background: #ffffff;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  opacity: 0.8;
  border: 1px solid #eeeeee;
}
.left .block-2 .swiper-prev {
  left: 0.2rem;
}
.left .block-2 .swiper-next {
  right: 0.2rem;
}
.left .block-3 .ul-box .header {
  height: 0.8rem;
  border-radius: 4px;
}
.left .block-3 .ul-box .list .num {
  width: 0.36rem;
  height: 0.36rem;
  font-size: 0.24rem;
  font-weight: 600;
  color: #ffffff;
  background: #ff8d35;
  border-radius: 100px;
}
.left .block-3 .ul-box.left {
  background: #fff4eb;
}
.left .block-3 .ul-box.left .header {
  background: #ff8d35;
}
.left .block-3 .ul-box.right {
  background: #f0eeff;
}
.left .block-3 .ul-box.right .header {
  background: #6b5eff;
}
.left .block-3 .ul-box.right .list .num {
  background: #6b5eff;
}
.left .block-4 .advertisement-1 {
  width: 100%;
  height: 5.6rem;
  background: #d8d8d8;
}
.left .block-4 .num {
  width: 0.48rem;
  flex: 0 0 0.48rem;
  height: 0.48rem;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 100px;
  margin-right: 0.2rem;
}
.left .block-4 .title {
  position: relative;
}
.left .block-4 .title::before {
  content: ' ';
  width: 5px;
  height: 20px;
  background: #6b5eff;
  border-radius: 0px 22px 22px 0px;
  position: absolute;
  left: 0;
  top: 0;
}
.left .block-4 .info-2 {
  width: 684px;
  background: #f5f4ff;
  border-radius: 10px;
}
.left .block-4 .group-list .item {
  flex: 0 0 33.33%;
}
.comment .el-rate__icon {
  font-size: 16px !important;
}
.comment .el-input__inner,
.comment .el-textarea__inner {
  background: #f7f7f7 !important;
}
.comment .el-radio__label {
  padding-left: 0 !important;
}
.comment .el-radio__input {
  position: absolute;
  right: 0;
  bottom: -5px;
  z-index: 100;
}
.comment .submit {
  background: #6b5eff !important;
  width: 154px;
}
.comment .submit:hover {
  background: #5842ff !important;
}
.comment .submit:active {
  background: #5842ff !important;
}
.comment .evaluate-item .dianzan:hover {
  color: #5842ff;
}
.advertisement {
  height: 250px;
  background: #d8d8d8;
  width: 100%;
}
.right {
  flex: 0 0 336px;
}
.right .title {
  position: relative;
  padding-left: 20px;
}
.right .title::before {
  content: ' ';
  width: 5px;
  height: 20px;
  background: #6b5eff;
  border-radius: 0px 22px 22px 0px;
  position: absolute;
  left: 0;
  top: 0;
}
.right .advertisement-2 {
  height: 5.6rem;
  width: 100%;
  background: #d8d8d8;
}
.right .info-1 {
  position: relative;
}
.right .info-1::before {
  content: ' ';
  width: 5px;
  height: 0.4rem;
  background: #6b5eff;
  border-radius: 0px 22px 22px 0px;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.right .download-btn {
  height: 70px;
  background: #897fff;
  border-radius: 10px;
}
.right .download-btn:hover {
  background-color: #4141ff !important;
}
.right .download-btn.btn-1 {
  background: #ffffff;
  border: 1px solid #24cd77;
  height: 46px;
}
.right .download-btn.btn-2 {
  height: 46px;
  background: #ffffff;
  border: 1px solid #897fff;
  color: #897fff;
}
.advertisement-3 {
  width: 300px;
  height: 600px;
  background: #d1d1d1;
}
.game-item-d {
  width: 3.22rem;
  height: 2.76rem;
  background: #ffffff;
  border-radius: 10px;
  margin-top: 0.2rem;
  box-sizing: border-box;
  padding: 0.2rem;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.game-item-d .download-btn {
  width: 0.6rem;
  height: 0.6rem;
  background: #e6e4ff;
  border-radius: 4px;
  border: 1px solid #6b5eff;
  cursor: pointer;
  color: #6b5eff;
}
.game-item-d:hover .env {
  color: #34c172;
}
.block-4 .advertisement-1 {
  width: 100%;
  height: 3.14rem;
  background: #d8d8d8;
}
.block-4 .num {
  width: 0.48rem;
  height: 0.48rem;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 1rem;
  margin-right: 0.1rem;
}
.block-4 .title {
  position: relative;
}
.block-4 .title::before {
  content: ' ';
  width: 5px;
  height: 20px;
  background: #34c172;
  border-radius: 0px 22px 22px 0px;
  position: absolute;
  left: 0;
  top: 0;
}
.block-4 .info-2 {
  width: 684px;
  background: #f5f4ff;
  border-radius: 0.1rem;
}
.block-4 .group-list .item {
  flex: 0 0 33.33%;
}
.block-4 .el-collapse {
  border: 0;
}
.block-4 .el-collapse-item {
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.block-4 .el-collapse-item .el-collapse-item__content {
  padding: 0.1rem 0.2rem;
}
.block-4 .el-collapse-item .el-collapse-item__header {
  font-weight: 800;
  border-radius: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.1rem;
}
.block-4 .el-collapse-item .el-collapse-item__header.is-active {
  color: #6b5eff;
}
.block-4 .el-collapse-item .el-collapse-item__arrow::before {
  width: 0.48rem;
  height: 0.48rem;
  background: #e6e4ff;
  border-radius: 0.48rem;
  border: 1px solid #6b5eff;
  color: #333;
  padding: 2px;
}