*{
    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;
}   */

/* 原有底部横幅样式（保持不变） */
.bottom-fixed-banner{
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:410px;
    height:53px;
    z-index:9999;
    overflow:hidden;
}

/* 右侧悬浮按钮 */
.float-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 36px;
    animation: breath 1.8s ease-in-out infinite;
}

.float-btn img {
    width: 100%;
    height: 100%;
    display: block;
}

/* 呼吸动画 */
@keyframes breath {
    0%, 100% {
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translateY(-50%) scale(1.18);
        opacity: 0.85;
    }
}

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

    padding-bottom:70px;
}

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

    .bottom-fixed-banner{

        width:100%;
    }

}