/* 主盒子 */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
/*宽度*/
.wd100 {
  width: 100px;
}

/* 高度 */
.hg-30 {
  height: 30px;
}
.hg-75 {
  height: 75px;
}

/* 块元素 */
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.block {
  display: block;
}
.none {
  display: none;
}
.hidden {
  display: none !important;
}
.inline_block {
  display: inline-block;
}

/* 外边距 */
.m-5-auto {
  margin: 5px auto;
}
.m-t-16 {
  margin-top: 16px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-t-56 {
  margin-top: 56px;
}
.m-t-64 {
  margin-top: 64px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-b-49 {
  margin-bottom: 49px;
}
.m-b-64 {
  margin-bottom: 64px;
}
.m-l-40 {
  margin-left: 40px;
}

/* 内边距 */
.pd-24 {
  padding: 24px;
}
.pd-16 {
  padding: 16px;
}
.pd-lr-5 {
  padding: 0 5px;
}
.pd-lr-10 {
  padding: 0 10px;
}
.pd-l-8 {
  padding-left: 8px;
}
.pd-l-4 {
  padding-left: 4px;
}
.pd-l-16 {
  padding-left: 16px;
}
.pd-l-24 {
  padding-left: 24px;
}
.pd-r-20 {
  padding-right: 20px;
}
.pd-t-14 {
  padding-top: 14px;
}
.pd-t-15 {
  padding-top: 15px;
}
.pd-t-10 {
  padding-top: 10px;
}
.pd-t-64 {
  padding-top: 64px;
}
.pd-b-12 {
  padding-bottom: 12px;
}
.pd-b-24 {
  padding-bottom: 24px;
}
.pd-b-30 {
  padding-bottom: 30px;
}
.pd-b-32 {
  padding-bottom: 32px;
}

/* 浮动 */
.left {
  float: left;
}
.right {
  float: right;
}
.ove {
  overflow: hidden;
}
.ove-auto {
  overflow: auto;
}
.over-y {
  overflow: scroll;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
/*表格*/
body .el-table th.gutter {
  display: table-cell !important;
}
table {
  border-collapse: 0;
  border-spacing: 0;
}
/* 边框 */

/* 边框圆角 */
.br-50 {
  border-radius: 100px;
}
/* 盒子阴影*/
.box-show-c {
  box-shadow: 1px 3px 3px #ccc;
}

/* 字号 */
.fz10 {
  font-size: 10px;
}
.fz12 {
  font-size: 12px;
}
.fz13 {
  font-size: 13px;
}
.fz14 {
  font-size: 14px;
}
.fz15 {
  font-size: 15px;
}
.fz16 {
  font-size: 16px;
}
.fz18 {
  font-size: 18px;
}
.fz20 {
  font-size: 20px;
}
.fz22 {
  font-size: 22px;
}
.fz24 {
  font-size: 24px;
}
.fz26 {
  font-size: 26px;
}
.fz28 {
  font-size: 28px;
}
.fz30 {
  font-size: 30px;
}
.fz32 {
  font-size: 32px;
}
.fz34 {
  font-size: 34px;
}
.fz36 {
  font-size: 36px;
}
.fz38 {
  font-size: 38px;
}
.fz40 {
  font-size: 40px;
}
.fz60 {
  font-size: 60px;
}

/* 字体加粗 */
.f-bold {
  font-weight: bold;
}

/* 文字下划线 */
.underline {
  text-decoration: underline;
}

/* 字体颜色 */
.fc-fff {
  color: #fff;
}
.fc-313233 {
  color: #313233;
}
.fc-7B7E80 {
  color: #7b7e80;
}
.fc-F7A608 {
  color: #f7a608;
}
.fc-ACB0B3 {
  color: #acb0b3;
}
.fc-0B56A7 {
  color: #0b56a7;
}

/* 背景颜色 */
.bc-FFF {
  background: #fff;
}
.bc-F7A608 {
  background: #f7a608;
}
.bc-0B56A7 {
  background: #0b56a7;
}
.bc-EBF3F7 {
  background: #ebf3f7;
}

/* 文字对齐 */
.f_center {
  text-align: center;
}
.f_right {
  text-align: right;
}
.f_left {
  text-align: left;
}

/*文本截取*/
.text-over {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.word-break2 {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.word-break3 {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/*文字不换行*/
.nowrap {
  white-space: nowrap;
}
.pre-line {
  white-space: pre-line;
}
.word-wrap {
  word-wrap: break-word;
}
/* 行高 */
.lh-20 {
  line-height: 20px;
}
.lh-24 {
  line-height: 24px;
}

/* flex */
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-direction {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}

.flex-direction-row {
  flex-direction: row;
}
.justify_center {
  justify-content: center;
}
.space-between {
  justify-content: space-between;
}
.space-around {
  justify-content: space-around;
}
.justify_right {
  justify-content: flex-end;
}
.align_item {
  align-items: center;
}
.align_item_end {
  align-items: flex-end;
}

/* 鼠标手势 */
.pointer {
  cursor: pointer;
}
.text-hover:hover {
  color: #f7a608;
}
.f_indent {
  text-indent: 2rem;
}
.animation2 {
  transition: all 0.4s;
}

.text-blue-hover:hover {
  color: #0b56a7;
}