html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

html,
body,
div,
span,
h1,
h2,
p,
img,
a,
i,
ul,
li,
label,
button,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: middle;
	list-style: none;
	box-sizing: border-box;
}

a {
	background-color: transparent;
}

b,
strong {
	font-weight: bolder;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

button,
input {
	/* 1 */
	overflow: visible;
}

button,
select {
	/* 1 */
	text-transform: none;
}


a {
	text-decoration: none;
}

.full {
	width: 100%;
}

.flex {
	display: flex;
	align-items: center;
}

html,
body {
	background: #f5f5f5;
	max-width: 750px;
	margin: 0 auto;
	font-size: 50px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-variant: tabular-nums;

}

body {
	background-size: 22px 16px;
	background: #fff;
	min-height: 100vh;
	box-sizing: border-box;
}


.fixed1 {
	position: fixed;
	top: 30%;
	right: 50%;
	margin-right: -3.75rem;
	transform: translateY(-50%);
	z-index: 999;
	height: auto;
	width: 1.1rem;
}

.fixed1 img {
	width: 100%;
}

.fixed2 {
	position: fixed;
	top: 40%;
	right: 50%;
	margin-right: -3.75rem;
	transform: translateY(-50%);
	z-index: 999;
	height: auto;
	width: 1.1rem;
}

.fixed2 img {
	width: 100%;
}

.fixed3 {
	position: fixed;
	top: 50%;
	right: 50%;
	margin-right: -3.75rem;
	transform: translateY(-50%);
	z-index: 999;
	height: auto;
	width: 1.1rem;
}

.fixed3 img {
	width: 100%;
}

.wraper {
	padding-bottom: .5rem;
}

.header {
	width: 7.5rem;
	height: .88rem;
	background: #ea4e45;
	/* 	position: fixed;
	top: 0; */
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
}


.header .logo {
	width: 1rem;
	height: auto;
}

.header .logo img {
	width: 100%;
}


.swiper-banner {
	position: relative;
	overflow: hidden;
}

.swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide {
	position: relative;
	text-align: center;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	width: 100%;
}

.swiper-banner .swiper-pagination-bullet {
	background: #a8a0a0;
	opacity: 1;
}

.swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #feb705;
}

.notice {
	display: flex;
	align-items: center;
	font-size: .26rem;
	line-height: .5rem;
	color: #333333;
	background: #fff;
	height: .58rem;
	width: 100%;
	padding: 0 .3rem;
}

.notice .gg {
	width: 0.38rem;
	margin-right: .2rem;
	height: .28rem;
}

.notice .gg img {
	width: 100%;
}

.marquee-wrap {
	width: 100%;
	/* 宽度 100% */
	overflow: hidden;
	/* 隐藏超出部分 */
	white-space: nowrap;
	/* 防止内容换行 */
	box-sizing: border-box;
	height: 100%;
}

.marquee-wrap p {
	display: inline-block;
	padding-left: 100%;
	/* 使内容从屏幕右侧开始 */
	animation: marquee-scroll 33s linear infinite;
	/* 使用动画滚动 */
}


@keyframes marquee-scroll {
	from {
		transform: translateX(0);
		/* 从右侧开始 */
	}

	to {
		transform: translateX(-100%);
		/* 移动到左侧 */
	}
}


.list-info {
	position: absolute;
	top: 2%;
	right: 2%;
	z-index: 11;
	font-size: .22rem;
	color: #fff;
	background: url("../img/j.png") 0 0 no-repeat;
	background-size: 100% 100%;
	width: 2.5rem;
	height: 96%;
}

.list-info p {
	text-align: center;
	height: .4rem;
	line-height: .35rem;
	font-size: 0;
}

.list-ul {
	max-height: 69%;
	margin-bottom: 1%;
	overflow: hidden;
}

.list-info ul {
	height: 100%;
	overflow-y: auto;
	animation: rowup 108s linear infinite;
}

.list-info ul::-webkit-scrollbar {
	width: 0;
}

.list-info ul li {
	display: flex;
	justify-content: space-between;
	padding: 0.036rem .2rem;
	color: #787878;
}

.list-info ul li b {
	color: #feb705;
	font-weight: normal;
}

.list-info a {
	display: block;
	font-size: .26rem;
	color: #fffe8d;
	padding-left: .25rem;
}

.list-info>img {
	position: absolute;
	bottom: 0.1rem;
	right: 0.2rem;
	z-index: 3;
	width: 0.5rem;
}

.main-content {
	width: 92%;
	margin: 0 auto;
	margin-top: .2rem;
}


.net-wrapper {
	/* margin-bottom: .4rem; */
}

.net-wrapper ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #333333;
	padding: .1rem;
	font-size: .28rem;
	color: #c7c7c7;
	border-radius: 10px;
	margin-bottom: .2rem;
}

span.linkname {
	background-color: #242424;
	padding: .1rem;
	border-radius: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.linkspan {
	background-color: #242424;
	padding: .1rem;
	border-radius: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.net-wrapper .img1 {
	width: .31rem;
	margin-right: .05rem;
	animation: myfirst 800ms linear infinite;
}

.net-wrapper span.jogo {
	color: #000;
	font-weight: bold;
	background-color: #feb705;
	padding: 0.1rem .3rem;
	border-radius: .1rem;
}

.net-wrapper .button {
	width: 1.28rem;
	margin-left: 0.4rem;
}

.net-wrapper li div p {
	font-size: .28rem;
	color: #c7c7c7;
	text-align: center;
	margin-left: .7rem;
}

p.ttt {
	color: #c7c7c7;
	font-size: .28rem;
	text-align: center;
	margin: .3rem auto .1rem;
}

.btnimg {
	width: 100%;
	margin: .3rem auto 0;
	text-align: center;
}

.btnimg img {
	width: 100%;
}

.servicelink {
	width: 100%;
}

.servicelink .titleicon {
	width: 100%;
	padding: 0 1rem;
	box-sizing: border-box;
}

.serviceimg {
	width: 92%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .2rem;
	margin-top: .2rem;
}

.serviceimg img {
	width: 100%;
}

.titleicon img {
	width: 100%;
}

.foottxt {
	color: #777777;
	text-align: center;
	font-size: .24rem;
	margin-top: .1rem;
	padding: 0 .2rem .4rem;
}

.text_vpn {
	font-size: .28rem;
	color: #c7c7c7;
	text-align: center;
	position: relative;
	margin: .1rem auto .2rem;
}

.gamelinks {
	width: 92%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .2rem;
	margin-top: .2rem;
}

.gamelinks img {
	width: 100%;
}

.links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 .25rem;
}

.links2 img {
	width: 100%;
	margin-top: -.2rem;
	margin-bottom: .2rem;
}

.links img {
	width: 100%;
	margin: .06rem 0;
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: none;
}

.popup-body {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	transform: translate(-50%, -50%);
	width: 88%;
	max-width: 700px;
}

.popup-img {
	width: 100%;
}


@keyframes rowup {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100%);
	}
}

@keyframes myfirst {
	from {
		transform: scale(1)
	}

	50% {
		transform: scale(.92)
	}

	to {
		transform: scale(1)
	}
}

@media screen and (min-width: 750px) {
	html {
		zoom: 78%;
	}
}