.game-box{padding:12px 12px;max-width:1440px;margin:0 auto}.game-box .game{background-color:#fff;border:2px solid #fff;border-radius:12px;box-sizing:border-box;float:left;overflow:hidden;position:relative}.game-box .game .pic{display:block;font-size:0;overflow:hidden;width:100%;min-height: 90px;}@media screen and (min-width:1201px){.game-box .game{margin-bottom:1%;margin:.4%;width:10.2222%}.game-box .game:nth-child(9n){margin-right:0}}@media screen and (min-width:1081px) and (max-width:1200px){.game-box .game{margin-bottom:1%;margin-right:1%;width:11.625%}.game-box .game:nth-child(8n){margin-right:0}}@media screen and (min-width:900px) and (max-width:1080px){.game-box .game{margin-bottom:1%;margin-right:1%;width:13.4285%}.game-box .game:nth-child(7n){margin-right:0}}.bottom-navbar{background-color:#e8e8e8;font-size:0;height:40px;overflow:hidden;text-align:center}.bottom-navbar>a{color:#333;font-size:12px;line-height:40px;position:relative;text-decoration:none}.bottom-navbar>a:not(:last-child){margin-right:30px}.bottom-navbar>a:not(:last-child):before{background-color:#333;content:"";height:13px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:1px}.cookie-confirm{background-color:rgba(0,0,0,.85);box-sizing:border-box;left:0;padding:14px 100px 14px 14px;position:fixed;top:-2000px;transition:all 2s;width:100%;z-index:999}.cookie-confirm.show{top:0}.cookie-confirm .cookie-text{color:#fff;font-size:14px;line-height:1.5;text-align:left}.cookie-confirm .cookie-text .cookie-link{color:#fff81a;font-size:14px;text-decoration:underline}.cookie-confirm .cookie-accept{background-color:#f09;border:2px solid #fff;border-radius:17px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:30px;position:absolute;right:16px;text-align:center;top:50%;transform:translateY(-50%);width:76px}body,html{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}blockquote:after,blockquote:before,q:after,q:before{content:""}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;overflow-y:scroll}a:focus{outline:thin dotted}a:active,a:hover{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{-ms-interpolation-mode:bicubic;border:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}.hover_1 .name{bottom:8px;color:#fff;font-size:12px;font-weight:700;left:50%;line-height:1.4;text-align:center;transform:translateX(-50%);z-index:2}.hover_1 .name,.hover_1:before{display:none;position:absolute;width:100%}.hover_1:before{background:rgba(0,0,0,.8);bottom:0;content:"";-webkit-filter:blur(16px);filter:blur(16px);height:36px;left:0}.hover_1:hover{animation:shake_1 .6s linear forwards;box-shadow:0 0 5px 0 #fff;position:relative;z-index:3}.hover_1:hover .name,.hover_1:hover:before{display:block}.hover_2:hover{animation:shake_2 .6s linear forwards;position:relative}.hover_2:before{background:rgba(0,0,0,.55);bottom:0;content:"";-webkit-filter:blur(10px);filter:blur(10px);height:44px;left:0}.hover_2 .name,.hover_2:before{display:none;position:absolute;width:100%}.hover_2 .name{bottom:8px;color:#fff;font-size:12px;font-weight:700;left:50%;line-height:1.4;text-align:center;transform:translateX(-50%);z-index:3}.hover_2:hover .name,.hover_2:hover:before{display:block}.hover_2-1:hover{animation:shake_2 .6s linear forwards}@keyframes shake_1{0%{transform:scale(1)}35%{transform:scale(1.2)}65%{transform:scale(1.1)}to{transform:scale(1.3)}}@keyframes shake_2{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.03)}to{transform:scale(1.08)}}@keyframes shake_3{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes shake_4{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes x_jitter{0%{transform:translateX(0)}to{transform:translateX(16px)}}@keyframes y_jitter{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes rotate_pacman_up{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate_pacman_down{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes pacman-balls{75%{opacity:.5}to{-webkit-transform:translateY(-6.25px);transform:translate(-50px,-6.25px)}}@-webkit-keyframes changeBgColor{0%{background:#90ee90}to{background:#add8e6}}@-webkit-keyframes changePosition{0%{background:#90ee90}to{background:#01a9f0;margin-left:142px}}.txt-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear:after{clear:both;content:"";display:block;font-size:0;height:0;overflow:hidden;width:0}a:focus{outline:0}a{text-decoration:none}img{color:#000;font-size:0}@media screen and (max-width:899px){.game-box{padding:.2rem}.game-box .game{background-color:#fff;border:.04rem solid #fff;border-radius:.1rem;box-shadow:0 .02rem .02rem rgba(0,35,107,.5);box-sizing:border-box;float:left;height:1.88rem;margin-bottom:.18rem;margin-right:.18rem;overflow:hidden;position:relative;width:1.88rem}.game-box .game:nth-child(3n){margin-right:0}.game-box .game .pic{display:block;font-size:0;overflow:hidden;width:100%}.bottom-navbar{background-color:#e8e8e8;font-size:0;height:.72rem;overflow:hidden;text-align:center}.bottom-navbar>a{color:#333;font-size:.22rem;line-height:.72rem;position:relative;text-decoration:none}.bottom-navbar>a:not(:last-child){margin-right:.3rem}.bottom-navbar>a:not(:last-child):before{background-color:#333;content:"";height:.23rem;position:absolute;right:-.16rem;top:50%;transform:translateY(-50%);width:.01rem}.cookie-confirm{background-color:rgba(0,0,0,.85);box-sizing:border-box;left:0;padding:.16rem 1.68rem .16rem .16rem;position:fixed;top:0;top:-20rem;transition:all 2s;width:100%;z-index:999}.cookie-confirm.show{top:0}.cookie-confirm .cookie-text{color:#fff;font-size:.18rem;height:.76rem;line-height:1.5;overflow:auto;text-align:left}.cookie-confirm .cookie-text .cookie-link{color:#fff81a;font-size:.18rem;text-decoration:underline}.cookie-confirm .cookie-accept{background-color:#f09;border:.04rem solid #fff;border-radius:.26rem;color:#fff;cursor:pointer;font-size:.24rem;font-weight:700;line-height:.44rem;position:absolute;right:.16rem;text-align:center;top:50%;transform:translateY(-50%);width:1.12rem}.bottom-navbar>a{color:#fff;font-size:.24rem!important}}.bottom-navbar{background-color:#002d88}.bottom-navbar>a{color:#fff;font-size:14px}.bottom-navbar>a:not(:last-child):before{background-color:#fff;width:2px}.game .pic{width:169px;height:auto;max-height:90px;border:2px solid #fff;}.logo{width:50px;vertical-align:middle}.logo-a{font-size:26px;color:#000}.pagination{text-align:center}.pagination ul{display:inline-block;margin-left:0;margin-bottom:0;margin-top:20px}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{margin:0 8px;float:left;padding:6px 12px;line-height:20px;text-decoration:none;color:#fff;background:#101829;border-radius:8px}.pagination ul>li>a:focus,.pagination ul>li>a:hover{color:#fff}.pagination ul>.active>a,.pagination ul>.active>span{color:#fff}.pagination ul>.active>a,.pagination ul>.active>span{cursor:default;color:#fff;font-weight:700;border-bottom:2px solid #000}.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>li>span{color:#999;background-color:transparent;cursor:default}.inherit{font-size:inherit;display:inline-block;font-weight:inherit}.active{color:#5d44eb!important;font-weight:700}.h2{display:inline-block;font-size:18px;margin:0;padding:0;position:relative;color:#eb0000d9;margin-left:12px}.vb{vertical-align:text-bottom}.mt20{margin-top:20px}.desc-text h2{margin-top:20px}.qrcode-wrapper{height:150px;width:150px}.prompt{background-color:transparent;height:150px;width:150px}.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-mflexbox;display:flex}.flex-column-center{align-items:center}.p10{padding:10px}.hr{margin-top:8px;margin-bottom:8px;margin-left:0;margin-right:0;border-width:0 0 thin;border-style:solid;border-color:#7d7d7d1f}ol{list-style-type:decimal}ol li a{text-decoration:none;color:#a48eff;font-weight:700}.desc-text ol{padding-left:2rem}@media screen and (max-width:480px){.main-center,.main-game .game-container{width:100%}#game-col{margin-top:0}.main-center{padding:0}.main-game .game-part{float:none}.logo-a{font-size:24px!important}.logo{width:28px!important}.waterfall-game .app-item{margin-left:8px;margin-right:0}.app-item{width:45%}.main-desc{margin:4px;padding:12px}.fn-right{display:none}.main-game .ready-play{margin:50px auto 0;width:268px;height:46px;font-size:18px}.large-container{padding:0 2px}.breadcrumbs-new{padding:8px 0 10px}.game-box .game{height:auto;width:48%;box-shadow:none}.footer{padding:12px 0}}
.section {
    background-color: white;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h2 {
    color: rgb(170, 76, 143);;
    margin-top: 6px;
}
.text-center{
    text-align: center;
}
.mt-10{margin-top:10px;}
ul{
    margin: 12px 0px;
}
.mt0{margin-top:0;}
.section a{
    color: #03A9F4;
}
.fullscreen-btn svg{
    display: inline-block;vertical-align: inherit;
}
#about p{padding:10px 0;}

.text-5xl {
    font-size: 2rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.btn_up{
    background-color: #aa4c8f;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    padding: 14px;
    border-radius: 7px;
    color: #fff!important;
}
.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100% !important;
    background: #efeeee;
}
.game-iframe {
    border-radius: 8px;
    box-shadow: 6px 8px 5px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:400px) {
    .text-5xl {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

.large-container{padding:0!important;} .m0{margin:0;!important;}.mb20{margin-bottom: 20px;}.pagination{clear: both;}li{margin: 10px 0;}.related-games{clear:both;}
.grid {
    display: grid;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gap-6 {
    gap: 1.5rem;
}
.abs{
    position: absolute;
    right: 58px;
    bottom: 0;
    background: transparent;
    color: #fff;
}
.iframe-warp{
    position: relative;
}
.banner span {
    font-size: .5625rem;
    line-height: 1.3333333333;
    text-align: center;
    text-transform: uppercase;
    color: #c9c9c9;
    margin-top: .3125rem;
    letter-spacing: .1em;
}
.banner{
    text-align: center;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .abs {
        right: 4px;
    }
    img{
        max-width: 360px!important;
    }
    .text-5xl {
        font-size: 1.2rem!important;
        margin-bottom:10px!important;
    }
}
