/*
 * flex - 水平 - 垂直 - 方向
 * 使用 _占位
 */
/* * {
  padding: 0;
  margin: 0;
} */

* {
  font-family: PingFangSC-Regular, PingFang SC;
}

input,
a {
  outline: none;
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  font-family: PingFangSC-Regular;
  max-width: 1920px;
  min-width: 1349px;
  margin: 0 auto;
}

html {
  /* 强制浏览器保留滚动条空间 */
  scrollbar-gutter: stable;
}

a {
  color: #172c45;
  text-decoration: none;
}

a:hover {
  color: #025ea1;
  text-decoration: underline;
}

/* em {
  font-style: normal;
} */

img {
  border: 0;
  max-width: 100%;
  height: auto;
  /* vertical-align: middle */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.block {
  display: block;
}

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

.flex-center-column {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

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

.flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

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

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.flex-row-around {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
}

.flex-row-between {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.one-ellipsis {
  /* 单行溢出隐藏 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.one-ellipsis-x {
  /* 单行溢出隐藏 */
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: block;
}

.two-ellipsis {
  /* 多行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.three-ellipsis {
  /* 三行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

a {
  color: #333;
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.disabled {
  cursor: not-allowed !important;
  opacity: 0.3;
  color: red !important;
}

.disable {
  cursor: not-allowed !important;
  pointer-events: none;
}

/* 更窄的滚动条 */
.beauty-scroll::-webkit-scrollbar {
  width: 12px;
}

.beauty-scroll::-webkit-scrollbar-thumb {
  background-color: #969faf;
  border: 3px solid #f5f6f7;
  border-radius: 20px;
}

.beauty-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* 抓取的手形样式 */
.grab:hover {
  cursor: grab;
}

.grab:active {
  cursor: grabbing;
}

.w-50 {
  width: 50px;
}

.w-60 {
  width: 60px;
}

.w-80 {
  width: 80px;
}

.w-100 {
  width: 100px;
}

.w-150 {
  width: 150px;
}

.w-200 {
  width: 200px;
}

.w-50per {
  width: 50%;
}

.w-60per {
  width: 60%;
}

.w-70per {
  width: 70%;
}

.w-80per {
  width: 80%;
}

.w-100per {
  width: 100%;
}

.fz-16 {
  font-size: 16px;
}

.fz-18 {
  font-size: 18px;
}

.fz-20 {
  font-size: 20px;
}

.hide {
  display: none !important;
}

.show {
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.red {
  color: red;
}

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

.light-green-bc {
  background-color: #00c78d;
  border-color: #00c78d;
}

/* 公共 */
:root {
  --base-color: #025ea1;
}

.high-light {
  background-color: #ffff88;
}

.one-ellipsis {
  /* 单行溢出隐藏 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.two-ellipsis {
  /* 多行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.three-ellipsis {
  /* 三行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.four-ellipsis {
  /* 四行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.more-ellipsis {
  /* 五行溢出隐藏 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

/* 新增 */
.m-100-auto {
  margin: 100px auto;
}

.w-1090 {
  width: 1090px;
}

.w-1300 {
  width: 1300px;
}

.mt-60 {
  margin-top: 60px;
}

.pc-main *[data-platform='mobile'] {
  display: none !important;
}

.fade-in-frost {
  opacity: 0;
  transform: translateY(0.2rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.fade-in-frost--visible {
  opacity: 1;
  transform: translateY(0);
}

.not_found_container .not_found_img {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.not_found_container .not_found_img img {
  width: 50%;
  margin: auto;
}

.error_container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.error_container .error_img {
  width: 50%;
}