@charset "UTF-8";

html,
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Heiti SC', 'Microsoft Yahei', 'PingFangSC-Semibold';
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #37474f;
}

::-webkit-scrollbar {
  width: 3px;
  height: 0px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ccc;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background-color: #ccc;
}

/*flex相关*/
/*flex布局相关*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

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

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nowap{
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;  
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.flex-align-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-align-stretch {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

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

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

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

.flex-align-self-center {
  -webkit-align-self: center;
  align-self: center;
}

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

/* element */
.el-menu {
  border-right: none;
}

/* a标签 */
a {
  text-decoration: none;
  cursor: pointer;
}

/* 鼠标显示的样式 */
.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-wait {
  cursor: wait;
}

/* 文本位置 */
.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}

/* 多余字... */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 文本显示 */
.text-show {
  word-wrap: break-word;
  word-break: break-all;
}

/* 文字换行 */
.text-normal {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.position-f {
  position: fixed;
}

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}