blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

body {
  font: normal .875rem/1.5 var(--font);
  padding-top: 45px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: #5E5E5E;
  line-height: 18px;
  z-index: -10000;
  background: #f2f5f9;
  padding-top: 45px;
  min-width: auto
}

a {
  color: #00A6ED;
  text-decoration: none
}

a:hover {
  color: #00b6ff
}

li {
  list-style: none
}

input,
button,
select,
textarea {
  outline: none
}

img {
  vertical-align: middle;
  border: 0;
  color: #ccc
}

.cmt-wrap {
  position: relative;
  min-height: 150px
}

.cmt-no-posts {
  color: #24cd77;
  line-height: 107px;
  text-align: center;
  display: none
}

.cmt-loading-text {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: auto auto 10px
}

.fancybox-slide--iframe .fancybox-content {
  max-width: 900px !important
}

.floatl,
.fl {
  float: left
}

.floatr,
.fr {
  float: right
}

.cl,
.clear {
  clear: both;
  font-size: 0px;
  height: 0;
  line-height: 0;
  overflow: hidden
}
.swiper-container {
  width: 100%;
  height: auto;
  max-height: 500px;
}

.google-anno-skip .swiper-container .swiper-wrapper .swiper-slide {
  width: auto !important;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.google-anno-skip .swiper-container .swiper-wrapper .swiper-slide img {
  max-width: 500px;
  max-height: 500px;
}

.modeinfo {
  border: solid 5px #e63e38;
  padding: 30px 60px;
  box-sizing: border-box;
  background: #fcf6dc;
  position: relative;
  font-size: 17px;
  font-weight: normal;
  line-height: 26px;
}

.modeinfo h3 {
  font-size: 28px;
  font-weight: bold;
}

.modeinfo .main p {
  margin: 12px 0 0;
}

#searching {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  z-index: 999999;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 18px;
  color: #555;
  line-height: 45px
}

.detail_container {
  margin: 25px auto 0
}

.detail_container .detail_top {
  position: relative
}

.detail_container .detail_top .details_safe {
  position: absolute;
  top: 28px;
  right: 0
}

.detail_container .detail_top .details_safe::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #2e9cf2;
  border-left: 40px solid transparent;
  z-index: 2
}

.detail_container .detail_top .details_safe a {
  display: block
}

.detail_container .detail_top .details_safe svg {
  position: relative;
  margin: 2px 3px;
  z-index: 2
}

.detail_container .detail_top .detail_banner {
  background-color: #fff
}

.detail_container .detail_top .detail_banner p {
  font-size: 14px;
  line-height: 26px;
  display: inline;
  font-size: 14px;
  line-height: 26px;
  display: inline;
  float: left;
  margin: 12px 0 0 0;
  width: 50%;
  color: #888;
}

.detail_container .detail_top .detail_banner p .details_stars {
  color: #FA8B16
}

.detail_container .detail_top .detail_banner p .details_score::before {
  background-position: 0 -12px
}

.detail_container .detail_top .detail_banner p .details_score:hover {
  color: #00a6ed
}

.detail_container .detail_top .detail_banner p.details_sdk span:first-child {
  color: #24cd77
}

.detail_container .detail_top .detail_banner p.details_sdk>a:hover {
  color: #24cd77
}

.detail_container .detail_top .detail_banner p>a {
  color: #5E5E5E
}

.detail_container .detail_top .detail_banner p>a.details_score {
  margin: 0 10px
}

.detail_container .detail_top .detail_banner p .developer a {
  color: #5E5E5E
}

.detail_container .detail_top .detail_banner p .developer a:hover {
  color: #00a6ed
}

.detail_container .detail_top .detail_banner.no-comments p {
  line-height: 28px
}
.detail_container .detail_top .detail_banner .apk_info {
  box-sizing: border-box;
  padding: 12px 16px;
  min-height: 80px;
  flex: 1;
  width: 98%
}

.detail_container .detail_top .detail_banner .apk_info img {
  border-radius: 15%;
  border: 1px solid #EFF3F9;
  background-color: #fff;
  box-sizing: border-box
}

.detail_container .detail_top .detail_banner--exp {
  display: flex;
  flex-direction: column
}

.detail_container .detail_top .detail_banner--exp .downalod_box {
  order: 3
}

