*,*::before,*::after {margin:0;padding:0;box-sizing:border-box;;}
@font-face {font-family:'Poppins';src:url('../fonts/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;}
@font-face {font-family:'Poppins';src:url('../fonts/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;}

body {font-family:'Poppins',sans-serif;}
ul,ol {list-style:none;}
a {text-decoration:none;color:#000;}
button,input,textarea {border:none;outline:none;}
img {border-style:none;}
.clearfix::after {content:"";display:table;clear:both;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-wrap-3 {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
main {max-width:1200px;margin:0 auto;padding:0 5px;}
.mainBox {padding:20px;background-color:#fff;border-radius:10px;margin:10px 0;}
.gamesUl-title {color:#333;font-size:22px;font-weight:bold;margin:20px 0;padding:0;text-align:center;}
@media (max-width:600px) {.cool-title {font-size:2em;;}
;}
.mainBox h3 {margin:16px 0;}
.mainBox p {color:#444444;}
.footerlist {width:100%;background-color:#fff;padding:10px;margin:20px 0 0 0;list-style:none;height:100%;overflow:hidden;position:relative;transition:all 0.3s ease-in-out;will-change:transform;}
.footertitle {max-width:1200px;margin:0 auto;font-size:18px;font-style:normal;font-weight:600;line-height:24px;color:#000;padding:10px;}
.footertitle p:nth-of-type(1) {color:#666;margin-bottom:0;color:#666;font-family:"Nunito",sans-serif;font-size:22px;font-weight:800;letter-spacing:0;margin-bottom:10px;margin-top:0;}
.footertitle p:nth-of-type(2) {color:#666;font-size:13px;font-weight:normal;letter-spacing:0;line-height:22px;}
.logo-text {height:100%;display:flex;justify-content:center;align-items:center;}
.logo-text text {font-size:20px;}
.tag-content {display:flex;justify-content:center;margin:20px;min-height:100px;background-color:#f3f4f5;}
:root {
  --font-color-deep: #000;
  --header-height: 120px;
  --primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--font-size:22px;--font-height:1.5;}
.style1 {font-family:'Helvetica Neue',sans-serif;font-size:var(--font-size);color:#333;padding:10px;border-radius:4px;line-height:var(--font-height);}
.style2 {font-family:'Times New Roman',serif;font-size:var(--font-size);color:#5a5a5a;line-height:var(--font-height);}
.style3 {font-family:'Arial',sans-serif;font-size:var(--font-size);color:#000;padding:8px 15px;text-transform:uppercase;line-height:var(--font-height);}
.style4 {font-family:'Lucida Handwriting',cursive;font-size:var(--font-size);color:#8a2be2;padding:5px;line-height:var(--font-height);}
.style5 {font-family:'Courier New',monospace;font-size:var(--font-size);color:black;padding:10px;border-radius:3px;line-height:var(--font-height);}
.style6 {font-family:'Roboto',sans-serif;font-size:var(--font-size);background:linear-gradient(45deg,#ff9a9e,#fad0c4);color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:var(--font-height);}
.style7 {font-family:'Open Sans',sans-serif;font-size:var(--font-size);color:#333;text-shadow:1px 1px 2px #aaa;line-height:var(--font-height);}
.style15 {font-family:'Roboto Condensed',sans-serif;font-size:var(--font-size);color:#34495e;text-shadow:2px 2px 3px rgba(0,0,0,0.3);line-height:var(--font-height);}
.style17 {font-family:'Merriweather',serif;font-size:var(--font-size);color:#2c3e50;font-style:italic;line-height:var(--font-height);}
.style18 {font-family:'PT Sans',sans-serif;font-size:var(--font-size);line-height:var(--font-height);color:#7f8c8d;padding:3px 10px;border-radius:3px;}
.style19 {font-family:'Raleway',sans-serif;font-size:var(--font-size);color:#16a085;font-weight:bold;line-height:var(--font-height);}
.style20 {font-family:'Ubuntu',sans-serif;font-size:var(--font-size);background:linear-gradient(to right,#fbc2eb,#a18cd1);-webkit-background-clip:text;color:transparent;font-weight:600;line-height:var(--font-height);}
.text-style-1 {font-size:var(--font-size);line-height:var(--font-height);color:#3498db;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.text-style-2 {font-size:var(--font-size);line-height:var(--font-height);color:#9b59b6;text-shadow:1px 1px 2px rgba(155,89,182,0.8);}
@keyframes blink-text {50% {opacity:0;}
;}
.text-style-4 {font-size:var(--font-size);line-height:var(--font-height);color:#f1c40f;text-shadow:0 1px 0 #fff,0 2px 0 #aaa,0 3px 0 #e4e4e4,0 4px 0 #bbb,0 5px 0 #bcbcbc;}
.text-style-5 {font-style:italic;font-size:var(--font-size);line-height:var(--font-height);color:#2ecc71;text-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.text-style-6 {font-size:var(--font-size);line-height:var(--font-height);color:#95a5a6;-webkit-text-stroke:1px #34495e;}
.text-style-7 {font-size:var(--font-size);line-height:var(--font-height);color:#3498db;text-shadow:2px 2px 1px #aaa;}
.text-style-8 {font-size:var(--font-size);line-height:var(--font-height);background:-webkit-linear-gradient(45deg,#ff9a9e,#fad0c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;}
.text-style-10 {font-size:var(--font-size);line-height:var(--font-height);color:#f39c12;animation:bounce-text 2s infinite;}
.text-style-11 {font-size:var(--font-size);line-height:var(--font-height);color:#d35400;}
.text-style-12 {font-family:'Lucida Handwriting',cursive;font-size:var(--font-size);line-height:var(--font-height);color:#16a085;}
.text-style-13 {font-size:var(--font-size);line-height:var(--font-height);color:#8e44ad;font-stretch:condensed;}
.text-style-14 {font-size:var(--font-size);line-height:var(--font-height);color:#27ae60;font-stretch:expanded;}
.text-style-15 {font-size:var(--font-size);line-height:var(--font-height);color:#2980b9;font-weight:900;}
.text-style-16 {font-size:var(--font-size);line-height:var(--font-height);color:#e67e22;font-weight:100;}
.text-style-19 {font-size:var(--font-size);line-height:var(--font-height);color:#9b59b6;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #9b59b6,0 0 40px #9b59b6,0 0 80px #9b59b6;}
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Roboto:wght@300;700&display=swap');.text-style-21 {font-family:'Lobster',cursive;font-size:32px;color:#8e44ad;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.text-style-22 {font-family:'Roboto',sans-serif;font-weight:300;font-size:20px;color:#34495e;letter-spacing:1px;}
.text-style-23 {font-size:28px;background:linear-gradient(to right,#ff7e5f,#feb47b);-webkit-background-clip:text;color:transparent;font-weight:bold;}
@keyframes twinkle {50% {opacity:0.5;}
;}
.text-style-24 {font-size:24px;color:#fff;animation:twinkle 0.5s infinite alternate;text-shadow:0 0 8px #09c;}
.text-style-25 {font-size:22px;color:#ff7e5f;text-shadow:0 3px 10px rgba(0,0,0,0.5);}
.text-style-26 {font-size:26px;-webkit-text-stroke:1px #3498db;color:#3498db;font-weight:bold;}
.text-style-31 {font-size:32px;background-image:linear-gradient(to right,violet,indigo,blue,green,yellow,orange,red);-webkit-background-clip:text;color:transparent;animation:rainbow 10s linear infinite;}
@keyframes rainbow {0% {background-position:0 0;}
100% {background-position:100% 0;}
;}
.text-style-33 {font-size:22px;color:#3498db;font-stretch:condensed;font-weight:bold;}
.text-style-34 {font-style:italic;font-size:20px;color:#2c3e50;text-decoration:underline;text-underline-offset:5px;}
.text-style-35 {font-family:'Lobster',cursive;font-size:28px;color:#e74c3c;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.text-style-36 {font-weight:100;font-size:24px;color:#9b59b6;text-shadow:0 0 5px rgba(155,89,182,0.8);}
.text-style-37 {font-size:22px;-webkit-text-stroke:2px #f39c12;color:#f39c12;font-weight:bold;}
.text-style-38 {font-family:'Roboto',sans-serif;font-weight:100;font-size:18px;background:linear-gradient(to right,#9c27b0,#e91e63);-webkit-background-clip:text;color:transparent;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.text-style-39 {font-family:'Lobster',cursive;font-size:32px;color:#fff;text-shadow:0 0 10px rgba(255,0,0,0.7),10px -10px 0 rgba(255,255,0,0.5);}
.gamelist-title-common {text-align:center;font-size:3rem;padding:15px;}
@media screen and (max-width:768px) {.gamelist-title-common {font-size:1.5rem;}
;}
.glow {color:white;text-align:center;animation:glow 1s ease-in-out infinite alternate;}
@keyframes glow {from {text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #9bf1ff,0 0 20px #9bf1ff,0 0 25px #9bf1ff,0 0 30px #9bf1ff,0 0 35px #9bf1ff;}
to {text-shadow:0 0 10px #fff,0 0 20px #9bf1ff,0 0 30px #9bf1ff,0 0 40px #9bf1ff,0 0 50px #9bf1ff,0 0 60px #9bf1ff,0 0 70px #9bf1ff;}
;}
.flip {perspective:1000px;transform-style:preserve-3d;transition:transform 1s;}
.flip:hover {transform:rotateY(180deg);}
.stroke {-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;color:white;}
.wave {display:inline-block;position:relative;color:#060c2a;font-size:2em;animation:wave-animation 1s ease-in-out infinite alternate;}
@keyframes wave-animation {to {transform:translate3d(-20px,0,0);}
;}
.blink {animation:blinker 1s linear infinite;}
@keyframes blinker {50% {opacity:0;}
;}
.bounce {animation:bounce 1s infinite;}
@keyframes bounce {0%,20%,50%,80%,100% {transform:translateY(0);}
40% {transform:translateY(-30px);}
60% {transform:translateY(-15px);}
;}
.glitter {color:#fff;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
@keyframes gradient {0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
;}
.pulse {overflow:hidden;position:relative;}
.pulse::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);animation:pulse 1.5s infinite;}
@keyframes pulse {100% {left:100%;}
;}
.gradient-text {font-size:3em;color:#4d4b4b;-webkit-text-stroke:2px #000;text-stroke:2px #000;text-shadow:4px 4px 6px rgba(0,0,0,0.2);}
.flash-text {animation:flash-animation 1s infinite alternate;}
@keyframes flash-animation {from {opacity:1;}
to {opacity:0.2;}
;}
.underline-animate {position:relative;display:inline-block;}
.underline-animate::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333;transform:scaleX(0);transition:transform 0.3s ease-in-out;}
.underline-animate:hover::after {transform:scaleX(1);}
.typewriter {overflow:hidden;white-space:nowrap;border-right:2px solid;animation:typing 3.5s steps(30,end),blink-caret 0.5s step-end infinite;}
@keyframes typing {from {width:0;}
to {width:100%;}
;}
@keyframes blink-caret {50% {border-color:transparent;}
;}
.jumping-shadow {color:#fff;text-shadow:0 0 5px #000,0 0 10px #000,0 0 20px #000,0 0 30px #e60073,0 0 40px #e60073;animation:jumping 1s infinite;}
@keyframes jumping {0%,100% {transform:translateY(0);}
50% {transform:translateY(-10px);}
;}
.wave-text {display:inline-block;font-size:3em;animation:wave-animation 2s infinite linear;}
@keyframes wave-animation {0%,100% {transform:translateY(-2%);}
50% {transform:translateY(2%);}
;}
.glitter-bg {font-size:3em;background:linear-gradient(45deg,#000,#f4f5f6);background-size:300% 300%;animation:move-bg 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
@keyframes move-bg {0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
;}
.slide-in-text {overflow:hidden;white-space:nowrap;font-size:3em;animation:slide-in 5s steps(30,end) forwards;}
@keyframes slide-in {0% {transform:translateX(-100%);}
100% {transform:translateX(0);}
;}
.header {width:100%;padding:10px 0;}
.headerlist {max-width:1150px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;}
.search {height:40px;display:flex;align-items:center;background-color:#fff;border-radius:20px;}
.search button,input {border:none;background-color:transparent;outline:none;height:100%;}
.search input {padding-left:10px;width:150px;}
.search button {width:60px;flex-shrink:0;}
.headerlogo {margin-right:5px;}
li,a {list-style-type:none;text-decoration:none;color:#fff;}
.nav-content {display:flex;flex-wrap:nowrap;height:80px;justify-content:flex-start;justify-content:center;margin-top:20px;}
.nav-item a:hover>span {background:rgba(56,56,56,0.7);}
.nav-item a {color:#fff !important;width:150px;height:80px;position:relative;display:flex;background-image:none;background-color:#5a5a5a;margin-right:10px;border-radius:8px;overflow:hidden;}
.nav-item a:hover .nav-icon {transform:scale(1.1);}
.nav-item svg {width:100%;height:80%;text-align:center;border-radius:8px;transition:all 0.4s ease;}
.nav-item a>span {width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:8px;padding:0 4px;}
.nav-item a:hover>span {border:3px solid;}
.nav-item .game-name {text-align:center;font-size:18px;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:16px;}
.nav-item .nav-icon {width:100%;display:flex;align-items:center;justify-content:center;}
@media screen and (max-width:768px) {.nav-content {overflow-y:scroll;justify-content:start;padding:0 20px;}
.nav-item a {width:90px;height:60px;}
.nav-item .game-name {font-size:14px;}
;}
.element::-webkit-scrollbar {width:12px;    height:12px;;}
.element::-webkit-scrollbar-thumb {background-color:#ccc;    border-radius:6px;;}
.element::-webkit-scrollbar-track {background-color:#f1f1f1;    border-radius:6px;;}
body {font-family:'Poppins',sans-serif;}
.columns {display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));  grid-auto-flow:row;  padding:0 10px;box-sizing:border-box;}
.column {width:100%;  border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);overflow:hidden;}
.column:hover img {transform:scale(1.05);transition:transform 0.3s ease-in-out;}
.column img {border-radius:2px;display:block;width:100%;height:150px;object-fit:cover;}
.column a {display:block;font-size:13px;position:relative;}
.column .game-other {display:flex;align-items:center;}
.percent {background-color:#5cb85c;border-radius:0.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:0.2em 0.6em 0.3em;text-align:center;vertical-align:baseline;white-space:nowrap;}
.jugo {border-radius:0.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:0.2em 0.6em 0.3em;text-align:center;vertical-align:baseline;white-space:nowrap;background-color:#337ab7;margin-left:10px;}
.game-other {margin-top:10px;}
.game-name {padding:10px;font-size:12px;text-shadow:0px 0px 10px rgba(255,255,255,0.35);text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.nav-content .game-name{color:#dc31a7;overflow: visible;}
@media (max-width:768px) {.columns {grid-template-columns:repeat(2,minmax(100px,1fr));grid-gap:15px;}
.info {justify-content:center !important;flex-direction:column;margin-top:0 !important;padding:0 !important;}
.xiai {width:100%;justify-content:center;margin-top:10px;}
.game-basic {width:100%;justify-content:center;}
.play {width:100%;justify-content:center;margin-bottom:10px;}
;}
.xiai {display:flex;align-items:center;}
.xiai div {display:flex;align-items:center;font-size:12px;font-weight:500;color:#3d3d4e;margin:0 5px;}
.info {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px;padding:10px;box-sizing:border-box;}
.game-basic {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:12px;font-weight:500;color:#3d3d4e;width:98%;}
.random {position:absolute;top:0;right:0;font-size:12px;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:5px;border-radius:0px;}
.pathname {position:absolute;bottom:0;left:0;font-size:12px;font-weight:500;color:#3d3d4e;display:flex;width:100%;justify-content:center;align-items:center;box-sizing:border-box;height:40px;background-image:linear-gradient(-180deg,rgba(30,30,30,0),rgba(0,0,0,0.78) 98%);color:#fff;font-family:"Mona Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.2s ease-in-out;z-index:2;opacity:0;}
.column:hover .pathname {opacity:1;}
.image {position:relative;}
.play {outline:0;border:0;background-color:#46ccc5;color:#1f1c1a;font:0.75em / 1 Poppins;font-weight:700;padding:0 0.25em;text-transform:uppercase;overflow:hidden;transition:all 0.2s;border-radius:4px;cursor:pointer;padding:5px;display:flex;align-items:center;color:#fff;}
.play .icon {padding-right:5px;}

footer.page-footer {margin:0;}
a {color:var(--font-color-deep);list-style:none;text-decoration:none;margin:0 10px;}
a:hover {text-decoration:underline;}
ul {list-style-type:none;padding:0;}
@media only screen and (min-width:993px) {.container {width:70%;}
;}
footer section {margin:0 auto;max-width:1280px;width:100%;position:relative;border-radius:16px;margin-bottom:16px;background-color:#fff;}
.gamelist-title {padding:16px 16px 0;width:calc(100% - 32px);line-height:22px;}
.flex {display:flex;}
.gamelist-title .list-title-img {margin-left:4px;}
.gamelist-title h2 {font-size:18px;font-weight:700;border-bottom:1px solid rgba(116,116,116,.26);width:100%;display:block;padding-bottom:12px;margin-top:4px;margin-right:4px;margin-left:10px;}
.gamelist-title h2 span {display:inline;border-bottom:3px solid #000;padding-bottom:11px;}
.gamelist-title .right {position:absolute;right:12px;}
.gamelist-title .right img {width:18px;height:18px;vertical-align:top;margin-top:2px;margin-left:4px;}
.main-gamelist-item {background:#fff;border-radius:16px;margin-bottom:16px;margin:0 auto;max-width:94%;width:100%;position:relative;display:flex;margin-top:14px;}
.gamelist-common {width:100%;}
.gamelist {display:flex;flex-wrap:wrap;}
.main-gamelist-item p {font-size:16px;line-height:22px;margin-top: 15px;}
.flex {display:flex;}
.footer-bottom {background:transparent;justify-content:space-between;align-items:center;margin:0 auto;max-width:1250px;width:100%;padding: 0 10px;}
.footer-bottom ul{margin: 15px 0;}
@media (max-width:992px) {.main-gamelist-item {flex-wrap:wrap;max-width:calc(100% - 24px);margin:0 auto;}
;}
@media (max-width:992px) {.gamelist-title {padding:8px 16px 0 12px;width:calc(100% - 24px);margin-bottom:8px;position:relative;padding:8px 8px 0 !important;}
.main-gamelist-item p {font-size:16px;}
.search input { padding-left: 5px; width: 100px; }
;}


#search-btn{cursor: pointer;}
.hot{background:#e53b3b;color: #fff;}
.recommend{background:#60bc0f;color: #fff;}
.site-logo { height: 40px; width: auto; max-width: 220px; }
.header{background:#dc31a7;}
.footer-bottom-box{background-color: #f5b4db;}

@media screen and (max-width:768px) {
  .site-logo { height: 35px; width: auto; max-width: 170px; }
  .column img{height: 140px;}
}