.block-1 .game-list {
  background: #273447;
  position: relative;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
}
.block-1 .game-list .item-box {
  border-bottom: 1px solid #364254;
}
.block-1 .game-list .item-box:nth-last-child(1) {
  border-bottom: 0;
}
.block-1 .game-list .item-box .game-detail {
  width: 4.2rem;
  height: 7.4rem;
  overflow: hidden;
  background: linear-gradient(180deg, #56F7D4 0%, #5E93FF 100%);
  box-shadow: 0px 2px 20px 0px rgba(92, 139, 255, 0.5);
  border-radius: 4px;
  position: absolute;
  top: -0.2rem;
  right: 0;
  opacity: 0;
  z-index: 100;
  pointer-events: none;
}
.block-1 .game-list .item-box .game-detail .share-dropdown-btn {
  position: absolute !important;
  top: 0.2rem;
  right: 0.2rem;
  font-size: 0.42rem;
}
.block-1 .game-list .item-box .game-detail .data {
  width: 100%;
}
.block-1 .game-list .item-box .game-detail .data .left {
  position: relative;
}
.block-1 .game-list .item-box .game-detail .data .left::after {
  content: ' ';
  height: 0.2rem;
  position: absolute;
  right: 0;
  border-right: 1px solid white;
  opacity: 0.5;
}
.block-1 .game-list .item-box .game-detail .btn {
  width: 132px;
  height: 50px;
  background: linear-gradient(180deg, #273447 0%, #2B4986 100%);
  box-shadow: 0px 4px 10px 0px #004BDF;
  border-radius: 25px;
}
.block-1 .game-list .item-box:hover .game-detail {
  opacity: 1;
  pointer-events: auto;
}
.block-1 .game-list .item-box:hover .item {
  transform: scale(1.03);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
.block-1 .game-list .item-box .item {
  background: #394556;
  height: 1.4rem;
  border-radius: 4px;
}
.block-1 .game-list .item-box .item .num {
  width: 1.1rem;
}
.block-1 .game-list .item-box .item .right {
  padding-right: 0.2rem;
}
.block-1 .game-list .item-box .item .right .view-btn {
  width: 1.4rem;
  height: 0.58rem;
  background: linear-gradient(90deg, #FD2C5E 0%, #F99746 100%);
  border-radius: 15px;
  border: 0;
}
.block-1 .right-list .game-detail {
  background: linear-gradient(180deg, #FFF18F 0%, #FF6060 100%) !important;
  box-shadow: 0px 2px 20px 0px rgba(255, 96, 96, 0.5) !important;
}
.block-1 .right-list .game-detail .btn {
  background: linear-gradient(180deg, #273447 0%, #2B4986 100%) !important;
  box-shadow: 0px 4px 10px 0px #E00000 !important;
}
.block-1 .more-btn {
  width: 2.22rem;
  height: 0.6rem;
  border-radius: 2px;
  font-family: Jost-SemiBold, Jost;
}
.block-1 .more-btn.left {
  color: var(--color-primary);
  border: 1px solid #B2ADFF;
}
.block-1 .more-btn.right {
  color: var(--color-orange);
  border: 1px solid #FFD5B5;
}