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

body{
    background:#cdf0ff;
    display:flex;
    justify-content:center;
    font-family:Arial;
}

.page{
    width:410px;
    background:transparent;
    margin:0 auto;

/*     background:url('./static/img/bg.jpg') no-repeat center top; */

    background-size:100% auto;

    min-height:100vh;
}

.banner img{
    width:100%;
    display:block;
}

.notice{
    display:flex;
    align-items:center;
    padding:4px 10px;
    color:#ff0000;
    font-size:16px;
    font-weight:bold;
    line-height:0;
}

.notice img{
    width:24px;
    margin-right:8px;
}

.brand-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:0 10px 0px;
}

.brand-btn{
    display:block;
}

.brand-btn img{
    width:100%;
    display:block;
    border-radius:0px;
}
/* 底部固定横幅 */
.bottom-fixed-banner{

    position:fixed;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:410px;

    height:50px;

    z-index:9999;

    overflow:hidden;
}

/* 防止遮挡内容 */
.page{

    padding-bottom:70px;
}

/* 手机端 */
@media screen and (max-width:410px){

    .bottom-fixed-banner{

        width:100%;
    }

}