Gameplyy
Online Games

.prime-carousel-container { width: 100%; height: fit-content; white-space: nowrap; overflow-x: scroll !important; overflow-y: hidden; -webkit-overflow-scrolling: touch } .primeCarouselLi { float: none; display: inline-block !important } ::-webkit-scrollbar { display: none } .paddles button { opacity: .7 !important } h2 { color: #2f1f83 !important } @media screen and (min-width:100px) and (max-width:799px) { #ja-mainnav { max-width: 725px; font-size: .9em !important; height: 40px; max-height: 40px } } .word .inputbox { height: 30px; font-size: 16px; width: 70%; margin-bottom: 0 } .word .button { padding: 7px 10px; margin: 5px 0; font-size: 16px } .search .word label { vertical-align: middle } @media screen and (max-width:1199px) { .toggle-menu { font-size: 1.25em; padding-left: 20px } #logobanner { display: none } .menux { background-color: #fff; color: #262626; font-size: 14px !important; position: relative; left: 0; width: 100%; padding: 5px 0 5px 0; z-index: 10; max-height: 5px } } @media screen and (min-width:1200px) { .toggle-menu { display: none } #menu072 { display: none } .menux { background-color: #fff; color: #262626; font-size: 14px !important; position: relative; left: 0; width: 100%; padding: 5px 0 5px 0; z-index: 10; font-size: 1.3em } } .items-leading { padding: 0 !important } #ja-header .main-inner1 { background: #fff; font-size: 14px !important } .main .main-inner1 { margin-left: 0 !important; margin-right: 0 !important } #ja-search { border-bottom: 0 !important } #ja-top { border-left: 0 !important } .menux input[type="checkbox"] { opacity: 0; position: absolute; left: -9999px } .menux a, .menux .toggle-menux { color: #0d7811; text-decoration: none; -webkit-transition: .3s all ease; transition: .3s all ease } .menux a:hover, .menux .toggle-menux:hover { color: #e3dfe6 } .menux .toggle-menux { display: none; padding-left: 10px } .menux .toggle-menux:hover { cursor: pointer } @media screen and (max-width:1199px) { .menux .toggle-menux { display: block } .menux .nav { background: #e0ede1; position: relative; height: 100%; width: 180px; margin-top: 0; left: 0; -webkit-transition: .3s all ease; transition: .3s all ease; -webkit-transform: translateX(-340px); transform: translateX(-340px); overflow-y: auto; font-size: 18px } .menux #toggle-responsive:checked~.nav { -webkit-transform: translateX(0); transform: translateX(0) } .menux ul>li { position: relative; padding: 10px 10px 10px 40px; width: 180px; height: 40px; margin-bottom: 10px !important } } .menux label.toggle { color: transparent; position: relative } .menux label.toggle:hover { cursor: pointer } .menux label.toggle:hover:before { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #e3dfe6; border-width: 5.33333px } .menux label.toggle:before { content: ""; font-size: 16px; -webkit-transition: .3s all ease; transition: .3s all ease; position: absolute; top: 50%; left: 5px; -webkit-transform: translateY(0%) rotate(90deg); transform: translateY(0%) rotate(90deg); width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #262626; border-width: 5.33333px } @media screen and (max-width:1199px) { .menux label.toggle:before { left: 15px } } .menux ul { position: relative } .menux ul, .menux ul li { list-style: none; padding: 0; margin: 0 } .menux ul>li { position: relative; padding: 10px 10px 10px 40px } @media screen and (min-width:1200px) { .menux ul>li { display: inline; padding: 0 10px } } .menux ul>li>ul { position: absolute; top: calc(100% + 10px); left: 0; background: #eee; display: none } @media screen and (max-width:1199px) { .menux ul>li>ul { position: relative; left: -10px; background: rgba(0, 0, 0, .1); width: calc(100% + 20px) } } @media screen and (min-width:1200px) { .menux ul>li>ul>li { display: block; white-space: nowrap; height: 30px; padding: 6px 30px 6px 15px } .menux ul>li>ul>li label.toggle:before { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .menux ul>li>ul ul { left: 100%; top: 0 } } .menux ul>li input[type="checkbox"]:checked+ul { display: block } .com_content #ja-content-main { text-align: center } @media (min-width:2000px) { #ja-header .main { width: 85% !important; margin-left: 15% } #ja-container { float: left; width: 50%; margin-left: 13%; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 30%; max-width: 330px; float: left; background: #f1f7fa } } @media (min-width:1751px) and (max-width:1999px) { #ja-header .main { width: 90% !important; margin-left: 10% } #ja-container { float: left; width: 55%; margin-left: 10%; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 30%; max-width: 330px; float: left; background: #f1f7fa } } @media (min-width:1600px) and (max-width:1750px) { #ja-header .main { width: 95% !important; margin-left: 5% } #ja-container { float: left; width: 1200px; margin-left: 7%; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 330px; float: left; background: #f1f7fa } } @media (min-width:1500px) and (max-width:1599px) { #ja-header .main { width: 100% !important; margin-left: 0 } #ja-container { float: left; width: calc(100% - 600px); max-width: 700px; margin-left: 250px; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 330px; float: left; background: #f1f7fa } } @media (max-width:499px) { #ja-container { position: relative; z-index: 5; top: 0 } } @media (min-width:1420px) and (max-width:1499px) { #ja-header .main { width: 100% !important; margin-left: 0 } #ja-container { float: left; width: calc(100% - 600px); max-width: 700px; margin-left: 200px; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 330px; float: left; background: #f1f7fa } } @media (min-width:1300px) and (max-width:1419px) { #ja-header .main { width: 80% !important; margin-left: 0 } #ja-container { float: left; width: 700px; margin-left: 150px; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 330px; float: left; background: #f1f7fa } } @media (min-width:1200px) and (max-width:1299px) { #ja-header .main { width: 70% !important; margin-left: 0 } #ja-container { float: left; width: 700px; margin-left: 100px; background: #f1f7fa } .ja-content-main .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 1200px; float: left } .right { width: 330px; float: left; background: #f1f7fa } } @media (max-width:1199px) { #ja-header .main { width: 90% !important; margin-left: 2% } #ja-container { float: left; width: 100%; background: #f1f7fa } .ja-content-main .box { background: #fff; width: 100%; margin: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px; display: inline-block; max-width: 950px } .right { width: 330px; background: #f1f7fa; float: left; margin-left: calc((100% - 330px)/2) } } @media (min-width:1200px) { .top-list li.w33 { width: 33.33% !important } } @media (min-width:1601px) { .cols-2 { width: 300px !important; float: left } } @media (min-width:800px) and (max-width:1600px) { .cols-2 { float: left; width: 30% !important } } @media (max-width:799px) { .cols-2 {} } @media (min-width:100px) and (max-width:1199px) { .top-list li.w33 { width: 49% !important } } @media (min-width:100px) { .top-list { margin: 0 auto; overflow: hidden } .sublist { padding: 15px } .top-list li { width: 25%; float: left; position: relative; list-style: none } .top-list-s li a { display: block; color: #333; text-align: left; background: #fbfbfb; margin: 0 5px 0 5px; box-shadow: 0 1px 1px rgb(0 0 0 / 25%) } .authoxx { color: #333 } .dyxx {} .top-list dl { display: block; position: relative; height: 85px; padding-top: 10px; overflow: hidden; margin: 1px 0 } .top-list dl dt { float: left; width: 95px; height: 75px; text-align: center } .top-list dl dt img { width: 75px; vertical-align: middle; border: 0; color: #ccc }    .item .contentpaneopen { padding: 0 } .right .box { background: #fff; width: auto; box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-bottom: 20px } .right .box .title { background: #fbfbfb; border-bottom: 1px solid #e8e8e8; height: 55px; line-height: 55px; color: #666; font-size: 18px; padding: 0 10px; font-weight: 400; position: relative } .ja-content-main .box .title { background: #fbfbfb; border-bottom: 1px solid #e8e8e8; height: 55px; line-height: 55px; color: #666; font-size: 18px; padding: 0 10px; font-weight: 400; position: relative } .ja-content-main .box .title { background: #fbfbfb; border-bottom: 1px solid #e8e8e8; height: 55px; line-height: 55px; color: #666; font-size: 18px; padding: 0 10px; font-weight: 400; position: relative } .right .box ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 2px; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 10px; padding-top: 10px } .right .box ul li { list-style: none } .right .box .title a { color: #666; text-decoration: none } .right .index_tab .hdr { position: absolute; bottom: -1px; right: 15px } .right .index_tab .hdr li.on { border-bottom: none } .right .index_tab .hdr li { float: left; position: relative } .index_tab .hdr li.on a { border-bottom: 2px solid #24cd77; color: #24cd77 } .index_tab .hdr li a { display: block; overflow: hidden; color: #888; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; cursor: pointer; font-weight: 200 } .selectx_list { padding: 15px } .right .selectx_list li { width: auto; border-bottom: 1px solid #f2f2f2; clear: both; height: 65px; padding: 5px 5px 10px } .selectx_list li:nth-child(1) .selectx_list_number { background: url(https://static.apkpure.com/www/static/imgs/selectx_list_number.png) top center; color: red; margin-top: 25px height: 24px; background: #ccc } .selectx_list_number { float: left; width: 20px; height: 20px; background: #e7e7e7; margin-top: 27px; text-align: center; line-height: 20px; font-size: 14px; font-weight: 600 } .selectx_list dl { display: block; position: relative; height: 65px; overflow: hidden; width: 270px; float: right } .selectx_list dl dt { float: left; width: 85px; height: 75px; text-align: center } .selectx_list dl dd { color: #666; overflow: hidden; line-height: 22px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap } .w33 dl dd { color: #666; overflow: hidden; line-height: 22px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap } .selectx_list dl .title-dd a { font-size: 14px; font-weight: 600 } .bg-blue, .bg-primary { background-color: transparent !important; color: #fff } @media (min-width: 768px) { .site-footer .wrap .aboutwpbeginner { max-width: 350px; grid-column: span 1; border: none; margin: 0 40px; padding: 0; } } .title-dd { color: #2a572f; font-weight: bold } .selectx_list dl dd a { color: #666; font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .selectx_list dl .down { position: absolute; bottom: -30px; left: 85px; z-index: 1 } .right .selectx_list_more { padding: 17px 0 2px 0; text-align: center } .selectx_list_more a { color: #666 } .index-category-b { padding: 12px 8px } .index-category { padding: 10px; overflow: hidden } .index-category-b li { padding: 12px 0 } .index-category li { float: left; height: 30px; padding: 8px 0; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .index-category li a { color: #666 !important; font-size: 12px } .index-category li a i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; background: url(https://www.uptoplay.net/images/iconitos.webp?v=1) no-repeat } .index-category li { word-break: break-all; display: inline-block } .iconxreference .adventure { background-position: 0 -30px } .iconxreference .tools { background-position: 0 -1380px } .iconxreference .entertainment { background-position: 0 -810px } .iconxreference .action { background-position: 0 0 } .iconxreference .communication { background-position: 0 -720px } .iconxreference .social { background-position: 0 -1320px } .iconxreference .music-audio { background-position: 0 -1110px } .right .iconxreference .role-playing { background-position: 0 -330px } .right .iconxreference .photography { background-position: 0 -1230px } .right .iconxreference .media-video { background-position: 0 -1440px } .iconxreference .arcade { background-position: 0 -60px } .iconxreference .casual { background-position: 0 -180px } .iconxreference .personalization { background-position: 0 -1200px } .iconxreference .strategy { background-position: 0 -420px } .iconxreference .productivity { background-position: 0 -1260px } .iconxreference .game_sports { background-position: 0 -390px } .iconxreference .simulation { background-position: 0 -360px } .iconxreference .education { background-position: 0 -780px } .iconxreference .racing { background-position: 0 -300px } .iconxreference .lifestyle { background-position: 0 -1020px } .iconxreference .book-reference { background-position: 0 -630px } .iconxreference .music { background-position: 0 -240px } .iconxreference .puzzle { background-position: 0 -270px } .iconxreference .shopping { background-position: 0 -1290px } .iconxreference .card { background-position: 0 -120px } .iconxreference .business { background-position: 0 -660px } .iconxreference .casino { background-position: 0 -150px } .iconxreference .health-fitness { background-position: 0 -930px } .iconxreference .sports { background-position: 0 -1350px } .iconxreference .travel-local { background-position: 0 -1410px } } @media screen and (min-width:800px) { .cols-4 .item, .cols-5 .item { width: 23% !important; margin: 0 1%; float: left } } @media screen and (max-width:720px) { #langx a { display: none } #langx { width: 180px !important } } ul.pagenav li a { color: #000 !important; background: #eee } ul.pagenav li { background: #eee } h3 { color: #000 } h2 { margin-top: 3px !important } .css-1la1o8y, .css-1la1o8yTop { height: unset !important } .addin { text-align: center; min-height; 300px; max-height: 300px; padding-top: 120px; padding-bottom: 120px; width: 100%; min-width: 100%; background: #000 } .contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important } @media screen and (min-width:800px) { #ja-content, .ja-frontpage #ja-content { width: 100% } } .item-page { text-align: left } #ja-container-prev-0 { width: 100% } @media screen and (min-width:1200px) { #ja-mainnav { height: 40px; max-height: 40px; width: 1200px; max-width: 1200px } .menux ul>li { padding-left: 3px !important } .menux ul>li>ul>li { display: block; white-space: nowrap; height: 30px; padding: 6px 30px 6px 15px; margin: 0; width: 160px !important } } @media (min-width:100px) { #productfeatures { width: 250px; columns: 1; -webkit-columns: 1; -moz-columns: 1; border-bottom: solid } } @media (min-width:500px) { #runonline { width: 400px; columns: 2; -webkit-columns: 2; -moz-columns: 2; border-bottom: solid } } @media (max-width:500px) { #androidyy { display: none } #apkyy { display: none } .bg-blue, .bg-primary { background-color: transparent !important; color: #fff } } ul.pagenav li a { color: #fff } .searchx { box-sizing: border-box } #searchFormx input[type="text"] { padding: 10px; font-size: 17px; border: 1px solid gray; float: left; width: 65%; margin-left: 16%; background: #f1f1f1; height: 40px } #searchFormx button { float: left; height: 40px; width: 50px; min-width: 50px; padding: 5px; color: #fff; font-size: 17px; border: 1px solid gray; border-left: none; cursor: pointer; box-sizing: border-box } #searchFormx button:hover { background: #24cd77 } #ja-search .search-btn { display: none } .css-1la1o8y, .css-1la1o8yTop { padding-bottom: 8px; margin-bottom: -4px } .css-18689kv { padding-left: 0 !important; min-height: 15px } .css-18689kv .carouselTitle { line-height: 1 !important; padding-left: 12px; font-size: 14px !important; margin: 0 } h2 { font-size: .875rem } .css-1la1o8y li.primeCarouselLi, .css-1la1o8y .skeleton { width: 128px; height: 112px } .css-1la1o8yTop li.primeCarouselLiTop, .css-1la1o8yTop .skeleton { width: 220px; height: 220px } .css-lpurl3 li.primeCarouselLi { list-style: none; display: inline-block; box-sizing: border-box; scroll-snap-align: center; vertical-align: middle; position: relative; padding-left: 0; margin-left: 10px; margin-right: 5px; overflow: unset } .css-lpurl3 li.primeCarouselLiTop { list-style: none; display: block; box-sizing: border-box; scroll-snap-align: center; vertical-align: middle; position: relative; padding-left: 0; margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 20px; overflow: unset; float: left } .css-1la1o8y, .css-1la1o8yTop { padding: 0; margin: 0; content-visibility: auto; contain-intrinsic-size: 171px; contain: layout paint; padding-left: 0; overflow: hidden; margin-top: 0; position: relative; height: 153px } .css-18689kv { padding-left: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100% } .css-18689kv .carouselTitle { -webkit-align-self: flex-end; -ms-flex-item-align: flex-end; align-self: flex-end; padding-right: 14px; padding-bottom: 0; color: #fff !important } .css-1nehx92 { position: relative; overflow-y: hidden; z-index: 2 } .css-lpurl3 { margin-block-end: 0; padding: 10px 8px; overflow: hidden; width: 100%; white-space: nowrap; list-style: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); scroll-padding: 50px 50px 50px 50px; -ms-overflow-style: none; scrollbar-width: none; margin: 0 } #prime-carousel ul, #prime-carouselTop ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 40px } .css-1daj25a { border-radius: calc(8px + 2px); border-width: 0; border-style: solid; border-color: transparent; box-sizing: border-box; display: block; position: relative; z-index: 0; -webkit-transition: -webkit-transform .1s cubic-bezier(.5, 0, .1, 1); transition: transform .1s cubic-bezier(.5, 0, .1, 1); transition-delay: 0s; background-color: rgba(255, 255, 255, .07); -webkit-background-clip: content-box; background-clip: content-box; margin-left: 0; margin-top: 0; width: 100%; height: 100%; position: relative } .css-1daj25a .gameThumbTitleContainer { color: #fff; position: absolute; bottom: 5px; margin-bottom: 0; margin-left: 7px; z-index: 4; font-size: 11.2px; font-weight: 700; width: 114px; height: 20px; overflow: hidden; background: #222; padding: 0 0 0 15px } .css-1daj25a .GameThumbImage { -webkit-transition: opacity .3s cubic-bezier(.5, 0, .1, 1); transition: opacity .3s cubic-bezier(.5, 0, .1, 1); transition-delay: 8ms; z-index: 1; border-radius: 8px; position: absolute; bottom: 0; width: 128px; height: 128px; color: transparent; border: 3px solid #fff } .css-1daj25a .GameThumbImageTop { -webkit-transition: opacity .3s cubic-bezier(.5, 0, .1, 1); transition: opacity .3s cubic-bezier(.5, 0, .1, 1); transition-delay: 8ms; z-index: 1; border-radius: 8px; position: absolute; bottom: 0; width: 220px; height: 220px; color: transparent; border: 5px solid #fff } .stpdwrapper>iframe { top: unset } #boxes { height: 720px; width: 100% } #leftbox { float: left; height: 720px } #middlebox { width: calc(100% - 360px); float: left; height: 660px; overflow: hidden } #rightbox { float: left; height: 720px; overflow: hidden } #rightbox2 { float: right; height: 540px; overflow: hidden } @media screen and (max-width:719px) { #leftbox { display: none } #middlebox { width: calc(100% - 0px); float: left } #rightbox { display: none } #rightbox2 { display: none } } @media screen and (min-width:720px) and (max-width:919px) { #leftbox { display: none } #middlebox { width: calc(100% - 0px); float: left } #rightbox { display: none } #rightbox2 { display: none } } @media screen and (min-width:920px) and (max-width:1080px) { #leftbox { display: none; width: 180px } #middlebox { width: calc(100% - 0px); float: left } #rightbox { display: none; float: left; width: calc(100% - 850px); margin-left: 0 } #rightbox2 { display: none } } @media screen and (min-width:1081px) { #leftbox { display: block; width: 180px } #rightbox { display: block; float: left; width: 180px; margin-left: 0 } #rightbox2 { display: block; float: right; width: calc(100% - 1000px); margin-left: -60px; margin-top: 40px } } .bar { position: relative; width: 470px; height: 720px; margin: auto 0 auto 50px; background: #000 } .bar p { position: absolute; top: calc(30% + 20px); right: -85px; text-transform: uppercase; color: #000; font-family: helvetica, sans-serif; font-weight: bold } @-webkit-keyframes move { 0% { left: 0; } 50% { left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px; } 75% { left: 100%; -webkit-transform: rotate(450deg); width: 150px; height: 150px; } 100 { right: 100%; } } @media (min-width:100px) { #productnew { width: 250px; columns: 1; -webkit-columns: 1; -moz-columns: 1; border-bottom: solid } } h1 a { color: #fff } h1 a:hover { color: inherit !important; text-decoration: none !important } footer a:link, a:visited { color: #fff !important } .site-links { color: #fff } .our-sites { color: #fff } .paddles {} .paddle { position: absolute; top: 0; bottom: 0; width: 3em; margin-bottom: 15px; opacity: .5 } .left-paddle { left: 0 } .right-paddle { right: 0 } .hidden { display: none } .print { margin: auto; max-width: 500px; span { display: inline-block; width: 100px; } } .prime-carousel ul li a:hover img { transform: scale(1.15); box-shadow: 0 0 20px rgba(0, 0, 0, .5); border: 3px solid #fff; transition: .5s } .prime-carouselTop ul li a:hover img { transform: scale(1.08); box-shadow: 0 0 20px rgba(0, 0, 0, .5); border: 5px solid #fff; transition: .5s }

Gameplyy Online Games

Gameplyy
Online Games