* {
	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;
}

.WIDTH_W {
	width: 1340px;
	margin: 0 auto;
}

.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;
}


/* 鼠标移入切换图标显示 */
.com-show-icon .icon-1 {
	display: block!important;
}

.com-show-icon .icon-2 {
	display: none!important;
}

.com-show-icon:hover .icon-1 {
	display: none!important;
}

.com-show-icon:hover .icon-2 {
	display: block!important;
}

.data-loading {
	flex: 1;
	text-align: center;
	font-size: 30px;
	color: #666;
	line-height: 160px;
}

.mobile-loading {
	flex: 1;
	text-align: center;
	font-size: 0.36rem;
	color: #666;
	line-height: 1rem;
	padding: 0.96rem 0;
}

body.modal-open {
    overflow: hidden;
}


.modal-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #33333366;
	z-index: 9999;
}

.search-no {
	text-align: center;
	color: #999;
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 60px;
}

.search-no img {
	width: 400px;
	height: 400px;
	display: block;
	margin: 0 auto 20px;
}

.search-mobile-no {
	text-align: center;
	color: #999;
	font-size: 0.28rem;
	margin: 0.96rem 0;
}

.search-mobile-no img {
	width: 4rem;
	height: 4rem;
	display: block;
	margin: 0 auto;
}

.mobile-list-page {
	
}

.mobile-list-page-btn {
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
}

.mobile-list-page-btn img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}

.mobile-list-page-btn.disabled {
	cursor: not-allowed;
}

.mobile-list-page-num {
	min-width: 0.48rem;
	height: 0.48rem;
	background: #1239B5;
	border-radius: 0.48rem;
	color: #ffffff;
	font-size: 0.28rem;
	line-height: 0.48rem;
	text-align: center;
	margin: 0 0.16rem;
	padding: 0 0.16rem;
	box-sizing: border-box;
}