/*
css reset
*/
/*布局（grid）（.g-）；模块（module）（.m-）；元件（unit）（.u-）；功能（function）（.f-）；皮肤（skin）（.s-）；状态（.z-）*/
/* reset */
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased !important;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	font: 12px/1 "microsoft yahei", "helvetica neue", helvetica, stheiti, arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased !important;
}

input.form-control {
	font: 12px/1 "microsoft yahei", "helvetica neue", helvetica, stheiti, arial, sans-serif;
}

body {
	background-color: transparent;
	min-height: 100%;
	height: auto !important;
}

img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

a {
	text-decoration: none;
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;
	/* 2 */
}

a.focus,
a:focus {
	outline: 0;
}

a.active.focus,
a.active:focus,
a.focus:active,
a:focus:active,
a:hover:active {
	outline: 0;
	text-decoration: none;
	font-weight: 400;
}

a:active,
a:visited {
	text-decoration: none;
}

ul,
li,
ol {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}

ul.has-style li,
ol li {
	margin-left: 25px;
}

ul.has-style li {
	list-style: disc;
}

ol li {
	list-style: decimal;
}

/* ul.inline-style li {
	float: left;
	display: inline;
} */

dl {
	margin-bottom: 18px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 0 9px;
	padding: 0;
}

svg:not(:root) {
	overflow: hidden;
}

pre {
	margin: 0;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

/*- form -*/
button,
input,
select,
textarea {
	font-size: 100%;
	font-family: tahoma;
	margin: 0;
	outline: 0 none;
	vertical-align: baseline;
	*vertical-align: middle;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: none;
}

button,
input {
	line-height: normal;
}

button.active.focus,
button.active:focus,
button.focus:active,
button:focus:active {
	outline: 0;
}

input[type="checkbox"],
input[type="radio"],
.form-radio,
.form-checkbox {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}

/*- html5 -*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px 18px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/*- add the correct display in ie. -*/
template {
	display: none;
}

/*- hidden add the correct display in ie 10-. -*/
[hidden] {
	display: none;
}

/*scrollbar*/
/* -webkit-overflow-scrolling: touch;
overflow-scrolling: touch; */

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track-piece {
	margin-right: 10px;
	background-color: #eee;
	/* -webkit-border-radius: 8px; */
}

::-webkit-scrollbar-thumb:vertical {
	height: 8px;
	background-color: #ddd;
	/* -webkit-border-radius: 8px; */
}

::-webkit-scrollbar-thumb:horizontal {
	width: 6px;
	background-color: #eee;
	/* -webkit-border-radius: 8px; */
}

/*------ function ------*/
/*- f-clearfix -*/
/* .f-clearfix:before,
.f-clearfix:after,
.clearfix:before,
.clearfix:after,
.f_clearfix:before,
.f_clearfix:after {
	content: "";
	display: table;
}
 */
.f-clearfix:after,
.clearfix:after,
.f_clearfix:after {
	clear: both;
	overflow: hidden;
}

.f-clearfix,
.clearfix,
.f_clearfix {
	zoom: 1;
}

/*- float -*/
.f-left {
	float: left;
}

.f-right {
	float: right;
}

.f-no-float {
	float: none !important;
}