.detail_container .detail_top .detail_banner--exp .js-ad-slot {
  margin-top: -3px;
  margin-bottom: 12px;
  min-width: 100%
}

.detail_container .detail_top .detail_banner--exp .js-ad-slot .ad-box,
.detail_container .detail_top .detail_banner--exp .js-ad-slot .ad-box-auto {
  margin-bottom: 0
}

.detail_container .detail_top .questionnaire-entry-box {
  height: auto;
  margin: 4px 0;
  padding: 8px 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px
}

.detail_container .detail_top .questionnaire-entry-box .icon {
  display: none
}


.detail_container .detail_top .questionnaire-entry-box .icon svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: #76A8F9
}

.detail_container .detail_top .questionnaire-entry-box .text {
  flex: 1
}

.detail_container .detail_top .questionnaire-entry-box .text .title {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px
}

.detail_container .detail_top .questionnaire-entry-box .text .des {
  margin-top: 2px;
  color: #A6A6A6;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.detail_container .detail_top .questionnaire-entry-box .emoji-img-box {
  display: flex;
  gap: 12px;
  flex-shrink: 0
}

.detail_container .detail_top .questionnaire-entry-box .emoji-img-box svg {
  opacity: .8;
  width: 24px;
  height: 26px
}

.detail_container .detail_top .questionnaire-entry-box .emoji-img-box svg:hover {
  opacity: 1
}

.detail_container .detail_top .bread_crumbs {
  height: 28px;
  align-items: center;
  display: flex;
  padding: 0px 16px;
  white-space: nowrap;
  overflow: hidden;
}

.detail_container .downalod_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 16px
}

.detail_container .downalod_box.bottom-download-box {
  padding: 12px 16px;
  margin-bottom: var(--model-spacing);
  background-color: #fff
}

