.text_left {
|
text-align: left;
|
}
|
.text_center {
|
text-align: center;
|
}
|
.text_right {
|
text-align: right;
|
}
|
.inline {
|
display: inline-block;
|
}
|
.d_inline {
|
display: inline-block;
|
}
|
.d_block {
|
display: block;
|
}
|
.vertical_m {
|
vertical-align: middle;
|
}
|
.vertical_t {
|
vertical-align: top;
|
}
|
.vertical_b {
|
vertical-align: bottom;
|
}
|
/* 鼠标样式 */
|
.cursor_p {
|
cursor: pointer;
|
}
|
/* 鼠标禁用 */
|
.cursor_nodrop {
|
cursor: no-drop;
|
}
|
.cursor_d {
|
cursor: default;
|
}
|
/* 文字内容溢出隐藏， */
|
/* 第1行截取隐藏 */
|
.text_clamp_1 {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 1;
|
-webkit-box-orient: vertical;
|
}
|
/* 第2行截取隐藏 */
|
.text_clamp_2 {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 2;
|
}
|
/* 第3行截取隐藏 */
|
.text_clamp_3 {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 3;
|
-webkit-box-orient: vertical;
|
}
|
.text_overflow {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.clearfix:after {
|
content: "";
|
display: block;
|
height: 0;
|
clear: both;
|
overflow: hidden;
|
visibility: hidden;
|
}
|
.clearfix {
|
zoom: 1;
|
}
|
.fl {
|
float: left;
|
}
|
.fr {
|
float: right;
|
}
|
.font8 {
|
font-size: 12px;
|
transform: scale(0.6);
|
}
|
.font10 {
|
font-size: 12px;
|
transform: scale(0.8);
|
}
|
.font12 {
|
font-size: 12px;
|
}
|
.font13 {
|
font-size: 13px;
|
}
|
.font14 {
|
font-size: 14px;
|
}
|
.font15 {
|
font-size: 15px;
|
}
|
.font16 {
|
font-size: 16px;
|
}
|
.font17 {
|
font-size: 17px;
|
}
|
.font18 {
|
font-size: 18px;
|
}
|
.font19 {
|
font-size: 19px;
|
}
|
.font20 {
|
font-size: 20px;
|
}
|
.font21 {
|
font-size: 21px;
|
}
|
.font22 {
|
font-size: 22px;
|
}
|
.font23 {
|
font-size: 23px;
|
}
|
.font24 {
|
font-size: 24px;
|
}
|
.fontW200 {
|
font-weight: 200;
|
}
|
.fontW300 {
|
font-weight: 300;
|
}
|
.fontW400 {
|
font-weight: 400;
|
}
|
.fontW500 {
|
font-weight: 500;
|
}
|
.fontW600 {
|
font-weight: 600;
|
}
|
.fontW700 {
|
font-weight: 700;
|
}
|
.fontW800 {
|
font-weight: 800;
|
}
|
.fontW900 {
|
font-weight: 900;
|
}
|
/* 添加结束 */
|
/* 字体颜色 */
|
.color000 {
|
color: #000;
|
}
|
.color333 {
|
color: #333;
|
}
|
.color666 {
|
color: #666;
|
}
|
.color999 {
|
color: #999;
|
}
|
.colorccc {
|
color: #ccc;
|
}
|
.colorfff {
|
color: #fff;
|
}
|
.colordada {
|
color: #dadada;
|
}
|
.colorGray {
|
color: #f0f0f0;
|
}
|
.colorBlue {
|
color: #257EDF;
|
}
|
.colorRed {
|
color: #D0121B;
|
}
|
/* 滚动条-公用样式 只需在最大盒子上加上class v02-scrollbar这是默认颜色 颜色不一样页面自定义修改*/
|
.v02_scrollbar::-webkit-scrollbar {
|
/*滚动条整体样式*/
|
width: 6px;
|
/*高宽分别对应横竖滚动条的尺寸*/
|
height: 1px;
|
}
|
.v02_scrollbar::-webkit-scrollbar-thumb {
|
/*滚动条里面小方块*/
|
border-radius: 10px;
|
-webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.2);
|
background-color: #c6c6c6;
|
}
|
.v02_scrollbar::-webkit-scrollbar-track {
|
/*滚动条里面轨道*/
|
-webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
|
border-radius: 10px;
|
background-color: #f0f0f0;
|
}
|
.pointer{
|
cursor: pointer;
|
}
|
.pos-rel{
|
position: relative;
|
}
|
