html {
	font-family: "microsoft yahei", sans-serif;
	font-size: 20px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #212121;
	font-size: 0.7rem;
	line-height: 1.6rem;
	background: #FFFFFF;
	outline: 0;
}

html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	font-style: normal;
}

ul li {
	list-style: none;
}

a {
	color: #212121;
	text-decoration: none;
	background-color: transparent;
}

a:hover,
a:active {
	outline: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

figure,
img {
	border: 0;
	vertical-align: middle;
}

img.img-round {
	border-radius: 50%;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

h1 {
	font-size: 1.2rem;
}

h2 {
	font-size: 1rem;
}

h3 {
	font-size: 0.8rem;
}

h4 {
	font-size: 0.7rem;
}

h5 {
	font-size: 0.7rem;
	font-weight: normal;
	color: #666666;
}

h6 {
	font-size: 0.7rem;
	font-weight: normal;
	color: #666666;
}




.fxn-pull-left {
	float: left !important;
}

.fxn-pull-right {
	float: right !important;
	margin-right:80px;
}




.fxn-hide {
	display: none !important;
}

.fxn-show {
	display: block !important;
}

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

.fxn-border-radius {
	border-radius: 50%;
}




.fxn-bg-green {
	background: #00B48D !important;
}

.fxn-bg-cyan {
	background: #16CEA6 !important;
}

.fxn-bg-org {
	background: #ff6900 !important;
}

.fxn-bg-red {
	background: #ff5c68 !important;
}

.fxn-bg-gray {
	background: #666666 !important;
}

.fxn-bg-light-gray {
	background: #F1F1F1 !important;
}




.fxn-text-green {
	color: #00a859 !important;
}

.fxn-text-cyan {
	color: #16CEA6 !important;
}

.fxn-text-org {
	color: #FF6900 !important;
}

.fxn-text-red {
	color: #FF5C68 !important;
}

.fxn-text-gray {
	color: #666666 !important;
}

.fxn-text-white {
	color: #FFFFFF !important;
}

.fxn-text-glod {
	color: #c7983b !important;
}




.fxn-font-size-12 {
	font-size: 0.6rem !important;
}

.fxn-font-size-14 {
	font-size: 0.7rem !important;
}

.fxn-font-size-16 {
	font-size: 0.8rem !important;
}

.fxn-font-size-18 {
	font-size: 0.9rem !important;
}

.fxn-font-size-24 {
	font-size: 1.2rem !important;
}

.fxn-font-size-30 {
	font-size: 1.5rem !important;
}

.fxn-font-size-36 {
	font-size: 1.8rem !important;
}




.fxn-text-left {
	text-align: left !important;
}

.fxn-text-right {
	text-align: right !important;
}

.fxn-text-center {
	text-align: center !important;
}




.fxn-margin-5 {
	margin: 0.25rem !important;
}

.fxn-margin-10 {
	margin: 0.5rem !important;
}

.fxn-margin-16 {
	margin: 0.8rem !important;
}

.fxn-margin-20 {
	margin: 1rem !important;
}

.fxn-margin-t-5 {
	margin-top: 0.25rem !important;
}

.fxn-margin-t-10 {
	margin-top: 0.5rem !important;
}

.fxn-margin-t-16 {
	margin-top: 0.8rem !important;
}

.fxn-margin-t-20 {
	margin-top: 1rem !important;
}

.fxn-margin-b-5 {
	margin-bottom: 0.25rem !important;
}

.fxn-margin-b-10 {
	margin-bottom: 0.5rem !important;
}

.fxn-margin-b-16 {
	margin-bottom: 0.8rem !important;
}

.fxn-margin-b-20 {
	margin-bottom: 1rem !important;
}

.fxn-margin-l-5 {
	margin-left: 0.25rem !important;
}

.fxn-margin-l-10 {
	margin-left: 0.5rem !important;
}

.fxn-margin-l-16 {
	margin-left: 0.8rem !important;
}

.fxn-margin-l-20 {
	margin-left: 1rem !important;
}

.fxn-margin-r-5 {
	margin-right: 0.25rem !important;
}

.fxn-margin-r-10 {
	margin-right: 0.5rem !important;
}

.fxn-margin-r-16 {
	margin-right: 0.8rem !important;
}

.fxn-margin-r-20 {
	margin-right: 1rem !important;
}

.fxn-padding-5 {
	padding: 0.25rem !important;
}

.fxn-padding-10 {
	padding: 0.5rem !important;
}

.fxn-padding-16 {
	padding: 0.8rem !important;
}

.fxn-padding-20 {
	padding: 1rem !important;
}

.fxn-padding-t-5 {
	padding-top: 0.25rem !important;
}

.fxn-padding-t-10 {
	padding-top: 0.5rem !important;
}

.fxn-padding-t-16 {
	padding-top: 0.8rem !important;
}

.fxn-padding-t-20 {
	padding-top: 1rem !important;
}

.fxn-padding-b-5 {
	padding-bottom: 0.25rem !important;
}

.fxn-padding-b-10 {
	padding-bottom: 0.5rem !important;
}

.fxn-padding-b-16 {
	padding-bottom: 0.8rem !important;
}

.fxn-padding-b-20 {
	padding-bottom: 1rem !important;
}

.fxn-padding-l-5 {
	padding-left: 0.25rem !important;
}

.fxn-padding-l-10 {
	padding-left: 0.5rem !important;
}

.fxn-padding-l-16 {
	padding-left: 0.8rem !important;
}

.fxn-padding-l-20 {
	padding-left: 1rem !important;
}

.fxn-padding-r-5 {
	padding-right: 0.25rem !important;
}

.fxn-padding-r-10 {
	padding-right: 0.5rem !important;
}

.fxn-padding-r-16 {
	padding-right: 0.8rem !important;
}

.fxn-padding-r-20 {
	padding-right: 1rem !important;
}




.fxn-border-t,
.fxn-border-b,
.fxn-border-l,
.fxn-border-r,
.fxn-border-tb,
.fxn-border {
	position: relative;
}

.fxn-border-l:before,
.fxn-border-r:after {
	width: 1px;
	height: 100%;
	background-color: #dddddd;
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: auto;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	pointer-events: none;
}

.fxn-border-t:before,
.fxn-border-b:after {
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	right: auto;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	pointer-events: none;
}

.fxn-border-l:before {
	right: auto;
	left: 0;
}

.fxn-border-r:after {
	right: 0;
	left: auto;
}

.fxn-border-t:before {
	bottom: auto;
	top: 0;
}

.fxn-border-b:after {
	bottom: 0;
	top: auto;
}

.fxn-border:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1);
	pointer-events: none;
	border: 1px solid #dddddd;
}

