:root {

  /* 常用 */
  --white-color: #fff;
  --black-color: #000;
  --blue-color: #165dff;

  --app-width: 100vw;
  --app-height: 100vh;

  --color-1: #3c3c3c;
  --color-2: #1D2129;
  --color-3: #4E5969;
  --color-4: #f2f3f5;
  --color-5: #c9cdd4;
  --color-6: #e5e6eb;
  --color-7: #f1f2f3;
  --color-8: #f2f3f5;
  --color-9: #d1d5db;
  --color-10: #c9cdc4;
  --color-11: #e0e0e3;
  --color-12: #5f99d8;
  --color-13: #cbd1d8;
  --color-14: #ccc;
  --color-15: rgba(0, 0, 0, 0.1);
  --color-16: #f6f6f6;
  --color-17: rgba(229, 230, 235, .9);
  --color-18: #ebecee;
  --color-19:#f5f5f5;
  --color-20:#222222;
  --color-21:#c7cdd4;
  --color-22:#dcdad7;
  --color-23:rgba(150,150,150,.16);

  /* 左 side */
  --side-width: 250px;


  --z-index-0: 0;
  --z-index-1: 10;
  --z-index-2: 20;
  --z-index-3: 30;
  --z-index-4: 40;
  --z-index-5: 50;


  /* header */
  --header-height: 60px;


  /* footer */
  --footer-height: 100px;

  --content-width: 84vw;

}



/* rules */

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

.underline:hover{
  text-decoration: underline;
}
.text-ol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.text-tl {
  overflow: hidden;
  display: -webkit-box ;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.icon {
  width: 20px;
  height: 20px;
  /* 基线对齐 */
  vertical-align: bottom;
}

.none {
  display: none !important;
}




/* 字体颜色 */
.fc-b{
  color: var(--black-color) !important;
}
.fc-2{
  color: var(--color-2) !important;
}
.fc-3{
  color: var(--color-3) !important;
}
.fc-w{
  color: var(--white-color) !important;
}



/* 字体粗 */
.fw-5{
  font-weight: 500;
}
.fw-6{
  font-weight: 600;
}
.fw-7{
  font-weight: 700;
}


.fs-12{
  font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-15{
  font-size: 15px;
}
.fs-16{
  font-size: 16px;
}
.fs-17{
  font-size: 17px;
}
.fs-18{
  font-size: 18px;
}
.fs-20{
  font-size: 20px;
}
.fs-24{
  font-size: 24px;
}
.fs-25{
  font-size: 25px;
}
.fs-30{
  font-size: 30px;
}