/**
	css 定义类名表  2021.01.14_01
*/
*{
	margin: 0;
	padding: 0;
	font-family: PingFangSC-Regular,Microsoft Yahei,Avenir,Helvetica,Arial,sans-serif;
}
em, i{
	font-style: normal;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
/* 容器宽度 */
.ct_1440{ width: 1440px; margin: 0 auto;}
.ct_1200{ width: 1200px; margin: 0 auto;}
.ct_1020{ width: 1020px; margin: 0 auto;}
.ct_1000{ width: 1000px; margin: 0 auto;}
.ct_960{ width: 960px; margin: 0 auto;}

/* 行元素对齐 */
.ai-c{ display: flex; align-items: center;}
.ai-s{ display: flex; align-items: flex-start;}
.ai-e{ display: flex; align-items: flex-end;}
.ai-i{ display: flex; align-items: initial;}


/* 浮动 */
.fd-l{ float: left;}
.fd-r{ float: right;}
.cr-b::after{ content: ''; display: block; clear: both;}
.cr-a::after, .cr-be::before{ content: '';}

/*宽高度 */
.wh-100{ width: 100%;}
.wh-50{ width: 50%;}
.wh-9{ width: 999999px;}
.wh{ width: 0;}
.hg{ height: 0;}
.hg-9{ height: 999999px;}
.hg-50{ height: 50%;}
.hg-100{ height: 100%;}

/* 鼠标指针 */
.cs-p{ cursor: pointer;}
.cs-d{ cursor: default;}
.cs-h{ cursor: help;}

/* 图片 */
.img-s{ display: block; width: 100%; height: 100%;}
.img-h:hover, .img-f:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}

/* 背景 */
.bg-f5{ background: #f5f5f5;}
.bg-f{ background: #fff;}
.bg-2{ background: #222;}
.bg-0{ background: #000;}

/* 定位 */
.pt-a{ position: absolute;}
.pt-r{ position: relative;}
.pt-f{ position: fixed;}
.p-l-0{ left: 0;}
.p-l-50{ left: 50%;}
.p-l-100{ left: 100%;}
.p-t-0{ top: 0;}
.p-t-50{ top: 50%;}
.p-t-100{ top: 100%;}
.p-b-0{ bottom: 0;}
.p-b-50{ bottom: 50%;}
.p-b-100{ bottom: 100%;}
.p-r-0{ right: 0;}
.p-r-50{ right: 50%;}
.p-r-100{ right: 100%;}

/* 时间 */
.ts-3s{ -o-transition: .3s all; -moz-transition: .3s all; -webkit-transition: .3s all; transition: .3s all;}
.ts-5s{ -o-transition: .5s all; -moz-transition: .5s all; -webkit-transition: .5s all; transition: .5s all;}
.ts-10s{ -o-transition: 1s all; -moz-transition: 1s all; -webkit-transition: 1s all; transition: 1s all;}

/* 文本 */
.text-1{ overflow: hidden; text-overflow:ellipsis;  white-space: nowrap;}
.text-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.text-3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.text-4{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.text-f-u{ text-transform: uppercase;}
.ta-c{ text-align: center;}
.ta-l{ text-align: left;}
.ta-r{ text-align: right;}
.co-f{ color: #fff;}
.co-2{ color: #222;}
.co-4{ color: #444;}
.co-5{ color: #555;}
.co-6{ color: #666;}
.co-9{ color: #999;}

/* 行块元素转换 */
.dp-b{ display: block;}
.dp-n{ display: none;}
.dp-i{ display: inline-block;}

/* 列表 */
.li-f > li:first-child{ margin-left: 0;}

/* 隐藏 */
.of-h{ overflow: hidden;}
.of-xh{ overflow-x: hidden;}
.of-yh{ overflow-y: hidden;}

/* 块元素居中 */
.mr-a{ margin: 0 auto;}

/* 边框 */
.br-0{ border-radius: 0;}
.br-50{ border-radius: 50%;}
.br-100{ border-radius: 100%;}
.box-s-0{ box-shadow: 0 0 20px rgba(0,0,0,.2);}
.box-s-1{ box-shadow: 0 0 20px rgba(255,255,255,.2);}
.op-0{ opacity: 0;}