@font-face {
  font-family: 'PingFang SC';
  src: local('PingFang SC'), url('https://image.photodamei.com/font/PingFang%20Medium.ttf') format('woff2'); /* Adjust the format and URL as necessary */
  font-weight: normal; /* Adjust weight as needed */
  font-style: normal;  /* Adjust style as needed */
}

body {
  height: 100%;
  padding: 0;
  margin: 0 auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'PingFang SC', sans-serif; /* Fallback to sans-serif if the font is not available */
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  font-weight: 400;
}

* {
  font-family: 'PingFang SC', sans-serif;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.flex {
  display: flex;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-center {
  justify-content: center;
}
.flex-end {
  justify-content: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}
/* 改变主轴方向，垂直显示 */
.flex-column {
  flex-direction: column;
}
/* 对齐方式 */
.flex-item-center {
  align-items: center;
}
.flex-1 {
  flex: 1;
}

.inline-block,
.inlineBlock {
  display: inline-block;
}

.example {
  word-wrap: break-word;
}

.mx-auto {
  margin: 0 auto;
}
.my-auto {
  margin: auto 0;
}

/* 默认文字 */
.text-default-color{
  color: #333;
}
.text-default-size {
  font-size: 14px;
}
.text-default-family {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}

.hide,
.hidden {
  display: none;
}

/* 文字换行 */
.ellipsis {
  white-space: nowrap;       /* 禁止换行 */
  overflow: hidden;          /* 隐藏超出部分 */
  text-overflow: ellipsis;   /* 用省略号代替超出部分 */
}
/* 最大显示两行 */
.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 设置显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.clamped-text {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}