body,
html {
margin: 0;
padding: 0;
}
a,
abbr,
acronym,
address,
blockquote,
button,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
label,
legend,
li,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
border: 0;
font-family: Arial, sans-serif, serif;
font-size: 100%;
font-style: normal;
font-weight: 400;
line-height: 1;
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 none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
*zoom: 1;
display: inline-block;
*display: inline;
}
audio:not([controls]) {
display: none;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
*overflow: visible;
}
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;
}
.text-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: none;
}
a {
text-decoration: none;
}
img {
color: #000;
font-size: 0;
}
@media screen and (min-width: 872px) {
.header {
align-items: center;
background-color: #fff;
box-shadow: 0 3px 3px rgba(19, 37, 160, 0.36);
display: flex;
height: 50px;
}
.header .icon-mnav {
display: none;
}
.header .nav {
cursor: pointer;
margin-left: 20px;
}
.header .logo {
height: 90%;
margin-left: 26px;
width: auto;
}
.header .buttons {
display: flex;
margin-left: 16px;
}
.header .buttons .appsbtn,
.header .buttons .gamebtn,
.header .buttons .quizbtn {
background-color: #7863fb;
border-radius: 10px;
color: #fff;
display: block;
font-size: 14px;
font-weight: 600;
height: 32px;
line-height: 32px;
text-align: center;
transition: all 0.3s ease-out;
width: 80px;
}
.header .buttons .appsbtn {
background-color: #31bacd;
margin-left: 16px;
}
.header .buttons .quizbtn {
background-color: #358fff;
margin-left: 16px;
}
.header .buttons .appsbtn:hover,
.header .buttons .gamebtn:hover,
.header .buttons .quizbtn:hover {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.header .install {
align-items: center;
background: linear-gradient(
267deg,
#5bd8f9 14.4%,
#5786fb 52.49%,
#c776fd 84.72%
);
border-radius: 10px;
color: #fff;
cursor: pointer;
display: flex;
display: none;
font-size: 14px;
font-weight: 600;
height: 32px;
padding: 0 12px 0 10px;
position: absolute;
right: 20px;
transition: all 0.3s ease-out;
}
.header .install:hover {
transform: scale(1.1);
}
.content,
.main {
position: relative;
}
.wrapper {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 26px;
}
.title {
color: #040914;
display: flex;
font-size: 20px;
font-weight: 700;
line-height: 40px;
margin: 20px 0 12px;
position: relative;
text-indent: 12px;
}
.title .titleicon {
background-color: #fe4358;
border-radius: 50%;
display: flex;
height: 40px;
justify-content: center;
width: 40px;
}
.title .line {
background-color: #d2ddea;
content: "";
height: 1px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 584px;
}
.c-2 {
display: flex;
margin-top: 52px;
}
.ads-title {
color: #536bc2;
font-size: 12px;
text-align: center;
}
.ads10 {
display: none;
margin-left: 20px;
margin-top: 10px;
width: 336px;
}
.ads10 .ads-10 {
background-color: #fff;
height: 280px;
}
.ads20 {
margin: 20px auto 0;
width: 728px;
}
.ads20 .ads-20 {
background-color: #fff;
height: 90px;
}
.ads30 {
margin-top: 20px;
}
.ads30 .ads-30 {
background-color: #fff;
height: 200px;
}
.adsContent {
width: 300px;
}
.adsContent .ads40 .ads-40 {
background-color: #fff;
height: 200px;
}
.adsContent .ads50 {
margin-top: 10px;
position: sticky;
top: 0;
}
.adsContent .ads50 .ads-50 {
background-color: #fff;
height: 600px;
}
.ads60 {
margin: 20px 150px 0;
}
.ads60 .ads-60 {
background-color: #fff;
height: 300px;
}
.ads70 {
display: none;
}
.ads80 {
margin-top: 20px;
}
.ads80 .ads-80 {
background-color: #fff;
height: 200px;
}
.playnow {
background-color: #fff11f;
background-position: 0 0;
border-radius: 10px;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16), inset 0 -4px #bb6100;
color: #be7000;
display: block;
font-size: 26px;
font-weight: 600;
height: 60px;
line-height: 60px;
position: absolute;
right: 0;
text-align: center;
width: 240px;
z-index: 1;
}
.play-top {
align-content: center;
display: flex;
justify-content: center;
width: 100%;
}
.play-top .playnow {
position: relative;
width: 100%;
}
.play-top .playnow .text,
.play-top .playnow.loadingend:before {
display: none;
}
.play-top .playnow.loadingend .text {
display: inline;
}
.play-top .playnow:before {
-webkit-animation: amt_comments_loading 0.6s linear infinite;
animation: amt_comments_loading 0.6s linear infinite;
border: 4px solid #fff;
border-radius: 50%;
border-top-color: #157dff;
content: "";
display: block;
height: 20px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
}
@keyframes amt_comments_loading {
0% {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(359deg);
}
}
.c-1 {
margin: 0 auto;
}
.c-1 .titile {
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 6px;
display: inline-block;
height: 34px;
position: relative;
}
.c-1 .titile .icon-back {
left: 0;
position: absolute;
top: 5px;
}
.c-1 .titile .titllename {
color: #717d94;
font-size: 16px;
line-height: 34px;
padding: 0 10px 0 50px;
position: relative;
}
.c-1 .titile .titllename .back {
color: #c9c9c9;
font-size: 16px;
}
.c-1 .titile .back:hover {
color: #717d94;
}
.c-1 .titile .titllename:before {
background-color: #d6d6d6;
content: "";
height: 34px;
left: 38px;
position: absolute;
top: 0;
width: 1px;
}
.c1Content {
border-radius: 8px;
display: flex;
height: 88px;
margin-left: 50px;
margin-top: 16px;
position: relative;
z-index: 2;
}
.c1Content .c1Title {
align-items: center;
background-color: #7863fb;
border-radius: 10px;
color: #fff;
display: flex;
font-size: 20px;
height: 102px;
margin-left: -52px;
position: relative;
text-align: center;
width: 102px;
}
.c1Content .c1Title:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABmCAYAAABWbrhPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3MDhFQjdCMDJDQzExRUY5QjI1ODFEN0REM0ZBM0M0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3MDhFQjdDMDJDQzExRUY5QjI1ODFEN0REM0ZBM0M0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDcwOEVCNzkwMkNDMTFFRjlCMjU4MUQ3REQzRkEzQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwOEVCN0EwMkNDMTFFRjlCMjU4MUQ3REQzRkEzQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7l9UX8AAACTUlEQVR42uzbSyuEURwG8GOykqXyCSzsLHwC2dja+AC2tmo2PoKFBV9COicUEiOXQu4JyTXXRqZkcsllPP/mKDF4Z7znfZ+T+dez8F5Ov87JMefMUZFsf8opjsoie8gQ0oNcv99IKJ6qRhqQLmQHaWJEfqwa26N1zEipKqSPHSnVjNSzI6VafEA2+oCs9QH57APy0gfkmQ/IJXbkCzLFjpxBMuxI48OfRXrkCnLMjjTsnyelNDtSlhGb7Ejz8YcE+1CzIi+ReXbkIPLKjtSfL7Ahb5AUO3IEeWRH6kIXmZCPtiepkRPILTtSf3eDBflq50dq5BySZkean26WkQFrHTlgR5rfHigjA9QhssaONEEeKiN/qbSdxKmRwyq/a0aNNEEfjAsp3yOOsyNHkQd2pCnm4TiQT/aXhhqZsktXaqQu9oWokT8uE1iQi8g5O1KX8lLUSMOO3EJ22ZG61BcT7EMdJfIEWWZHSi/mfEAqZmQGmWZHynGuZ3ak+WsDrpF3yBg7UoD37EgTRiMukUUvE+JATtvphxppwmrIFTLnA3IJOWVHmjAbc4XU7EhZImyzI03YDSbYh9oF8txuAFAjv5xEYURqF1NFmMiCJ1HYkMP2kw810ihHFRZSNulH2ZHydUeWHelsqMNCvti1NTVyFrliRzod6n+DXEWO2JHOe/FfIPeRDXZkJL34V2Q/O1L+DWWBGSlbKJ0qwioF2Y1MMiMHkKSKuIpB9iJtKuCBo6iRMh+2Ih1xAKUqC1yTQ+kXKr9912+HOBbce70JMADWH4OVcq8lRAAAAABJRU5ErkJggg==);
content: "";
height: 100%;
position: absolute;
right: -32px;
top: 0;
width: 41px;
}
.c1Content .c1Gamelist {
display: flex;
margin-left: 50px;
}
.c1Content .c1Gamelist .topgame {
margin-right: 12px;
}
.c1Content .c1Gamelist .topgame .picbox {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 102px;
overflow: hidden;
width: 102px;
}
.c1Content .c1Gamelist .topgame:hover {
animation: tag_ro 0.5s linear 0s 1 normal none running;
}
.c1Content .c1Gamelist .topgame:hover img {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.c1Content:after {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.1);
content: "";
height: 88px;
left: 0;
position: absolute;
top: 30px;
width: 100%;
z-index: -1;
}
.info2 {
margin: 0 16px;
}
.infobox {
display: flex;
flex-wrap: wrap;
}
.Description .title .line {
width: 660px;
}
.Description .gamtext {
height: auto;
width: 850px;
}
.Description .gamtext .text-warp {
height: 110px;
overflow: hidden;
}
.Description .gamtext .text-warp .text {
color: #27415b;
font-size: 16px;
}
.Description .gamtext .text-warp .text p {
line-height: 1.5;
margin-top: 5px;
}
.Description .gamtext .text-warp.auto {
height: auto;
}
.Description .gamtext .showmore {
align-items: center;
background-color: #e6f1ff;
border-radius: 10px;
color: #93b1d0;
display: flex;
font-size: 16px;
height: 40px;
justify-content: center;
margin: 16px auto 0;
width: 150px;
}
.Description .gamtext .showmore .icon-show {
transition: all 0.3s ease-out;
}
.Description .gamtext .showmore .rotate {
transform: scale(0.6) rotate(180deg);
}
.Description .gamtext .showmore:hover {
background-color: #dfeeff;
}
.gamedata .infodata,
.gamedata .infodata .gameinfo .picboxInfo {
align-items: center;
display: flex;
}
.gamedata .infodata .gameinfo .picboxInfo img {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 110px;
width: 110px;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox {
margin-left: 16px;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox .name {
color: #000;
font-size: 26px;
font-weight: 700;
max-width: 360px;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox .stars {
display: flex;
margin-top: 1px;
}
.gamedata .infodata .gameinfo .labels {
display: flex;
margin-top: 12px;
}
.gamedata .infodata .gameinfo .labels .label {
border: 1px solid #8fb9ff;
border-radius: 6px;
color: #5394ff;
display: block;
font-size: 14px;
height: 26px;
line-height: 26px;
margin-right: 8px;
padding: 0 12px;
}
.gamedata .infodata .gameinfo .getgame {
display: none;
}
.gamedata .infodata .gameinfo .webtext {
align-items: center;
background-color: #f4f9ff;
border: 1px solid #d6d6d6;
border-radius: 10px;
display: flex;
margin-top: 16px;
padding: 20px;
}
.gamedata .infodata .gameinfo .webtext .text {
color: #717d94;
font-size: 13px;
margin-left: 10px;
max-width: 400px;
}
.gamedata .infodata .gameinfo .webtext .text p {
line-height: 1.5;
}
.onlist {
display: flex;
}
.onlist .ongame {
display: block;
margin-right: 16px;
width: 128px;
}
.onlist .ongame .picbox {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 128px;
overflow: hidden;
position: relative;
width: 128px;
}
.onlist .ongame .picbox .name {
background-color: #31bacd;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
bottom: 10px;
color: #fff;
font-size: 14px;
height: 30px;
left: -100%;
line-height: 30px;
max-width: 90px;
padding: 0 8px;
position: absolute;
transition: all 0.6s ease-out;
}
.onlist .ongame:last-of-type {
margin-right: 0;
}
.onlist .ongame:hover img {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.onlist .ongame:hover .name {
left: 12px;
transition: all 0.3s ease-out;
}
.information .title .line {
width: 660px;
}
.information .infoBox {
display: flex;
flex-wrap: wrap;
max-width: 848px;
}
.information .infoBox .item {
align-items: center;
background-color: #fff;
border: 1px solid #e8e9ea;
border-radius: 10px;
display: flex;
height: 45px;
margin-bottom: 16px;
position: relative;
width: 410px;
}
.information .infoBox .item .iconbox {
align-items: center;
background-color: #31bacd;
border-radius: 10px;
display: flex;
height: 45px;
justify-content: center;
margin-right: 16px;
width: 45px;
}
.information .infoBox .item .itemname {
color: #15233f;
font-size: 16px;
font-weight: 500;
}
.information .infoBox .item .iteminfo {
color: #818ca1;
font-size: 14px;
font-style: italic;
position: absolute;
right: 16px;
}
.information .infoBox .ml {
margin-right: 22px;
}
.information .mowebtext {
display: none;
}
.screen .title .line {
width: 660px;
}
.screen .screenshots-warp {
align-items: center;
display: flex;
position: relative;
}
.screen .leftArrow,
.screen .rightArrow {
align-items: center;
background-color: #7863fb;
border-radius: 8px;
display: flex;
height: 128px;
justify-content: center;
width: 30px;
}
.screen .bc {
background-color: #e1efff;
}
.screen .screenshots-container {
display: flex;
margin: 0 16px;
max-width: 764px;
overflow: hidden;
padding: 4px 0;
}
.screen .screenshots-container .pic-content {
height: 270px;
margin-right: 16px;
position: relative;
width: auto;
}
.screen .screenshots-container .pic-content .pic-screen {
border-radius: 10px;
box-shadow: 0 2px 4px rgba(50, 92, 152, 0.36);
height: 270px;
width: auto;
}
.screen .screenshots-container .pic-content:last-of-type {
margin-right: 0;
}
.Get .title .line {
width: 648px;
}
.Get .getInfo {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.16);
padding: 20px;
}
.Get .getInfo .picbox {
align-items: center;
display: flex;
position: relative;
}
.Get .getInfo .picbox img {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 100px;
overflow: hidden;
width: 100px;
}
.Get .getInfo .picbox .name {
color: #15233f;
font-size: 20px;
line-height: 1.5;
margin-left: 16px;
max-width: 428px;
}
.Get .getInfo .play {
display: flex;
justify-content: space-between;
}
.Get .getInfo .play .applePlay,
.Get .getInfo .play .googlePlay {
align-items: center;
border: 1px solid #d6d6d6;
border-radius: 10px;
color: #717d94;
display: flex;
font-size: 24px;
font-weight: 600;
height: 62px;
justify-content: center;
margin-top: 16px;
position: relative;
text-indent: 20px;
width: 392px;
}
.Get .getInfo .play .mo,
.qrcode {
display: none;
}
.qrcode {
background-color: #31bacd;
border-radius: 4px;
color: #fff;
cursor: pointer;
cursor: default;
font-size: 16px;
left: 50%;
line-height: 1.6;
padding: 16px 22px 14px;
position: absolute;
text-align: center;
text-indent: 0;
top: -180px;
transform: translateX(-50%);
z-index: 20;
}
.qrcode .ios {
display: none;
}
.qrcode .ios img {
height: 115px;
margin-top: 4px;
width: 115px;
}
.qrcode .and {
display: none;
}
.qrcode .and img {
height: 115px;
margin-top: 4px;
width: 115px;
}
.pc:hover .qrcode,
.qrcode .show {
display: block;
}
.playnow .rec-h5 {
cursor: default;
display: none;
left: 0;
transform: translate(-44%, -21%);
z-index: 8;
}
.playnow .rec-h5.show {
display: block;
overflow: hidden;
}
.playnow .center-vtc {
position: absolute;
top: 50%;
}
.playnow .rec-h5-wrapper {
background: linear-gradient(90deg, #223598 0, #3e51b5);
border-radius: 10px;
box-shadow: inset 0 -6px #152200;
margin: 5px 5px 50px;
padding: 20px 20px 8px;
text-indent: 0;
transform: translateX(100%);
transition: transform 0.7s ease-out;
z-index: 10;
}
.playnow .rec-h5-wrapper.slide-out {
transform: translateX(0);
}
.playnow .rec-h5-wrapper .close {
border: 1px solid #384bae;
border-radius: 50%;
bottom: -50px;
color: #384bae;
font-size: 20px;
height: 34px;
left: 50%;
line-height: 34px;
position: absolute;
transform: translate(-50%);
width: 34px;
}
.playnow .rec-h5-list-games {
display: grid;
gap: 12px;
grid-template-areas: "gl gl . ." "gl gl . .";
grid-template-columns: repeat(4, 94px);
grid-template-rows: repeat(auto-fill, 94px);
justify-content: center;
}
.playnow .rec-h5-list-games .rec-h5-game {
position: relative;
}
.playnow .rec-h5-list-games .rec-h5-game .pics img {
border-radius: 10px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.36);
height: 94px;
width: 94px;
}
.playnow .rec-h5-list-games .gl {
grid-area: gl;
}
.playnow .rec-h5-list-games .gl .pics img {
height: 200px;
width: 200px;
}
.playnow .rec-h5-title {
display: flex;
margin-top: 24px;
text-align: left;
}
.playnow .rec-h5-title .text1 {
color: #c9d2ff;
font-size: 12px;
line-height: 1.5;
}
.playnow .rec-h5-title .text2 {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
margin-top: 2px;
white-space: nowrap;
}
.playnow .rec-h5-quick {
background-color: #fff11f;
border: 1px solid #522a00;
border-radius: 10px;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16), inset 0 -4px #bb6100;
color: #be7000;
display: block;
font-size: 17px;
font-weight: 600;
height: 50px;
line-height: 50px;
margin-left: 16px;
margin-top: -8px;
text-align: center;
width: 145px;
}
.playnow .rec-h5-quick:hover {
transform: scale(1.08);
transition: all 0.3s ease-out;
}
.info1 .lgame {
display: block;
margin-bottom: 16px;
width: 160px;
}
.info1 .lgame .picbox {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 160px;
overflow: hidden;
position: relative;
}
.info1 .lgame .name {
background-color: #31bacd;
border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
bottom: 10px;
color: #fff;
font-size: 14px;
height: 36px;
left: -100%;
line-height: 36px;
max-width: 90px;
padding: 0 8px;
position: absolute;
transition: all 0.6s ease-out;
}
.info1 .lgame:hover img {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.info1 .lgame:hover .name {
left: 15px;
transition: all 0.6s ease-out;
}
.info3 {
margin-left: 16px;
width: 284px;
}
.info3 .infotitle {
color: #040914;
font-size: 20px;
font-weight: 700;
position: relative;
text-align: center;
}
.info3 .infotitle:after,
.info3 .infotitle:before {
background-color: #d2ddea;
content: "";
height: 1px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 74px;
}
.info3 .infotitle:before {
left: 0;
}
.info3 .infotitle:after {
right: 0;
}
.info3 .gamlist {
margin-top: 20px;
}
.info3 .gamlist .rightgame {
align-items: center;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.1);
display: flex;
margin-bottom: 16px;
padding: 8px;
position: relative;
}
.info3 .gamlist .rightgame .pixbox {
border-radius: 10px;
height: 80px;
margin-right: 16px;
overflow: hidden;
width: 80px;
}
.info3 .gamlist .rightgame .data .namebox {
color: #040914;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
max-width: 138px;
}
.info3 .gamlist .rightgame .data .namebox span {
background-image: linear-gradient(90deg, #040914 50%, transparent 0);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 200% 1px;
transition: all 0.5s;
word-break: break-word;
}
.info3 .gamlist .rightgame .data .labels {
align-items: center;
display: flex;
margin-top: 10px;
}
.info3 .gamlist .rightgame .data .labels .label {
color: #717d94;
font-size: 12px;
margin-left: 10px;
margin-top: -5px;
}
.info3 .gamlist .rightgame .play {
background-color: #7863fb;
border-radius: 50%;
height: 28px;
position: absolute;
right: 8px;
width: 28px;
}
.info3 .gamlist .rightgame .play:before {
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
border-top: 8px solid transparent;
content: "";
left: 42%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.info3 .gamlist .rightgame .play:hover {
background-color: #5b47d9;
}
.info3 .gamlist .rightgame:hover .namebox span {
background-position: 0 100%;
}
.info3 .gamlist .rightgame:hover img {
transform: scale(1.1);
transition: all 1s ease-out;
}
.moregame {
width: 1155px;
}
.moregame .gameList {
display: flex;
flex-wrap: wrap;
}
.moregame .mgame {
display: none;
margin: 0 16px 16px 0;
}
.moregame .mgame .picbox {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
height: 114px;
overflow: hidden;
width: 114px;
}
.mgame:hover {
animation: tag_ro 0.5s linear 0s 1 normal none running;
}
.mgame:hover img {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.lodinggame {
align-items: center;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(50, 36, 152, 0.36);
display: flex;
flex-direction: column;
height: 114px;
justify-content: center;
width: 114px;
}
.lodinggame .loadbox {
height: 34px;
margin-top: 20px;
width: auto;
}
.lodinggame span {
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(180deg, #c776fd 0, #5776fb 52%, #5bd8f9);
color: transparent;
display: block;
font-size: 14px;
font-weight: 600;
text-align: center;
width: 50%;
}
.loading {
animation: loading-animation 0.3s linear 0.3s infinite alternate;
color: #ddd;
display: inline-block;
height: 20px;
position: relative;
}
.loading,
.loading:after,
.loading:before {
background: linear-gradient(180deg, #c776fd 0, #5776fb 52%, #5bd8f9);
border-radius: 3px;
width: 6px;
}
.loading:after,
.loading:before {
animation: loading-animation 0.3s linear 0.45s infinite alternate;
content: "";
height: 30px;
left: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.loading:before {
animation-delay: 0s;
height: 10px;
left: -14px;
}
@keyframes loading-animation {
0% {
height: 30px;
}
to {
height: 4.8px;
}
}
@keyframes tag_ro {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
}
75% {
transform: rotate(10deg);
}
to {
transform: rotate(0deg);
}
}
.bottom-navbar {
font-size: 0;
height: 40px;
margin-top: 36px;
overflow: hidden;
position: relative;
text-align: center;
}
.bottom-navbar > a {
color: #fff;
font-size: 16px;
font-weight: 500;
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: #fff;
content: "";
height: 13px;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
width: 1px;
}
.bottom-navbar > a:hover {
color: #e4ff00;
}
.footer {
background-color: #2e49fc;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
margin-top: 30px;
padding-top: 40px;
position: relative;
}
.footer .about {
margin: 0 200px;
position: relative;
}
.footer .about .title {
color: #fff;
font-size: 36px;
font-weight: 700;
}
.footer .about .info {
margin-top: 30px;
}
.footer .about .info .infoname {
color: #d8ddff;
font-size: 24px;
font-weight: 500;
}
.footer .about .info .text {
color: #96a4ff;
font-size: 16px;
line-height: 1.5;
margin-top: 28px;
}
.footer .about:before {
background-color: #96a4ff;
bottom: -30px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.footer:before {
background-image: url(data:image/png;base64,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);
background-size: 600px 400px;
height: 400px;
left: 20px;
top: 0;
width: 600px;
}
.footer:after,
.footer:before {
background-position: 0 0;
content: "";
position: absolute;
}
.footer:after {
background-image: url(data:image/png;base64,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);
background-size: 471px 280px;
bottom: 60px;
height: 280px;
right: 40px;
width: 471px;
}
.top {
align-items: center;
background-color: #fff;
border: 1px solid #040914;
border-radius: 10px;
bottom: 10px;
box-shadow: 0 2px 0 #0c22b9, inset 0 -4px 0 #2e49fc;
display: flex;
flex-direction: column;
height: 48px;
justify-content: center;
position: absolute;
right: 10px;
width: 48px;
z-index: 10;
}
.top:hover {
transform: scale(1.1);
transition: all 1s ease-out;
}
.icon-home {
background-position: 0 -67px;
height: 26px;
transform: scale(0.8);
width: 24px;
}
.icon-quiz {
fill: #4285f4;
}
.icon-new,
.icon-quiz {
height: 27px;
transform: scale(0.8);
width: 27px;
}
.icon-new {
background-position: -36px -67px;
}
.icon-po {
background-position: -74px -67px;
height: 26px;
transform: scale(0.8);
width: 25px;
}
.icon-hot {
background-position: -112px -67px;
}
.icon-hot,
.icon-reup {
height: 26px;
transform: scale(0.8);
width: 26px;
}
.icon-reup {
background-position: -140px -67px;
}
.icon-re {
background-position: -152px -130px;
width: 28px;
}
.icon-re,
.icon-shooting {
height: 28px;
transform: scale(0.8);
}
.icon-shooting {
background-position: -180px -67px;
width: 22px;
}
.icon-car {
background-position: 0 -103px;
height: 17px;
}
.icon-adcen,
.icon-car {
transform: scale(0.8);
width: 22px;
}
.icon-adcen {
background-position: -36px -103px;
height: 21px;
}
.icon-drive {
background-position: -74px -103px;
}
.icon-drive,
.icon-fps {
height: 22px;
transform: scale(0.8);
width: 22px;
}
.icon-fps {
background-position: -112px -103px;
}
.icon-horror {
background-position: -140px -103px;
height: 22px;
}
.icon-arcade,
.icon-horror {
transform: scale(0.8);
width: 22px;
}
.icon-arcade {
background-position: -180px -103px;
height: 16px;
}
.icon-girl {
background-position: 0 -130px;
height: 22px;
transform: scale(0.8);
width: 20px;
}
.icon-moto {
background-position: -36px -130px;
}
.icon-card,
.icon-moto {
height: 22px;
transform: scale(0.8);
width: 22px;
}
.icon-card {
background-position: -74px -130px;
}
.icon-random {
background-position: -197px 0;
height: 18px;
transform: scale(0.9);
width: 20px;
}
.icon-home {
background-position: 0 -33px;
}
.icon-new {
background-position: -36px -33px;
}
.icon-po {
background-position: -74px -33px;
}
.icon-hot {
background-position: -112px -33px;
}
.icon-reup {
background-position: -140px -33px;
}
.icon-re {
background-position: -271px -130px;
}
.icon-shooting {
background-position: -180px -33px;
}
.icon-car {
background-position: 0 -69px;
}
.icon-adcen {
background-position: -34px -69px;
}
.icon-drive {
background-position: -74px -69px;
}
.icon-fps {
background-position: -112px -69px;
}
.icon-horror {
background-position: -140px -69px;
}
.icon-arcade {
background-position: -180px -69px;
}
.icon-girl {
background-position: 0 -96px;
}
.icon-moto {
background-position: -36px -96px;
}
.icon-card {
background-position: -74px -96px;
}
.icon-navshow {
background-position: -36px 0;
height: 28px;
width: 34px;
}
.icon-navhide {
background-position: -74px 0;
height: 28px;
width: 34px;
}
.icon-down {
background-position: 0 0;
height: 32px;
margin-right: 3px;
transform: scale(0.6);
width: 32px;
}
.icon-random {
background-position: -112px -96px;
}
.icon-back {
background-position: -180px 0;
height: 22px;
margin: 0 6px;
transform: scale(0.8);
width: 24px;
}
.icon-star {
background-position: 0 -130px;
height: 30px;
transform: scale(0.9);
width: 32px;
}
.icon-salf {
background-position: -180px -96px;
height: 42px;
width: 34px;
}
.icon-crown {
background-position: -112px 0;
height: 30px;
margin-top: 4px;
transform: scale(0.7);
width: 32px;
}
.icon-dev {
background-position: -36px -130px;
height: 44px;
transform: scale(0.7);
width: 44px;
}
.icon-ver {
background-position: -112px -130px;
height: 42px;
transform: scale(0.7);
width: 42px;
}
.icon-dete {
background-position: 0 -180px;
height: 46px;
}
.icon-dete,
.icon-size {
transform: scale(0.7);
width: 44px;
}
.icon-size {
background-position: -74px -180px;
height: 44px;
}
.icon-leftArrow {
background-position: -140px -180px;
height: 20px;
width: 13px;
}
.icon-rightArrow {
background-position: -164px -180px;
height: 20px;
width: 13px;
}
.icon-pgoole {
background-position: -210px 0;
height: 32px;
width: 30px;
}
.icon-papp {
background-position: -210px -33px;
height: 30px;
width: 28px;
}
.icon-show {
background-position: -234px -130px;
height: 13px;
margin-left: 6px;
transform: scale(0.6);
width: 24px;
}
.icon-label {
background-position: -234px -180px;
height: 20px;
width: 14px;
}
.icon-top {
background-position: -140px -96px;
height: 20px;
margin-top: -4px;
transform: scale(0.6);
width: 34px;
}
.icon-gamenew {
background-position: -245px 0;
height: 62px;
position: absolute;
width: 62px;
z-index: 10;
}
.bg1 {
left: 20px;
top: 80px;
}
.bg1,
.bg2 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAALQCAMAAAAgrIv3AAAAflBMVEUAAABgsv//e1z3/1lfz0j4/1n/e13+e13+eVr3/1n2/Vr/e134/1n/elz/el1gsv/3/1nOPshg0En/el1f0Ulgsv/4/1nOPslfsv9fs///fF37flr4/1n4/1rze2Fhsv/NP8nWbVLOPsj3/1lgz0f/e11gsv/3/1lg0EnOPsgSkF0BAAAAJXRSTlMAv8HwPSGnLRuIVvG4dmDr0+zf28O3rKGOfnFsZ0dDQj0QjHtwnJCEbAAAAxVJREFUeNrs2L1q40AUBeBrjAoJg9Q42GDjwiC9/xuuJs6SXRwVIUVOyPd1UnWYO3936ht0w33oKlTXH/ZLsz/0iSEv++Xd/lJhupe3wfs7jC9Zgzi0VNPQvU3EqWUdKkfX8vX1rm8Jg8Zwre90rX9dp7XKleKyjte1/ndd/6WslFbg/ulvn1PkNcpUz6YWO8JhWYZ6NizLoSKsFe7qWbfWuBK0IFvBIyZhK+VW6SM26/uy9FuL514B4kcwfg7Gr+L8fTD+JIk/i+NvM/n3wfwbdXxPkt/V5ffFP+BlIf9tBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Nc6j+O5gh3n1bFi3eZXt0p1egQ8VardI+CuUgko4Cf9noC30+7V+Ag4Pr5OMfvhcf5A0JlynjdlnMvjvGmsBPEB40scv0jyt5n8jVpAAVPEB4xvmuLbzvjGPf/pAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4uj/t2F1r4kAUBuAhhCiECH6AoCC1NJD+/z+4RNbVlaZd6EVet89zm5vDe2ZOZmZ5bKpt226r5rgseQ5Vf6c6lCyLqn9QLUqQrv9AV1Jc46u60+J8Xpy6KivEVX/RLO/2S9NfrEqART9qVw9Vt/0oIcPqPr7HEKsyu26ylauInbK45Fc+1CQ0eWxwu5z4tbTzN/lwa/BUkw9lTtV0g0fN3BEux4iWX36fz/GW0HTCxzKf5qtB0l2WwHzGgE7lE6eZF+H2Nuimx+S2zGccdOfyifM4Jsu/+3EFxrc4fpPEj5n4QR3/q4s/LOQft+IPrPlH/vhLU/61M//iHv/0kf94lP/89gQPmPlPwE/wiA4AAAAAAAAAAAAAAAAAAAAAAAAAAPz36t2wq0uwzTAMm5KrHkbBESrwW+q6fhtGb3UdWGO9Ge5t4krcDX/blTDDoxImPsH4NRi/i59gDirwJ5xm8s+DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPzxsl+v9y8l1uv7xWsJ9fL+W2qG+2uB+5JpfS1wXTLFFxjf4vhNEj9mvj2ofwGrzaM1Q6NI1gAAAABJRU5ErkJggg==);
height: 720px;
position: absolute;
width: 160px;
z-index: -1;
}
.bg2 {
bottom: 0;
right: 20px;
}
.mouse {
border-radius: 50%;
left: 0;
pointer-events: none;
position: fixed;
top: 0;
}
.mouse-inner {
background: #98c8df;
height: 8px;
margin-left: -5px;
margin-top: -5px;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out,
margin 0.5s ease-in-out, opacity 0.5s ease-in-out;
width: 8px;
z-index: 1000;
}
.mouse-inner.mouse-hover {
opacity: 0;
}
.mouse-outer {
border: 2px solid #c8e2ff;
box-sizing: border-box;
height: 40px;
margin-left: -22px;
margin-top: -22px;
opacity: 0.5;
transition: all 0.2s ease-out;
width: 40px;
z-index: 10000;
z-index: 1000;
}
.mouse-outer.mouse-hover {
background-color: #98c8df;
height: 80px;
margin-left: -40px;
margin-top: -40px;
opacity: 0.3;
width: 80px;
}
.side {
background-color: #f9faff;
box-shadow: 4px 0 0 #bec7ff;
height: 100vh;
left: -224px;
overflow-y: auto;
position: relative;
position: fixed;
top: 0;
transition: all 0.6s ease-out;
width: 200px;
z-index: 11;
}
.side .close {
background-color: #fe4358;
border: 1px solid #feedd4;
border-radius: 50%;
color: #f9faff;
font-size: 18px;
font-weight: 500;
height: 30px;
line-height: 30px;
position: absolute;
right: 10px;
text-align: center;
top: 12px;
width: 30px;
}
.side .sidetitle {
color: #040914;
font-size: 16px;
font-weight: 700;
margin: 36px 0 0 20px;
}
.side .moApp {
display: none;
}
.side .sidenav {
margin-top: 16px;
}
.side .sidenav .nav {
align-items: center;
display: flex;
height: 46px;
padding-left: 20px;
position: relative;
}
.side .sidenav .nav .navname {
color: #040914;
font-size: 16px;
font-weight: 500;
margin-left: 16px;
}
.side .sidenav .nav.active {
background-color: #fff11f;
}
.side .sidenav .nav:after {
background-color: #e1e5ff;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.side .sidenav .nav:hover {
background-color: #e4e8fe;
}
.side .random {
align-items: center;
background-color: #636dfb;
border-radius: 10px;
box-shadow: 0 3px 0 #1f2795, inset 0 -3px #333dd0;
display: flex;
height: 48px;
justify-content: center;
margin: 26px auto 0;
text-indent: 10px;
width: 152px;
}
.side .random .randomtext {
color: #fff;
font-size: 20px;
font-weight: 500;
}
.side .random:hover {
background-color: #505cff;
transform: scale(1.1);
}
.side::-webkit-scrollbar {
height: 0.12rem;
margin-right: 0.24rem;
width: 1px;
}
.side::-webkit-scrollbar-thumb,
.side::-webkit-scrollbar-track {
background-color: #f9faff;
border-radius: 1px;
}
}
@media screen and (min-width: 1654px) {
.moregame .mgame:nth-child(9n) {
margin-right: 0;
}
}
@media screen and (min-width: 1506px) and (max-width: 1653px) {
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 2),
.info1 {
display: none;
}
.footer .about {
margin: 0 100px;
}
.moregame .mgame:nth-child(9n) {
margin-right: 0;
}
}
@media screen and (min-width: 1386px) and (max-width: 1505px) {
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 3),
.info3 {
display: none;
}
.footer .about {
margin: 0 100px;
}
.info1 {
order: 2;
}
.adsContent {
order: 3;
}
.moregame {
width: 858px;
}
.moregame .mgame:nth-child(6n) {
margin-right: 0;
}
.adsContent {
margin-left: 16px;
}
.moregame .mgame {
margin-right: 26px;
}
}
@media screen and (min-width: 1238px) and (max-width: 1385px) {
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 4),
.info3 {
display: none;
}
.footer .about {
margin: 0 100px;
}
.info1 {
order: 2;
}
.adsContent {
order: 3;
}
.moregame {
width: 858px;
}
.moregame .mgame:nth-child(6n) {
margin-right: 0;
}
.adsContent {
margin-left: 16px;
width: 160px;
}
.adsContent .ads40 {
display: none;
}
.moregame .mgame {
margin-right: 26px;
}
}
@media screen and (min-width: 1072px) and (max-width: 1237px) {
.adsContent,
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 5),
.info3 {
display: none;
}
.footer .about {
margin: 0 100px;
}
.info1 {
order: 2;
}
.moregame {
width: 858px;
}
.moregame .mgame:nth-child(6n) {
margin-right: 0;
}
.moregame .mgame {
margin-right: 26px;
}
}
@media screen and (min-width: 872px) and (max-width: 1071px) {
.adsContent,
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 7),
.info1,
.info3 {
display: none;
}
.footer .about {
margin: 0 100px;
}
.moregame {
width: 858px;
}
.moregame .mgame:nth-child(6n) {
margin-right: 0;
}
.moregame .mgame {
margin-right: 26px;
}
.info2 {
margin: 0 auto;
}
}
@media screen and (max-width: 871px) {
.header {
background-color: #fff;
box-shadow: 0 0.03rem 0.03rem rgba(19, 37, 160, 0.36);
display: flex;
height: 0.92rem;
position: relative;
}
.header .icon-navhide,
.header .icon-navshow {
display: none;
}
.header .nav {
align-items: center;
background-color: #16243e;
border: 0.01rem solid #feedd4;
border-radius: 50%;
display: flex;
height: 0.72rem;
justify-content: center;
left: 0.16rem;
position: absolute;
top: 0.1rem;
width: 0.72rem;
}
.header .logo {
margin: 0 auto;
}
.header .logo img {
transform: scale(0.6);
}
.header .buttons {
display: none;
}
.header .install {
align-items: center;
background: linear-gradient(
267deg,
#5bd8f9 14.4%,
#5786fb 52.49%,
#c776fd 84.72%
);
border-radius: 50%;
display: flex;
display: none;
height: 0.72rem;
justify-content: center;
position: absolute;
right: 0.16rem;
top: 0.1rem;
width: 0.72rem;
}
.content,
.main {
position: relative;
}
.content {
margin: 0.3rem 0.2rem 0;
}
.content .info1,
.content .info3 {
display: none;
}
.title {
color: #040914;
font-size: 0.3rem;
font-weight: 600;
margin: 0.3rem 0 0.2rem;
position: relative;
}
.title,
.title .titleicon {
align-items: center;
display: flex;
}
.title .titleicon {
background-color: #fe4358;
border-radius: 50%;
height: 0.5rem;
justify-content: center;
margin-right: 0.16rem;
width: 0.5rem;
}
.title .line {
background-color: #d2ddea;
content: "";
height: 0.01rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.26rem;
}
.ads-title {
color: #536bc2;
font-size: 0.2rem;
line-height: 0.24rem;
text-align: center;
}
.ads10,
.ads20,
.ads40,
.ads50,
.ads60,
.adsContent {
display: none;
}
.ads10 {
margin: 0.3rem -0.2rem 0;
}
.ads10 .ads-10 {
background-color: #ebebeb;
}
.ads30 {
margin: 0.5rem -0.2rem 0;
}
.ads30 .ads-30 {
background-color: #ebebeb;
}
.ads70 {
display: none;
margin: 0.3rem -0.2rem 0;
}
.ads70 .ads-70 {
background-color: #ebebeb;
}
.ads80 {
display: none;
margin: 0.3rem -0.2rem 0;
}
.ads80 .ads-80 {
background-color: #ebebeb;
}
.play-top {
display: none;
}
.c-1 .titile {
background-color: #fff;
border: 0.01rem solid #d6d6d6;
border-radius: 0.06rem;
display: inline-block;
height: 0.4rem;
position: relative;
}
.c-1 .titile .icon-back {
left: 0;
position: absolute;
top: 0.09rem;
}
.c-1 .titile .titllename {
color: #717d94;
font-size: 0.2rem;
line-height: 0.4rem;
padding: 0 0.16rem 0 0.62rem;
position: relative;
}
.c-1 .titile .titllename .back {
color: #c9c9c9;
font-size: 0.2rem;
}
.c-1 .titile .titllename:before {
background-color: #d6d6d6;
content: "";
height: 0.4rem;
left: 0.45rem;
position: absolute;
top: 0;
width: 0.01rem;
}
.c1Content {
height: 0.88rem;
margin-left: 0.3rem;
margin-top: 0.2rem;
z-index: 2;
}
.c1Content,
.c1Content .c1Title {
border-radius: 0.1rem;
display: flex;
position: relative;
}
.c1Content .c1Title {
align-items: center;
background-color: #7863fb;
color: #fff;
font-size: 0.2rem;
height: 1.02rem;
margin-left: -0.3rem;
text-align: center;
width: 1.02rem;
}
.c1Content .c1Title:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABmCAYAAABWbrhPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3MDhFQjdCMDJDQzExRUY5QjI1ODFEN0REM0ZBM0M0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ3MDhFQjdDMDJDQzExRUY5QjI1ODFEN0REM0ZBM0M0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDcwOEVCNzkwMkNDMTFFRjlCMjU4MUQ3REQzRkEzQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwOEVCN0EwMkNDMTFFRjlCMjU4MUQ3REQzRkEzQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7l9UX8AAACTUlEQVR42uzbSyuEURwG8GOykqXyCSzsLHwC2dja+AC2tmo2PoKFBV9COicUEiOXQu4JyTXXRqZkcsllPP/mKDF4Z7znfZ+T+dez8F5Ov87JMefMUZFsf8opjsoie8gQ0oNcv99IKJ6qRhqQLmQHaWJEfqwa26N1zEipKqSPHSnVjNSzI6VafEA2+oCs9QH57APy0gfkmQ/IJXbkCzLFjpxBMuxI48OfRXrkCnLMjjTsnyelNDtSlhGb7Ejz8YcE+1CzIi+ReXbkIPLKjtSfL7Ahb5AUO3IEeWRH6kIXmZCPtiepkRPILTtSf3eDBflq50dq5BySZkean26WkQFrHTlgR5rfHigjA9QhssaONEEeKiN/qbSdxKmRwyq/a0aNNEEfjAsp3yOOsyNHkQd2pCnm4TiQT/aXhhqZsktXaqQu9oWokT8uE1iQi8g5O1KX8lLUSMOO3EJ22ZG61BcT7EMdJfIEWWZHSi/mfEAqZmQGmWZHynGuZ3ak+WsDrpF3yBg7UoD37EgTRiMukUUvE+JATtvphxppwmrIFTLnA3IJOWVHmjAbc4XU7EhZImyzI03YDSbYh9oF8txuAFAjv5xEYURqF1NFmMiCJ1HYkMP2kw810ihHFRZSNulH2ZHydUeWHelsqMNCvti1NTVyFrliRzod6n+DXEWO2JHOe/FfIPeRDXZkJL34V2Q/O1L+DWWBGSlbKJ0qwioF2Y1MMiMHkKSKuIpB9iJtKuCBo6iRMh+2Ih1xAKUqC1yTQ+kXKr9912+HOBbce70JMADWH4OVcq8lRAAAAABJRU5ErkJggg==);
background-size: 0.41rem 1.02rem;
content: "";
height: 1.02rem;
position: absolute;
right: -0.32rem;
top: 0;
width: 0.41rem;
}
.c1Content .c1Gamelist {
display: flex;
margin-left: 0.5rem;
}
.c1Content .c1Gamelist .topgame {
margin-right: 0.14rem;
}
.c1Content .c1Gamelist .topgame .picbox {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
height: 1.02rem;
overflow: hidden;
width: 1.02rem;
}
.c1Content .c1Gamelist .topgame:nth-last-of-type(-n + 9) {
display: none;
}
.c1Content:after {
background-color: #fff;
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.1);
content: "";
height: 0.88rem;
left: 0;
position: absolute;
top: 0.3rem;
width: 100%;
z-index: -1;
}
.info2 {
margin-top: 0.6rem;
}
.Description .gamtext {
height: auto;
}
.Description .gamtext .text-warp {
height: 1.8rem;
overflow: hidden;
}
.Description .gamtext .text-warp .text {
color: #27415b;
font-size: 0.24rem;
}
.Description .gamtext .text-warp .text p {
line-height: 1.5;
margin-top: 0.05rem;
}
.Description .gamtext .text-warp.auto {
height: auto;
}
.Description .gamtext .showmore {
align-items: center;
background-color: #e6f1ff;
border-radius: 0.1rem;
color: #93b1d0;
display: flex;
font-size: 0.26rem;
height: 0.56rem;
justify-content: center;
margin: 0.26rem auto 0;
width: 2.4rem;
}
.Description .gamtext .showmore .icon-show {
transition: all 0.3s ease-out;
}
.Description .gamtext .showmore .rotate {
transform: rotate(180deg);
}
.gamedata .infodata {
display: flex;
flex-direction: column;
}
.gamedata .infodata .gameinfo .picboxInfo {
align-items: center;
display: flex;
}
.gamedata .infodata .gameinfo .picboxInfo img {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
height: 1.4rem;
width: 1.4rem;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox {
margin-left: 0.26rem;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox .name {
color: #000;
font-size: 0.32rem;
font-weight: 700;
max-width: 4.32rem;
}
.gamedata .infodata .gameinfo .picboxInfo .namebox .stars {
display: flex;
margin-top: 0.2rem;
}
.gamedata .infodata .gameinfo .labels {
display: flex;
margin-top: 0.16rem;
}
.gamedata .infodata .gameinfo .labels .label {
border: 0.01rem solid #8fb9ff;
border-radius: 0.06rem;
color: #5394ff;
display: block;
font-size: 0.24rem;
height: 0.32rem;
line-height: 0.32rem;
margin-right: 0.12rem;
padding: 0 0.12rem;
}
.gamedata .infodata .gameinfo .getgame {
background-color: #fff11f;
border-radius: 0.1rem;
box-shadow: 0 0.03rem 0 rgba(0, 0, 0, 0.16), inset 0 -0.04rem #bb6100;
color: #be7000;
display: block;
font-size: 0.36rem;
font-weight: 600;
height: 0.84rem;
line-height: 0.84rem;
margin-top: 0.3rem;
position: relative;
text-align: center;
}
.gamedata .infodata .gameinfo .getgame .text {
display: none;
}
.gamedata .infodata .gameinfo .getgame:before {
-webkit-animation: amt_comments_loading 0.6s linear infinite;
animation: amt_comments_loading 0.6s linear infinite;
border: 4px solid #fff;
border-radius: 50%;
border-top-color: #157dff;
content: "";
display: block;
height: 20px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
}
.gamedata .infodata .gameinfo .getgame.loadingend:before {
display: none;
}
.gamedata .infodata .gameinfo .getgame.loadingend .text {
display: inline;
}
.gamedata .infodata .gameinfo .webtext {
display: none;
}
.onlist {
display: flex;
flex-wrap: wrap;
}
.onlist .ongame {
display: block;
margin-bottom: 0.16rem;
margin-right: 0.16rem;
width: 1.88rem;
}
.onlist .ongame .picbox {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
height: 1.88rem;
overflow: hidden;
width: 1.88rem;
}
.onlist .ongame .picbox .name {
display: none;
}
.onlist .ongame:nth-child(3n) {
margin-right: 0;
}
@keyframes amt_comments_loading {
0% {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(359deg);
}
}
.information .title .line {
width: 3.4rem;
}
.infoBox .item {
background-color: #fff;
border: 0.01rem solid #e8e9ea;
border-radius: 0.1rem;
margin-bottom: 0.2rem;
position: relative;
}
.infoBox .item,
.infoBox .item .iconbox {
align-items: center;
display: flex;
height: 0.72rem;
}
.infoBox .item .iconbox {
background-color: #31bacd;
border-radius: 0.1rem;
justify-content: center;
margin-right: 0.16rem;
width: 0.72rem;
}
.infoBox .item .itemname {
color: #15233f;
font-size: 0.24rem;
font-weight: 500;
}
.infoBox .item .iteminfo {
color: #818ca1;
font-size: 0.24rem;
font-style: italic;
position: absolute;
right: 0.2rem;
}
.mowebtext {
align-items: center;
background-color: #fff;
border: 0.01rem solid #d6d6d6;
border-radius: 0.1rem;
display: flex;
margin-top: 0.2rem;
padding: 0.2rem;
}
.mowebtext .text {
color: #717d94;
font-size: 0.2rem;
margin-left: 0.2rem;
max-width: 4.9rem;
}
.mowebtext .text p {
line-height: 1.5;
}
.screen .title .line {
width: 3.4rem;
}
.screenshots-warp {
align-items: center;
display: flex;
overflow-x: scroll;
padding-bottom: 0.16rem;
position: relative;
}
.leftArrow,
.rightArrow {
display: none;
}
.screenshots-container {
display: flex;
}
.screenshots-container .pic-content {
height: 2.1rem;
margin-right: 0.16rem;
position: relative;
width: auto;
}
.screenshots-container .pic-content .pic-screen {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 92, 152, 0.36);
height: 2.1rem;
width: auto;
}
.screenshots-container .pic-content:last-of-type {
margin-right: 0;
}
.screenshots-warp::-webkit-scrollbar {
height: 0.12rem;
margin-right: 0.24rem;
width: 0.08rem;
}
.screenshots-warp::-webkit-scrollbar-thumb {
background-color: #7863fb;
border-radius: 0.07rem;
}
.screenshots-warp::-webkit-scrollbar-track {
background-color: #e1efff;
border-radius: 0.07rem;
}
.getInfo {
background-color: #fff;
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.16);
padding: 0.2rem;
}
.getInfo .picbox {
display: flex;
position: relative;
}
.getInfo .picbox img {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
height: 1.8rem;
overflow: hidden;
width: 1.8rem;
}
.getInfo .picbox .name {
color: #15233f;
font-size: 0.26rem;
font-weight: 500;
line-height: 1.5;
margin-left: 0.26rem;
margin-top: 0.23rem;
max-width: 3.26rem;
}
.getInfo .picbox .playnow {
background-color: #fff11f;
border-radius: 0.1rem;
bottom: 0;
box-shadow: 0 0.03rem 0 rgba(0, 0, 0, 0.16), inset 0 -0.04rem #bb6100;
color: #be7000;
display: flex;
font-size: 0.36rem;
font-weight: 500;
height: 0.8rem;
justify-content: center;
line-height: 0.8rem;
position: absolute;
right: 0;
width: 3.56rem;
}
.getInfo .play .pc {
display: none;
}
.getInfo .play .googlelink,
.getInfo .play .ioslink {
align-items: center;
background-color: #00a24c;
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0 rgba(0, 0, 0, 0.16), inset 0 -0.04rem #007035;
display: flex;
height: 0.84rem;
justify-content: center;
margin-top: 0.3rem;
}
.getInfo .play .googlelink span,
.getInfo .play .ioslink span {
color: #fff;
font-size: 0.36rem;
font-weight: 500;
}
.getInfo .play .ioslink {
background-color: #0195db;
box-shadow: 0 0.02rem 0 rgba(0, 0, 0, 0.16), inset 0 -0.04rem #0056aa;
}
.playnow .rec-h5 {
display: none;
left: 0;
overflow: hidden;
transform: translate(-2.3rem, -38%);
z-index: 99;
}
.playnow .rec-h5.show {
display: block;
}
.playnow .center-vtc {
position: absolute;
top: 50%;
}
.playnow .close {
border: 0.01rem solid #384bae;
border-radius: 50%;
bottom: -50px;
color: #384bae;
font-size: 0.28rem;
font-weight: 500;
height: 0.48rem;
left: 50%;
line-height: 0.48rem;
position: absolute;
text-align: center;
transform: translate(-50%);
width: 0.48rem;
}
.playnow .rec-h5-wrapper {
background: linear-gradient(90deg, #223598 0, #3e51b5);
border: 0.01rem solid #152784;
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0 rgba(0, 0, 0, 0.2),
inset 0 0.04rem rgba(21, 34, 0, 0.16);
margin: 0.05rem 0.05rem 0.85rem;
padding: 0.2rem;
transform: translateY(-101%);
transition: transform 0.7s ease-out;
}
.playnow .rec-h5-wrapper.slide-out {
transform: translateY(0);
}
.playnow .rec-h5-list-games {
display: grid;
gap: 0.16rem;
grid-template-areas: "gl gl . ." "gl gl . .";
grid-template-columns: repeat(4, 1.28rem);
grid-template-rows: repeat(auto-fill, 1.28rem);
}
.playnow .rec-h5-list-games .rec-h5-game {
position: relative;
}
.playnow .rec-h5-list-games .rec-h5-game .pics img {
border-radius: 0.1rem;
box-shadow: 0 0.03rem 0.03rem rgba(20, 33, 106, 0.36);
height: 1.28rem;
width: 1.28rem;
}
.playnow .rec-h5-list-games .gl {
grid-area: gl;
}
.playnow .rec-h5-list-games .gl .pics img {
height: 2.72rem;
width: 2.72rem;
}
.playnow .rec-h5-title {
margin-top: 0.2rem;
text-align: left;
}
.playnow .rec-h5-title .text1 {
color: #c9d2ff;
font-size: 0.2rem;
line-height: 1.5;
}
.playnow .rec-h5-title .text2 {
color: #fff;
font-size: 0.26rem;
font-weight: 500;
line-height: 1.5;
margin-top: 0.06rem;
white-space: nowrap;
}
.playnow .rec-h5-quick {
background-color: #fff11f;
border: 0.01rem solid #522a00;
border-radius: 0.1rem;
box-shadow: 0 0.03rem 0 rgba(0, 0, 0, 0.16), inset 0 -0.04rem #bb6100;
color: #be7000;
display: block;
font-size: 0.32rem;
font-weight: 600;
height: 0.8rem;
line-height: 0.8rem;
margin: 0.22rem auto 0;
text-align: center;
width: 2.8rem;
}
.moregame {
margin-bottom: 0.3rem;
}
.moregame .gameList {
display: flex;
flex-wrap: wrap;
}
.moregame .mgame {
display: none;
margin: 0 0.16rem 0.16rem 0;
}
.moregame .mgame .picbox {
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
height: 1.82rem;
overflow: hidden;
width: 1.82rem;
}
.moregame .mgame:nth-child(3n) {
margin-right: 0;
}
.lodinggame {
align-items: center;
background-color: #fff;
border-radius: 0.1rem;
box-shadow: 0 0.02rem 0.1rem rgba(50, 36, 152, 0.36);
display: flex;
flex-direction: column;
height: 1.82rem;
height: 1.9rem;
justify-content: center;
width: 1.82rem;
}
.lodinggame .loadbox {
height: 0.34rem;
margin-top: 0.1rem;
width: auto;
}
.lodinggame span {
-webkit-background-clip: text;
background-clip: text;
background-image: linear-gradient(180deg, #c776fd 0, #5776fb 52%, #5bd8f9);
color: transparent;
display: block;
font-size: 0.3rem;
font-weight: 600;
margin-top: 0.2rem;
text-align: center;
width: 64%;
}
.loading {
animation: loading-animation 0.3s linear 0.3s infinite alternate;
color: #ddd;
display: inline-block;
height: 0.34rem;
position: relative;
}
.loading,
.loading:after,
.loading:before {
background: linear-gradient(180deg, #c776fd 0, #5776fb 52%, #5bd8f9);
border-radius: 0.06rem;
width: 0.12rem;
}
.loading:after,
.loading:before {
animation: loading-animation 0.3s linear 0.45s infinite alternate;
content: "";
height: 0.54rem;
left: 0.2rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.loading:before {
animation-delay: 0s;
height: 0.1rem;
left: -0.2rem;
}
@keyframes loading-animation {
0% {
height: 0.54rem;
}
to {
height: 0.05rem;
}
}
.bottom-navbar {
font-size: 0;
height: 0.72rem;
overflow: hidden;
position: relative;
text-align: center;
}
.bottom-navbar > a {
color: #fff;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.72rem;
position: relative;
text-decoration: none;
}
.bottom-navbar > a:not(:last-child) {
margin-right: 0.3rem;
}
.bottom-navbar > a:not(:last-child):before {
background-color: #fff;
content: "";
height: 0.13rem;
position: absolute;
right: -0.16rem;
top: 50%;
transform: translateY(-50%);
width: 0.01rem;
}
.bottom-navbar > a:hover {
color: #e4ff00;
}
.footer {
background-color: #2e49fc;
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
margin-top: 0.04rem;
padding: 0.6rem 0.3rem 0;
position: relative;
}
.footer .about {
padding-bottom: 0.85rem;
position: relative;
}
.footer .about .title {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
}
.footer .about .info {
margin-top: 0.36rem;
}
.footer .about .info .infoname {
color: #d8ddff;
font-size: 0.3rem;
font-weight: 500;
}
.footer .about .info .text {
color: #96a4ff;
font-size: 0.22rem;
line-height: 1.5;
margin-top: 0.26rem;
}
.footer .about:after {
background-color: #96a4ff;
bottom: 0;
content: "";
height: 0.01rem;
left: 0;
position: absolute;
width: 100%;
}
.footer:before {
background-image: url(data:image/png;base64,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);
background-size: 6rem 4rem;
left: 0.2rem;
top: 0;
width: 6rem;
}
.footer:after,
.footer:before {
background-position: 0 0;
content: "";
height: 4rem;
position: absolute;
}
.footer:after {
background-image: url(data:image/png;base64,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);
background-size: 5rem 4rem;
bottom: 0;
right: 0.2rem;
width: 5rem;
}
.top {
align-items: center;
background-color: #fff;
border-radius: 0.1rem;
bottom: 1rem;
box-shadow: 0 0.02rem 0 #0c22b9, inset 0 -0.04rem 0 #2e49fc;
display: flex;
flex-direction: column;
height: 0.72rem;
justify-content: center;
position: absolute;
right: 0.25rem;
width: 0.72rem;
}
.icon {
background-size: 3.12rem 2.29rem;
}
.icon-home {
background-position: 0 -0.67rem;
height: 0.26rem;
margin-right: 0.06rem;
width: 0.24rem;
}
.icon-quiz {
fill: #4285f4;
height: 0.27rem;
width: 0.27rem;
}
.icon-quiz svg {
height: 100%;
width: 100%;
}
.icon-new {
background-position: -0.36rem -0.67rem;
height: 0.27rem;
width: 0.27rem;
}
.icon-po {
background-position: -0.74rem -0.67rem;
height: 0.26rem;
width: 0.25rem;
}
.icon-hot {
background-position: -1.12rem -0.67rem;
}
.icon-hot,
.icon-reup {
height: 0.26rem;
width: 0.26rem;
}
.icon-reup {
background-position: -1.4rem -0.67rem;
}
.icon-re {
background-position: -1.52rem -1.3rem;
height: 0.28rem;
width: 0.28rem;
}
.icon-shooting {
background-position: -1.8rem -0.67rem;
height: 0.28rem;
margin-bottom: -0.1rem;
width: 0.22rem;
}
.icon-car {
background-position: 0 -1.03rem;
height: 0.17rem;
width: 0.22rem;
}
.icon-adcen {
background-position: -0.36rem -1.03rem;
height: 0.21rem;
width: 0.22rem;
}
.icon-drive {
background-position: -0.74rem -1.03rem;
}
.icon-drive,
.icon-fps {
height: 0.22rem;
width: 0.22rem;
}
.icon-fps {
background-position: -1.12rem -1.03rem;
}
.icon-horror {
background-position: -1.4rem -1.03rem;
height: 0.22rem;
width: 0.22rem;
}
.icon-arcade {
background-position: -1.8rem -1.03rem;
height: 0.16rem;
width: 0.22rem;
}
.icon-girl {
background-position: 0 -1.3rem;
height: 0.22rem;
width: 0.2rem;
}
.icon-moto {
background-position: -0.36rem -1.3rem;
}
.icon-card,
.icon-moto {
height: 0.22rem;
width: 0.22rem;
}
.icon-card {
background-position: -0.74rem -1.3rem;
}
.icon-random {
background-position: -1.97rem 0;
height: 0.18rem;
margin-top: -0.05rem;
width: 0.2rem;
}
.icon-home {
background-position: 0 -0.33rem;
}
.icon-new {
background-position: -0.36rem -0.33rem;
}
.icon-po {
background-position: -0.74rem -0.33rem;
}
.icon-hot {
background-position: -1.12rem -0.33rem;
}
.icon-reup {
background-position: -1.4rem -0.33rem;
}
.icon-re {
background-position: -2.71rem -1.3rem;
}
.icon-shooting {
background-position: -1.8rem -0.33rem;
}
.icon-car {
background-position: 0 -0.69rem;
}
.icon-adcen {
background-position: -0.34rem -0.69rem;
}
.icon-drive {
background-position: -0.74rem -0.69rem;
}
.icon-fps {
background-position: -1.12rem -0.69rem;
}
.icon-horror {
background-position: -1.4rem -0.69rem;
}
.icon-arcade {
background-position: -1.81rem -0.69rem;
}
.icon-girl {
background-position: 0 -0.96rem;
}
.icon-moto {
background-position: -0.36rem -0.96rem;
}
.icon-card {
background-position: -0.74rem -0.96rem;
}
.icon-random {
background-position: -1.12rem -0.96rem;
}
.icon-down {
background-position: 0 0;
height: 0.32rem;
width: 0.32rem;
}
.icon-mnav {
background-position: -2.71rem -1.8rem;
height: 0.28rem;
width: 0.34rem;
}
.icon-back {
background-position: -1.8rem 0;
height: 0.22rem;
margin: 0 0.1rem;
width: 0.24rem;
}
.icon-star {
background-position: 0 -1.3rem;
margin-right: 0.1rem;
}
.icon-crown,
.icon-star {
height: 0.3rem;
width: 0.32rem;
}
.icon-crown {
background-position: -1.12rem 0;
}
.icon-dev {
background-position: -0.36rem -1.3rem;
height: 0.44rem;
width: 0.44rem;
}
.icon-ver {
background-position: -1.12rem -1.3rem;
height: 0.42rem;
width: 0.42rem;
}
.icon-dete {
background-position: 0 -1.8rem;
height: 0.46rem;
width: 0.44rem;
}
.icon-size {
background-position: -0.74rem -1.8rem;
height: 0.44rem;
width: 0.44rem;
}
.icon-salf {
background-position: -1.8rem -0.96rem;
height: 0.42rem;
width: 0.34rem;
}
.icon-goole {
background-position: -1.8rem -1.8rem;
height: 0.42rem;
margin-right: 0.26rem;
width: 0.38rem;
}
.icon-app {
background-position: -2.34rem -0.69rem;
height: 0.44rem;
margin-right: 0.26rem;
width: 0.4rem;
}
.icon-show {
background-position: -2.34rem -1.3rem;
height: 0.13rem;
margin-left: 0.1rem;
width: 0.24rem;
}
.icon-top {
background-position: -1.4rem -0.96rem;
height: 0.2rem;
margin-top: -0.04rem;
width: 0.34rem;
}
.icon-gamenew {
background-position: -2.45rem 0;
height: 0.62rem;
position: absolute;
width: 0.62rem;
z-index: 10;
}
.side {
background-color: #f9faff;
box-shadow: 0.04rem 0 0 #bec7ff;
left: -2.6rem;
max-height: 100vh;
overflow-y: auto;
padding: 0 0.2rem;
position: fixed;
top: 0;
transition: all 0.5s ease-out;
width: 2.16rem;
z-index: 11;
}
.side .close {
background-color: #fe4358;
border: 0.01rem solid #feedd4;
border-radius: 50%;
color: #f9faff;
font-size: 0.24rem;
font-weight: 500;
height: 0.36rem;
line-height: 0.36rem;
position: absolute;
right: 0.1rem;
text-align: center;
top: 0.1rem;
width: 0.36rem;
}
.side .sidetitle {
display: none;
}
.side .sidenav {
margin-top: 0.26rem;
}
.side .sidenav .nav {
align-items: center;
background-color: #f2f4ff;
border-radius: 10px;
display: flex;
height: 0.42rem;
margin-bottom: 16px;
padding: 0.06rem 0 0.1rem 0.06rem;
}
.side .sidenav .nav .navname {
color: #040914;
font-size: 0.2rem;
line-height: 1.5;
margin-left: 0.16rem;
}
.side .sidenav .nav.active {
background-color: #fff11f;
}
.side .sidenav .nav .icon-quiz {
fill: #4285f4;
}
.side .moApp,
.side .moGame,
.side .random {
align-items: center;
background-color: #636dfb;
border-radius: 0.1rem;
box-shadow: 0 0.03rem 0 #1f2795, inset 0 -0.03rem #333dd0;
color: #fff;
display: flex;
font-size: 0.2rem;
height: 0.5rem;
justify-content: center;
margin: 0 auto 0.2rem;
text-indent: 0.12rem;
width: 1.8rem;
}
.side .moApp,
.side .moGame {
text-indent: 0;
}
.side .moGame {
margin-top: 0.8rem;
}
}
body {
background-color: #f4f9ff;
font-size: 0;
margin: 0 auto;
}
img {
display: block;
filter: brightness(110%);
height: 100%;
transition: all 0.3s ease-out;
width: 100%;
}
.over {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.icon {
background-image: url("../images/icons/575847ddfc2d1b0c2826f0fa5b36ec78.png");
background-repeat: no-repeat;
display: block;
}
.hide {
display: none;
}
.fontover {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
}
@keyframes kFrames_loading {
0% {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(359deg);
}
}
.load {
position: relative;
}
.load:after {
-webkit-animation: kFrames_loading 0.6s linear infinite;
animation: kFrames_loading 0.6s linear infinite;
border: 0.04rem solid #a7cdff;
border-radius: 50%;
border-top-color: #2383ff;
clear: both;
content: "";
height: 0.3rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 0.3rem;
}