.game_icon{
    color: #f39304 !important;
}
.game_icon::before{
    content: "";
    position: absolute;
    left: 5px;
    top: 15px;
    display: inline-block;
    background-image: url(../img/title_icon/game_icon2.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 100;
    width: 20px;
    height: 20px;
}
.box{
    margin-top: 50px;
}
.layui-tab .layui-tab-title{
    border: none;
}
.layui-tab-title li{
    color: #fafafa;
    font-size: 17px !important;
    background-color:  #616163;
    margin-right: 5px !important;
}
.layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 41px;
    border-width: 1px;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #646372;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;  
}
.layui-this{
    color: #ffbb00 !important;
    background-color: #646372 !important;
}
.m-filter{
    padding: 5px 20px;
    font-size: 15px;
    background-color: #646372;
    box-shadow: 1px 5px 15px #5a5a66;
} 
.m-filter p{
    position: relative;
    border-bottom: 1px dotted #e3e3e3;
    padding:20px 0 ;
}
.type{
    border: none !important;
}
.m-filter strong {
    margin: auto;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #dbdada;
}
.m-filter a {
    display: inline-block;
    margin: 2px;
    width: 72px;
    background: #f0f0f0;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
}
.m-filter a:hover, .m-filter a.active {
    background: #ffd900;
    color: #000;
    text-decoration: none;
}
.game_list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.g_list{
    background-color: #646372;
    border: 2px #646372 solid;
    display: flex;
    padding: 10px 2px 10px 5px;
    color: #fafafa;
    background: linear-gradient(to right, #55555c,#919192,#797988);
    position: relative;
    overflow: hidden;
}
.g_list:hover{
    box-shadow: 2px 2px 15px #9796a1;
}
.g_list img{
    width: 80px;
    height: 80px;
}
.g_list_text{
    margin-left: 5px;
    margin-top: 5px;
}
.g_list_font1{
    font-size: 13px;
    /* 增加 */
    width: 138px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}
.g_list_font2{
    font-size: 11.5px;
    margin: 3px 0;
    color: #c4c4c4;
}
.g_text_hide{
    height: 95px;
    position: absolute;
    top: -100px;
    left: 0;
    text-align: center;
    background-color: rgba(75, 71, 87, 0.9);
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    transition: top 0.5s ease-in-out;
}
.g_list:hover .g_text_hide{
    top: 0;
}
.g_text_hide img{
    width: 70px;
    height: 70px;
    border: 1px solid rgb(255, 153, 0);
}
.g_text_hide p{
    font-size: 10px;
    margin-top: 2px;
}
.game-page .layui-laypage a,.game-page .layui-laypage button,.game-page .layui-laypage input,.game-page .layui-laypage select,.game-page .layui-laypage span{
    background-color: rgb(165, 165, 167);
    border: 1px solid rgb(75, 71, 71);
    color: #f7f7f7;
}
/*  */