.detail_container .downalod_box .download-btn-box {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.detail_container .downalod_box .download-btn-box .telegram-details-btn {
  height: 38px
}

.detail_container .downalod_box .app-store {
  border: 1px solid #000000;
  border-radius: 4px;
  margin-bottom: 8px;
  box-sizing: border-box
}

.detail_container .downalod_box .app-store a {
  display: block;
  text-align: center;
  height: 36px
}

.detail_container .downalod_box .google-play-badge {
  display: flex;
  justify-content: center;
  background: #100F0D;
  border-radius: 4px;
  height: 40px
}

.detail_container .downalod_box .google-play-badge:hover {
  opacity: .9
}

.detail_container .downalod_box .google-play-badge,
.detail_container .downalod_box>p {
  text-align: center
}

.detail_container .downalod_box .price {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #FA8B16;
  margin-right: 8px
}

.detail_container .downalod_box a:not(.huawei) span {
  position: relative;
  padding-left: 32px
}

.detail_container .downalod_box a:not(.huawei) span i {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
  background: url(../imgs/icon-down.png) no-repeat;
  background-size: 20px;
}


.detail_container .downalod_box .da {
  display: inline-block;
  background-color: #24cd77;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 10px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  border-radius: 4px;
  text-align: left
}
.detail_container .downalod_box .da.telegram-btn{
  margin-top: 10px;
  background: #006fa7;
}
.detail_container .downalod_box .da.telegram-btn i{
  background-image: url(../imgs/icon-telegram.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.detail_container .downalod_box .da:last-child {
  margin-bottom: 0
}

.detail_container .downalod_box .da:hover {
  background: #24dc83
}
.detail_container .downalod_box .da.ios-btn{
  background-color: #333;
  margin: 10px 0 0;
}
.detail_container .downalod_box .gameloop-btn {
  padding: 4px 16px;
  background-color: #4087F7;
  border: 1px solid #4087F7
}

.detail_container .downalod_box .gameloop-btn:hover {
  border: 1px solid #4087F7;
  color: #4087F7;
  background: radial-gradient(transparent, #4087F7)
}

.detail_container .downalod_box .play_now {
  padding: 8px 16px
}

.detail_container .downalod_box .details_how_to {
  text-align: center
}

.detail_container .downalod_box .details_how_to a {
  font-size: 14px;
  line-height: 22px;
  display: block;
  margin-top: 12px
}

.detail_container .downalod_box .details_how_to a svg {
  vertical-align: middle;
  margin-bottom: 4px
}

.detail_container .safe-link {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 12px 0 4px 0
}

.detail_container .price-box {
  min-height: 8px;
  text-align: center
}

.detail_container .banner_share {
  box-sizing: border-box;
  padding: 8px 0 12px;
  height: 52px;
  line-height: 0;
  background-color: #fff
}

.detail_container .banner_share.not-howto {
  padding-top: 12px;
  height: 56px
}

.detail_container .banner_share.show-gp-but {
  padding-top: 0;
  height: 44px
}

.detail_container .aegon-down-item {
  height: auto;
  margin: 4px 0;
  padding: 10px 16px;
  background-color: #fff;
  display: flex;
  justify-content: start;
  align-items: center
}

.detail_container .aegon-down-item .icon {
  display: flex;
  border: 0;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0
}

.detail_container .aegon-down-item .icon img {
  width: 40px;
  height: 40px
}

.detail_container .aegon-down-item .text {
  padding: 0 12px;
  flex: 1
}

.detail_container .aegon-down-item .text .des {
  font-size: 12px;
  line-height: 16px;
  color: #8B8B8B;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.detail_container .aegon-down-item .text .des.des_pc {
  display: none
}

.detail_container .aegon-down-item .text .tit {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #3C4043;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.detail_container .aegon-down-item .btn {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  background: #24cd77;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 8px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.detail_container .aegon-down-item a.dl-ref {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center
}

.detail_container .details-common-notice {
  width: 100%;
  background: #f2dede;
  color: #a94442;
  font-size: 16px;
  padding: 10px 5px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 10px
}

.detail_container .disqus,
.detail_container #comment,
.detail_container .ad-box-auto,
.detail_container .js-ad-slot {
  margin-bottom: var(--model-spacing);
  box-shadow: none;
  background: #fff
}
.detail_container .ad-box {
  margin-bottom: 4px;
  background-color: #fff
}

.detail_container .bread_crumbs {
  font-size: 12px;
  line-height: 16px;
  color: #5E5E5E
}

.detail_container .bread_crumbs>a,
.detail_container .bread_crumbs>span.category {
  position: relative;
  padding-right: 16px;
  color: #5E5E5E;
  position: relative
}

.detail_container .bread_crumbs>a::before,
.detail_container .bread_crumbs>span.category::before {
  content: " ";
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  right: 6px;
  top: 6px;
  border: 1px solid;
  border-color: #C5C5C5 #C5C5C5 transparent transparent;
  transform: rotateZ(45deg)
}

.detail_container .bread_crumbs>a:hover,
.detail_container .bread_crumbs>span.category:hover {
  color: #24cd77
}

.detail_container .bread_crumbs>span.mobile_name {
  color: #24cd77;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.detail_container .detail_banner {
  color: #5E5E5E
}

.detail_container .detail_banner .apk_info {
  display: flex
}

.detail_container .cmt-cls {
  display: none
}

.detail_container #cmt-edit-reply {
  min-height: 58px
}

.detail_container .available-box {
  margin-bottom: var(--model-spacing);
  background-color: white
}

.detail_container .available-box .list {
  padding: 0 16px 12px 16px
}

.detail_container .available-box a {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #00A6ED;
  color: #00A6ED;
  border-radius: 4px;
  font-size: 13px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.detail_container .available-box a:hover {
  background: rgba(0, 166, 237, 0.1);
  border-color: transparent
}

.detail_container .available-box a.windows::before,
.detail_container .available-box a.iphone::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  vertical-align: bottom
}


.detail_container .available-box a.iphone::before {
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat
}
.show-more {
  position: relative;
  display: block
}

.show-more.whats-new-more {
  color: #00a6ed
}

.show-more .show-more-end {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#00ffffff', EndColorStr='#ffffff');
  top: -30px;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%
}

.show-more span {
  cursor: pointer;
  line-height: 30px;
  padding-right: 22px;
  height: 30px;
  display: inline-block;
  color: #00a6ed;
  text-decoration: none;
  position: relative
}



.above-info {
  margin: 15px 0 0;
}

.above-info .card {
  padding: 12px 16px;
  background-color: #fff;
  overflow: hidden;
  position: relative
}

.above-info .description-short {
  margin-bottom: 16px
}

.above-info .tag-box {
  margin-top: 12px;
  max-height: 60px;
  overflow: hidden
}

.above-info .tag-box .tag-item a {
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 26px;
  margin-bottom: 4px;
  padding: 0px 8px;
  color: #8B8B8B;
  border: 1px solid #F0F2F4;
  border-radius: 4px
}

.above-info .tag-box .tag-item a:hover {
  color: #00a6ed;
  background-color: rgba(0, 166, 237, 0.1)
}

.above-info .description {
  padding-bottom: 16px;
  position: relative
}

.above-info .description .description-title-box {
  display: flex;
  justify-content: space-between
}

.above-info .description h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #3C4043;
  margin-right: 8px
}

.above-info .description h3 {
  font-weight: 500;
  font-size: 20px !important;
  line-height: 40px;
  color: #ff0900;
  margin: 10px 0 0;
}

.above-info .description .translate-btns {
  flex-shrink: 0
}

.above-info .description .translate-btns .translate-btn {
  border-radius: 4px;
  padding: 0 8px;
  color: #00a6ed;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #EEEEEE;
  cursor: pointer;
  height: 24px;
  display: inline-block
}

.above-info .description .translate-btns .translate-btn.active,
.above-info .description .translate-btns .translate-btn:hover {
  border-color: rgba(43, 118, 220, 0.1);
  background: rgba(43, 118, 220, 0.1)
}

.above-info .description .translate-btns .translate-btn.more {
  position: relative;
  padding-right: 20px
}

.above-info .description .translate-btns .translate-btn.more i {
  vertical-align: top
}

.above-info .description .translate-btns .translate-btn.more svg {
  vertical-align: middle;
  margin-bottom: 2px
}

.above-info .description .translate-btns .translate-btn.more::after {
  position: absolute;
  right: 8px;
  top: 10px;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #00a6ed;
  opacity: .9
}

.above-info .description .content {
  margin-top: 12px;
  position: relative
}

.above-info .description .content .paragraph-bottom {
  margin-bottom: 16px
}

.above-info .description .content .paragraph-top {
  margin-top: 16px
}

.above-info .description .content .translate-content,
.above-info .description .content .local-content {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #5E5E5E
}

.above-info .description .content .translate-content a {
  color: #00a6ed
}
.above-info .description .content .translate-content p{
  margin: 10px 0 0;
}

.above-info .description .content .local-content {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: none
}

.above-info .description .content .loading-box {
  display: none;
  position: absolute;
  width: 100%;
  height: 56px;
  top: 50px;
  left: 0;
  z-index: 11
}

.above-info .description .content .loading-box .translate-loading-icon {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  -o-box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  -ms-box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  -webkit-box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  -moz-box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
  animation: loading-animation ease infinite 4.6s;
  -o-animation: loading-animation ease infinite 4.6s;
  -ms-animation: loading-animation ease infinite 4.6s;
  -webkit-animation: loading-animation ease infinite 4.6s;
  -moz-animation: loading-animation ease infinite 4.6s
}

.above-info .description .content .loading-box .translate-loading-text {
  position: absolute;
  top: 50px;
  left: 50%;
  font-size: 14px;
  line-height: 22px;
  color: #8B8B8B;
  transform: translateX(-50%)
}

.above-info .description .content.loading {
  min-height: 160px
}

.above-info .description .content.loading::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9)
}

