@charset "utf-8";
*{
	padding:0;
	margin:0;
}
html,body{
	height:100%;
}
body{
	margin:0 auto;
	min-width:1190px;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family: "微软雅黑",Arial,Helvetica,sans-serif,Microsoft Yahei;
	color:#333;
}
ul,ol,li{
	list-style:none;
}
div,ul,ol,li,p,input{
	box-sizing:border-box;
}
a,a:hover,a:active,a:visited,a:link,a:focus{    
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
    color:#333;
}
input,button{
	border:none;
	outline:none;
}
select{
	border:none;
	outline: none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:transparent;
}

/* 清除浮动 */
.clearfix:after{
	content:'.';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}
/*flex 布局*/
.g-flex-betn{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:space-between;
	-webkit-box-pack: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
  	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-around{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:space-around;
	-webkit-box-pack: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-center{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-str{
	display:flex;
	display: -webkit-box;
  	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:flex-start;
	-webkit-box-pack: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-end{
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:flex-end;
	-webkit-box-pack: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-cen-hor{
	/*水平居中*/
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	justify-content:center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}
.g-flex-cen-col{
	/*垂直居中*/
	display:flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
  display: -ms-flexbox;
	justify-content:center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
}
/* 定位 */
.g-pos-a{
	position:absolute;
}
.g-pos-r{
	position:relative;
}
.g-pos-f{
	position:fixed;
}
/* 单行文字超出隐藏*/
.word-space{
	white-space:nowrap;
	text-overflow:ellipsis;
}
.text-justify{
	text-align:justify;
}
.overflow-clamp1{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.overflow-clamp2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.overflow-clamp3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*本项目*/
.g-main{
	width: 1190px;
	margin:0 auto;
}
.g-main-1000{
	width: 1000px;
	margin:15px auto;
}
/*固定颜色*/
:root{
	--red:#c40000;
  --orange:#fda33e;
  --pink:#fc387f;
  --green:#13a70b;
}

/*flex兼容性写法*/
.flex{
   display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.flex1{
  /*-prefix-box-flex: 1;*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-c{
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-a-c{
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: center;
}
.flex-j-c{
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-a-i{
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.pub-404{
	width: 100%;
	text-align: center;
	margin-top: 100px;
	font-size: 60px;
}