/* start--文本行数限制--start */
.cus-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cus-line-2 {
  -webkit-line-clamp: 2;
}

.cus-line-3 {
  -webkit-line-clamp: 3;
}

.cus-line-4 {
  -webkit-line-clamp: 4;
}

.cus-line-5 {
  -webkit-line-clamp: 5;
}

.cus-line-2,
.cus-line-3,
.cus-line-4,
.cus-line-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  /* 弹性伸缩盒 */
  display: -webkit-box; 
  /* 设置伸缩盒子元素排列方式 */
  -webkit-box-orient: vertical;
}

/* end--文本行数限制--end */

/* start--Retina 屏幕下的 1px 边框--start */
.cus-border,
.cus-border-bottom,
.cus-border-left,
.cus-border-right,
.cus-border-top,
.cus-border-top-bottom {
  position: relative;
}

.cus-border-bottom:after,
.cus-border-left:after,
.cus-border-right:after,
.cus-border-top-bottom:after,
.cus-border-top:after,
.cus-border:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  /* 多加0.1%，能解决有时候边框缺失的问题 */
  width: 200.1%;
  height: 200.1%;
  transform: scale(0.5, 0.5);
  border: 0 solid #e4e7ed;
  z-index: 1;
}

.cus-border-top:after {
  border-top-width: 1px;
}

.cus-border-left:after {
  border-left-width: 1px;
}

.cus-border-right:after {
  border-right-width: 1px;
}

.cus-border-bottom:after {
  border-bottom-width: 1px;
}

.cus-border-top-bottom:after {
  border-width: 1px 0;
}

.cus-border:after {
  border-width: 1px;
}
/* end--Retina 屏幕下的 1px 边框--end */

/* start--clearfix--start */
.cus-clearfix:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* end--clearfix--end */

/* float--start*/
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* float--end*/

/* flex--start*/
.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-direction {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}


.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

/* flex--end*/

/* 字体大小--start */
.text-xs {
  font-size: 10px;
}
.text-sm {
  font-size: 12px;
}
.text-df {
  font-size: 14px;
}
.text-lg {
  font-size: 16px;
}
.text-xl {
  font-size: 20px;
}
/* 字体大小--end */
/* 文本对齐--start */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* 文本对齐--end */
[xml].horizontal,
[xml].h {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.horizontal .cus-default,
.h .cus-default {
	flex: none;
}
[xml].vertical,
[xml].v {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.middle {
  align-items: center;
  justify-content: center;
}
.right {
  align-items: flex-end;
  justify-content: flex-end;
}

/* 布局方案 start*/
.layout-container,
.layout-container-tab {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 上中下布局 头部，底部定高，中间自适应 */
.layout-container {
  flex-direction: column;
}

.layout-main {
  flex: 1;
  overflow: scroll;
}
.layout-container .layout-header,
.layout-container .layout-footer,
.layout-container-tab .layout-tab-left,
.layout-container-tab .layout-tab-right {
  flex-shrink: 0;
}
/* 左固定，右固定，中间自适应布局  layout-tab-left左边栏， layout-tab-right右边栏 */
.layout-container-tab {
  flex-direction: row;
}
/* 布局方案 end*/
