@charset "utf-8";
/* CSS Document */

*, *::before, *::after {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*-webkit-user-select: none;
	-moz-user-select: none;*/
}

html {
	width: 100%;
	background-color: #FFF;
	font: normal 13px/25px "Courier New", "Times New Roman", "微软雅黑", "Microsoft Yahei", "宋体";
}

input, textarea, button, label, a {
	font: normal 13px/25px "Courier New", "Times New Roman", "微软雅黑", "Microsoft Yahei", "宋体";
	color: inherit;
}

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

a, a:link, a:visited, a:hover, a:active {
	color: inherit;
	text-decoration: none;
}

.img_b {
	/*图片*/
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}

.content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.clear_fix::after {
	content: "";
	height: 0px;
	font-size: 0px;
	clear: both; 
	display: block;
	visibility: hidden;
}

.clear_fix {
	/*兼容IE6 IE7*/
	*zoom: 1;
}

.mt_10px {
	margin-top: 10px;
}

.mt_20px {
	margin-top: 20px;
}

.mt_40px {
	margin-top: 40px;
}

.mt_50px {
	margin-top: 50px;
}

.pt_10px {
	padding-top: 10px;
}

.pt_20px {
	padding-top: 20px;
}

.gap_05em {
	width: 0.5em;
	display: inline-block;
}

.gap_1em {
	width: 1em;
	display: inline-block;
}

.gap_2em {
	width: 2em;
	display: inline-block;
}

[data-font~="c_333"] {
	color: #333 !important;
}

[data-font~="c_666"] {
	color: #666 !important;
}

[data-font~="c_999"] {
	color: #999 !important;
}

[data-font~="c_ccc"] {
	color: #CCC !important;
}

[data-font~="bold"] {
	font-weight: bold !important;
}

[data-font~="s_14px"] {
	font-size: 14px !important;
}

[data-font~="s_15px"] {
	font-size: 15px !important;
}

[data-font~="s_16px"] {
	font-size: 16px !important;
}

[data-font~="s_18px"] {
	font-size: 18px !important;
}

[data-font~="links"]:hover {
	cursor: pointer;
}

[data-font~="indent_1em"] {
	text-indent: 1em;
}

[data-font~="indent_2em"] {
	text-indent: 2em;
}

[data-font~="justify"] {
	text-align: justify;
}

.f_box {
	/*flex布局*/
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}

.f_box.f_b_h {
	/*横向布局 不换行*/
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.f_box.f_b_v {
	/*纵向布局 不换行*/
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-flow: column nowrap;
	-moz-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.f_box.f_b_lines {
	/*多行*/
	-webkit-box-lines: multiple !important;
	-moz-box-lines: multiple !important;
	box-line: multiple !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.f_box.f_b_justify_s {
	/*主轴 左对齐*/
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

.f_box.f_b_justify_c {
	/*主轴 居中对齐*/
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.f_box.f_b_justify_e {
	/*主轴 右对齐*/
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
}

.f_box.f_b_justify_b {
	/*主轴 均分*/
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.f_box.f_b_justify_a {
	/*每个项目两侧的间隔相等*/
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

.f_box .f_b_fill {
	/*平均分配空间*/
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footer {
	width: 100%;
	height: 200px;
	padding: 20px 0px;
	background-color: rgb(235, 235, 235);
}

.footer .f_content {
	height: 100%;
	color: rgb(255, 255, 255);
}

.footer .f_t {
	padding-right: 40px;
}

.footer .f_right {
	padding: 0px 20px;
	border-left: 1px solid rgb(210, 210, 210);
	color: rgb(50, 50, 50);
}

.f_content .qr_code img {
	width: 100px;
	height: 100px;
}

.f_content .f_t a {
	color: rgb(128, 128, 128);
	font-size: 14px;
	text-indent: 10px;
	position: relative;
}

.f_content .f_t a::before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: rgb(128, 128, 128);
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}