#main-banner{position:relative;background:#252525;height:100vh;min-height:720px;margin:-72px 0 0;color:#fff;overflow:hidden}
#main-banner video{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;z-index:2}
#main-banner .video-mask{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);z-index:3}
#main-banner .container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;z-index:5}
#main-banner h1{text-align:center;line-height:1.125;font-size:58px;font-weight:700}
#main-banner .desc{text-align:center;line-height:1.25;font-size:28px;margin:14px 0 0}
#main-banner .btn-group{margin:30px 0 0;justify-content:center;gap:12px}
#main-banner .btn-ld,
#main-banner .btn-lhlr{width:360px;height:100px;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;color:#000;font-size:0;border-radius:54px}
#main-banner .btn-ld:hover,
#main-banner .btn-lhlr:hover{color:#000}
#main-banner .btn-ld{background:url(images/home/btn-ld.webp) no-repeat center / cover;padding-top:30px}
#main-banner .btn-ld .btn-ld-title{font-size:20px;font-weight:700}
#main-banner .btn-ld .btn-ld-desc{font-size:11px;font-weight:400;display:flex;justify-content:center;align-items:center;gap:4px}
#main-banner .btn-lhlr{background:url(images/home/btn-lhlr.webp) no-repeat center / cover}
@media (max-width:769px){
    #main-banner{margin:-62px 0 0}
    #main-banner h1{font-size:32px}
}

#topgame-banner{padding:80px 0;background:#252525;color:#fff}
#topgame-banner .section-header{position:relative}
#topgame-banner .section-header .more{position:absolute;right:0;bottom:0;padding:10px 20px;font-size:13px;background:#333333;border-radius:9px}
#topgame-banner .section-header .more:hover{background:rgb(var(--rgb-color-primary));color:#fff}
#topgame-banner .section-body .game-page{display:flex;justify-content:start;align-items:stretch;gap:15px}
#topgame-banner .section-body .game-page .game-item{width:16.66%;background:#3b3b3b;border-radius:13.5px;overflow:hidden}
#topgame-banner .section-body .game-page .game-item .game-image{width:100%;aspect-ratio:5 / 9}
#topgame-banner .section-body .game-page .game-item .game-image picture,
#topgame-banner .section-body .game-page .game-item .game-image picture img{width:100%;height:100%}
#topgame-banner .section-body .game-page .game-item .game-image picture img{object-fit:cover}
#topgame-banner .section-body .game-page .game-item .game-detail{position:relative;padding:28px 20px 12px;text-align:center;display:flex;justify-content:center;align-items:center;gap:8px}
#topgame-banner .section-body .game-page .game-item .game-detail .game-icon{width:54px;height:54px;border-radius:11px;overflow:hidden}
#topgame-banner .section-body .game-page .game-item .game-detail .game-icon img{width:100%;height:100%;object-fit:cover}
#topgame-banner .section-body .game-page .game-item .game-detail .game-desc{width:100%}
#topgame-banner .section-body .game-page .game-item .game-detail h3{font-size:18px;font-weight:400;margin:0 0 4px}
#topgame-banner .section-body .game-page .game-item .game-detail p{font-size:13px;color:#b1b1b1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#topgame-banner .section-body .game-page .game-item .game-detail .game-icon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}
@media (min-width:770px){
    #topgame-banner .section-body .game-page .game-item:first-child{width:45.83%}
    #topgame-banner .section-body .game-page .game-item:first-child .game-detail{text-align:left;justify-content:start}
    #topgame-banner .section-body .game-page .game-item:first-child .game-image{aspect-ratio:55 / 36}
    #topgame-banner .section-body .game-page .game-item:first-child .game-detail .game-icon{position:relative;left:auto;top:auto;transform:none}
}
@media (max-width:769px){
    #topgame-banner .section-body .game-page{flex-wrap:wrap;}
    #topgame-banner .section-body .game-page .game-item{width:calc(50% - 20px)!important}
    #topgame-banner .section-body .game-page .game-item .game-image{aspect-ratio:1!important}
}


#solutions-banner{padding:80px 0;background:#252525;color:#fff}
#solutions-banner .module-desc{margin-bottom:45px}
#solutions-banner .tabs{display:flex;justify-content:center;align-items:stretch;gap:2px}
#solutions-banner .tabs .tab{position:relative;width:30.35%;padding:30px;border:1px solid #303030;background:#303030;cursor:pointer;font-size:21px;font-weight:400;color:#b1b1b1;text-align:center;transition:all ease .3s}
#solutions-banner .tabs .tab:first-child{border-top-left-radius:8px}
#solutions-banner .tabs .tab:last-child{border-top-right-radius:8px}
#solutions-banner .tabs .tab::before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);display:block;width:0;height:0;border-bottom:30px solid #fc0;border-right:30px solid transparent;opacity:0;transition:all ease .3s}
#solutions-banner .tabs .tab .small{display:block;font-size:12px;margin:6px 0 0}
#solutions-banner .tabs .tab:hover{background:#3b3b3b;color:#fff;border-color:#3b3b3b}
#solutions-banner .tabs .tab.actived{width:38.88%;background:#fc0;color:#000;border-color:#fc0}
#solutions-banner .tabs .tab.actived::before{opacity:1}
#solutions-banner .tabs-content{margin:40px 0 0}
#solutions-banner .tabs-content .tab-pane{display:none;justify-content:space-around;align-items:center;gap:30px}
#solutions-banner .tabs-content .tab-pane.actived{display:flex}
#solutions-banner .tabs-content .tab-pane video{width:100%;aspect-ratio:16 / 9;object-fit:cover}
@media (max-width:769px){
    #solutions-banner .tabs .tab .small{display:none}
}