@charset "UTF-8";

html {
	scroll-behavior: smooth;
	/* auto,smooth两个属性值，auto不滚动，smooth滚动 */
}

/* 让滚轮平滑的滚动滑动过去 */
/*重复相同的模块样式，例如头部底部，以及版心*/
@media screen and (orientation: portrait) and (max-device-width:1400px) {
	body {
		width: 1400px;
		margin: 0 auto;
	}

}

@media screen and (orientation:landscape) and (max-device-width:1400px) {
	body {
		width: 1400px;
		margin: 0 auto;

	}
}

/* 一切去除本有的元素属性 */
h1,
h2,
h3,
h4,
h5,
h6,
img,
a,
ul,
li,
input,
ol,
dl,
dt,
dd,
body,
p {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

* {
	/* 确保在加padding的时候盒子不会被撑大 _内减模式*/
	box-sizing: border-box;
}

.clear {
	clear: both;
}

/* html {
	overflow-x: hidden;
} */

/* 去除默认的倾斜样式 */
em,
i {
	font-style: normal;
}

/* 设置img的垂直方式为居中对齐，去除它以基线的方式对齐的不ok的影响 */
img {
	vertical-align: middle;
}

/* 去除input的默认样式 */
input {
	border: none;
	outline: none;
}

body {
	width: 100%;
	margin: 0 auto;
}

.wrapper {
	width: 1400px;
	margin: 0 auto;
}

.clear {
	clear: both;
}