.container {
  background-color: #f0f1f6;
  overflow: hidden;
  height: 100vh;
}

.content {
  padding: 0 30upx;
  overflow: auto;
  height: 100%;
}

.white-panel {
  position: relative;
  width: 100%;
  min-height: 80upx;
  height: fit-content;
  background-color: #fff;
  border-radius: 24upx;
  padding: 30upx;
  margin: 30upx 0;
  overflow: hidden;
}

.btn_arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20upx;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20upx;
  height: 20upx;
  border: 2upx solid #43434A;
  border-left: none;
  border-bottom: none;
}

/* 卡片分割线样式 */
.card-div {
  position: relative;
  width: 100%;
  height: 80upx;
  margin: 20upx 0;
  display: flex;
  align-items: center;
}

/* .card-div::before {
  width: 100upx;
  height: 100upx;
  border-radius: 50%;
  background-color: #f0f1f6;
  background-color: red;
  position: absolute;
  top: 50%;
  left: -5upx;
  transform: translate(-50%, 0);
}

.card-div::after {
  width: 10upx;
  height: 10upx;
  border-radius: 50%;
  background-color: #f0f1f6;
  position: absolute;
  top: 50%;
  right: -5upx;
  transform: translate(-50%, 0);
}

.card-div__line {
  margin: 0 30upx;
} */

/* 辅助样式 */
image {
  height: 100%;
}

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

.text-justify {
  text-align: justify;
}

.text-ident {
  text-indent: 2rem;
}

.font-bold {
  font-weight: bold;
}

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

.display-flex__jc {
  display: flex;
  justify-content: center;
}

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

/* 文字颜色-主色 */
.text-color__dominant {
  color: #212326;
}

/* 文字颜色-副色 */
.text-color__secondary {
  color: #4D4D53;
}

/* 文字颜色-信息色 */
.text-color__info {
  color: #999999;
}

/* 文字颜色-警告色 */
.text-color__danger {
  color: #FF5D5F;
}