@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

z_ia,body {
	color: #333
}

.s_txt {
	color: #0063d3;
	line-height: .36rem;
	font-weight: 700;
	font-size: .2rem
}

.s_span {
	color: #ababab;
	font-weight: 700
}

.s_em {
	color: #ffa709;
	font-size: .24rem
}

.s_icon {
	display: inline-block!important;
	width: .2rem;
	height: .26rem;
	background-position: -1.94rem -1.7rem;
	position: relative;
	top: .04rem;
	margin-right: .04rem
}

.s_grade {
	color: #e6e6e6;
	line-height: .32rem;
	display: block;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	font-size: .22rem
}

.s_name {
	font-size: .3rem;
	color: #454545;
	line-height: .48rem;
	font-weight: 700
}

.s_info {
	margin: 0 .28rem 0 .18rem
}

.s_num {
	display: block;
	width: .36rem;
	height: .58rem;
	font-weight: 700;
	font-size: .32rem;
	color: #cecece;
	line-height: .45rem;
	text-align: center;
	position: relative;
	top: .35rem;
	left: 0;
	margin-right: .2rem
}

.s_img {
	display: block;
	width: 1.18rem;
	height: 1.18rem;
	border-radius: .18rem
}

.search_li {
	padding-top: .17rem;
	padding-bottom: .17rem;
	border-bottom: .007rem solid #e3e3e3;
	align-items: center
}

.search_btn {
	display: block;
	line-height: .55rem;
	margin: 0 Auto;
	border-radius: .06rem;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	width: 2.05rem;
	height: .55rem;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	Border-radius: .1rem
}

.headerNav,.wrap {
	width: 100%;
	max-width: 7.5rem
}

body,header {
	position: relative
}

.headerNav,.headerNav .mask {
	top: .9rem;
	position: absolute
}

