* {
	padding: 0;
	margin: 0;
}

body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.w {
	width: 100%;
}

.page {
	width: 100%;
	background: #fff;
	position: relative;
	height: inherit;
	height: fit-content;
	min-height: 100%;
	padding-bottom: 3.75rem;
}

.type_area {
	width: 90rem;
}

div {
	box-sizing: border-box;
}

p,
span {
	color: #333;
	font-size: 0.875rem;
	display: inline-block;
}

.blue {
	color: #0868F0;
}

.white {
	color: #fff !important;
}

.black {
	color: #000;
}

.gray {
	color: #666;
}

.red {
	color: #CA0100 !important;
}

.bg_white {
	background: #fff;
}

.bg_blue {
	background: #1A67E2 !important;
}

.bg_gray {
	background: #F6F6F6;
}

.bg_black {
	background: #000;
}

.bg_red {
	background: #CA0100 !important;
	border: #CA0100 !important;
}

.df {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.fd {
	flex-direction: column;
}

.js {
	justify-content: flex-start;
}

.jb {
	justify-content: space-between;
}

.af {
	align-items: flex-start;
}

.je {
	justify-content: flex-end;
}

.cs {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

.heavy {
	font-weight: 800;
}

iframe {
	border: none;
	width: 100%;
	height: 3.75rem;
	position: absolute;
	bottom: 0;
}

a {
	color: #333 !important;
}

input::-webkit-input-placeholder {
	/* placeholder颜色 */
	color: #999;
	/* placeholder字体大小 */
	font-size: 12px;
	line-height: 1.875rem;
}