@charset "UTF-8";
.flex-left,
.flex-center,
.flex-right,
.flex-space-between,
.flex-space-evenly,
.flex-top,
.flex-middle,
.flex-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
.flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
.flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
.flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.flex-space-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }
.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end; }
/* 超出省略号 */
.text-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
/* 缩进 */
.indent {
  padding-left: .75em;
  text-indent: -.75em; }
.pink {
  color: #f4436d; }
/* 设置盒子模式 */
body, div, p,
ul, ol, li, dl, dd, dt,
h1, h2, h3, h4, h5, h6,
header, footer, nav, menu, section, article, aside,
input, textarea, button, a, span {
  box-sizing: border-box; }
a {
  text-decoration: none !important; }
img {
  display: block;
  width: 100%;
  height: auto; }

#app {
  position: relative;
  width: 10rem;
  margin-right: auto;
  margin-left: auto;
  font-family: "PingFangSC-Light";
  color: #333;
  -webkit-overflow-scrolling: touch; }
/* 适配IPhone X */
:root {
  --safe-area-inset-top:0px;
  --safe-area-inset-bottom:0px;
};
@supports (width: constant(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top:constant(safe-area-inset-top);
    --safe-area-inset-bottom:constant(safe-area-inset-bottom); }
}
@supports (width: env(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top:env(safe-area-inset-top);
    --safe-area-inset-bottom:env(safe-area-inset-bottom); }
}
/* 字体大小 */
.fs0  { font-size: 0; }
.fs7  { font-size: 7px; }
.fs8  { font-size: 8px; }
.fs9  { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
/* IPhone Plus, 字号增大2号 */
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio:3) {
  .fs7  { font-size: 9px; }
  .fs8  { font-size: 10px; }
  .fs9  { font-size: 11px; }
  .fs10 { font-size: 12px; }
  .fs11 { font-size: 13px; }
  .fs12 { font-size: 14px; }
  .fs13 { font-size: 15px; }
  .fs14 { font-size: 16px; }
  .fs15 { font-size: 17px; }
  .fs16 { font-size: 18px; }
  .fs17 { font-size: 19px; }
  .fs18 { font-size: 20px; }
  .fs19 { font-size: 21px; }
  .fs20 { font-size: 22px; }
  .fs21 { font-size: 23px; }
  .fs22 { font-size: 24px; }
  .fs23 { font-size: 25px; }
  .fs24 { font-size: 26px; }
}