/*-----------------------------
-------------------------------些许基础样式
-------------------------------*/

/*轮廓*/
.hl-outline-no{outline: none;}/*清除轮廓线*/

/*文本对齐*/
.hl-align-left{text-align:left;}/*文本居左*/
.hl-align-center{text-align:center;}/*文本居中*/
.hl-align-right{text-align:right;}/*文本居右*/

/*文本块首行的缩进*/
.hl-indent-hidden{text-indent:-9999px;}/*文本丢弃-配合hl-overflow-hidden使用*/
.hl-indent-2em{text-indent:2em;}/*缩进2字*/

/*文本省略*/
.hl-ellipsis-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}/*超过一行省略*/
.hl-ellipsis-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/*超过两行省略*/
.hl-ellipsis-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}/*超过三行省略*/
.hl-ellipsis-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}/*超过四行省略*/
.hl-ellipsis-5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}/*超过五行省略*/

/*定义显示状态*/
.hl-inline{display:inline;}/*行内元素*/
.hl-block{display:block;}/*块级元素*/
.hl-inline-block{display:inline-block;}/*行内块元素*/
.hl-no{display:none;}/*隐藏元素*/

/*溢出*/
.hl-overflow-hidden{overflow: hidden;}/*溢出隐藏元素*/
.hl-overflow-visible{overflow: visible;}/*溢出显示元素*/
.hl-overflow-scroll{overflow: scroll;}/*溢出出现滚动条*/

/*边框定义*/
.hl-border-no{border:none;}/*无边框*/

/*背景*/
.hl-background-no{background:none;}/*无背景*/
.hl-background-color-transparent{background-color: transparent;}/*背景颜色透明*/
.hl-background-repeat-no{background-repeat: no-repeat;}/*背景不重复*/

/*定位*/
.hl-position-relative{position: relative;}
.hl-position-absolute{position:absolute;}

/*宽高100%*/
.hl-width-100{width:100%;}
.hl-height-100{height:100%;}



























































































































































/*内边距填充*/
.hl-padding-top-5{padding-top:5px;}/*上填充5像素*/
.hl-padding-top-10{padding-top:10px;}/*上填充10像素*/
.hl-padding-top-15{padding-top:15px;}/*上填充15像素*/
.hl-padding-top-20{padding-top:20px;}/*上填充20像素*/
.hl-padding-top-25{padding-top:25px;}/*上填充25像素*/
.hl-padding-top-30{padding-top:30px;}/*上填充30像素*/
.hl-padding-top-35{padding-top:35px;}/*上填充35像素*/
.hl-padding-top-40{padding-top:40px;}/*上填充40像素*/
.hl-padding-top-45{padding-top:45px;}/*上填充45像素*/
.hl-padding-top-50{padding-top:50px;}/*上填充50像素*/
.hl-padding-right-5{padding-right:5px;}/*右填充5像素*/
.hl-padding-right-10{padding-right:10px;}/*右填充5像素*/
.hl-padding-right-15{padding-right:15px;}/*右填充15像素*/
.hl-padding-right-20{padding-right:20px;}/*右填充20像素*/
.hl-padding-right-25{padding-right:25px;}/*右填充25像素*/
.hl-padding-right-30{padding-right:30px;}/*右填充30像素*/
.hl-padding-right-35{padding-right:35px;}/*右填充35像素*/
.hl-padding-right-40{padding-right:40px;}/*右填充40像素*/
.hl-padding-right-45{padding-right:45px;}/*右填充45像素*/
.hl-padding-right-50{padding-right:50px;}/*右填充50像素*/
.hl-padding-bottom-5{padding-bottom:5px;}/*下填充5像素*/
.hl-padding-bottom-10{padding-bottom:10px;}/*下填充10像素*/
.hl-padding-bottom-15{padding-bottom:15px;}/*下填充15像素*/
.hl-padding-bottom-20{padding-bottom:20px;}/*下填充20像素*/
.hl-padding-bottom-25{padding-bottom:25px;}/*下填充25像素*/
.hl-padding-bottom-30{padding-bottom:30px;}/*下填充30像素*/
.hl-padding-bottom-35{padding-bottom:35px;}/*下填充35像素*/
.hl-padding-bottom-40{padding-bottom:40px;}/*下填充40像素*/
.hl-padding-bottom-45{padding-bottom:45px;}/*下填充45像素*/
.hl-padding-bottom-50{padding-bottom:50px;}/*下填充50像素*/
.hl-padding-left-5{padding-left:5px;}/*左填充5像素*/
.hl-padding-left-10{padding-left:10px;}/*左填充10像素*/
.hl-padding-left-15{padding-left:15px;}/*左填充15像素*/
.hl-padding-left-20{padding-left:20px;}/*左填充20像素*/
.hl-padding-left-25{padding-left:25px;}/*左填充25像素*/
.hl-padding-left-30{padding-left:30px;}/*左填充30像素*/
.hl-padding-left-35{padding-left:35px;}/*左填充35像素*/
.hl-padding-left-40{padding-left:40px;}/*左填充40像素*/
.hl-padding-left-45{padding-left:45px;}/*左填充45像素*/
.hl-padding-left-50{padding-left:50px;}/*左填充50像素*/

