*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,body{
    width:100%;
    background:#000;
    overflow-x:hidden;
    overflow-y:auto;
    font-family:Arial,"Microsoft YaHei",sans-serif;
}

a{
    display:block;
    text-decoration:none;
    cursor:pointer;
    line-height:0;
}

img{
    display:block;
    width:100%;
    border:0;
}

.wrap{
    width:100%;
    max-width:960px;
    margin:0 auto;
    position:relative;
    background:#000;
}

/* 黑色星空背景 */
.bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
}

/* 主内容 */
.container{
    position:relative;
    width:100%;
    z-index:1;
}

.event{
    width:100%;
}

.contact{
    width:100%;
    height:22px;
    overflow:hidden;
    background:#000;
}

.contact marquee{
    color:#fff;
    font-size:17px;
    font-weight:bold;
    line-height:22px;
    text-shadow:0 0 4px #f00,0 0 8px #f00;
}

.section{
    width:100%;
    position:relative;
    margin-bottom:16px;
}

.section1{
    margin-top:0;
    margin-bottom:12px;
}

.section2{
    margin-top:-3%;
}

/* 百乐体育按钮 */
.btns{
    position:absolute;
    top:55%;
    left:50%;
    transform:translateX(-50%);
    width:99%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:10;
}

.btns a{
    width:50%;
}

.btns img{
    width:85%;
    margin:0 auto;
}

/* 即联达 */
.jld-box{
    position:relative;
    width:100%;
    margin:0 0 10px 0;
}

/* 锁定 pgss.jpg 原始比例 1280x845，避免各机型百分比偏移 */
.pgss-pic{
    position:relative;
    width:100%;
    aspect-ratio:1280 / 845;
}

.pgss-pic img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:fill;
    border-radius:12px;
}

/* pgss.jpg 红色「立即下载」热区 */
.pgss-download-btn{
    position:absolute;
    left:3%;
    top:45.3%;
    width:25%;
    height:11%;
    z-index:25;
    display:block;
    cursor:pointer;
    background:transparent;
}

/* 福利图 */
.section2 > a{
    margin-top:-8px;
    display:block;
}

/* 手机 */
@media(max-width:480px){

    .contact{
        height:20px;
    }

    .contact marquee{
        font-size:16px;
        line-height:20px;
    }

    .btns{
        top:53%;
    }

    .btns img{
        width:88%;
    }

    img{
        border-radius:12px;
    }

    .section2{
        margin-top:-2%;
    }

    .section2 > a{
        margin-top:-6px;
    }
}