html,body{
	font-family:"PingFang-SC-Medium","MicrosoftYaHei", "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei","PingFang SC",sans-serif;
	line-height: 1.5;
	color: #333;
}

html,body {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	/*设置或检索对象的轻按时高亮*/
	-webkit-text-size-adjust: 100%;	/*文本大小根据设备尺寸进行调整*/
	-ms-text-size-adjust: 100%;
	-webkit-touch-callout: none;	/*当你触摸并按住触摸目标时候，禁止或显示系统默认菜单*/
}
/*初始化浏览器默认的样式*/
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,strong,var,fieldset,form,label,dl,dt,dd,cite,input,button,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	outline: 0;
	margin: 0;
	border: 0;
}

/*HTML标签默认设置*/
main,article,aside,header,nav,section,figcaption,figure,footer {
	display: block;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: transparent;
	text-decoration: none;
}

/*取消某些插件（swiper/Bootstrap)导致a标签出现虚线框/下划线*/
a:focus, a:hover, a:active {
	outline: none;
	-webkit-star: expression(this.onFocus=this.blur());
}

input[type="button"][type="summit"]:focus {
	outline: none;
	-webkit-star: expression(this.onFocus=this.blur());
}

input[type=range] {
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

*:not([contenteditable="true"], input, textarea) {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

ul, li {
	list-style: none;
}

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

audio,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	vertical-align: middle;
	border-style: none;
}

[hidden] {
	display: none;
}

/*命名空间
	.l-: 布局(layouts)
	.o-: 对象(objects)
	.c-: 组件(components)
	.js: js的钩子(JavaScript hooks)
	.is-|.has-: 状态类(state classes)
	.t1|.s1: 排版大小(typography sizes)
	.u-: 实用类(utility classes)
*/

/*/*设置或检索是否允许用户选中文本---不能被选中*/
.has-noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*设置或检索是否允许用户选中文本---能被选中*/
.has-select {
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	-o-user-select: auto;
	user-select: auto;
}

.u-tl {
	text-align: left;
}

.u-tc {
	text-align: center;
}

.u-tr {
	text-align: right;
}

.u-clear {
	clear: both;
}

.u-fl {
	float: left;
}

.u-fr {
	float: right;
}

.u-fn {
	float: none;
}

.u-none {
	display: none;
}

.u-block {
	display: block;
}

.u-inline {
	display: inline;
}

.u-inblock {
	display: inline-block;
}

.u-intable {
	display: inline-table;
}

.u-hidden {
	visibility: hidden;
}

.u-visible {
	visibility: visible;
}

.u-relative {
	position: relative;
}

.u-absolute {
	position: absolute;
}

.u-fixed {
	position: fixed;
}

/*固定定位于顶部*/
.u-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/*固定定位于底部*/
.u-fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

/*固定定位居中*/
.u-fixed-center {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 1030;
}

/*绝对定位水平居中*/
.u-absolute-X-center {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1020;
}
	
/*绝对定位垂直居中*/
.u-absolute-Y-center {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1020;
}

/*绝对定位水平垂直居中*/
.u-absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 1020;
}

/*吸附在顶部*/
/*目前存在兼容性问题*/
/*@supports 检测是否支持某position: -webkit-sticky特性  使用or | and | not等操作符指定多条规则。*/
@supports ((position: -webkit-sticky) or (position: sticky)) {
	.u-sticky-top {
		position: -webkit-sticky;
		position: -moz-sticky;  
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		left: 0;
		top: 0;
		z-index: 1030;
	}
}

/*文本超出省略号*/
.u-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*2行文本后超出省略号*/
.u-ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*三行文本后超出省略号*/
.u-ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*垂直居中*/
.u-items-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

/*水平居中*/
.u-justify-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}

/*水平垂直居中*/
.u-flex-center {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

/*水平两端对齐（弹性盒子元素会平均地分布在行里）*/
.u-justify-between {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

/*水平两端对齐（弹性盒子元素会平均地分布在行里，两端保留子元素与子元素之间间距大小的一半）*/
.u-justify-around {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}

/*弹性盒子元素将向行起始位置对齐（从左到右排布）*/
.u-justify-start {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
}

/*弹性盒子元素将向行结束位置对齐(从右向左排布)*/
.u-justify-end {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
}

/*默认情况下，项目都排在一条线（又称"轴线"）上 --（默认不换行）：nowrap*/
/*如果一条轴线排不下-- 换行，第一行在上方。*/
.u-flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*换行，第一行在下方*/
.u-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	-o-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

/*决定主轴的方向（即项目的排列方向）----默认水平方向（row）*/
/*主轴为水平方向，起点在右端（由右向左）*/
.u-row-reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse; 
}

/*主轴为垂直方向，起点在上沿（由上到下）*/
.u-row-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

/*主轴为垂直方向，起点在下沿(由下到上)*/
.u-column-reverse {
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}