/* common */
.fl {
	float: left;
}

.fr {
	float: right;
}

ul,
ol {
	list-style: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	background-color: #f8f8f8;
	font-family: 'Microsoft Yahei', 'simsun', 'arial', 'tahoma';
	color: #333;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.clearfix {
	zoom: 1
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.text-decoration-none {
	text-decoration: none !important;
}

a,
a:hover {
	text-decoration: none;
}

.cursor-pointer {
	cursor: pointer;
}

.border-none {
	border: none;
}

.d-flex {
	display: flex;
}

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

.justify-content-center {
	justify-content: center;
}

.flex-direction-row {
	flex-direction: row;
}

.flex-direction-row-reverse {
	flex-direction: row-reverse;
}

.align-items-flex-end {
	align-items: flex-end;
}

.vertical-align-m {
	vertical-align: middle;
}

.align-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* padding */

.p-1 {
	padding: 5px !important;
}

.p-2 {
	padding: 10px !important;
}

.p-3 {
	padding: 15px !important;
}

.p-4 {
	padding: 20px !important;
}

.p-5 {
	padding: 25px !important;
}

.py-1 {
	padding: 5px 0 !important;
}

.py-2 {
	padding: 10px 0 !important;
}

.py-3 {
	padding: 15px 0 !important;
}

.py-4 {
	padding: 20px 0 !important;
}

.py-5 {
	padding: 25px 0 !important;
}

.px-1 {
	padding: 0 5px !important;
}

.px-2 {
	padding: 0 10px !important;
}

.px-3 {
	padding: 0 15px !important;
}

.px-4 {
	padding: 0 20px !important;
}

.px-5 {
	padding: 0 25px !important;
}

.pt-1 {
	padding-top: 0 5px !important;
}

.pt-2 {
	padding-top: 0 10px !important;
}

.pt-3 {
	padding-top: 0 15px !important;
}

.pt-4 {
	padding-top: 0 20px !important;
}

.pt-5 {
	padding-top: 0 25px !important;
}

.pb-1 {
	padding-bottom: 0 5px !important;
}

.pb-2 {
	padding-bottom: 0 10px !important;
}

.pb-3 {
	padding-bottom: 0 15px !important;
}

.pb-4 {
	padding-bottom: 0 20px !important;
}

.pb-5 {
	padding-bottom: 0 25px !important;
}

/* margin */
.m-1 {
	margin: 5px !important;
}

.m-2 {
	margin: 10px !important;
}

.m-3 {
	margin: 15px !important;
}

.m-4 {
	margin: 20px !important;
}

.m-5 {
	margin: 25px !important;
}

.my-1 {
	margin: 5px 0 !important;
}

.my-2 {
	margin: 10px 0 !important;
}

.my-3 {
	margin: 15px 0 !important;
}

.my-4 {
	margin: 20px 0 !important;
}

.my-5 {
	margin: 25px 0 !important;
}

.mx-1 {
	margin: 0 5px !important;
}

.mx-2 {
	margin: 0 10px !important;
}

.mx-3 {
	margin: 0 15px !important;
}

.mx-4 {
	margin: 0 20px !important;
}

.mx-4 {
	margin: 0 25px !important;
}

.mr-1 {
	margin-right: 5px;
}

.mr-2 {
	margin-right: 10px;
}

.mr-3 {
	margin-right: 15px;
}

.mr-4 {
	margin-right: 20px;
}

.mr-5 {
	margin-right: 25px;
}

.ml-1 {
	margin-left: 5px;
}

.ml-2 {
	margin-left: 10px;
}

.ml-3 {
	margin-left: 15px;
}

.ml-4 {
	margin-left: 20px;
}

.ml-5 {
	margin-left: 25px;
}

.mt-2 {
	margin-top: 10px;
}

.mt-3 {
	margin-top: 15px;
}

.mt-4 {
	margin-top: 20px;
}

.mb-1 {
	margin-bottom: 5px;
}

.mb-2 {
	margin-bottom: 10px;
}

.mb-4 {
	margin-bottom: 25px;
}

/* color */
.color-f {
	color: #fff;
}