game-sdk/public/static/mini/fish_test/libs/style/list.wxss

/* 游戏列表 */
.wrap {
  
}

.wrap_cell {
  padding: 0 40rpx;
  overflow: hidden;
  position: relative;
}
.wrap_cell::before {
  content: '';
  width: 548rpx;
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  bottom: 0;
  right: 34rpx;
}
.wrap_main {
  padding: 34rpx 0;
  overflow: hidden;
}
.wrap_icon {
  width: 130rpx;
  height: 130rpx;
  overflow: hidden;
  border-radius: 24rpx;
  margin-right: 22rpx;
  float: left;
}

.wrap_icon image {
  width: 100%;
  height: 100%;
  display: block;
}

.wrap_info {
  float: left;
  width: 380rpx;
  height: 130rpx;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.wrap_info .reward {
  padding: 0 10rpx;
  height: 36rpx;
  background: #FF1A19;
  border-radius: 18rpx 18rpx 18rpx 0;
  font-size: 19rpx;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15rpx;
}
.wrap_info .name {
  font-size: 32rpx;
  font-weight: 700;
  color: #333;
  line-height: 45rpx;
  display: flex;
  align-items: center;
}

.wrap_info .des {
  width: 370rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 26rpx;
  color: #8b8b8b;
  line-height: 37rpx;
}

.wrap_info .num {
  font-size: 24rpx;
  color: #e05b10;
  line-height: 33rpx;
}

.wrap_btn {
  position: absolute;
  right: 49rpx;
  width: 134RPX;
  height: 130rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reward {
  overflow: hidden;
  position: relative;
}
.reward::after {
  animation: lights 1.5s ease-in 0s infinite;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  filter: blur(4rpx);
  height: 360%;
  left: -20rpx;
  position: absolute;
  top: -30%;
  transform: rotate(-30deg) translateX(-14rpx);
  width: 14rpx;
}
@keyframes lights {
  from {
    transform: rotate(-30deg) translateX(-14rpx);
  }

  to {
    transform: rotate(-30deg) translateX(90rpx);
  }
}