.above-info .description .content.loading .loading-box {
  display: block
}

.above-info .description .additional {
  color: #777777;
  margin-top: 20px;
  background-color: #fff;
  position: relative
}

.above-info .description .additional .additional-content {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #E7E7E7
}

.above-info .description .additional .additional-content .additional-item {
  width: 50%;
  border-width: 0 1px 1px 0px;
  border-style: solid;
  border-color: #E7E7E7;
  box-sizing: border-box;
  height: 56px;
  padding: 8px 12px;
  line-height: 22px
}

.above-info .description .additional .additional-content .additional-item .title {
  color: #5E5E5E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: -1px
}

.above-info .description .additional .additional-content .additional-item .additional-info {
  font-size: 12px;
  color: #8B8B8B;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.above-info .description .additional .additional-content .additional-item .additional-info a {
  color: #00a6ed
}

.above-info .whats-new-info {
  margin-top: 24px;
  font-size: 13px
}

.above-info .whats-new-info .date {
  margin: 4px 0
}
.limit {
  max-height: 420px;
  overflow: hidden
}



a.title-bar:hover {
  color: inherit
}

.title-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 26px 10px 16px;
  gap: 4px;
  color: #3C4043
}


.title-bar h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px
}

.title-bar::after {
  content: " ";
  position: absolute;
  display: inline-block;
  align-self: center;
  width: 6px;
  height: 6px;
  border: 2px solid #868686;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  flex-shrink: 0;
  right: 16px
}