/*外边距填充*/
.hl-margin-top-5{margin-top:5px;}/*上填充5像素*/
.hl-margin-top-10{margin-top:10px;}/*上填充10像素*/
.hl-margin-top-15{margin-top:15px;}/*上填充15像素*/
.hl-margin-top-20{margin-top:20px;}/*上填充20像素*/
.hl-margin-top-25{margin-top:25px;}/*上填充25像素*/
.hl-margin-top-30{margin-top:30px;}/*上填充30像素*/
.hl-margin-top-35{margin-top:35px;}/*上填充35像素*/
.hl-margin-top-40{margin-top:40px;}/*上填充40像素*/
.hl-margin-top-45{margin-top:45px;}/*上填充45像素*/
.hl-margin-top-50{margin-top:50px;}/*上填充50像素*/
.hl-margin-right-5{margin-right:5px;}/*右填充5像素*/
.hl-margin-right-10{margin-right:10px;}/*右填充5像素*/
.hl-margin-right-15{margin-right:15px;}/*右填充15像素*/
.hl-margin-right-20{margin-right:20px;}/*右填充20像素*/
.hl-margin-right-25{margin-right:25px;}/*右填充25像素*/
.hl-margin-right-30{margin-right:30px;}/*右填充30像素*/
.hl-margin-right-35{margin-right:35px;}/*右填充35像素*/
.hl-margin-right-40{margin-right:40px;}/*右填充40像素*/
.hl-margin-right-45{margin-right:45px;}/*右填充45像素*/
.hl-margin-right-50{margin-right:50px;}/*右填充50像素*/
.hl-margin-bottom-5{margin-bottom:5px;}/*下填充5像素*/
.hl-margin-bottom-10{margin-bottom:10px;}/*下填充10像素*/
.hl-margin-bottom-15{margin-bottom:15px;}/*下填充15像素*/
.hl-margin-bottom-20{margin-bottom:20px;}/*下填充20像素*/
.hl-margin-bottom-25{margin-bottom:25px;}/*下填充25像素*/
.hl-margin-bottom-30{margin-bottom:30px;}/*下填充30像素*/
.hl-margin-bottom-35{margin-bottom:35px;}/*下填充35像素*/
.hl-margin-bottom-40{margin-bottom:40px;}/*下填充40像素*/
.hl-margin-bottom-45{margin-bottom:45px;}/*下填充45像素*/
.hl-margin-bottom-50{margin-bottom:50px;}/*下填充50像素*/
.hl-margin-left-5{margin-left:5px;}/*左填充5像素*/
.hl-margin-left-10{margin-left:10px;}/*左填充10像素*/
.hl-margin-left-15{margin-left:15px;}/*左填充15像素*/
.hl-margin-left-20{margin-left:20px;}/*左填充20像素*/
.hl-margin-left-25{margin-left:25px;}/*左填充25像素*/
.hl-margin-left-30{margin-left:30px;}/*左填充30像素*/
.hl-margin-left-35{margin-left:35px;}/*左填充35像素*/
.hl-margin-left-40{margin-left:40px;}/*左填充40像素*/
.hl-margin-left-45{margin-left:45px;}/*左填充45像素*/
.hl-margin-left-50{margin-left:50px;}/*左填充50像素*/