* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Microsoft YaHei", "Microsoft SimSun", "Microsoft FangSong",
    "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

td,
th {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none outside none;
}

/* flex布局 */
.flex {
  display: flex;
}

.flex-ja-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-ja-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-ja-sa {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-ja-se {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.flex-ja-fs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-ja-fe {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-aj-fs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex-aj-fe {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.flex-dc-jfs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.flex-dc-jfe {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.flex-dc-jsb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-dc-jc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-dc-jsa {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex-dc-jse {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.f-d-c {
  flex-direction: column;
}

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

.j-c-sb {
  justify-content: space-between;
}

.j-c-fe {
  justify-content: flex-end;
}

.j-c-fs {
  justify-content: flex-start;
}

.a-i-c {
  align-items: center;
}

.a-i-fe {
  align-items: flex-end;
}

.a-i-fs {
  align-items: flex-start;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}

.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
/*  END flex布局 */


/* 定位 */
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

/*  END 定位 */

/* 内容布局 */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left; 
}
.text-right {
  text-align: right;
}
/* END 内容布局 */

/* 鼠标样式 */
.cursor-pointer {
  cursor: pointer;
}
/* END 鼠标样式 */

/* 字体 */
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-17 {
  font-size: 17px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-19 {
  font-size: 19px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-21 {
  font-size: 21px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-23 {
  font-size: 23px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-25 {
  font-size: 25px;
}
.font-bold {
  font-weight: bold;
}
.font-weight-none {
  font-weight: initial;
}
/* END 字体 */

/* 行高 */
.line-height-1 {
  line-height: 1;
}
.line-height-2 {
  line-height: 2;
}
.line-height-3 {
  line-height: 3;
}
/* END 行高 */