.title-bar.no-more::after {
  content: none
}

.title-bar .icon {
  width: 6px;
  height: 6px;
  border: 2px solid #868686;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.show-more span::after {
  content: " ";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #00a6ed;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
  flex-shrink: 0;
  right: 3px;
  top: 10px
}

.show-more span.active::after {
  transform: rotate(-135deg);
  top: 13px
}

.star {
  font-size: 12px;
  line-height: 18px;
  color: #FA8B16
}

.side {
  width: auto;
  padding-top: 0;
  max-width: 980px;
  margin: 0 auto;
  min-height: auto;
  position: static
}

.side .discover .apk-list-with {
  margin-bottom: 12px
}
.side .discover .apk-list-with .scroll-box {
  white-space: nowrap;
  font-size: 0;
  padding: 0px 16px 12px;
  overflow-x: auto
}

.side .discover .apk-list-with .scroll-box::-webkit-scrollbar {
  display: none
}

.side .discover .apk-list-with .scroll-box .apk {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 12.5%;
  white-space: initial;
  font-size: initial;
  width: calc((100% - 7 * var(--app-horizontal-spacing)) / 8)
}


.side .discover .apk-list-with .scroll-box .apk img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  border: 1px solid #EFF3F9;
  border-radius: 15%
}

.side .discover .apk-list-with .scroll-box .apk .content {
  margin-top: 4px
}

.side .discover .apk-list-with .scroll-box .apk .content.pre-reg-count .title {
  -webkit-line-clamp: 1;
  height: auto
}

.side .discover .apk-list-with .scroll-box .apk .content .title {
  word-break: break-word;
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  color: #4B4B4B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 44px;
  -webkit-line-clamp: 1;
  height: auto;
  font-size: 16px;
  font-weight: bold;
}
.side .discover .apk-list-with .scroll-box .apk .content .stars-box {
  font-size: 12px; font-weight: normal; color: #999;
}



.side .discover .apk-list-with .scroll-box .apk .content .pre-reg-count-text p {
  display: inline-block
}

.side .discover .apk-list-with .scroll-box .apk:hover .content .title {
  color: #00a6ed
}

.side .discover .apk-list-with .scroll-box .apk {
  min-width: 80px;
}

.side .js-ad-slot {
  display: none
}

.apk-list-with .detail-news-article-list {
  white-space: nowrap;
  overflow-x: scroll;
  background-color: white;
  padding: 0 8px 12px 16px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none
}

.apk-list-with .detail-news-article-list::-webkit-scrollbar {
  display: none
}

.apk-list-with .detail-news-article-list .detail-news-article-item {
  display: inline-table;
  position: relative;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 8px;
  vertical-align: top
}

.apk-list-with .detail-news-article-list .detail-news-article-item:hover img {
  opacity: 0.9
}

.apk-list-with .detail-news-article-list .detail-news-article-item:hover .detail-news-article-item-title {
  color: #00a6ed
}

.apk-list-with .detail-news-article-list .detail-news-article-item>a:first-child {
  display: block;
  width: 200px;
  height: 112.5px;
  position: relative;
  overflow: hidden;
  background: #f6f9fc;
  border-radius: 4px
}

.apk-list-with .detail-news-article-list .detail-news-article-item>a:first-child img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.apk-list-with .detail-news-article-list .detail-news-article-item .detail-news-article-item-title {
  margin-top: 4px;
  height: 44px;
  font-size: 13px;
  line-height: 22px;
  color: #4B4B4B;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: initial
}

.details .screen-wrap {
  background-color: #fff;
  padding: 15px;
  margin: 0 0 15px 0;
}

.details .screen-wrap .screen {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 180px
}


.details .screen-wrap .screen::-webkit-scrollbar {
  display: none
}

.details .screen-wrap .screen .b {
  height: 180px;
  z-index: 1;
  white-space: nowrap;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  position: absolute;
  font-size: 0;
  display: flex
}

.details .screen-wrap .screen .screen-pswp img {
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto
}

.apk-list-with {
  margin-bottom: var(--model-spacing);
  background-color: white
}



