.content-page{background: #f2f2f2;padding-bottom: 25px;}
.content-page .category-tabs{margin: 20px 0;padding: 27px 23px;border-radius: 6px;background-color: #ffffff;display: flex;flex-wrap: wrap;align-items: center;row-gap: 14px;column-gap: 10px;position: relative;}
.content-page .category-tabs::before{position: absolute;content: "";width: 2px;height: calc(100% - 54px);background-color: #ffdeca;left: 0;}
.content-page .category-tabs a{height: 36px;line-height: 36px;text-align: center;min-width: 106px;font-size: 14px;color: #666666;border-radius: 6px;background: #fffaf8;cursor: pointer;}
.content-page .category-tabs a.active{font-weight: bold;color: #333333;background: linear-gradient( 90deg, rgb(255,222,202) 0%, rgb(255,244,238) 100%);}

.content-page .content-list{background-color: #ffffff;display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 386px));column-gap: 10px;row-gap: 20px;padding: 30px 11px;border-radius: 6px 6px 0 0;}
.content-page .content-list .game-item{display: flex;align-items: center;background-color: #FFFAF8;border-radius: 6px;padding: 10px 22px;cursor: pointer;}
.content-page .content-list .game-item .img-block{width: 70px;height: 70px;border-radius: 15px;margin-right: 10px;flex: 0 0 70px;}
.content-page .content-list .game-item .img-block img{width: 100%;height: 100%;border-radius: 15px;}
.content-page .content-list .game-item .game-detail{display: flex;flex-direction: column;overflow: hidden;margin-right: 5px;}
.content-page .content-list .game-item .game-detail h3{font-weight: normal;font-size: 16px;color: #000000;margin-bottom: 3px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-page .content-list .game-item .game-detail .game-inner-detail{display: flex;align-items: center;}
.content-page .content-list .game-item .game-detail .game-inner-detail p{font-size: 12px;color: #999999;padding-right: 5px;position: relative;}
.content-page .content-list .game-item .game-detail .game-inner-detail p:last-child{padding-left: 5px;padding-right: 0;}
.content-page .content-list .game-item .game-detail .game-inner-detail p:last-child::before{position: absolute;content: "";width: 1px;height: 70%;background-color: #999999;top: 50%;left: 0;transform: translateY(-50%);}
.content-page .content-list .game-item .game-detail .dateUpdate{margin-top: 8px;font-size: 12px;color: #999999;}
.content-page .content-list .game-item .viewBtn{margin-left: auto;border-radius: 14px;border: 1px solid #42EAB2;color: #42EAB2;font-size: 14px;min-width: 72px;height: 28px;line-height: 28px;text-align: center;}
.content-page .content-list .game-item .viewBtn:hover{background-color: #42EAB2;color: #ffffff;}

.content-page .pagination{display: flex;justify-content: center;padding-bottom: 40px;background-color: #ffffff;border-radius: 0 0 6px 6px;column-gap: 10px;}
.content-page .pagination a{outline: none;background-color: #F6F6F6;border-radius: 3px;border: 1px solid #EAEAEA;font-size: 14px;color: #666666;padding: 0 14px;height: 40px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;cursor: pointer;}
.content-page .pagination a.current{background-color: #72ECB8;color: #ffffff;border:none;}
.content-page .pagination a.page-number{font-weight: bold;min-width: 40px;}

footer{margin-top: 0;}

@media (min-width: 751px) and (max-width: 1199px) {
    .content-page .category-tabs a{min-width: 100px;}
    .content-page .content-list{grid-template-columns: repeat(auto-fit, minmax(0, 330px));}
}