header {
	height: .62rem;
	background: #0000FF;
	font-size: .32rem;
	padding: .13rem 0;
	position: relative
}

header i {
	display: block
}

.headerNav {
	width: 100%;
	max-width: 7.5rem;
	position: absolute;
	top: .9rem;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 98
}

.headerNav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: .05rem 0 .25rem;
    z-index: 99;
    position: absolute;
    background: #f2fff7;
    width: 100%;
}

.headerNav ul li {
    margin: .15rem .15rem 0 .15rem; /* Balanced margins on all sides */
}

.headerNav ul li a {
    display: block;
    width: auto;
    min-width: 2.10rem;
    max-width: 3.2rem; /* Limit width so long text gets hidden */
    padding: 0 .15rem;
    height: .72rem;
    line-height: .72rem;
    color: #fff;
    background: #0000FF;
    font-size: .26rem; /* Slightly smaller font to fit better */
    border-radius: .1rem;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Will show ... for hidden text */
}

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

.headerNav .mask {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	top: .9rem;
	background: rgba(0, 0, 0, .5)
}

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

nav li {
	display: inline-flex;
	width: auto;
	min-width: 20%;
	border-bottom: .04rem solid transparent;
	padding: 0; /* Removed padding to put it on anchor tag */
	box-sizing: border-box;
}

nav li a {
	flex: 1;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: .18rem .15rem .15rem; /* Moved padding here for larger clickable area */
	line-height: .3rem;
	text-align: center;
	color: #00182b;
	font-size: .3rem;
	font-weight: bold;
}

nav li.current {
	border-color: #0000FF;
	background-color: #ddd;
}

nav li.current a {
	color: #0000FF;

}

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

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

header.appallrummy a {
	color: #fff;
	font-weight: bold;
}

header .allyonogamescom_logo {
	width: 4rem;
	margin-top: .03rem;
	margin-left: .2rem;
	display:block;
	height:90%;
}

header .txt {
	height: .4rem;
	line-height: .4rem;
	margin-top: .18rem;
	margin-left: 0
}

header .txt span {
	width: 2.6rem;
	height: .4rem;
	overflow: hidden;
	white-space: nowrap
}

.search2{
	display:inline

}

header .search2 img{
	width:1.25rem;
	height:.56rem;
	margin-right:.2rem;
	margin-top:.02rem;
}

header .menu2 {
	padding: .075rem .2rem 0 0;
	cursor: pointer
}

header .menu2 i {
	width: .5rem;
	height: .5rem;
}

.footer .devider {
	width: 100%;
	border-bottom: 1px solid #baaca973
}

.footer .links .border {
	border-right: 1px dashed #afafaf
}

.footer p {
	margin: 0;
	font-size: .24rem
}

.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: .1rem;
	background-color: #0000FF;
	color: #fff;
	font-size: .23rem;
}

.AppAllRummy-Watermarks {
	color: rgb(255, 170, 0);
	margin: 0 .01rem;
	margin-bottom: .1rem;
	font-size: .25rem;
	font-weight: bold;
}


.copyright {
	text-align: center;
	margin-top: .1rem;
	font-size: .25rem
}

.copyright a {
	text-decoration: none;
	color: #fff
}

.links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: .2rem;
	margin-bottom: .1rem
}

.links a {
	display: flex;
	font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif;
	align-items: center;
	height: .32rem;
	margin-bottom: .1rem;
	padding: 0 .3rem;
	font-size: .26rem;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}



.all-yono-games-share-link {
	text-align: center;
	padding-top: .06rem;
	padding-bottom: .9rem;
	padding-left: .1rem;
}

.wrap .all-yono-games-share-link span {
	margin: .1rem;
	font-size: .34rem;
	width: 30%;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	border: 1px dotted #0000FF;
	padding: .08rem 0;
}

.wrap .all-yono-games-share-link span:hover {
	color: #e9e9e9;
}

.all-yono-games-share-link span:first-child {
	float: left;
	background-color: #08c;
	border-radius: .1rem;
}

.all-yono-games-share-link span:nth-child(2) {
	float: left;
	background-color: #25d366;
	border-radius: .1rem;
}

.all-yono-games-share-link span:nth-child(3) {
	float: left;
	background-color: #3b5998;
	border-radius: .1rem;
}

.homepage-seo-card {
    text-transform: none !important;
    background: #ffffff !important;
    padding: .20rem !important;
    margin: .15rem !important;
    border-radius: .1rem !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    text-align: center !important;
}

.homepage-seo-card h1 {
    font-size: .26rem !important;
    font-weight: 600 !important;
    color: #0000FF !important;
    margin: 0 0 .10rem 0 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    text-align: center !important;
}

.homepage-seo-card h2 {
    font-size: .22rem !important;
    font-weight: 500 !important;
    color: #0000FF !important;
    margin: 0 0 .15rem 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    text-align: center !important;
}

.homepage-seo-card .seo-desc {
    font-size: .20rem !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    text-align: justify !important;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
    padding: .15rem !important;
    border-radius: .08rem !important;
    border: 1px solid #e2e8f0 !important;
    margin-top: .15rem !important;
}

.homepage-seo-card .seo-desc p {
    font-size: .20rem !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin-top: .10rem !important;
    margin-bottom: .10rem !important;
    text-align: justify !important;
}