.apk-list-with .pre-reg-count-text {
  line-height: 20px;
  font-size: 12px;
  color: #00a6ed;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.mfp-hide {
  display: none
}

html[lang="ja"] .detail_container .detail_top .detail_banner .apk_info .info .title_link h1,
html[lang="th-TH"] .detail_container .detail_top .detail_banner .apk_info .info .title_link h1,
html[lang="ar"] .detail_container .detail_top .detail_banner .apk_info .info .title_link h1,
html[lang="ur"] .detail_container .detail_top .detail_banner .apk_info .info .title_link h1 {
  font-weight: bold
}

html[lang="ja"] .above-info .description h2,
html[lang="th-TH"] .above-info .description h2,
html[lang="ar"] .above-info .description h2,
html[lang="ur"] .above-info .description h2 {
  font-weight: bold
}

html[lang="ja"] .additional h3,
html[lang="th-TH"] .additional h3,
html[lang="ar"] .additional h3,
html[lang="ur"] .additional h3 {
  font-weight: bold
}

html[lang="ja"] .detail_container .downalod_box .price,
html[lang="th-TH"] .detail_container .downalod_box .price,
html[lang="ar"] .detail_container .downalod_box .price,
html[lang="ur"] .detail_container .downalod_box .price {
  font-weight: bold
}

html[lang="ja"] .detail_container .aegon-down-item .text .tit,
html[lang="th-TH"] .detail_container .aegon-down-item .text .tit,
html[lang="ar"] .detail_container .aegon-down-item .text .tit,
html[lang="ur"] .detail_container .aegon-down-item .text .tit {
  font-weight: bold
}


html[lang="ja"] .title-bar h3,
html[lang="th-TH"] .title-bar h3,
html[lang="ar"] .title-bar h3,
html[lang="ur"] .title-bar h3 {
  font-weight: bold
}

html[lang="ja"],
html[lang="th-TH"],
html[lang="ar"],
html[lang="ur"] {
  --font-weight: bold
}

.info .title_link {
  height: auto;
  float: left;
  line-height: 32px;
  overflow: hidden;
  display: inline;
  width: 100%;
  margin: 0 0 6px 0;
}

.info {
  margin: 0 0 0 20px;
  flex: 1;
}

.info p {
  margin: 11px 0 0;
  display: block !important;
  overflow: hidden;
  line-height: 22px !important;
}
#comment{
  margin: 15px 0 0;
}

