* {
				padding: 0;
				margin: 0;
			}

			html {
				line-height: initial;
			}

			body {
				font-size: 14px;
				overflow-x: hidden;
			}

			@keyframes rotate {
				0% {
					transform: rotate(0);
				}

				20% {
					transform: rotate(-2deg);
				}

				60% {
					transform: rotate(0);
				}

				80% {
					transform: rotate(2deg);
				}

				100% {
					transform: rotate(0);
				}
			}

			@keyframes donghua {
				0% {
					transform: scale(1.20);
					/* 注意rgba中的a的设置 */
					/* box-shadow: 0 0 0 0 rgba(204, 73, 152, 60%); */
				}

				60% {
					transform: scale(1);
					/* box-shadow: 0 0 0 36px rgba(204, 73, 152, 0%); */
				}

				100% {
					transform: scale(1.20);
					/* box-shadow: 0 0 0 0 rgba(204, 73, 152, 0%); */
				}
			}



			@media (max-width: 999px) {
				.head {
					width: 100%;
					height: 1.89rem;
					background-image: url('../imgs/bar_dt.png');
					background-size: cover;
					position: fixed;
					left: 0;
					top: 0;
					margin: auto;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 999;
				}

				.head-box {
					width: 100%;
					padding: 0 0.304rem;
				}

				.head_log {
					height: 1.37rem;
					width: 1.37rem;
				}

				.head-box {
					width: 13.4rem;
					padding: 0 0.304rem;
				}

				.head_middle {
					margin-left: 0.62rem;
				}

				.head_log1 {
					height: 0.53rem;
					width: 3.96rem;
					margin-bottom: 0.16rem;
				}

				.head_log2 {
					/* width: 1.17rem; */
					width: 1.8rem;
					animation: rotate 0.3s ease infinite;
				}

				.head_title {
					font-size: 0.375rem;
					color: #fff;
				}

				.content {
					width: 100%;
					background-image: url('../imgs/bj.jpg');
					background-size: 100% 100%;
					background-repeat: no-repeat;
					z-index: 0;
					padding-bottom: 3.2rem;
				}

				.content_top {
					height: 1.8933333333333333rem;
				}

				.contimgs {
					position: absolute;
					top: 0rem;
					left: 0;
					background-image: url('../imgs/tu_zynr.png');
					background-size: contain;
					background-repeat: no-repeat;
					width: 100%;
					height: 16rem;
					z-index: 1;
				}

				.midd_box {
					margin-top: 1.89rem;
				}

				.tgbuttom {
					position: fixed;
					width: 100%;
					top: 2.22rem;
					z-index: 100;
				}

				.middle_img {
					width: 1.08rem;
					height: 1.08rem;
					margin-right: 0.21333333333333335rem;
				}

				.middle_imgbtn {
					position: absolute;
					top: 9rem;
					z-index: 120;
					width: 100%;
					/* left:1.7333333333333334rem; */
				}

				.middle_height {
					height: 10.8rem;
				}

				.middle_img1 {
					width: 8.88rem;
					height: 1.36rem;
					/* transform:scale(1); */
					animation: donghua 2.4s infinite;
				}

				.imgs_bes {
					/* width:100%; */
					width: 9.92rem;
				}

				.grids {
					padding: 0 0.34rem;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}

				.grids_item {
					/* width:33%; */
					padding: 0.1rem;
					display: flex;
					align-items: center;
					justify-content: center;
					box-sizing: border-box;
				}

				.grids_iteming {
					height: 2.16rem;
				}

				.title_game {
					color: #e4edfe;
					font-size: 0.48rem;
					font-weight: 700;
					margin-top: 0.26666rem;
				}

				.grides_imgs {
					width: 1.3rem;
					height: 1.3rem;
				}

				.img_des {
					color: #8176c8;
					font-size: 0.29rem;
					margin-top: 0.2rem;
				}

				.bottom_imgbox {
					margin-top: 0.26666rem;
					padding: 0 1.2rem;
				}

				.bot0omdess {
					color: #c3cbf7;
					font-size: 0.3467rem;
					margin-top: 0.26666rem;
				}

				.bottom {
					position: fixed;
					width: 100%;
					bottom: 0;
					left: 0;
					z-index: 100;
				}

				.bottom_img {
					width: 10rem;
				}

				.fly img {
					position: absolute;
					width: 2rem;
					/* 图片宽度 */
					height: 1.5rem;
					/* 图片高度 */
					animation: fly 3s ease-in-out forwards, float 3s ease-in-out infinite 2s;
					z-index: 9999;
				}

				@keyframes fly {
					from {
						left: 0;
						top: 0;
						transform: translate(-100%, -100%);
						/* 初始位置：左上角外 */
						opacity: 1;
						/* 可选：淡入效果 */
					}

					to {
						left: 80%;
						top: 10%;
						transform: translate(-50%, -50%);
						/* 中间位置 */
						opacity: 1;
						/* 可选：淡入效果 */
					}
				}

				@keyframes float {

					0%,
					100% {
						transform: translate(-50%, -50%) translateY(0);
					}

					50% {
						transform: translate(-50%, -50%) translateY(-20px);
					}
				}
			}


			@media (min-width: 1000px) {
				.midd_box {
					margin-top: 140px;
				}

				/* top */
				.page {
					display: flex;
					align-items: center;
					justify-content: center;
					background: rgb(27, 27, 59);

				}

				.page_containers {
					max-width: 1000px;
					display: flex;
					align-items: center;
					justify-content: center;
					flex: 1;

				}

				.head {
					width: 100%;
					height: 142px;
					background-image: url('../imgs/bar_dt.png');
					background-size: cover;
					position: fixed;
					left: 0;
					top: 0;
					margin: auto;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 999;
				}

				.head-box {
					width: 1000px;
					padding: 0 23px;
				}

				.head_log {
					/* margin-left: 20px; */
					height: 103px;
					width: 103px;
				}

				.head-box {
					width: 1000px;
					padding: 0 23px;
				}

				.head_middle {
					margin-left: 47px;
				}

				.head_log1 {
					height: 40px;
					width: 297px;
					margin-bottom: 20px;
				}

				.head_log2 {
					/* margin-right: 20px; */
					/* width: 88px; */
					height: 80px;
					width: auto;
					animation: rotate 0.3s ease infinite;

				}

				.head_title {
					font-size: 28px;
					color: #fff;
				}

				/* top */
				/* midle */
				.content {

					width: 1000px;
					background-image: url('../imgs/bj.jpg');
					background-size: 1000px 2728px;
					background-repeat: no-repeat;
					z-index: 0;
					padding-bottom: 240px;
				}

				.content_top {
					height: 142px;
				}

				.contimgs {
					position: absolute;
					top: 0px;
					left: 0;
					background-image: url('../imgs/tu_zynr.png');
					background-size: 1000px 1392px;
					background-repeat: no-repeat;
					width: 1000px;
					height: 1392px;
					z-index: 1;
				}

				.tgbuttom {
					position: fixed;
					width: 100%;
					top: 166px;
					z-index: 100;
				}

				.middle_img {
					width: 81px;
					height: 81px;
					margin-right: 16px;
				}

				.middle_imgbtn {
					position: absolute;
					top: 960px;
					z-index: 120;
					width: 100%;

					/* left: 130px; */
				}

				.middle_height {
					height: 1080px;
				}

				.middle_img1 {
					transform: scale(1.2);
					animation: donghua 2.4s infinite;
				}

				.imgs_bes {
					width: 100%;
				}

				.grids {
					padding: 0 26px;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}

				.grids_item {
					width: 33%;
					padding: 6px;
					display: flex;
					align-items: center;
					justify-content: center;
					box-sizing: border-box;
				}

				.grids_iteming {
					height: 230px;
				}

				.title_game {
					color: #e4edfe;
					font-size: 36px;
					font-weight: 700;
					margin-top: 20px;
				}

				.grides_imgs {
					width: 100px;
					height: 100px;
				}

				.img_des {
					color: #8176c8;
					font-size: 22px;
					margin-top: 10PX;
				}

				.bottom_imgbox {
					margin-top: 20px;
					padding: 0 160px;
				}

				.bot0omdess {
					color: #c3cbf7;
					font-size: 26px;
					margin-top: 20px;
				}

				.bottom {
					position: fixed;
					width: 100%;
					bottom: 0;
					left: 0;
					z-index: 100;
				}

				.bottom_img {
					width: 1000px;
				}

				.fly img {
					position: absolute;
					width: 180px;
					/* 图片宽度 */
					/* height: auto; */
					height: 108px;
					/* 图片高度 */
					animation: fly 3s ease-in-out forwards, float 3s ease-in-out infinite 2s;
					z-index: 9999;
				}

				@keyframes fly {
					from {
						left: 0;
						top: 0;
						transform: translate(-100%, -100%);
						/* 初始位置：左上角外 */
						opacity: 1;
						/* 可选：淡入效果 */
					}

					to {
						left: 80%;
						top: 10%;
						transform: translate(-50%, -50%);
						/* 中间位置 */
						opacity: 1;
						/* 可选：淡入效果 */
					}
				}

				@keyframes float {

					0%,
					100% {
						transform: translate(-50%, -50%) translateY(0);
					}

					50% {
						transform: translate(-50%, -50%) translateY(-20px);
					}
				}
			}
			.wavy{
				 display: flex;

			}
			@-webkit-keyframes flowCss {
			            0% {
			                /* 移动背景位置 */
			                background-position: 0 0;
			            }
			
			            100% {
			                background-position: -400% 0;
			            }
			        }

			.wavy span {
			            /* display: flex; */
			            animation: animate 2s ease-in-out infinite;
			            animation-delay: calc(0.1s * var(--i));
			        }
			 
			        @keyframes animate {
			            0% {
							 color: #fff;
			                transform: translateY(0px);
			            }
			 
			            20% {
							  /* color: #FDF371; */
							 color: rgb(244, 221, 66);
							 box-shadow: 0px 0.15rem 0.3rem rgba(95, 52, 13, 0.5);
			                /* transform: translateY(-0.25em); */
			            }
			 
			            40%,
			            100% {
							 color: #fff;
			                transform: translateY(0px);
			            }
			        }
		
		.wavy1 {
		            background: -webkit-linear-gradient(135deg,
		                    #fff,
		                    #fee96A 25%,
		                    #fff 50%,
		                    #F6BE3E 55%,
		                    #fff 60%,
		                    #fee96A 80%,
		                    #FFF9D2 95%,
		                    #fff);
		            /* 文字颜色填充设置为透明 */
		            -webkit-text-fill-color: transparent;
		            /* 背景裁剪，即让文字使用背景色 */
		            -webkit-background-clip: text;
		            /* 背景图放大一下，看着柔和一些 */
		            -webkit-background-size: 200% 100%;
		            /* 应用动画flowCss 12秒速度 无限循环 线性匀速动画*/
		            -webkit-animation: flowCss 4s infinite linear;
		        }
		
		        @-webkit-keyframes flowCss {
		            0% {
		                /* 移动背景位置 */
		                background-position: 0 0;
		            }
		
		            100% {
		                background-position: -400% 0;
		            }
		        }