/**
	速诺科技常用层叠样式规范化  2021.01.14_01
*/

/* 容器布局 */
.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;}

/* 浮动 */
.fd-l{ float: left;}
.fd-r{ float: right;}
.cr-b::after{ content: ''; display: block; clear: both;}
.cr-ca::after{ content: '';}
.cr-cb::before{ content: '';}

/* 高宽 */
.wh-100{ width: 100%;}
.wh-50{ width: 50%;}
.wh{ width: 0;}
.hg{ height: 0;}
.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;}

/* 时间 */
.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;}
