* {
	margin: 0;
	padding: 0;
}

html,
body {
	min-width: 320px;
	height: 100%;
	/* font-family: Microsoft YaHei; */
	font-family: PingFangSC, PingFang SC;
}

a {
	text-decoration: none;
}

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

.color_black {
	color: #333333;
}

.color_blue {
	color: #048CFF;
}

.color_light_black {
	color: #4D4D4D;
}

.color_gray {
	color: #808080;
}

.color_white {
	color: #ffffff;
}

ul,
li {
	list-style: none;
}

img {
	/* width: 100% */
}

.view_W {
	width: 1520px;
	margin: 0 auto;
}

.com-logo {
	/* width: 69px;
	height: 48px; */
	width: 100px;
	/* height: 84px; */
}

.h-100 {
	height: 100%;
}

.color-fff {
	color: #ffffff;
}

/* // display: flex; 兼容写法 */
.d-f {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
}

/* // justify-content: space-between; 兼容写法 */
.df-s-between {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-moz-box-pack: space-between;
	-webkit--moz-box-pack: space-between;
	box-pack: space-between;
}

/* // justify-content: space-around; 兼容写法 */
.df-s-around {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-moz-box-pack: space-around;
	-webkit--moz-box-pack: space-around;
	box-pack: space-around;
}

/* //  align-items:center; 兼容写法 */
.df-a-c {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
}

/* //  flex: 1; 兼容写法 */
.flex-f-1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* // justify-content: center; 兼容写法 */
.df-j-c {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-pack: center;
	-webkit--moz-box-pack: center;
	box-pack: center;
}

.df-c {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-pack: center;
	-webkit--moz-box-pack: center;
	box-pack: center;
}


/* // justify-content: flex-end; 兼容写法 */
.df-f-e {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-moz-box-pack: flex-end;
	-webkit--moz-box-pack: flex-end;
	box-pack: flex-end;
}

/*父元素-横向换行 */
.f-wrap {
	display: -moz-box;
	/*firefox*/
	display: -ms-flexbox;
	/*IE10*/
	display: -webkit-box;
	/*Safari*/
	display: -webkit-flex;
	/*Chrome*/
	display: flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* 父元素-横向排列（主轴） */
.df-row {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* 09版 */
	-webkit-box-orient: horizontal;
	/* 12版 */
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

/* 父元素-纵向排列（主轴） */
.df-column {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* 09版 */
	-webkit-box-orient: vertical;
	/* 12版 */
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}