/* GANK 4.1.0: all rules are scoped to the home slider. */
#index .gank-slider-responsive {
    width: calc(100% - 48px);
    max-width: 1600px;
    margin: 24px auto 40px;
    padding: 0;
}
#index .gank-slider-responsive .tvcmsmain-slider-wrapper { width:100%; padding:0; float:none; }
#index .gank-slider-responsive #tvmain-slider { height:auto !important; aspect-ratio:auto !important; }
#index .gank-slider-responsive #tvmain-slider:not(.owl-loaded) { aspect-ratio:var(--gank-desktop-ratio) !important; }
#index .gank-slider-responsive #tvmain-slider .gank-slide-picture {
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:var(--gank-slide-ratio, 1600 / 708);
}
#index .gank-slider-responsive #tvmain-slider .gank-slide-picture > img {
    position:absolute;
    inset:0;
    display:block !important;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:none;
    object-fit:contain;
    margin:0;
}
#index .gank-slider-responsive #tvmain-slider .owl-stage-outer { transition:none; }
#index .gank-slider-responsive .tvmain-slider-next-pre-btn .tvcmsprev-btn { left:12px; }
#index .gank-slider-responsive .tvmain-slider-next-pre-btn .tvcmsnext-btn { right:12px; }
#index .gank-slider-responsive .tvmain-slider-next-pre-btn .tvcmsprev-btn,
#index .gank-slider-responsive .tvmain-slider-next-pre-btn .tvcmsnext-btn {
    background:rgba(15,22,31,.72); border-radius:5px; height:44px; width:44px; z-index:3;
}
#index .gank-slider-responsive .tvmain-slider-next-pre-btn i { color:#fff; font-size:32px; height:44px; line-height:44px; width:44px; }
@media(max-width:991px) {
    #index .gank-slider-responsive { width:calc(100% - 32px); margin:16px auto 24px; }
    #index .gank-slider-responsive #tvmain-slider .owl-dots {
        display:flex; position:static; justify-content:center; gap:4px; margin:0; padding:4px 0;
    }
    #index .gank-slider-responsive #tvmain-slider .owl-dots .owl-dot { display:grid; place-items:center; width:44px; height:32px; flex:none; margin:0; }
    #index .gank-slider-responsive #tvmain-slider .owl-dots .owl-dot span { display:block; width:20px; height:6px; margin:0; border-radius:4px; background:#aaa; }
    #index .gank-slider-responsive #tvmain-slider .owl-dots .owl-dot.active span { background:#242a30; }
}
@media(max-width:767px) {
    #index .gank-slider-responsive { width:100%; margin:12px auto 20px; }
    #index .gank-slider-responsive #tvmain-slider:not(.owl-loaded) { aspect-ratio:var(--gank-initial-ratio) !important; }
    #index .gank-slider-responsive #tvmain-slider .gank-slide-picture.gank-has-mobile { aspect-ratio:5 / 4; }
}