* {
			margin: 0;
			padding: 0;
		}

		HTML,
		body,
		div,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		ul,
		ol,
		dl,
		li,
		dt,
		dd,
		p,
		blockquote,
		pre,
		form,
		fieldset,
		table,
		th,
		td {
			border: none;
			font-family: "微软雅黑", "黑体", "宋体";
			font-size: 14px;
			margin: 0px;
			padding: 0px;
		}

		html,
		body {
			height: 100%;
			width: 100%;
		}

		address,
		caption,
		cite,
		code,
		dfn,
		em,
		strong,
		th,
		var {
			font-style: normal;
			font-weight: normal;
		}

		a {
			text-decoration: none;
		}

		a:link {
			color: #444;
		}

		a:visited {
			color: #444;
		}

		a:hover {
			color: #f1404b;
		}

		a:active {
			color: #fff;
		}

		input::-ms-clear {
			display: none;
		}

		input::-ms-reveal {
			display: none;
		}

		input {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 0;
			outline: none;
			padding: 0;
		}

		input::-webkit-input-placeholder {
			color: #ccc;
		}

		input::-ms-input-placeholder {
			color: #ccc;
		}

		input::-moz-placeholder {
			color: #ccc;
		}

		input[type=submit],
		input[type=button] {
			cursor: pointer;
		}

		button[disabled],
		input[disabled] {
			cursor: default;
		}

		img {
			border: none;
			max-width: 100%;
			height: auto;
		}

		ul,
		ol,
		li {
			list-style-type: none;
		}

		
		body {
			background-image: linear-gradient(to left, rgba(223, 143, 119, 0.226), rgba(90, 184, 247, 0.2));
			/*background: #81a779;*/
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
		}

		/* PC端样式 */
		#boox_pc {
			width: 100%;
			height: 100%;
			display: none;
			align-items: center;
			justify-content: center;
			padding: 20px;
			box-sizing: border-box;
		}

		.left_pc {
			width: 50%;
			display: flex;
			margin-right: 2%;
			justify-content: flex-end;
			align-items: center;
		}

		.right_pc {
			width: 50%;
			margin-left: 2%;
		}

		.left_pc img {
			max-width: 550px;
			height: auto;
			border-radius: 15px;
		}

		.right_logo_pc {
			margin-bottom: 25px;
			display: flex;
			align-items: center;
		}

		.right_logo_pc img {
			width: 130px;
			border-radius: 12px;
			margin-right: 25px;
			box-shadow: 0 3px 15px rgba(0,0,0,0.1);
		}

		.right_title_pc {
			font-size: 45px;
			font-weight: bold;
			margin-bottom: 10px;
			background: linear-gradient(90deg, #ff0000, #ff9900, #ffff00, #33cc33, #3366ff, #6633ff, #cc00ff);
			background-size: 600% 100%;
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			animation: rainbow 15s ease-in-out infinite;
		}
		
		@keyframes rainbow {
			0% { background-position: 0% 50%; }
			50% { background-position: 100% 50%; }
			100% { background-position: 0% 50%; }
		}

		.right_span_pc {
			font-size: 19px;
			color: #333;
		}

		.right_text_pc {
			width: 90%;
			color: #333;
			line-height: 35px;
			font-size: 19px;
			margin-bottom: 25px;
		}

		.right_banb_pc {
			color: #444;
			font-size: 15px;
			margin-top: 18px;
		}

		.right_banb_pc p {
			margin: 5px 0;
		}

		.right_ewm_pc {
			margin-top: 25px;
			display: flex;
			align-items: center;
		}

		.right_ewm_pc img {
			width: 120px;
			margin-right: 30px;
			border-radius: 10px;
			box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		}
		.right_xiazai_pc {
			padding: 12px 40px;
			min-width: 150px;
			flex-shrink: 0;
			color: white;
			font-size: 18px;
			border-radius: 50px;
			background-color: #f1404b;
			-webkit-box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
			box-shadow: 2px 4px 7px 0 rgb(255 0 0 / 40%);
			cursor: pointer;
			transition: all 0.3s ease;
			text-align: center;
		}
		
		.right_xiazai_pc:hover {
			background-color: #d82a34;
			transform: translateY(-2px);
		}

		/* 移动端样式 */
		#boox_web {
			width: 100%;
			min-height: 100%;
			display: none;
			flex-direction: column;
			justify-content: center;
			padding: 20px;
			box-sizing: border-box;
		}
		
		.content_web {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 20px 0;
		}

		.logo_web {
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}

		.logo_web img {
			width: 100px;
			height: 100px;
			border-radius: 20px;
			box-shadow: 0 3px 15px rgba(0,0,0,0.1);
		}

		.logo_web p {
			font-size: 22px;
			color: #333333;
			font-weight: bold;
			margin-top: 15px;
		}

		.xiazai_web {
			padding: 12px 40px;
			color: white;
			font-size: 18px;
			border-radius: 50px;
			background-color: #f1404b;
			-webkit-box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
			box-shadow: 2px 4px 7px 0 rgb(255 0 0 / 40%);
			cursor: pointer;
			transition: all 0.3s ease;
			width: auto;
			max-width: none;
			margin: 20px auto 30px;
			text-align: center;
		}
		
		.xiazai_web:hover {
			background-color: #d82a34;
			transform: translateY(-2px);
		}

		#banben_web {
			color: #444;
			width: 100%;
			font-size: 15px;
			text-align: center;
		}

		#banben_web p {
			margin: 8px 0px;
		}

		.fixed_web {
			color: #444;
			width: 100%;
			font-size: 13px;
			text-align: center;
			padding: 20px 0;
			box-sizing: border-box;
		}
		
		.fixed_web a {
			color: #444;
			text-decoration: none;
		}
		
		.fixed_web a:hover {
			color: #f1404b;
		}
		
		/* 响应式设计 */
		@media (max-width: 992px) {
			.left_pc img {
				max-width: 400px;
			}
			
			.right_title_pc {
				font-size: 36px;
			}
			
			.right_text_pc {
				font-size: 17px;
				line-height: 30px;
			}
		}
		
		@media (max-width: 768px) {
			.left_pc img {
				max-width: 350px;
			}
			
			.right_title_pc {
				font-size: 32px;
			}
			
			.right_text_pc {
				width: 100%;
				font-size: 16px;
				line-height: 28px;
			}
			
			.right_ewm_pc {
				flex-direction: column;
				align-items: flex-start;
			}
			
			.right_ewm_pc img {
				margin-bottom: 20px;
			}
		}