/* ====== 底部悬浮广告 ====== */

.app-fixed-bar{
    position:fixed;
    left:50%;
    bottom:15px;
    transform:translateX(-50%);

    width:680px;
    max-width:95%;

    z-index:999999;

    display:flex;
    align-items:center;

    background:#eef3fb;
    border-radius:25px;
    box-shadow:0 8px 30px rgba(0,0,0,.15);

    padding:15px 20px;
}

#globalFloatBar{
    position:fixed !important;
    left:50% !important;
    bottom:15px !important;
    transform:translateX(-50%) !important;

    width:680px;
    max-width:95%;

    z-index:999999999;
}

.app-fixed-left{
    display:flex;
    align-items:center;
    flex:1;
    min-width:0;
}

.app-fixed-info{
    flex:1;
    min-width:0;
}

.app-fixed-left{
    display:flex;
    align-items:center;
}

.app-fixed-logo img{
    width:50px;
    height:50px;
    border-radius:16px;
    margin-right:15px;
}

.app-fixed-title{
    font-size:16px;
    font-weight:700;
    color:#222;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.app-fixed-title span{
    color:#000;
}

.app-fixed-desc{
    margin-top:5px;
    font-size:12px;
    color:#666;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.app-fixed-btn{

    flex-shrink:0;

    width:120px;
    height:45px;
    font-size:18px;

    border-radius:40px;

    background:#6679f2;

    color:#fff;
    text-decoration:none;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;
    font-weight:700;
}

.app-fixed-btn:hover{
    opacity:.9;
}

/* 手机端 */

@media screen and (max-width:768px){

.app-fixed-bar{
    position:fixed;
    left:50%;
    bottom:15px;
    transform:translateX(-50%);

    width:680px;
    max-width:95%;

    z-index:999999;

    display:flex;
    align-items:center;

    background:#eef3fb;
    border-radius:25px;
    box-shadow:0 8px 30px rgba(0,0,0,.15);

    padding:8px 15px;
}

    .app-fixed-logo img{
        width:50px;
        height:50px;
        margin-right:10px;
    }

    .app-fixed-title{
        font-size:14px;
    }

    .app-fixed-desc{
        font-size:12px;
    }

    .app-fixed-btn{
        width:90px;
        height:38px;
        font-size:14px;
    }
}

.app-fixed-bar{
    transition: all .3s ease;
}

/* 首页轮播广告统一尺寸 */

.carousel__slide img,
.carousel__image{
    object-fit: contain !important;
}

/* 首页轮播广告 */

.carousel__slide{

    height:260px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

}

.carousel__slide img,
.carousel__image{

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

}

@media (max-width:768px){

    .carousel__slide{

        height:140px !important;

    }

}

.carousel__slide[data-v-3193e3c3]{

    aspect-ratio: 3 / 2 !important;

    height:auto !important;

}


/* 栏目自动滚动 */

.van-tabs__wrap{
    overflow:hidden !important;
}

.van-tabs__nav{
    display:flex !important;
    width:max-content !important;
    animation: navScroll 30s linear infinite;
}

.van-tabs__nav:hover{
    animation-play-state:paused;
}

@keyframes navScroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

.menu-marquee{
    overflow:hidden;
    width:100%;
}

.menu-marquee .van-tabs__nav{
    display:flex;
    width:max-content;
    animation:menuRun 25s linear infinite;
}

@keyframes menuRun{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}