@charset "utf-8";
*{
	padding:0;
	margin:0;
}
html{
	height:100%;
}
body{
	height:100%;
 	margin:0 auto;
	overflow-x:hidden;
	overflow-y:scroll;
	font-family: "微软雅黑",Arial,Helvetica,sans-serif,Microsoft Yahei;
	color:#333;
	line-height: 1;
	font-size: 14px;
}
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;
    background: none;
    text-decoration: none;
    color:#333;
}
input{
	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{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
}
.flex-betn{
	justify-content:space-between;
	-webkit-box-pack: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex-around{
	justify-content:space-around;
	-webkit-box-pack: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
}
.flex-center{
	justify-content:center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
.flex-str{
	justify-content:flex-start;
	-webkit-box-pack: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
.flex-end{
	justify-content:flex-end;
	-webkit-box-pack: flex-end;
  -moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.flex-align-cen{
	align-items: center;
	-webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
}
.flex-col{
	flex-direction: column;
	-webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
}
.flex1{
  /*-prefix-box-flex: 1;*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/* 定位 */
.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;
}


/*本项目*/

/*固定颜色*/
:root{
	--red:#c6361f;
	--blue:#3e78cb;
	--yellow:#f8c301;
}

@media screen and (min-width: 1200px) {
.g-main{
	width: 1200px;
	margin:0 auto;
}

}