.loading {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background:
				rgba(255, 255, 255, 0.8);
			z-index: 1000;
		}

		.fade {
			transition: opacity 0.5s ease-in-out;
		}

		.fade-out {
			opacity: 0;
		}

		.fade-in {
			opacity: 1;
		}

		.newBackBtn {
			position: fixed;
			right: 100px;
			/* top: 50%; */
			bottom: 10%;
			/* margin-top: -25px; */
			width: 40px;
			height: 40px;
			z-index: 1;
			color: white;
			font-size: 40px;
			line-height: 45px;
			text-align: center;
			border-radius: 20px;
			opacity: 0.5;
			text-decoration: none;
			background:
				url(../images/home.png) no-repeat;
		}

		.prv-down-hide {
			display: none;
		}

		.prv-down {
			height: 50px;
			position: fixed;
			width: 100%;
			bottom: 50px;
			text-align: center;
			color: white;
			line-height: 50px;
		}

		.prv-down.bg {
			background-color: black;
			opacity: 0.5;
		}

		.prv-down a {
			color: red;
			text-decoration: none;
			background: white;
			padding: 5px 10px;
			border-radius: 5px 0 0 5px;
		}

		.prv-down span {
			text-decoration: none;
			background-color: forestgreen;
			padding: 5px 10px;
		}

		.prv-down span:last-child {
			background-color: crimson;
			border-radius: 0 5px 5px 0;
			cursor: pointer;
		}

		.home .block-lottery .border-box .border-box-body {
			padding: 3px 3px;
		}

		.down_app {
			text-align: center;
			position: fixed;
			left: 50%;
			width: 100%;
			background-color: aliceblue;
			padding-top: 20px;
			box-sizing: border-box;
			height: 180px;
			top: 96px;
			max-width: 480px;
			margin-left: -240px;
			z-index:
				100;
		}

		@media screen and (max-width:480px) {
			.down_app {
				margin-left: -50%;
			}
		}

		.down_app span {
			color: green;
		}

		.down_app a {
			display: inline-block;
			width: 60px;
			height: 60px;
			background: url(../images/下载.png) no-repeat;
			background-size: contain;
		}

		/*@import url("https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap");*/
		.border-box {
			background: #ffffff !important;
		}

		.down_app {
			justify-content:
				center;
			align-items: center;
			font-family: "Luckiest Guy", cursive;
		}

		h1 {
			margin: 0;
			font-size: 40px;
			line-height: 60px;
			padding: 0;
			color: white;
			text-shadow: 0 0.1em 20px black, 0.05em -0.03em 0 black, 0.05em 0.005em 0 black, 0em 0.08em 0 black, 0.05em 0.08em 0 black, 0px -0.03em 0 black,
				-0.03em -0.03em 0 black, -0.03em 0.08em 0 black, -0.03em 0 0 black;
		}

		h1 span {
			-webkit-transform: scale(0.9);
			transform: scale(0.9);
			display: inline-block;
		}

		h1 span:first-child {
			-webkit-animation: bop 1s cubic-bezier(0.175, 0.885,
					0.32, 1.275) forwards infinite alternate;
			animation: bop 1s cubic-bezier(0.175,
					0.885, 0.32, 1.275) forwards infinite alternate;
		}

		h1 span:last-child {
			-webkit-animation: bopB 1s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
			animation: bopB 1s 0.2s cubic-bezier(0.175,
					0.885, 0.32, 1.275) forwards infinite alternate;
		}

		@-webkit-keyframes bop {
			0% {
				-webkit-transform: scale(0.9);
				transform: scale(0.9);
			}

			50%,
			100% {
				-webkit-transform: scale(1);
				transform: scale(1);
			}
		}

		@keyframes bop {
			0% {
				-webkit-transform: scale(0.9);
				transform: scale(0.9);
			}

			50%,
			100% {
				-webkit-transform: scale(1);
				transform: scale(1);
			}
		}

		@-webkit-keyframes bopB {
			0% {
				-webkit-transform: scale(0.9);
				transform: scale(0.9);
			}

			80%,
			100% {
				-webkit-transform: scale(1) rotateZ(-3deg);
				transform: scale(1) rotateZ(-3deg);
			}
		}

		@keyframes bopB {
			0% {
				-webkit-transform: scale(0.9);
				transform: scale(0.9);
			}

			80%,
			100% {
				-webkit-transform: scale(1) rotateZ(-3deg);
				transform: scale(1) rotateZ(-3deg);
			}
		}

		.tab-item {
			cursor: pointer;
		}