@charset "utf-8";*,::after,::before{box-sizing:border-box}
body{background-color:#f0ffe4!important}
.hot-fund_section{position:relative;margin:0 auto;background-color:#f0ffe4}
.container{position:relative;z-index:2;width:85.3333333333%;max-width:1440px;margin:0 auto}
.text-container{position:relative;z-index:2;width:85.3333333333%;max-width:1440px;margin:0 auto}
.fundTech__content{position:relative;width:100%;margin:0 auto}
.hot-fund_section .lightbox__title{margin:0 auto;width:80%;position:relative}
.hot-fund_section .lightbox__section{position:relative;margin:3vw auto 0;width:96%}
.hot-fund_section .bewrite{margin:40px 0;position:relative;font-size:clamp(18px, .696rem + .89vw, 24px)}
.footer-none{background-color:transparent}
.hot-fund_section .container{height:100%;padding-top:8vw}
@media (max-width:768px){.container{width:85.3333333333%}
.hot-fund_section .container{padding-top:24vw}
}
.tab-content{display:none}
.tab-content.active{display:block}
.tabs{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;margin-bottom:40px;padding-bottom:12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab-item{flex:0 0 auto;border:none;border-radius:999px;padding:12px 24px;background:#cfd6d7;color:#333;cursor:pointer;font-size:1rem;font-weight:500;line-height:1.2;transition:all .3s ease;scroll-snap-align:start}
.tab-item:hover{background:#bcc5c6}
.tab-item.active{background:#009482;color:#fff}
.breadcrumb{height:18.6666666667vw;margin:0 auto;padding:0;list-style:none;font-size:4.8vw;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (min-width:768px){.breadcrumb{height:9.375vw;font-size:1.375vw;padding:0 3.75vw}
}
@media (min-width:1600px){.breadcrumb{height:150px;font-size:22px;padding:0 60px}
}
@media (max-width:768px){.breadcrumb{padding-top:20px}
}
.breadcrumb a+a:before{color:#12695f;margin:0 5px;content:">"}
.breadcrumb a{color:#12695f;text-decoration:none}
.breadcrumb-item{color:#12695f}
.breadcrumb-item::before{content:">";margin:0 8px;color:#12695f}
.fund-item{display:flex;align-items:center;gap:12px;width:100%}
.fund-item.hidden{display:none!important}
#pagination,.pagination-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:1.5vw;}
#pagination button,.pagination-container button{min-width:40px;padding:8px 14px;border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#333;cursor:pointer;transition:all .25s ease;font-size:14px}
#pagination button:hover:not(:disabled),.pagination-container button:hover:not(:disabled){background:#f5f5f5;border-color:#009688;color:#009688}
#pagination button.active,.pagination-container button.active{background:#009688;border-color:#009688;color:#fff}
#pagination button:disabled,.pagination-container button:disabled{opacity:.5;cursor:not-allowed}
@media (min-width:993px){.tabs{justify-content:center;overflow-x:visible}
}
@media (max-width:992px){.tabs{justify-content:flex-start;gap:10px;padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px}
.tab-item{flex-shrink:0;font-size:15px;padding:10px 20px}
}
@media (max-width:768px){.tabs{gap:8px;margin-bottom:30px;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}
.tab-item{font-size:14px;padding:10px 18px}
.fund-item{flex-direction:column;align-items:stretch}
#pagination,.pagination-container{gap:6px}
#pagination button,.pagination-container button{font-size:13px;padding:7px 10px}
}
@media (max-width:576px){.tabs{padding-left:10px;padding-right:10px}
.tab-item{padding:8px 16px;font-size:13px}
#pagination button,.pagination-container button{min-width:36px;padding:6px 8px}
}
.tabs-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#999 #e5e5e5}
.tabs-container::-webkit-scrollbar{height:6px}
.tabs-container::-webkit-scrollbar-track{background:#e5e5e5;border-radius:999px}
.tabs-container::-webkit-scrollbar-thumb{background:#999;border-radius:999px}
.tabs{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 40px;
}

.tab-item{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:#cfd6d7;border-radius:999px;
color:#333;font-size:18px;line-height:1.2;cursor:pointer;transition:.3s;white-space:nowrap;}
.tab-item:hover{background:#bec6c7;}
.tab-item.active{background:#009482;color:#fff;}

/*.tabs{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;list-style:none;padding:0;margin:0 0 40px;width:max-content;min-width:100%}
.tab-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;background:#cfd6d7;color:#333;font-size:18px;font-weight:400;line-height:1;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.tab-item:hover{background:#bec6c7}
.tab-item.active{background:#009482;color:#fff}*/
/*@media (min-width:993px){.tabs{gap:12px}
.tab-item{font-size:18px;padding:12px 24px}
}*/

@media (max-width:992px){

    .tabs{
        gap:10px;
        margin-bottom:24px;
    }

    .tab-item{
        font-size:16px;
        padding:12px 20px;
    }

}

@media (max-width:768px){

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

    .tab-item{
        width:100%;
        padding:12px 10px;
        min-height:44px;
        font-size:15px;
    }

}

@media (max-width:992px){.tabs-container{padding-bottom:8px}
.tabs{gap:10px;margin-bottom:24px}
.tab-item{font-size:16px;padding:12px 20px}
}
@media (max-width:768px){.tabs{gap:8px;margin-bottom:20px}
.tab-item{min-height:44px;padding:10px 18px}
.breadcrumb{padding-top:20px}
}
@media (max-width:576px){.tab-item{padding:10px 16px}
}