@charset "utf-8";

body{ position:relative;}
body:after{ content: ''; width:100%; height:20rem; position: absolute; top: 0; left: 0; background: url(/static/images/body-bg.jpg) repeat-x center top; z-index: -1;background-color:#fff;}

.content{ width: 7.5rem; margin: 0 auto;}

.logo{ height: .3rem; padding: .3rem 0 .4rem; text-align: center;}
.logo img{ width: 2rem;}

.banner{ width: 7.1rem;}
.banner .swiper-slide{ width: 7.1rem; height: 2.4rem; border-radius: .3rem; overflow: hidden;}
.banner img{ border-radius: .3rem; cursor: pointer;}

.notice{ height: .5rem; line-height: .5rem; padding: .1rem .24rem; font-size: .28rem; display: flex; justify-content: flex-start;}
.notice h3{ min-width: 1rem; padding-left: .5rem; font-size: .28rem; font-weight: bolder; color: #137ada; background: url(/static/images/icon-notice.png) no-repeat left center; background-size: .4rem .3rem;}
.notice a{ color: #3d3d3d;}
.notice .swiper{ height: .5rem; margin: 0; overflow: hidden;}
.notice .swiper-slide{ height: .5rem; overflow: hidden;}

.quick-btn{ padding: 0.24rem; text-align: center; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.quick-btn a{ display: block; width: 3.4rem;}
.quick-btn img{ width: 3.4rem; cursor: pointer;}

.new-people h3{ font-size: 0; height: .5rem; margin: .4rem 0 .1rem; background: url(/static/images/tit-new-people.png) no-repeat center top; background-size: 7.5rem auto;}
/* .new-people span{ display: inline-block; width: .9rem; height: .24rem; text-align: center; line-height: .24rem; position: absolute; top: .08rem; left: -.24rem; color: #fff; font-size: .14rem; background: url(/static/images/img-new-people-tit.png) no-repeat center top; background-size: .9rem auto; transform: rotate(-45deg);}
.new-people h4{ padding: .6rem 0 0 .1rem; color: #ab2ce9; font-size: .24rem; font-weight: bold;}
.new-people p{ padding: .1rem 0 0 .1rem; color: #535353; font-size: 12px;} */
.new-people img{ width: 5rem; height: 0.8rem;}
.new-people ul{ padding: 0.24rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.new-people li{ width: 2.3rem; margin: .1rem 0; position: relative; background: #fff; border-radius: .2rem;}

.hot-game h3{ font-size: 0; height: .5rem; margin: .4rem 0 .1rem; background: url(/static/images/tit-hot-game.png) no-repeat center top; background-size: 7.5rem auto;}
.hot-game img{ width: 100%;}
.hot-game ul{ padding: 0.24rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hot-game li{ width: 33.333333%; height: 1.6rem}

.foot{ padding: .6rem .24rem 0; display: flex; justify-content: center;}
.foot a:last-child{ margin-left: -.36rem; margin-top: -.8rem;}
.foot a:first-child img{ height: 1.5rem;}
.foot a:last-child{ width: 4.1rem;}
.mf{
        line-height: 1.15;
    font-size: 16px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    display: flex;
    max-width: 790px;
    height: auto;
    margin: 0 auto;
    border-radius: 25px;
    background-color: rgb(255 255 255 / 85%);
    box-shadow: inset 1px 1px 10px 1px rgb(143 148 153 / 40%);
    flex-direction: column;
    align-items: center;
    z-index: 1;
    width: 93%;
    padding: 5vw 4vw;
    border: 2px solid #fff;
    flex: none;
    justify-content: space-evenly;
    
}
.table {
    display: grid;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    grid-template-columns: 33.3% 33.3% 33.4%;
    border: 1px #0079dd solid;
}

.table .th,
.table .td {
    display: flex;
    font-size: 16px;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.table .th {
    color: #fff;
    letter-spacing: 1px;
    background-color: rgb(0 121 221 / 80%);
}

.table .td {
    color: #313131;
    border: 1px #0079dd solid;
    border-bottom: none;
    border-left: none;
}

.table .odd {
    background-color: rgb(225 236 250 / 85%);
}

.table .even {
    background-color: rgb(255 255 255 / 85%);
}
.lihao{
        line-height: 1.15;
    font-size: 16px;
    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    padding: 0;
    box-sizing: border-box;
    border-style: none;
    width: 100%;
    max-width: 100%;
    margin: 0px auto 2.5vw;
}
.kefu {display: inline-block;}
.kefu img {cursor: pointer;}