blockquote,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,th,ul {
	margin: 0;
	padding: 0
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

ol,ul {
	list-style: none
}

em,i {
	font-style: normal;
	font-weight: 400
}

img {
	display: block;
	border: 0
}

* {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none
}

html {
	font-size: 100px
}

body {
	line-height: 2.2;
	font-size: .24rem;
	margin: 0;
	font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;
	background-color: #e0e0e0
}

body,html {
	width: 100%
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: #fff0
}

.flex {
	display: flex
}

.flex_grow {
	-moz-flex-grow: 1;
	flex-grow: 1
}

.wrap {
	min-width: 3.2rem;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden
}

.hide {
	display: none
}

.WHSU-272 li a,.icon_i,header .logo2 i,header i,nav li a {
	display: block
}

header {
	height: .54rem;
	background: #fff;
	font-size: .32rem;
	font-weight: 700;
	padding: .17rem 0
}

.headerNav {
	left: 50%;
	margin-left: -3.75rem;
	z-index: 98
}

.headerNav ul {
	flex-wrap: wrap;
	padding: .05rem 0 .25rem;
	z-index: 99;
	position: absolute;
	background: #f2fff7
}

.headerNav ul li a,header.green_bg {
	background: #000000e6;
	color: #fff;
	font-size: .32rem
}

.headerNav ul li {
	margin: .2rem 0 0 .2rem
}

.headerNav ul li a {
	display: block;
	width: 2.22rem;
	height: .72rem;
	line-height: .72rem;
	border-radius: .1rem;
	text-align: center
}

.headerNav ul li a i {
	display: inline-block;
	width: .38rem;
	height: .38rem;
	position: relative;
	margin-right: .1rem
}

.headerNav .mask {
	width: 7.5rem;
	height: 100%;
	background: rgb(0 0 0 / .5)
}

.menu {
	margin-right: .2rem;
	margin-top: -.06rem;
	font-weight: 600;
	cursor: pointer;
	user-select: none
}

.menu:active {
	opacity: .7
}

header.green_bg {
	position: relative
}

header.green_bg a {
	color: #fff
}

header .logo2 {
	width: 1.78rem
}

header .txt {
	height: auto;
	line-height: .4rem;
	margin-top: auto;
	margin-left: .2rem
}

header .share-link {
	display: inline;
	cursor: pointer;
	margin-top: 1px;
	margin-right: .2rem;
	width: 1.2rem;
	height: auto;
	background-image: url(https://zkslot.cc/Z_SHEJH-272_files/All-Rmmy-Apps-Join-Telegram.webp);
	background-size: 100% 100%
}

.btn {
	background-color: #e80000
}

.btn:hover {
	background-color: red;
	opacity: .9;
	-webkit-transform: scale(.96)
}

.WHSU-272,.WHSU-272,.ranking_list .sort,.ranking_list .sort div {
	background-color: #fff
}

.icon_i {
	background-image: url(https://zkslot.cc/Z_img/rank.webp);
	background-size: 6rem 6.1rem;
	display: block
}

.udfoot {
	text-align: center
}

nav {
	border-bottom: 1px solid #eaeaea;
	width: 100%;
	overflow: hidden
}

nav li {
	display: inline-block;
	width: 20%;
	border-bottom: .04rem solid #fff0;
	padding: .2rem 0 .28rem
}

nav li a {
	height: .1rem;
	line-height: .1rem;
	border-right: 1px solid #e7e7e7;
	text-align: center;
	color: #000;
	font-size: .27rem
}

nav li.current {
	border-color: red
}

nav li.current a {
	color: red
}

nav li:last-child a {
	border: 0
}

nav ul {
	overflow-x: auto;
	white-space: nowrap;
	font-size: 0;
	font-weight: 700;
	overflow-x: -moz-scrollbars-none;
	-ms-overflow-style: none
}

nav ul::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
	-webkit-appearance: none;
	border-radius: 0
}

.nav_bar {
	width: 100%;
	overflow: hidden
}

.ranking_list {
	width: 100%;
	margin: 0 10px
}

.ranking_list .sort {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	justify-content: center;
	align-items: center
}

.ranking_list .sort img {
	width: 100%;
	height: 2.srem;
	display: block
}

.ranking_list .sort label {
	position: absolute;
	width: 100%;
	margin-top: -.2rem;
	justify-content: center;
	align-items: center
}

.ranking_list .sort span {
	display: block;
	width: .24rem;
	height: .05rem;
	background-color: #fff;
	margin: 0 .22rem
}

.ranking_list .sort h3 {
	font-size: .48rem;
	color: #fff;
	margin: 0 .23rem;
	letter-spacing: .02rem
}

.ranking_list .sort .ico_l,.ranking_list .sort .ico_r {
	width: .15rem;
	height: .14rem;
	background-position: -.85rem -1.8rem;
	position: relative
}

.ranking_list .sort div {
	position: absolute;
	z-index: 1;
	bottom: -.04rem;
	width: 2.72rem;
	height: .4rem;
	border-top-left-radius: .1rem;
	border-top-right-radius: .1rem
}

.WHSU-272 li {
	position: relative;
	text-align: center;
	margin-bottom: .3rem
}

.WHSU-272 li img {
	display: block;
	width: 1.24rem;
	height: 1.24rem;
	border-radius: .24rem;
	margin: 0 auto
}

.WHSU-272 li p {
	color: #ababab;
	font-size: .22rem;
	line-height: .42rem;
	width: 90%;
	margin: auto;
	overflow: hidden;
	white-space: nowrap
}

.WHSU-272 li .name {
	height: .6rem;
	line-height: .6rem;
	color: #454545;
	font-size: .25rem;
	font-weight: 700
}

.WHSU-272 ul li .grade {
	color: #e6e6e6;
	line-height: .25rem
}

.WHSU-272 ul li .grade span {
	color: #9a9b9b;
	font-weight: 700;
	font-size: .19rem;
	line-height: .35rem
}

.WHSU-272 ul li .grade i {
	display: inline-block;
	width: .3rem;
	height: .26rem;
	background-position: 0 -1.72rem;
	position: relative;
	top: .04rem;
	margin-right: .001rem
}

.WHSU-272 li .btn {
	display: block;
	width: 1.9rem;
	height: .55rem;
	text-align: center;
	line-height: .55rem;
	margin: .16rem auto 0;
	border-radius: .06rem;
	color: #fff;
	font-size: .24rem;
	font-weight: 700
}

.WHSU-272 li:nth-child(2) img {
	width: 1.6rem;
	height: 1.6rem
}

.WHSU-272 li:nth-child(2) {
	padding-top: .1rem;
	width: 35%
}

.WHSU-272 li:first-child,.WHSU-272 li:nth-child(3) {
	padding-top: .45rem;
	width: 32.5%
}

.WHSU-272 li .num1 {
	width: .65rem;
	height: .89rem;
	background-position: -3.5rem -.8rem;
	position: absolute;
	z-index: 2;
	top: -.75rem;
	left: 47%;
	margin-left: -.25rem
}

.WHSU-272 li .num2,.WHSU-272 li .num3 {
	width: .7rem;
	height: .56rem;
	position: absolute;
	z-index: 2;
	top: -.3rem;
	left: 50%;
	margin-left: -.25rem
}

.WHSU-272 li .num2 {
	width: .65rem;
	height: .89rem;
	background-position: -4.34rem -.85rem;
	position: absolute;
	z-index: 2;
	top: -.4rem;
	left: 47%;
	margin-left: -.25rem
}

.WHSU-272 li .num3 {
	width: .65rem;
	height: .89rem;
	background-position: -5.15rem -.84rem;
	position: absolute;
	z-index: 2;
	top: -.4rem;
	left: 47%;
	margin-left: -.25rem
}

.SHEJH-272_Notice_Slider marquee {
	position: relative;
	width: auto;
	background: #1b1b1b;
	color: #fff;
	font-family: Sofia,sans-serif;
	font-weight: 600;
	font-variant: small-caps;
	line-height: .6rem;
	border: 1px dashed #fff
}

.WHSU-272 {
	padding: .11rem .2rem 0rem
}

.WHSU-272 .tab_menu {
	height: .68rem;
	line-height: .68rem;
	text-align: center;
	color: #000;
	font-size: .28rem
}

.WHSU-272 .tab_menu span {
	flex: 1;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 600
}

.WHSU-272 .tab_menu span:last-child {
	border-right: 0
}

.WHSU-272 .tab_menu span.current {
	color: #fff;
	background-image: linear-gradient(to bottom,#994dbe,#540979);
	font-weight: 600;
	border-radius: 6px;
	opacity: 2.5
}

.WHSU-272 ul li {
	padding-top: .17rem;
	padding-bottom: .17rem;
	align-items: center
}

.WHSU-272 ul li img {
	display: block;
	width: 1.18rem;
	height: 1.18rem;
	border-radius: .18rem
}

.WHSU-272 .allrummyapp_closed_stamp {
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(https://zkslot.cc/other-closed-rummy-application/image/closed-rummy-app-stamp.webp);
	background-size: 100% 100%;
	margin-left: .545rem;
	opacity: 80%
}

.WHSU-272 ul li .info {
	margin: 0 .28rem 0 .18rem
}

.WHSU-272 ul li .info p {
	display: block;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	font-size: .22rem
}

.WHSU-272 ul li .info .name {
	font-size: .3rem;
	color: #454545;
	line-height: .48rem;
	font-weight: 700
}

.WHSU-272 ul li .info .grade {
	color: #e6e6e6;
	line-height: .32rem
}

.WHSU-272 ul li .info .grade span {
	color: #ababab;
	font-weight: 700
}

.WHSU-272 ul li .info .grade em {
	color: #ffa709;
	font-size: .24rem
}

.WHSU-272 ul li .info .grade i {
	display: inline-block;
	width: .2rem;
	height: .26rem;
	background-position: -1.94rem -1.7rem;
	position: relative;
	top: .04rem;
	margin-right: .04rem
}

.WHSU-272 ul li .info .txt {
	color: #0063d3;
	line-height: .36rem;
	font-weight: 700;
	font-size: .2rem
}

.WHSU-272 ul li .num {
	display: block;
	width: .36rem;
	height: .58rem;
	font-weight: 700;
	font-size: .32rem;
	color: #cecece;
	line-height: .45rem;
	text-align: center;
	position: relative;
	top: .35rem;
	left: 0;
	margin-right: .2rem
}

.WHSU-272 ul li .btn {
	display: block;
	line-height: .55rem;
	margin: 0 Auto;
	border-radius: .06rem;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	width: 2.05rem;
	height: .55rem;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	Border-radius: .1rem
}

.All_Rummy_Sticky-Ads_App {
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	background: rgb(0 0 0/55%);
	z-index: 1;
	display: flex
}

.All_Rummy_Sticky-Ads_App-close {
	width: 1.1rem;
	height: .33rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: -.338rem;
	background-color: #fff;
	border: .01rem solid #000
}

.All_Rummy_Sticky-Ads_App .All_Rummy_Sticky-Ads_App-close span {
	width: 4rem;
	font-size: .25rem;
	color: #000;
	font-weight: 700;
	margin-left: .05rem;
	cursor: pointer;
	line-height: .26rem
}

.All_Rummy_Sticky-Ads_App .All_Rummy_Sticky-Ads_App-close i {
	font-size: .25rem;
	float: left;
	color: #000;
	margin-top: .01rem;
	margin-left: .08rem;
	line-height: .26rem
}

.All_Rummy_Sticky-Ads_App-content img {
	width: 7.425rem;
	background-color: #fff;
	padding: .03rem .03rem;
	border: .5px solid #000;
	border-radius: .05rem
}

.AllRummyApps_WhatsApp_Follow a {
	position: fixed;
	cursor: pointer;
	top: 3.2rem;
	right: 0;
	width: 1.8rem;
	height: 1rem;
	background-image: url(https://zkslot.cc/Z_img/allrummyapps-whatsapp-follow.webp);
	background-size: 100% 100%;
	z-index: 999
}

.AllRummyApp_icon {
	position: absolute;
	width: .45rem;
	height: .45rem;
	background-image: url(https://allrummystore.com/wp-content/uploads/2023/12/whatsapp-all-rummy-app.png);
	background-size: 100% 100%;
	background-color: #00786a;
	margin-left: 3.8rem;
	margin-top: -.6rem;
	border: solid #fff .06rem;
	border-radius: 1rem
}

.telegram_icon {
	position: absolute;
	width: .45rem;
	height: .45rem;
	background-image: url(https://allrummystore.com/wp-content/uploads/2023/12/telegram-all-rummy-app.webp);
	background-size: 100% 100%;
	margin-left: 3.8rem;
	margin-top: -.6rem;
	border: solid #fff .06rem;
	border-radius: 1rem
}


.is-tab .tab-items>:first-child {
    display: block;
}

.is-tab .tab-items>* {
    display: none;
    margin-top: 10px !important;
}
.apk-grid-item {
    margin-top: 10px;
    position:relative;
}
.apk-grid-item.no-grid ul {
    white-space: normal;
}

.apk-grid-item ul {
    font-size: 0;
    overflow-x: auto;
    padding: 0 16px;
    white-space: nowrap;
}
.apk-grid-item.no-grid .grid-col:first-child {
    margin-top: 0;
}

.apk-grid-item.no-grid .grid-col {
    margin-left: 0;
    margin-top: 16px;
}
.apk-grid-item .grid-col {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 2px);
}
.apk-grid-item .grid-row {
    align-items: center;
    display: flex
;
    justify-content: space-between;
}
.apk-grid-item .grid-row img.icon {
    background-color: #fff;
    border: 1px solid #eff3f9;
    border-radius: 15%;
    height: 64px;
    width: 64px;
}
.apk-grid-item .grid-row .grid-text-box {
    flex: 1;
    margin: 0 12px;
    width: 0;
}
.apk-grid-item .grid-row .grid-text-box .grid-item-title {
    color: #4b4b4b;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.apk-grid-item .grid-row .grid-text-box .grid-item-developer, .apk-grid-item .grid-row .grid-text-box .grid-item-preregister {
    color: #318a28;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.grid-item-developer{
        color: #ff5500 !important;
}
.apk-grid-item .grid-row .apk-grid-button, .apk-grid-item .grid-row .apk-grid-download {
    background: linear-gradient(180deg,#39b530,#318a28)!important;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    padding: 10px 10px;
}
.is-tab {
    counter-reset: img-ratio-counter;
}
.is-tab div .img-ratio {
    counter-increment: img-ratio-counter;
}
 .img-ratio:after,.img-ratio:before {
    display: block;
    left: 12px;
    left: calc((1 * -1 + 1) * (100% - 38px) / 2 + 12px);
    position: absolute;
    top: 0;
}

.is-tab div:nth-child(1) .img-ratio:before {
    border-color: #f3251b #f3251b transparent;
    border-style: solid;
    border-width: 14px 7px 4px;
    content: " ";
    z-index: 1;
}
.is-tab  div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3))  .img-ratio::before {
    border-color: #cd7f32 #b07d2c transparent;
    border-style: solid;
    border-width: 14px 7px 4px;
    content: " ";
    z-index: 1;
}
.is-tab div:nth-child(2) .img-ratio:before {
    border-color: #f77e13 #f77e13 transparent;
    border-style: solid;
    border-width: 14px 7px 4px;
    content: " ";
    z-index: 1;
}
.is-tab div:nth-child(3) .img-ratio:before {
    border-color: #efab19 #efab19 transparent;
    border-style: solid;
    border-width: 14px 7px 4px;
    content: " ";
    z-index: 1;
}
.img-ratio:after {
    color: #fff;
    content: counter(img-ratio-counter);
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    width: 14px;
    z-index: 1;
}

/* 轮播图模块 */
.swiper-container.banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #03522c;
	padding-top: 1.1rem;
}

.swiper-container.banner .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-container.banner .swiper-slide img {
	display: block;
	width: 100%;
}

.swiper-container.banner .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container.banner .swiper-pagination {
	position: absolute;
	text-align: center;
	/* 	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
 	transition: .3s; */
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	bottom: 0.1rem;
	width: 100%
}

/* 分页显示TABS CSS */

/* Tabs 容器 */
    .tabs {
      width: 100%;
	  padding-top:10px;
	  display: flex;
      flex-direction: column;
    }

    /* Tab 按钮 
    .tab-buttons {
      display: flex;
      border-bottom: 2px solid #ccc;	  
    }
    .tab-buttons button {
      flex: 1;
      padding: 10px;
      background: #d7f3d4;
      border: none;
      cursor: pointer;
      font-size: 16px;
    }
    .tab-buttons button.active {
      background: #e2f7f4;
      border-bottom: 2px solid #007bff;
      font-weight: bold;
      color: #007bff;
    }

    /* Tab 内容  
    .tab-content {
	  width:100%;
      border: 1px solid #ccc;
      border-top: none;
      padding: 4px;
      display: none;
      background: #fff;
    }
    .tab-content.active {
      display: block;
    } */
    /* 现代风格标签页容器 - 高对比度版本 */
.tab-buttons {
  display: flex;
  border-bottom: 2px solid #e2e8f0; /* 更柔和的边框色 */
  background-color: #f8fafc; /* 浅灰色背景 */
  border-radius: 8px 8px 0 0; /* 顶部圆角 */
  overflow: hidden; /* 确保内部元素圆角效果 */
}

/* 标签按钮基础样式 */
.tab-buttons button {
  flex: 1;
  padding: 12px 16px;
  background: #e2e8f0; /* 中性灰背景 */
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #475569; /* 深灰色文字 */
  transition: all 0.3s ease;
  position: relative;
  text-align: center;
  border-right: 1px solid #cbd5e1; /* 按钮间分隔线 */
}

/* 移除最后一个按钮的右边框 */
.tab-buttons button:last-child {
  border-right: none;
}

/* 悬停效果 - 更明显的色彩变化 */
.tab-buttons button:hover {
  background-color: #cbd5e1; /* 更深的灰色背景 */
  color: #1e293b; /* 接近黑色的文字 */
}

/* 激活状态 - 高对比度设计 */
.tab-buttons button.active {
  color: white;
  background-color: #3b82f6; /* 明亮的蓝色 */
  font-weight: 600;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1); /* 内阴影增加深度 */
}

/* 激活状态指示器 - 更粗的指示条 */
.tab-buttons button.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px; /* 加粗指示线 */
  background-color: #1d4ed8; /* 更深的蓝色 */
  border-radius: 2px 2px 0 0;
}

/* 标签内容区域 */
.tab-content {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-top: none;
  padding: 20px;
  display: none;
  background: #fff;
  border-radius: 0 0 8px 8px; /* 底部圆角 */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* 轻微阴影 */
}

.tab-content.active {
  display: block;
  animation: fadeIn 0.3s ease;
}

/* 淡入动画 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}