@charset "UTF-8";
:root {
  --page-bg:#fff;
  --card-bg:#F9FAFB; /* gray-50 */
  --title-color:#111827; /* gray-900 */
  --desc-color:#4B5563; /* gray-600 */
  --main-color:#0D58B7;
}

* {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Microsoft YaHei";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin: 0;
  padding: 0;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

a {
  color: #0D58B7;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0D58B7;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

ul li {
  list-style-type: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}

.clearfix::after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  content: "";
}

.br0 {
  border: 0 !important;
}

.hidden {
  display: none !important;
}

.inline-table {
  display: inline-table !important;
}

.pointer {
  cursor: pointer;
}

button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

.border--theme {
  border-color: #0D58B7 !important;
}

.text--theme {
  color: #0D58B7 !important;
}

.bg--theme {
  background-color: #0D58B7 !important;
}

.border--blue {
  border-color: #007bff !important;
}

.text--blue {
  color: #007bff !important;
}

.bg--blue {
  background-color: #007bff !important;
}

.border--indigo {
  border-color: #6610f2 !important;
}

.text--indigo {
  color: #6610f2 !important;
}

.bg--indigo {
  background-color: #6610f2 !important;
}

.border--purple {
  border-color: #6f42c1 !important;
}

.text--purple {
  color: #6f42c1 !important;
}

.bg--purple {
  background-color: #6f42c1 !important;
}

.border--pink {
  border-color: #e83e8c !important;
}

.text--pink {
  color: #e83e8c !important;
}

.bg--pink {
  background-color: #e83e8c !important;
}

.border--red {
  border-color: #dc3545 !important;
}

.text--red {
  color: #dc3545 !important;
}

.bg--red {
  background-color: #dc3545 !important;
}

.border--orange {
  border-color: #fd7e14 !important;
}

.text--orange {
  color: #fd7e14 !important;
}

.bg--orange {
  background-color: #fd7e14 !important;
}

.border--yellow {
  border-color: #ffc107 !important;
}

.text--yellow {
  color: #ffc107 !important;
}

.bg--yellow {
  background-color: #ffc107 !important;
}

.border--green {
  border-color: #28a745 !important;
}

.text--green {
  color: #28a745 !important;
}

.bg--green {
  background-color: #28a745 !important;
}

.border--teal {
  border-color: #20c997 !important;
}

.text--teal {
  color: #20c997 !important;
}

.bg--teal {
  background-color: #20c997 !important;
}

.border--cyan {
  border-color: #17a2b8 !important;
}

.text--cyan {
  color: #17a2b8 !important;
}

.bg--cyan {
  background-color: #17a2b8 !important;
}

.border--white {
  border-color: #fff !important;
}

.text--white {
  color: #fff !important;
}

.bg--white {
  background-color: #fff !important;
}

.border--gray {
  border-color: #6c757d !important;
}

.text--gray {
  color: #6c757d !important;
}

.bg--gray {
  background-color: #6c757d !important;
}

.border--gray-dark {
  border-color: #343a40 !important;
}

.text--gray-dark {
  color: #343a40 !important;
}

.bg--gray-dark {
  background-color: #343a40 !important;
}

.border--primary {
  border-color: #007bff !important;
}

.text--primary {
  color: #007bff !important;
}

.bg--primary {
  background-color: #007bff !important;
}

.border--secondary {
  border-color: #6c757d !important;
}

.text--secondary {
  color: #6c757d !important;
}

.bg--secondary {
  background-color: #6c757d !important;
}

.border--success {
  border-color: #28a745 !important;
}

.text--success {
  color: #28a745 !important;
}

.bg--success {
  background-color: #28a745 !important;
}

.border--info {
  border-color: #17a2b8 !important;
}

.text--info {
  color: #17a2b8 !important;
}

.bg--info {
  background-color: #17a2b8 !important;
}

.border--warning {
  border-color: #ffc107 !important;
}

.text--warning {
  color: #ffc107 !important;
}

.bg--warning {
  background-color: #ffc107 !important;
}

.border--danger {
  border-color: #dc3545 !important;
}

.text--danger {
  color: #dc3545 !important;
}

.bg--danger {
  background-color: #dc3545 !important;
}

.border--light {
  border-color: #f8f9fa !important;
}

.text--light {
  color: #f8f9fa !important;
}

.bg--light {
  background-color: #f8f9fa !important;
}

.border--dark {
  border-color: #343a40 !important;
}

.text--dark {
  color: #343a40 !important;
}

.bg--dark {
  background-color: #343a40 !important;
}

.bt-0 {
  border-top: 0 !important;
}

.br-0 {
  border-right: 0 !important;
}

.bb-0 {
  border-bottom: 0 !important;
}

.bl-0 {
  border-left: 0 !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.w-25 {
  width: 25% !important;
}

.h-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.h-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.h-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  width: auto !important;
}

.ft-0 {
  font-size: 0;
}

.ft-1 {
  font-size: 0.25rem;
}

.ft-2 {
  font-size: 0.5rem;
}

.ft-3 {
  font-size: 1rem;
}

.ft-4 {
  font-size: 1.5rem;
}

.ft-5 {
  font-size: 2rem;
}

.ft-6 {
  font-size: 4rem;
}

/**
 * margin/padding
 */
.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mx0 {
  margin-left: 0;
  margin-right: 0;
}

.my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.ma0 {
  margin: 0;
}

.mt1 {
  margin-top: 0.25rem;
}

.mr1 {
  margin-right: 0.25rem;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.ml1 {
  margin-left: 0.25rem;
}

.mx1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.ma1 {
  margin: 0.25rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.mx2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ma2 {
  margin: 0.5rem;
}

.mt3 {
  margin-top: 1rem;
}

.mr3 {
  margin-right: 1rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.ml3 {
  margin-left: 1rem;
}

.mx3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ma3 {
  margin: 1rem;
}

.mt4 {
  margin-top: 1.5rem;
}

.mr4 {
  margin-right: 1.5rem;
}

.mb4 {
  margin-bottom: 1.5rem;
}

.ml4 {
  margin-left: 1.5rem;
}

.mx4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.ma4 {
  margin: 1.5rem;
}

.mt5 {
  margin-top: 2rem;
}

.mr5 {
  margin-right: 2rem;
}

.mb5 {
  margin-bottom: 2rem;
}

.ml5 {
  margin-left: 2rem;
}

.mx5 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ma5 {
  margin: 2rem;
}

.mt6 {
  margin-top: 4rem;
}

.mr6 {
  margin-right: 4rem;
}

.mb6 {
  margin-bottom: 4rem;
}

.ml6 {
  margin-left: 4rem;
}

.mx6 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ma6 {
  margin: 4rem;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.px0 {
  padding-left: 0;
  padding-right: 0;
}

.py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pa0 {
  padding: 0;
}

.pt1 {
  padding-top: 0.25rem;
}

.pr1 {
  padding-right: 0.25rem;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pl1 {
  padding-left: 0.25rem;
}

.px1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pa1 {
  padding: 0.25rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.px2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pa2 {
  padding: 0.5rem;
}

.pt3 {
  padding-top: 1rem;
}

.pr3 {
  padding-right: 1rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.pl3 {
  padding-left: 1rem;
}

.px3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pa3 {
  padding: 1rem;
}

.pt4 {
  padding-top: 1.5rem;
}

.pr4 {
  padding-right: 1.5rem;
}

.pb4 {
  padding-bottom: 1.5rem;
}

.pl4 {
  padding-left: 1.5rem;
}

.px4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pa4 {
  padding: 1.5rem;
}

.pt5 {
  padding-top: 2rem;
}

.pr5 {
  padding-right: 2rem;
}

.pb5 {
  padding-bottom: 2rem;
}

.pl5 {
  padding-left: 2rem;
}

.px5 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pa5 {
  padding: 2rem;
}

.pt6 {
  padding-top: 4rem;
}

.pr6 {
  padding-right: 4rem;
}

.pb6 {
  padding-bottom: 4rem;
}

.pl6 {
  padding-left: 4rem;
}

.px6 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pa6 {
  padding: 4rem;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.items-start {
  align-items: flex-start !important;
}

.content-start {
  align-content: flex-start !important;
}

.self-start {
  align-self: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.items-end {
  align-items: flex-end !important;
}

.content-end {
  align-content: flex-end !important;
}

.self-end {
  align-self: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.items-center {
  align-items: center !important;
}

.content-center {
  align-content: center !important;
}

.self-center {
  align-self: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.items-between {
  align-items: space-between !important;
}

.content-between {
  align-content: space-between !important;
}

.self-between {
  align-self: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.items-around {
  align-items: space-around !important;
}

.content-around {
  align-content: space-around !important;
}

.self-around {
  align-self: space-around !important;
}

.justify-baseline {
  justify-content: baseline !important;
}

.items-baseline {
  align-items: baseline !important;
}

.content-baseline {
  align-content: baseline !important;
}

.self-baseline {
  align-self: baseline !important;
}

.justify-stretch {
  justify-content: stretch !important;
}

.items-stretch {
  align-items: stretch !important;
}

.content-stretch {
  align-content: stretch !important;
}

.self-stretch {
  align-self: stretch !important;
}/*# sourceMappingURL=base.css.map */