index.css 4.02 KB
* {
			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: #fff;
		}

		a:visited {
			color: #fff;
		}

		a:hover {
			color: #fff;
		}

		a:active {
			color: #fff;
		}

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

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

		input {
			-webkit-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;
		}

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

		/*公共方法*/
		.clear {
			clear: both;
		}

		.clearleft {
			clear: left;
		}

		.clearright {
			clear: right;
		}

		.floatleft {
			float: left;
		}

		.floatright {
			float: right;
		}

		.cursor {
			cursor: pointer;
		}

		/*背景及色值表*/
		.bg000 {
			background: #000;
		}

		.color000 {
			color: #000;
		}
body {
			background-image: linear-gradient(to left, rgba(255, 0, 149, 0.2), rgba(0, 247, 255, 0.2)), url(#);
			/*background: #81a779;*/
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
		}




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

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

			#boox_pc {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.left_pc img {
				width: 380px;
			}

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

			.right_logo_pc img {
				width: 130px;
				border-radius: 12px;
				margin-right: 25px;
			}

			.right_title_pc {
				font-size: 45px;
				color: #333333;
				font-weight: bold;
				margin-bottom: 10px;
			}

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

			.right_text_pc {
				width: 50%;
				color: #666;
				line-height: 35px;
				font-size: 19px;
			}

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

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

			.right_ewm_pc img {
				width: 120px;
				margin-right: 30px;
			}

			.right_xiazai_pc {
				padding: 10px 40px;
				color: white;
				font-size: 18px;
				border-radius: 50px;
				background-color: #ff7900;
				-webkit-box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
				box-shadow: 2px 4px 7px 0 rgba(255, 121, 0, .4);
			}
			
			
			
			
			
			
				#boox_web {
					width: 100%;
					height: 100%;
					position: fixed;
					display: flex;
					flex-direction: column;
					justify-content: center;
				}
			
				.logo_web {
					width: 100%;
					text-align: center;
				}
			
				.logo_web img {
					width: 70px;
					height: 70px;
					border-radius: 10px;
				}
			
				.logo_web p {
					font-size: 19px;
					color: #333333;
					font-weight: bold;
					margin-top: 10px
				}
			
				.xiazai_web {
					width: 55%;
					text-align: center;
					border-radius: 50px;
					color: #FFFFFF;
					background: #FF7900;
					font-size: 16px;
					margin: 20px auto;
					padding: 8px 0px;
				}
			
				#banben_web {
					color: #999;
					width: 100%;
					font-size: 14px;
					text-align: center;
				}
			
				#banben_web p {
					margin: 6px 0px;
				}
			
				.fixed_web {
					position: fixed;
					bottom: 35px;
					color: #999;
					width: 100%;
					font-size: 14px;
					text-align: center;
				}