.details-box{
  margin: 15px 0 0;
  padding: 12px 16px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.details-box h3{
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #3C4043;
  margin-right: 8px;
}
.details-box .details-ul{
  width: 100%;
  height: auto;
  display: block;
  margin: 12px 0 0;
  padding: 0;
  overflow: hidden;
}
.details-box .details-ul li{
  width: 100%;
  height: auto;
  float: left;
  padding: 6px 20px;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}
.details-box .details-ul li i{
  width: 26px; 
  height: 26px;
  display: block;
  overflow: hidden;
}
.details-box .details-ul li strong{
  width: 220px;
  margin: 0 12px;
  display: block;
  overflow: hidden;
}
.details-box .details-ul li em{
  font-style: normal;
  color: #333;
  flex: 1;
  display: block;
  overflow: hidden;
}
.details-box .details-ul li:nth-child(2n-1){
  background: #f5f5f5;
}
.details-box .details-ul li i.icon-date{
  background: url(../imgs/icon-date.png) no-repeat center center;
  background-size: 20px;
}
.details-box .details-ul li i.icon-version{
  background: url(../imgs/icon-version.png) no-repeat center center;
  background-size: 20px;
}
.details-box .details-ul li i.icon-size{
  background: url(../imgs/icon-size.png) no-repeat center center;
  background-size: 20px;
}
.details-box .details-ul li i.icon-package{
  background: url(../imgs/icon-package.png) no-repeat center center;
  background-size: 20px;
}
.details-box .details-ul li i.icon-publisher{
  background: url(../imgs/icon-publisher.png) no-repeat center center;
  background-size: 20px;
}
.details-box .details-ul li i.icon-website{
  background: url(../imgs/icon-website.png) no-repeat center center;
  background-size: 20px;
}
.keyword{
  margin: 15px 0 0;
  padding: 12px 16px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.keyword h3{
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #3C4043;
  margin-right: 8px;
}
.klistdiv2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.4rem 0;
}
.klistdiv2 a {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0.3rem 0;
}
.u-top-box {
  overflow: hidden;
  position: relative;
  margin: 15px 0 0;
}

.u-top-box a.u-top-img {
  display: block;
  width: 240px;
  float: left;
  margin-right: 20px;
}

.u-top-box a.u-top-img img {
  display: block;
  max-width: 100%;
  border-radius: 10px;
}

.u-top-box h5 {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

.u-top-box h5 a {
  color: #0AAD00;
  font-size: 16px;
  font-weight: bold;
}

.u-top-box p {
  line-height: 26px;
  overflow: hidden;
  color: #999;
  font-size: 14px;
}

.u-top-box p a {
  color: #0AAD00;
}

.u-top-box .u-content {
  height: 70px;
  overflow: hidden;
  line-height: 22px;
  margin-top: 4px;
  font-size: 14px;
}

.key-down{
  width: 100%; height: auto; display: block; overflow: hidden;
}
.key-down a{
  width: 50%; height: auto; float: left; display: flex; overflow: hidden;
  padding: 20px 20px 20px 0; box-sizing: border-box;
}
.key-down a .left{
  width: 66px;
  height: auto;
  display: block;
  overflow: hidden;
  margin: 0 12px 0 0;
}
.key-down a .left img{
  width: 100%;
  display: block;
  border-radius: 10px;
}
.key-down a .right{
  flex: 1;
  display: block;
  overflow: hidden;
}
.key-down a .right .title{
  font-size: 16px; font-weight: bold; height: 20px; line-height: 20px;  color: #333; display: block; overflow: hidden;
}
.key-down a .right .stitle{
  font-size: 12px; font-weight: normal; height: 16px; line-height: 16px; color: #888; display: block; overflow: hidden; margin: 6px 0 0;
}

.category-box{
  background: #fff;
}
.category-box .category-nav{
  display: block;
  overflow: hidden;
  padding: 0 0 20px 10px;
  box-sizing: border-box;
}
.category-box .category-nav a{
  width: calc(50% - 12px);
  height: auto;
  float: left;
  margin: 10px 10px 0 0;
  display: flex;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 20px;
  align-items: center;
  box-sizing: border-box;
}
.category-box .category-nav a img{
  width: 25px;
  height: 25px;
  display: block;
  overflow: hidden;
  border-radius: 100%;
  margin: 2px;
}
.category-box .category-nav a span{
  color: #333;
  flex: 1;
  padding: 0 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}



@media screen and (max-width: 620px) {
  .detail_container{
    margin: 0;
  }
  .dt-discover{
    margin-top: 12px;
  }
  .side .discover .apk-list-with .scroll-box .apk {
    margin-left: var(--app-horizontal-spacing);
    min-width: 80px;
  }
  .u-top-box a.u-top-img{
    width: 100%;
    float: none;
    margin: 0 0 12px 0;
  }
  .key-down a{
    width: 100%;
    padding: 20px 0 0;
  }
  .details-box .details-ul li strong{
    width: 120px;
  }
}

@media screen and (min-width: 720px) {
  
  .ad-title::after {
    text-align: center
  }
  .detail_container .downalod_box .da {
    padding: 10px 24px;
    height: 18px
  }
  .detail_container .downalod_box.bottom-download-box .download-btn-box .app-store,
  .detail_container .downalod_box.bottom-download-box .download-btn-box .google-play-badge,
  .detail_container .downalod_box.bottom-download-box .download-btn-box .telegram-btn,
  .detail_container .downalod_box.bottom-download-box .download-btn-box .da {
    box-sizing: border-box;
    width: 320px;
    margin-left: auto;
    margin-right: auto
  }

  .detail_container .downalod_box.bottom-download-box .download-btn-box .da {
    height: 38px
  }

  .detail_container .downalod_box.bottom-download-box .download-btn-box .safe-link {
    text-align: center
  }
  .detail_container .downalod_box {
    padding: 0
  }
  .detail_container .detail_top .bread_crumbs {
    background-color: #fff;
    padding-top: 8px
  }
  .detail_container .detail_top .questionnaire-entry-box .emoji-img-box svg {
    width: 30px;
    height: 32px
  }
  .detail_container .detail_top .questionnaire-entry-box .text .title {
    font-size: 16px;
    line-height: 24px
  }
  .detail_container .detail_top .questionnaire-entry-box {
    flex-direction: row;
    text-align: start;
    gap: 12px
  }
  .detail_container .detail_top .questionnaire-entry-box .icon {
    display: flex;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: rgba(64, 135, 247, 0.1)
  }
  .detail_container .downalod_box .details_how_to a {
    margin-top: 8px
  }
  .detail_container .downalod_box .play_now {
    padding: 15px 16px
  }
  .detail_container .downalod_box .gameloop-btn {
    padding: 13px 16px
  }
  
  .apk-list-with .detail-news-article-list .detail-news-article-item {
    width: 25%
  }
  .telegram-btn.download {
    width: 260px;
    height: 40px;
    justify-content: center
  }
  .telegram-btn.download svg {
    order: 0;
    width: 14px;
    height: 14px
  }
  .ad-title {
    margin-top: 22px !important
  }

  .ad-title::after {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    padding: 0 16px 4px;
    content: "Advertisement";
    font-size: 12px;
    line-height: 18px;
    color: #A6A6A6;
    border-bottom: 1px solid #F2F5F9;
    background-color: #fff
  }
  .detail_container .detail_top .detail_banner.no-comments p {
    line-height: 38px
  }
  .detail_container .detail_top .detail_banner p {
    line-height: 28px
  }
  .detail_container .detail_top .detail_banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px
  }
  .detail_container .detail_top .details_safe {
    top: 0
  }
  :root {
    --model-spacing: 8px
  }
  :root {
    --header-footer-spacing: 16px
  }
  .detail_container .detail_top .detail_banner .apk_info {
    padding: 0;
    min-width: 0;
    flex-basis: 1%
  }
  .detail_container .detail_top .detail_banner .apk_info img {
    width: 106px;
    height: 106px
  }
  .detail_container .detail_top .detail_banner--exp .downalod_box {
    order: initial
  }
  .detail_container .detail_top .detail_banner--exp {
    flex-wrap: wrap;
    flex-direction: inherit
  }
  .detail_container .detail_top .detail_banner--exp .js-ad-slot {
    width: calc(100% + 32px);
    margin: 8px -16px 0
  }
  .detail_container .banner_share {
    display: none
  }

  .detail_container .detail_top .detail_banner--exp .js-ad-slot {
    margin: 8px -16px -12px
  }

  .container {
    width: 764px;
    width: calc(100vw - 332px);
    max-width: 868px;
    margin-right: 332px;
    display: block
  }

  .detail_container .disqus,
  .detail_container #comment,
  .detail_container .ad-box-auto,
  .detail_container .js-ad-slot {
    line-height: 0
  }

  .title-bar::after {
    position: initial;
    margin: 0 8px
  }
  .title-bar {
    justify-content: initial
  }
  .side .discover .apk-list-with .scroll-box .apk {
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
    box-sizing: border-box
  }
  .side .discover .apk-list-with .scroll-box .apk:last-child {
    margin-bottom: 16px
  }
  .side {
    width: 316px;
    min-height: 500px;
    margin-left: 16px;
    position: absolute;
    top: var(--header-footer-spacing);
    right: 0
  }
  .side .discover .apk-list-with .scroll-box {
    white-space: initial;
    padding-bottom: 0
  }
  .side .discover .apk-list-with .scroll-box .apk img {
    width: 56px;
    height: 56px;
    min-width: auto;
    border-radius: 9.6px
  }
  .side .discover .apk-list-with .scroll-box .apk .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
    padding: 0 12px
  }
  .side .discover .apk-list-with .scroll-box .apk+.apk {
    margin-left: 0
  }

  .side .js-ad-slot {
    text-align: center;
    display: block
  }
  .apk-list-with .detail-news-article-list .detail-news-article-item>a:first-child {
    width: 203px
  }

  
  .details .screen-wrap .screen .screen-pswp img {
    height: 180px
  }
  .details .screen a.screen-pswp:last-child,
  .details .screen .details-tube:last-child {
    margin-right: 0
  }
  :root {
    --app-horizontal-spacing: 16px
  }
  .detail_container {
    padding-top: var(--header-footer-spacing);
    width: 1090px;
    width: max-content;
    position: relative;
    padding-bottom: calc(var(--header-footer-spacing) - var(--model-spacing))
  }
}