容器内容
颜色主题：
*-success
*-error
*-warn
*-unactive
*-active
.bg-*.bg-success
.bg-error
.bg-warn
.bg-unactive
.bg-active
.color-*.color-success
.color-error
.color-warn
.color-unactive
.color-active
分类：
position-*
cursor-*
font-*
margin-*
padding-*
shadow-*
border-*
flex-*
flex-con-*
align-items-*
text-*
float-*
.position-*.position-absolute
使元素绝对定位在页面内，随页面滚动而滚动，使用top | bottom | left | right来控制元素在页面的位置。可使用z-index属性区分多个绝对定位元素的层级。
若父级容器有position-relative类，则元素绝对定位在父容器内。
.position-fixed
使元素固定定位在页面内，不随页面滚动而滚动，使用top | bottom | left | right来控制元素在页面的位置。可使用z-index属性区分多个固定定位元素的层级。
.position-relative
使容器内部相对定位。
.position-static
使元素静态定位。（元素默认定位）
.position-left-top
使拥有position-absolute、position-fixed类的元素定位在页面或父级容器的左上角。
.position-right-top
使拥有position-absolute、position-fixed类的元素定位在页面或父级容器的右上角。
.position-left-bottom
使拥有position-absolute、position-fixed类的元素定位在页面或父级容器的左下角。
.position-right-bottom
使拥有position-absolute、position-fixed类的元素定位在页面或父级容器的右下角。
.position-left
使拥有position-absolute、position-fixed类的元素距离页面或父级容器的左侧为0。
.position-right
使拥有position-absolute、position-fixed类的元素距离页面或父级容器的右侧为0。
.cursor-*.cursor-pointer
使鼠标滑过时为“手柄”样式
.cursor-default
使鼠标滑过时为“箭头”样式
.font-*.margin-*.margin-[5|10|15|20]
容器的外距（上下左右）全部为5 | 10 | 15 | 20。
.margin-auto-[5|10|15|20]
容器的外距（左右）全部为5 | 10 | 15 | 20，上下自适应。
.margin-[5|10|15|20]-auto
容器的外距（上下）全部为5 | 10 | 15 | 20，左右自适应可居中。
.margin-[top|bottom|left|right]-[5|10|15|20]
容器的外距（上|下|左|右）为5 | 10 | 15 | 20。
.padding-*.padding-[5|10|15|20]
容器的内距（上下左右）全部为5 | 10 | 15 | 20。
.padding-auto-[5|10|15|20]
容器的内距（左右）全部为5 | 10 | 15 | 20，上下为0。
.padding-[5|10|15|20]-auto
容器的内距（上下）全部为5 | 10 | 15 | 20，左右为0。
.padding-[top|bottom|left|right]-[5/10/15/20]
容器的内距（上|下|左|右）为5 | 10 | 15 | 20。
.shadow-*.shadow-[3|5]
元素的阴影，扩散为3px | 5px。3px5px
.shadow-hover-[3|5]
元素的阴影，扩散为3px | 5px，鼠标滑动阴影消失。3px5px
.border-*.border-solid
元素的边框，默认宽度为1px，样式为实线，颜色为#CCC。border-solid
.border-[top|bottom|top-bottom|left|right|left-right]-solid
元素的边框（上|下|上-下|左|右|左-右），默认宽度为1px，样式为实线，颜色为#CCC。
border-top-solid
border-bottom-solid
border-top-bottom-solid
border-left-solid
border-right-solid
border-left-right-solid
.border-width-[1|2|3|4|5]
元素的边框宽度（1|2|3|4|5）。
border-width-1
border-width-2
border-width-3
border-width-4
border-width-5
.border-[success|error|warn|unactive|active]
通用元素边框颜色主题
.border-success
.border-error
.border-warn
.border-unactive
.border-active
.flex-*.flex-con
设置容器为弹性容器，子元素内部为弹性排布。
.flex-[row|col|nowrap|wrap]
设置弹性容器内部的排列方式：水平排列|垂直排列|不自动换行|自动换行。
.flex-[1|2|3|4|5|6|7|8|9]
设置弹性容器内部元素宽度与其他元素的宽度的弹性比例：1|2|3|4|5|6|7|8|9。
.flex-con-*.flex-con-[center|start|end|between|around]
设置弹性容器内部的水平对齐方式：居中对齐|（开始/左）侧对齐|（结尾/右）侧对齐|两侧对齐|中心对齐。
.align-items-*.align-items-[center|start|end|baseline|stretch]
设置弹性容器内部的垂直对齐方式：居中对齐|（开始/顶）侧对齐|（结尾/底）侧对齐|字符基准线对齐|伸展对齐。
.text-*.text-[left|center|right]
设置容器内文字的水平对齐方式：左侧对齐|居中对齐|右侧对齐。
text-left
text-center
text-right
.float-*.float-[left|right|inherit]
设置元素的绝对水平对齐方式：左侧对齐|右侧对齐|默认对齐。
float-left
float-right
float-inherit
分类：
display
opacity
transition
ellipsis
.hide.show.flex.hide
设置浏览器对元素不渲染，且不显示。
.show
设置浏览器对元素渲染，且显示。
.flex
设置浏览器对容器渲染，且显示，并设置其内部为弹性展示方式。
.transparent.block.transparent
设置浏览器对元素渲染，但透明。
.block
设置浏览器对元素渲染，不透明。
.transition-all.transition-all
对元素的所有过渡动效均显示，默认过渡时延为0.4秒。
.ellipsis-*.ellipsis
p标签内的内容一旦超过设定宽度，即将超出部分隐藏并用“...”代替显示。
宽度超过100px的文本即可显示“...”。
.ellipsis-1row
容器内的文字内容一旦超过1行，即将超出部分隐藏并用“...”代替显示。（IE下失效）
宽度超过1行的文本即可显示“...”。
.ellipsis-2row
容器内的文字内容一旦超过2行，即将超出部分隐藏并用“...”代替显示。（IE下失效）
宽度超过2行的文本即可显示“...”。
.ellipsis-3row
容器内的文字内容一旦超过3行，即将超出部分隐藏并用“...”代替显示。（IE下失效）
宽度超过3行的文本即可显示“...”，不信你告。
.selector分类：
图片
图片+底部栏+轮播点
图片+底部栏+文字描述+轮播点
图片+左右点击栏
图片+顶部栏+文字描述
图片+顶部栏+文字描述+轮播点
.carouselCon
轮播图父容器。
.carouselBanner
轮播图片展示区域。
.carouselImgList
轮播图片地址列表，默认为透明。
.topBar
顶部栏。
.bottomBar
底部栏。
.leftBar
左侧栏。
.rightBar
右侧栏。
.potBar
轮播点栏。
.textBar
轮播图简介栏。