.footer {
    position: relative !important;
}
body{
    background: url('/index/v4/static/images/user/bg.png') no-repeat;
    background-size: cover
}
@media (min-width: 768px) {
    .container {
        max-width: 850px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
#kf .card:hover {
    border: 1px solid #ffc107;
}
#block2 .row .col-3 .media {
    background-color: #FFF;
}
#block2 .row .col-3 {
    padding: 0 8px !important;
}
#block2 .row .col-3 .media img {
    box-shadow: 1px 1px 5px rgb(66 63 105 / 40%);
}
#block2 .row .col-3 .media .media-body{
    padding-top: 20px;
}

#block2 .row .col-3 .media .btn-group {
    display: none;
    margin-top: -10px;

}
#block2 .row .col-3 .media:hover .btn-group {
    display: block;
}
#block2 .row .col-3 .media:hover .media-body{
    padding-top: 0;
}
.searchinput {
    display: flex;
    border: 1px solid #D2D2D2 !important;
    background-color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    width: 500px;
    text-align: center;
    margin-top: 20px;
}
.searchi {
    cursor: pointer;
}
.gamesearchclass {
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    border-style: none;
}
.searchinput {
    display: flex;
    border: 1px solid #D2D2D2 !important;
    background-color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    border-radius: 10px;
}
.notice[data-v-46f393d0] {
    width: 100%;
    min-width: 1280px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.notice-box[data-v-46f393d0] {
    width: 1204px;
    height: auto;
    margin: 0 auto;
    margin-top: 10px;
}
.wrapper-content{
    min-height: 700px;
}