.p-l-100 {
  padding-left: 100px;
}

.p-l-150 {
  padding-left: 150px;
}

.p-r-100 {
  padding-right: 10px;
}

.d-flex {
  display: flex;
}

.d-flex-column-align-center-gap-5px {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.d-flex-column-child>div {
  display: flex;
  flex-direction: column;
}

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


/* 隐藏滚动条 */
.hide-scrollbar {
  /* 隐藏滚动条，但保留滚动功能 */
  -ms-overflow-style: none;
  /* IE 和 Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* 针对 Chrome/Safari/Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* 全局隐藏页面滚动条 */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

html,
body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.btn {
  padding: 10px 20px;
  border-radius: 225px;
  border: 1px solid #265587;
  background-color: #00000000;
  color: #265587;
  cursor: pointer;
  width: 354px;
  height: 58px;
}

.btn:hover {
  background: linear-gradient(112deg, #3D70A5 22%, #265587 72%);
  color: #fff;
}

.none {
  display: none !important;
}

.active-text-blue {
  color: #265587 !important;
}