.gameBoxContent .img_box{
  margin:  0 auto;
}
.gameBoxContent .img_box>div{
    width: 4.1rem;
    height: 4rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.gameBoxContent .btn{
    border: #ccc solid 1px;
    line-height: 0.6rem;
    width: 1.6rem;
    border-radius: 0.3rem;
    margin: 0 auto;
}
.gameBoxContent .game1SelectBox{
    margin: 0.25rem 1rem 0 1rem;
}
.gameBoxContent .game1SelectBox>div{
    margin: 0.15rem;
}
.gameBoxContent .game1SelectBox .item{
    width: 4vw;
    height: 4vw;
    line-height: 4vw;
    margin: 0 auto;
    font-size: 3vw;
    text-align: center;
    border: 1px solid #BF604E;
    background: #FCE6DF;
    text-transform: uppercase;
    color: #A42622;
    box-shadow:1px 1px 5px 2px #BF604E inset;
}
.gameBoxContent .game1SelectBox.game1Selected .item{
    background-color: rgba(252,230,223,0.5);
    box-shadow:none;
    border: 2px dashed #7fac5d;
    width: 4vw;
    height: 4vw;
    line-height: 4vw;
    margin: 0 auto;
    font-size: 3vw;
    text-align: center;
    
}


.top_msg{
    position: fixed;
    width: 100%;
    padding: 0.2rem 0;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
}
.bottom_msg{
    position: fixed;
    width: 100%;
    padding: 0.2rem 0;
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
    left: 0;
}
.bor{border-bottom: 1px solid #DFBBA7;padding-left: 3%;padding-right: 3%;padding-bottom: 2%;}
.gameBoxContent .container{width: 60%;margin: 0 auto;background-image: linear-gradient(#f9f0eb, #ebcdbd);padding: 2% 0;border-radius: 20px;}
.tt{font-size: 36px;color: #DD8E6F;}
.hl_id_f{font-size: 24px;color: #DFBBA7;}
.ps{text-align: center;font-size: 16px;padding: 3%  0 1% 0;color: #BF604E;}
.game_index ul{width: 60%;margin: 5% auto;}
.game_index ul li{border-radius: 20px;height: 3.5rem; background-image: linear-gradient(#ffffff, #f2ded4);margin-bottom: 30px;list-style: none;padding: 2%;box-shadow: 0px 5px 5px #e0b7a7;}
.game_index ul li a{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.game_index ul li img{max-width: 100%;height: 180px;}
.game_index ul li span{color: #DD8E6F;font-size: 0.6rem;width: 50%;text-align: center;}
.game_index ul li .r{width: 50%;}
.game_index ul li dl:nth-child(1){width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 0;}
.game_index ul li dl:nth-child(1) dd{width: 1.2rem;height: 1.2rem;   background-color: rgba(252,230,223,0.5);box-shadow:none;border: 2px dashed #7fac5d;margin: 0.1rem;}
.game_index ul li dl:nth-child(2){width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin: 0;}
.game_index ul li dl:nth-child(2) dd{text-align: center;line-height: 1rem; width: 1rem;height: 1rem;margin: 0.1rem; border: 1px solid #BF604E;background: #FCE6DF;text-transform: uppercase;color: #A42622;box-shadow:1px 1px 5px 2px #BF604E inset;font-size: 0.6rem;}


@media(max-width: 768px){
    .gameBoxContent .game1SelectBox.game1Selected .item,.gameBoxContent .game1SelectBox .item{width: 10vw;height: 10vw;line-height: 9vw;font-size: 8vw;}
}
@media(max-width: 480px){
    .gameBoxContent .game1SelectBox.game1Selected .item,.gameBoxContent .game1SelectBox .item{width: 14vw;height: 14vw;line-height: 13vw;font-size: 10vw;}
}