/*rem 适配*/
	body,
	dl,
	dd,
	ul,
	ol,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre,
	form,
	input,
	textarea,
	p,
	hr,
	thead,
	tbody,
	tfoot,
	th,
	td {
		margin: 0;
		padding: 0;
	}

	ul,
	ol {
		list-style: none;
	}

	a {
		text-decoration: none;
		color: #222222;
	}

	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		text-size-adjust: none;
		font-size: 50px;
	}

	body {
		line-height: 1.5;
		font-size: 16px;
		height: 100%;
		width: 100%;
	}

	body,
	button,
	input,
	select,
	textarea {
		font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
	}

	b,
	strong {
		font-weight: bold;
	}

	i,
	em {
		font-style: normal;
	}

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

	table th,
	table td {
		border: 1px solid #ddd;
	}

	table th {
		font-weight: inherit;
		border-bottom-width: 2px;
		border-bottom-color: #ccc;
	}

	img {
		border: 0 none;
		width: auto\9;
		max-width: 100%;
		vertical-align: top;
	}

	button,
	input,
	select,
	textarea {
		font-family: inherit;
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
	}

	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button;
		cursor: pointer;
	}

	button[disabled],
	input[disabled] {
		cursor: default;
	}

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
	}

	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-decoration {
		-webkit-appearance: none;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		input {
			line-height: normal !important;
		}
	}

	select[size],
	select[multiple],
	select[size][multiple] {
		border: 1px solid #AAA;
		padding: 0;
	}

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

	audio,
	canvas,
	video,
	progress {
		display: inline-block;
	}
	
	.box-si{
		box-sizing: border-box;
	}
	
	.font-f{
		font-family: Source Han Sans CN, Source Han Sans CN-Regular;
	}

	.g-doc {
		width: 6.4rem;
		margin: 0px auto;
	}
	/* flex布局 */
	.d-flex{ display: flex; }
	.d-block{ display: block; }
	.d-inline-block{ display: inline-block; }
	.flex-1{ flex: 1; }
	.flex-column{ flex-direction: column; }
	.flex-row{ flex-direction: row; }
	.flex-wrap{ flex-wrap: wrap; }
	.flex-nowrap{ flex-wrap: nowrap; }
	.flex-shrink{flex-shrink: 0;}
	.j-start{ justify-content: flex-start; }
	.j-center{ justify-content: center; }
	.j-end{ justify-content: flex-end; }
	.j-sb{ justify-content: space-between; }
	.j-sa{ justify-content: space-around; }
	.a-center{ align-items:center; }
	.a-start{ align-items: flex-start; }
	.a-end{ align-items:flex-end; }
	.a-stretch{ align-items: stretch; }
	.a-baseline { align-items: baseline; }
	.a-self-start{ align-self: flex-start; }
	.a-self-auto{ align-self: auto; }
	.a-self-end{ align-self: flex-end; }
	.a-self-stretch{ align-self:stretch; }
	.a-self-baseline{ align-self:baseline; }