page {
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow-y: auto;
}
.sudoku {
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
  display: grid;
  grid-template-columns: 306rpx 306rpx;
  grid-column-gap: 30rpx;
  grid-row-gap: 30rpx;
  justify-content: center;
  align-content: start;
  padding-top: calc((100vh - 1020rpx) / 3);
  border-top: 1rpx solid #ececec;
  box-sizing: border-box;
}
.sudoku .item {
  position: relative;
  border-radius: 16rpx;
  overflow: hidden;
}
.sudoku .item image {
  width: 100%;
  height: 320rpx;
  position: absolute;
  top: 0rpx;
  left: 0rpx;
  z-index: 1;
}
.sudoku .item .name {
  width: 100%;
  height: 320rpx;
  line-height: 320rpx;
  text-align:center;
  font-size: 35rpx;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 10;
}
.hover-suduku {
  background: rgba(0,0,0,0.2);
}