@media screen and (-webkit-min-device-pixel-ratio:1.5) {
	.fxn-border:after {
		right: -100%;
		bottom: -100%;
		-webkit-transform: scale(0.5);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.fxn-border-r:after,
	.fxn-border-l:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	.fxn-border-t:before,
	.fxn-border-b:after {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.fxn-border-r:after,
	.fxn-border-l:before {
		-webkit-transform: scaleX(0.5);
		transform: scaleX(0.5);
	}
	.fxn-border-t:before,
	.fxn-border-b:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	.fxn-border-r:after,
	.fxn-border-l:before {
		-webkit-transform: scaleX(0.333);
		transform: scaleX(0.333);
	}
	.fxn-border-t:before,
	.fxn-border-b:after {
		-webkit-transform: scaleY(0.333);
		transform: scaleY(0.333);
	}
}




.fxn-border-double-t {
	border-top: 1px dashed #DDDDDD !important;
}

.fxn-border-double-l {
	border-left: 1px dashed #DDDDDD !important;
}

.fxn-border-double-r {
	border-right: 1px dashed #DDDDDD !important;
}

.fxn-border-double-b {
	border-bottom: 1px dashed #DDDDDD !important;
}




.fxn-layout {
	margin: 0 auto;
	padding: 0;
}

.fxn-layout:before,
.fxn-layout:after {
	display: table;
	content: " ";
}

.fxn-layout:after {
	clear: both;
}

.fxn-layout-padded {
	margin: 0.75rem;
	padding: 0;
}

.fxn-layout-padded:before,
.fxn-layout-padded:after {
	display: table;
	content: " ";
}

.fxn-layout-padded:after {
	clear: both;
}

.fxn-box {
	margin: 0 auto;
	padding: 0;
}

.fxn-box:before,
.fxn-box:after {
	display: table;
	content: " ";
}

.fxn-box:after {
	clear: both;
}

@media (max-width: 34em) {
	.fxn-box {
		min-width: 34rem;
	}
}

@media (max-width: 48em) {
	.fxn-box {
		min-width: 45rem;
	}
}

@media (max-width: 62em) {
	.fxn-box {
		min-width: 60rem;
	}
}




.fxn-row {
	margin: 0;
	overflow: hidden;
}

.fxn-col-xs-1,
.fxn-col-xs-2,
.fxn-col-xs-3,
.fxn-col-xs-4,
.fxn-col-xs-5,
.fxn-col-xs-6,
.fxn-col-xs-7,
.fxn-col-xs-8,
.fxn-col-xs-9,
.fxn-col-xs-10,
.fxn-col-xs-11,
.fxn-col-xs-12 {
	float: left;
	position: relative;
}

.fxn-col-xs-12 {
	width: 100%;
	position: relative;
}

.fxn-col-xs-11 {
	width: 91.66666667%;
}

.fxn-col-xs-10 {
	width: 83.33333333%;
}

.fxn-col-xs-9 {
	width: 75%;
}

.fxn-col-xs-8 {
	width: 66.66666667%;
}

.fxn-col-xs-7 {
	width: 58.33333333%;
}

.fxn-col-xs-6 {
	width: 50%;
}

.fxn-col-xs-5 {
	width: 41.66666667%;
}

.fxn-col-xs-4 {
	width: 33.33333333%;
}

.fxn-col-xs-3 {
	width: 25%;
}

.fxn-col-xs-2 {
	width: 16.66666667%;
}

.fxn-col-xs-1 {
	width: 8.33333333%;
}




input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	color: #424242;
	font-size: 0.8rem;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	appearance: none;
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button {
	display: none;
}




button,
.fxn-btn {
	position: relative;
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 400;
	font-family: inherit;
	text-decoration: none;
	text-align: center;
	margin: 0;
	background: #e0e0e0;
	padding: 0.25rem 0.6rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
}

.fxn-btn:active {
	color: #212121;
	background-color: #bdbdbd;
}

.fxn-btn-default {
	color: #FFFFFF;
	background: #333333;
}

.fxn-btn-default:hover,
.fxn-btn-default:active {
	color: #FFFFFF;
	background: #444444;
}

.fxn-btn-primary {
	color: #FFFFFF;
	background: #00B48D;
}

.fxn-btn-primary:hover,
.fxn-btn-primary:active {
	color: #FFFFFF;
	background: #16CEA6;
}

.fxn-btn-success {
	color: #FFFFFF;
	background: #FF5C68;
}

.fxn-btn-success:hover,
.fxn-btn-success:active {
	color: #FFFFFF;
	background: #ff3141;
}

.fxn-btn-info {
	color: #FFFFFF;
	background: #5b72fe;
}

.fxn-btn-info:hover,
.fxn-btn-info:active {
	color: #FFFFFF;
	background: #62b7ff;
}

.fxn-btn-warning {
	color: #FFFFFF;
	background: #f0ad4e;
}

.fxn-btn-warning:hover,
.fxn-btn-warning:active {
	color: #FFFFFF;
	background: #ec971f;
}

.fxn-btn-glod {
	color: #FFFFFF;
	background: #c7983b;
}

.fxn-btn-glod:hover,
.fxn-btn-glod:active {
	color: #FFFFFF;
	background: #b69450;
}

.fxn-btn-block {
	display: block;
	width: 100%;
	padding: 0.4rem 0;
	margin-bottom: 0;
	font-size: 0.9rem;
}

.fxn-btn-block.fxn-btn-sm {
	padding: 0.4rem 0;
	font-size: 0.7rem;
}

.fxn-radio,
.fxn-checkbox {
	width: 1.2rem;
	height: 1.2rem;
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	-webkit-border-radius: 0.6rem;
	border-radius: 0.6rem;
	font-size: 0.8rem;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: default;
	outline:none;
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-transition: background ease 0.1s;
	transition: background ease 0.1s;
}

.fxn-checkbox {
	border-radius: 0.1rem;
}

.fxn-radio:checked,
.fxn-radio.fxn-checked,
.fxn-checkbox:checked,
.fxn-checkbox.fxn-checked {
	border-color: #5b72fe;
	background: #5b72fe;
	text-align: center;
	background-clip: padding-box;
}

.fxn-radio:checked:before,
.fxn-radio.fxn-checked:before,
.fxn-checkbox:checked:before,
.fxn-checkbox.fxn-checked:before,
.fxn-radio:checked:after,
.fxn-radio.fxn-checked:after,
.fxn-checkbox:checked:after,
.fxn-checkbox.fxn-checked:after {
	content: '';
	width: 0.5rem;
	height: 0.3rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
	background: transparent;
	border: 1px solid #FFFFFF;
	border-top: none;
	border-right: none;
	z-index: 2;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fxn-radio:disabled,
.fxn-radio.fxn-disabled,
.fxn-checkbox:disabled,
.fxn-checkbox.fxn-disabled {
	background: #DDDDDD;
	border: solid 1px #DDDDDD;
}

.fxn-radio:disabled:before,
.fxn-radio.fxn-disabled:before,
.fxn-radio:disabled:after,
.fxn-radio.fxn-disabled:after,
.fxn-checkbox:disabled:before,
.fxn-checkbox.fxn-disabled:before,
.fxn-checkbox:disabled:after,
.fxn-checkbox.fxn-disabled:after {
	content: '';
	width: 0.5rem;
	height: 0.3rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
	background: transparent;
	border: 1px solid #ffffff;
	border-top: none;
	border-right: none;
	z-index: 2;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fxn-switch {
	width: 2.3rem;
	height: 1.2rem;
	position: relative;
	vertical-align: top;
	border: 1px solid #DDDDDD;
	background: #DDDDDD;
	border-radius: 0.6rem;
	background-clip: content-box;
	display: inline-block;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.fxn-switch:before {
	width: 1.1rem;
	height: 1.1rem;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0.6rem;
	background: #fff;
	content: '';
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}

.fxn-switch:checked {
	border-color: #5b72fe;
	background: #5b72fe;
}

.fxn-switch:checked:before {
	left: 1.1rem;
}

@font-face {
  font-family: "fxn-iconfont";
  src: url('../font/fxn-iconfont.ttf') format('truetype');
}
.fxn-iconfont {
  position: relative;
  font-family: "fxn-iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fxn-icon-menu:before {
  content: "\e6eb";
}
.fxn-icon-paper:before {
  content: "\e6ec";
}
.fxn-icon-info:before {
  content: "\e6ed";
}
.fxn-icon-question:before {
  content: "\e6ee";
}
.fxn-icon-left:before {
  content: "\e6f4";
}
.fxn-icon-right:before {
  content: "\e6f5";
}
.fxn-icon-top:before {
  content: "\e6f6";
}
.fxn-icon-down:before {
  content: "\e6f7";
}
.fxn-icon-share:before {
  content: "\e700";
}
.fxn-icon-comment:before {
  content: "\e701";
}
.fxn-icon-edit:before {
  content: "\e6d3";
}
.fxn-icon-trash:before {
  content: "\e6d4";
}
.fxn-icon-recovery:before {
  content: "\e6dc";
}
.fxn-icon-refresh:before {
  content: "\e6dd";
}
.fxn-icon-close:before {
  content: "\e6d8";
}
.fxn-icon-cart:before {
  content: "\e6df";
}
.fxn-icon-star:before {
  content: "\e6e0";
}
.fxn-icon-plus:before {
  content: "\e6e3";
}
.fxn-icon-minus:before {
  content: "\e62d";
}
.fxn-icon-correct:before {
  content: "\e6e5";
}
.fxn-icon-search:before {
  content: "\e6e6";
}
.fxn-icon-gear:before {
  content: "\e6e8";
}
.fxn-icon-map:before {
  content: "\e6d2";
}
.fxn-icon-location:before {
  content: "\e6d1";
}
.fxn-icon-image:before {
  content: "\e6ce";
}
.fxn-icon-phone:before {
  content: "\e6c4";
}
.fxn-icon-camera:before {
  content: "\e6cd";
}
.fxn-icon-video:before {
  content: "\e6cc";
}
.fxn-icon-qq:before {
  content: "\e6cb";
}
.fxn-icon-wechat:before {
  content: "\e6c9";
}
.fxn-icon-weibo:before {
  content: "\e6c8";
}
.fxn-icon-note:before {
  content: "\e6c6";
}
.fxn-icon-mail:before {
  content: "\e6c5";
}
.fxn-icon-wechat-circle:before {
  content: "\e6ca";
}
.fxn-icon-home:before {
  content: "\e706";
}
.fxn-icon-forward:before {
  content: "\e6d9";
}
.fxn-icon-back:before {
  content: "\e6da";
}
.fxn-icon-laud:before {
  content: "\e64b";
}
.fxn-icon-lock:before {
  content: "\e6ef";
}
.fxn-icon-unlock:before {
  content: "\e62f";
}
.fxn-icon-like:before {
  content: "\e62b";
}
.fxn-icon-my:before {
  content: "\e610";
}
.fxn-icon-more:before {
  content: "\e625";
}
.fxn-icon-mobile:before {
  content: "\e697";
}
.fxn-icon-calendar:before {
  content: "\e68a";
}
.fxn-icon-date:before {
  content: "\e68c";
}
.fxn-icon-display:before {
  content: "\e612";
}
.fxn-icon-hide:before {
  content: "\e624";
}
.fxn-icon-pencil:before {
  content: "\e615";
}
.fxn-icon-flag:before {
  content: "\e6f1";
}
.fxn-icon-cert:before {
  content: "\e704";
}