.index-module__modalWrap___A2rzI {
  /* width: 399px; */
}
.index-module__modalContent___5QYGY {
  background: #fff;
  width: 351px;
  font-family: "Hiragino Sans";
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.index-module__successtext___YzlrI {
  height: 36px;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
.index-module__tip___\+egGb {
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  margin-top: 24px;
}
.index-module__text___MNKyg {
  margin-top: 4px;
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #999999;
}
.index-module__close___z1yqo {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  color: #999999;
  margin-top: 12px;
}
.index-module__back___od0hm {
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-top: 4px;
  margin-bottom: 16px;
  color: #2490df;
}
.index-module__inputbox___kpY4d {
  margin-top: 16px;
  text-align: center;
}
.index-module__inputbox___kpY4d .ant-otp-input {
  height: 48px;
  width: 48px;
  font-family: Poppins-tbj;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.index-module__countdown___ZTJqf {
  height: 18px;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: #999999;
}
.index-module__passwordComplete___mQsRQ {
  position: relative;
}
.index-module__passwordComplete___mQsRQ .index-module__placeHold___W7u32 {
  position: absolute;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 10px;
  line-height: 15px;
  color: #999999;
  top: 7.5px;
  left: 12px;
  z-index: 2;
}
.index-module__passwordComplete___mQsRQ .ant-input {
  bottom: -8px;
}
.index-module__errorText___PFU9s {
  mein-height: 18px;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #ff4513;
  margin-top: 4px;
}

.index-module__modalContent___37NwX {
  background: #fff;
  width: 351px;
  margin: 0 auto;
  font-family: "Hiragino Sans";
  padding: 24px 0;
}

.index-module__cover___euF7p {
  width: 351px;
  height: 66px;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  margin-bottom: 24px;
}

.index-module__info___VeJQy {
  width: 351px;
}

.index-module__text___20fge {
  height: 24px;
  font-family: Hiragino Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}

.index-module__account___9Peog {
  height: 24px;
  font-family: Poppins-tbj;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 4px;
}

.index-module__tipText___w8H2B {
  height: 22px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: rgba(102, 102, 102, 1);
}

.index-module__back___-Wble {
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-top: 4px;
  margin-bottom: 16px;
  color: rgba(36, 144, 223, 1);
}

.index-module__inputbox___9aT0b {
  margin-top: 16px;

  .ant-otp-input {
    height: 48px;
    width: 48px;
    font-family: Poppins-tbj;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
  }
}

.index-module__modal___c2tzG {
}

.index-module__countdown___kXR5Y {
  height: 18px;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: rgba(153, 153, 153, 1);
}

.index-module__errortext___v3rTr {
  height: 18px;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: rgba(255, 69, 19, 1);
}

.index-module__wrap___0zSUD {
  width: 351px;
}
.index-module__account___JbQ9N {
  width: 100%;
}
.index-module__submitbtn___xgiHq {
  margin-top: 12px;
  width: 100%;
  height: 39px;
}
.index-module__errText___szFPN {
  height: 18px;
  width: 167px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #999999;
  margin: 0 auto;
  margin-top: 12px;
  cursor: pointer;
}
.index-module__tipText___366zC {
  width: 351px;
  height: 36px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #979797;
  margin-top: 24px;
}
.index-module__blue___dYd7L {
  color: #2490df;
  cursor: pointer;
}
.index-module__errorWrap___vNByd {
  width: 375px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-module__error___LLa5x {
  position: relative;
}
.index-module__errimg___uUlfy {
  width: 456px;
  height: 291px;
  object-fit: cover;
}
.index-module__qrcode___QVEnr {
  width: 133px;
  display: block;
  position: absolute;
  right: 95px;
  top: 85px;
}
.index-module__popmaintitle___nbUPF {
  width: 375px;
  justify-content: space-between;
  padding-bottom: 12px;
  font-family: " Hiragino Sans";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.index-module__poptitle___ciIop {
  font-family: "Hiragino Sans";
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  width: 351px;
}
.index-module__clickBox___lX3am {
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-module__bluetext___L\+bvb {
  width: 351px;
  height: 18;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #2490df;
  text-align: left;
  cursor: pointer;
}
.index-module__blueButton___rRgN6 {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #2490df;
  height: 18px;
  cursor: pointer;
  margin-top: 3.5px;
}
.index-module__AutoComplete___1wVY\+ {
  position: relative;
}
.index-module__AutoComplete___1wVY\+ .index-module__placeHold___uNnsc {
  position: absolute;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 10px;
  line-height: 15px;
  color: #999999;
  top: 7.5px;
  left: 12px;
  z-index: 2;
}
.index-module__AutoComplete___1wVY\+ .ant-select .ant-select-selection-wrap {
  bottom: -8px;
}
.index-module__passwordComplete___H8ep6 {
  position: relative;
}
.index-module__passwordComplete___H8ep6 .index-module__placeHold___uNnsc {
  position: absolute;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 10px;
  line-height: 15px;
  color: #999999;
  top: 7.5px;
  left: 12px;
  z-index: 2;
}
.index-module__passwordComplete___H8ep6 .ant-input {
  bottom: -8px;
}
.index-module__passwordComplete___H8ep6 input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
}
.index-module__passwordComplete___H8ep6 input:-internal-autofill-previewed,
.index-module__passwordComplete___H8ep6 input:-internal-autofill-selected {
  transition: background-color 5000s ease-in-out 0s !important;
}
.index-module__item___Qcsxe {
  padding: 0 6px !important;
  width: 100%;
  border-bottom: 1px solid #e3e3dc;
  cursor: pointer;
  font-family: Hiragino Sans;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  margin-bottom: 0 !important;
}
.index-module__email___M1\+vV {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.index-module__errorText___uNGpN {
  mein-height: 18px;
  font-family: Hiragino Sans;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #ff4513;
  margin-top: 4px;
}
.index-module__jumpbutton___GhDA3 {
  margin-left: 12px;
  font-family: "Hiragino Sans";
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #2490df;
  cursor: pointer;
}

.index-module__channelbox___pD\+eh {
  width: 351px;
  height: 243px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 0 auto;
}
.index-module__channel___xG255 {
  width: 351px;
  height: 39px;
  display: flex;
  align-items: center;
  background: rgba(249, 249, 246, 1);
  position: relative;
  cursor: pointer;
}
.index-module__icon___0QsVV {
  width: 25px;
  height: 25px;
  object-fit: cover;
  margin-left: 12px;
}
.index-module__title___A3FIB {
  height: 21px;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* 向左平移自身宽度的50% */
}
.index-module__lastLoginSign___2Ueg2 {
  width: 65px;
  height: 21px;
  background: url('https://pic-cdn-jp.tao-media.co/kf/Sd4cce1447bef4907ad8cb7bd00d1e66c8/262x85.png') no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1px;
  right: -12px;
}
.index-module__flexBox___4a2-w {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-module__header___C9d0g {
  transition: all 0.3s ease;
  position: static;
  top: -75px;
  left: 0;
  right: 0;
  z-index: 99;
}
/* 顶部利益点 */
.index-module__points___x2Nny {
  height: 40px;
  background: #333;
  width: 100%;
  min-width: 1280px;
  .index-module__point___3dArh {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin: 0 24px;
    color: #fff;
  }
  .index-module__border___SqjvA {
    width: 1px;
    height: 12px;
    background: #fff;
  }
  .index-module__bannerImg___CqtoF {
    height: 40px;
    display: block;
  }
}
.index-module__benefitImg___LE-fU {
  height: 40px;
}
.index-module__benefitBanner___Vd5uV {
  width: 100%;
  margin-top: 4vw;
}
/* 搜索区域 */
.index-module__search___DwaQW {
  width: 100%;
  padding: 17px 0;
  transition: all 0.3s ease;
  background: #fff;
  z-index: 99;
  .index-module__searchContent___y8OPQ {
    margin: 0 auto;
    max-width: 1680px;
    min-width: 1280px;
    padding: 0 48px;
    box-sizing: border-box;
    justify-content: space-between;
    .index-module__left___-pZ\+x {
      font-size: 12px;
      font-weight: 600;
      color: #333;
      line-height: 18px;
      cursor: pointer;
      .index-module__logoText___MPsUP {
        flex-direction: column;
        justify-content: space-between;
        font-size: 12px;
        font-weight: 600;
      }
      .index-module__h1Title___k1fMX {
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin: 0;
      }
      .index-module__logo___y2IcN {
        visibility: visible;
      }
      .index-module__logoHover___WhSsz {
        visibility: hidden;
      }
      .index-module__logo___y2IcN,
      .index-module__logoHover___WhSsz {
        width: 98px;
        position: absolute;
        left: 0;
        top: 0;
      }
      .index-module__logoWrap___izDSp {
        width: 98px;
        height: 38px;
        margin-right: 8px;
        position: relative;
      }
      .index-module__go___iMMPE {
        color: #ff4513;
        font-weight: 300;
        justify-content: flex-start;
      }
      .index-module__icon___ZdPO1 {
        width: 20px;
      }
    }
    .index-module__go___iMMPE:hover {
      text-decoration: underline;
    }
    .index-module__middle___hf7ik {
      width: 720px;
      height: 40px;
      box-sizing: border-box;
      border: 1px solid #333;
      position: relative;
      display: flex;
      input {
        width: 674px;
        height: 38px;
        padding: 10px 8px;
        color: #333;
        box-sizing: border-box;
        border: none;
        outline: none;
        flex: 1;
        z-index: 1;
        background: none;
      }
      .index-module__searchIcon___eRKHz {
        width: 38px;
        height: 38px;
        background: #333;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        z-index: 10;
        img {
          width: 22.22px;
        }
      }
    }
    @media (max-width: 1440px) {
      .index-module__middle___hf7ik {
        width: 620px;
      }
      .index-module__searchList___q6zpw {
        width: 620px;
      }
      .index-module__historyItemText___iENQP {
        max-width: 650px;
      }
    }
    .index-module__right___D7n68 {
      width: 225px;
      padding: 6px 13.5px;
      box-sizing: border-box;
      background: #333;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }
  }
}

.index-module__headerSearch___D3pHN {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.index-module__iconButton___rTGG1 {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.index-module__trashIcon___\+Cq46 {
  width: 16px;
  height: 16px;
  color: #666666;
}

.index-module__iconFresh___YFhMs {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #666666;
}

/* 悬浮的下载区域 */
.index-module__downloadPop___mBegg {
  z-index: 999;
  position: fixed;
  bottom: 120px;
  right: -662px;
  transition: right 0.3s ease;
  z-index: 999;
  .index-module__leftImgWrap___DHzQo {
    position: relative;
    cursor: pointer;
  }
  .index-module__arrowImg___3A\+5v {
    width: 9px;
    position: absolute;
    left: 13px;
    top: 40px;
    transition: all 0.3s ease;
  }
  .index-module__rotateArrow___iEB0d {
    transform: rotate(180deg);
  }
  .index-module__leftImg___eUEzN {
    width: 36px;
    display: block;
  }
  .index-module__rightContent___zkl-R {
    width: 626px;
    height: 388px;
    box-sizing: border-box;
    background-color: #fff0ed;
    position: relative;
  }
  .index-module__msg___POACm {
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -166.5px;
    display: flex;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 3px;
    color: #ff4513;
    font-weight: 600;
    align-items: center;
    text-align: center;
    .index-module__symbol___vQPHF {
      display: block;
      width: 29.76px;
      height: 17.72px;
      margin: 0 11px;
    }
  }
  .index-module__qrcode___9-XAE {
    position: absolute;
    width: 400px;
    top: 98px;
    left: 50%;
    margin-left: -200px;
  }
  .index-module__people___jvrN2 {
    position: absolute;
    width: 590px;
    bottom: -6px;
    left: 50%;
    margin-left: -295px;
  }
}
.index-module__downloadPopRight___E6vVL {
  right: -626px;
}
.index-module__downloadPopShow___h3Ggu {
  right: 0;
}
/* 地址有关 */
.index-module__addressContent___oQoAf {
  position: relative;
}
.index-module__addressListAo___tba5g {
  position: absolute;
  top: 41px;
  left: -203px;
  z-index: 999;
}
.index-module__addressName___9-kdj {
  font-size: 12px;
  font-weight: 300;
  margin-left: 4px;
  margin-right: 24px;
}
.index-module__addressNameAction___fV8qy {
  font-size: 12px;
  font-weight: 300;
  margin-left: 4px;
}
.index-module__addressIcon___uqTpf {
  margin-left: 4px;
  margin-right: 24px;
  height: 16px;
  line-height: 16px;
  margin-top: 2px;
  z-index: 999;
}
.index-module__addressIcon___uqTpf svg {
  pointer-events: none;
}

/* 登陆相关 */
.index-module__loginName___Uqzy7 {
  font-size: 12px;
  font-weight: 300;
  margin-left: 4px;
}
.index-module__loginPart___D9cth {
  display: flex;
  align-items: center;
  /* width: 160px; */
  /* justify-content: flex-end; */
}
.index-module__loginPart___D9cth > a {
  text-decoration: none;
}
.index-module__hoverRed___EQmaO {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.index-module__hoverRed___EQmaO:hover {
  color: #ff4513;
  span,
  span {
    color: #ff4513 !important;
  }
  .index-module__avatar___50ED0 {
    outline: 1px solid #ff4513;
  }
}
.index-module__avatar___50ED0 {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 32px;
  cursor: pointer;
  &:hover {
    outline: 1px solid #ff4513;
  }
}
.index-module__avatarMask___Hb3io {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.04);
  left: 0;
  top: 0;
}
.index-module__shopCartNum___P6Utw {
  font-weight: 500;
  color: #333;
  font-size: 16px;
  margin-left: 4px;
}

.index-module__searchList___q6zpw {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 999;
  background-color: #fff;
  width: 720px;
  border: none;
  border-radius: 3px;
  box-shadow: 0px 2px 14.3px 0px #00000026;
  padding: 0px 16px;
}

.index-module__resultList___L-ztz {
  flex: 1;
  max-height: 427px;
  overflow-y: scroll;
}

.index-module__resultList___L-ztz::-webkit-scrollbar {
  display: none; /* 隐藏滚动条（WebKit 浏览器） */
}

.index-module__empty___qboGS {
  text-align: center;
  color: #999;
  padding: 40px 0;
  font-size: 15px;
}
.index-module__searchEmptyResults___avit8 {
  padding-top: 24px;
  padding-bottom: 24px;
  min-height: 174px;
  .index-module__searchTitle___-kjxS {
    font-size: 15px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
  }
  .index-module__searchHistoryTitle___lcxyB {
    font-size: 15px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
  }
  .index-module__searchHistoryBox___00Qjs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
    max-height: 128px;
    overflow: hidden;
    .index-module__historyItem___Y3Mqv {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 12px;
      font-weight: 300;
      background-color: #f9f9f6;
      padding: 4.5px 12px;
      cursor: pointer;
      .index-module__historyItemText___iENQP {
        max-width: 558px;
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 超出隐藏 */
        text-overflow: ellipsis; /* 超出用省略号 */
      }
      img {
        width: 12px;
        height: 12px;
        margin-left: 6px;
      }
    }
  }
  .index-module__searchHistory___t-sJ3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    .index-module__historyItem___Y3Mqv {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 12px;
      font-weight: 300;
      background-color: #f9f9f6;
      padding: 4.5px 12px;
      cursor: pointer;
      img {
        width: 12px;
        height: 12px;
        margin-left: 6px;
      }
    }
    .index-module__discoverItem___isLMp {
      font-size: 12px;
      font-weight: 300;
      background-color: #f9f9f6;
      padding: 4.5px 12px;
      cursor: pointer;
    }
  }
}
.index-module__resultItem___Zd4qO {
  padding: 12px 0;
  .index-module__resultText___F-y8V {
    font-weight: 300;
    font-family: "Hiragino Sans";
    font-size: 12px;
  }
}

.index-module__modalContent___LYHTR {
  background: #fff;
  font-family: "Hiragino Sans";
  .index-module__text___mA0rB {
    margin-top: 4px;
    margin-bottom: 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #666;
  }
}
.index-module__buttonGroup___9oWVI {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid #e3e3dc;
}

.index-module__opeButton___8eHcc {
  border-radius: 6px;
  flex: 1;
}

.index-module__customFooter___dlE1C {
  padding: 0 !important;
}

@media screen and (max-width: 1439px) {
  .index-module__searchContent___y8OPQ {
    width: 1280px !important;
  }
}

@media screen and (min-width: 1440px) and (max-width: 1679px) {
  .index-module__searchContent___y8OPQ {
    width: 1440px !important;
  }
}

@media screen and (min-width: 1680px) {
  .index-module__searchContent___y8OPQ {
    width: 1680px !important;
  }
}

.search-placeholders-module__placeholders___r5rNR {
  color: #999;
  font-size: 15px;
  line-height: 20px;
  height: 20px;
  font-weight: 300;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: hidden;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-fade-appear,
.comet-v2-fade-enter,
.comet-v2-fade-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-fade-appear.comet-v2-fade-appear-active,
.comet-v2-fade-enter.comet-v2-fade-enter-active {
  animation-name: cometFadeIn;
  animation-play-state: running;
}
.comet-v2-fade-exit.comet-v2-fade-exit-active {
  animation-name: cometFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-fade-appear,
.comet-v2-fade-enter {
  opacity: 0;
  animation-timing-function: linear;
}
.comet-v2-fade-exit {
  animation-timing-function: linear;
}
@keyframes cometFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cometFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.comet-v2-move-up-appear,
.comet-v2-move-up-enter,
.comet-v2-move-up-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-move-up-appear.comet-v2-move-up-appear-active,
.comet-v2-move-up-enter.comet-v2-move-up-enter-active {
  animation-name: cometMoveUpIn;
  animation-play-state: running;
}
.comet-v2-move-up-exit.comet-v2-move-up-exit-active {
  animation-name: cometMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-move-up-appear,
.comet-v2-move-up-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-move-up-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-move-down-appear,
.comet-v2-move-down-enter,
.comet-v2-move-down-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-move-down-appear.comet-v2-move-down-appear-active,
.comet-v2-move-down-enter.comet-v2-move-down-enter-active {
  animation-name: cometMoveDownIn;
  animation-play-state: running;
}
.comet-v2-move-down-exit.comet-v2-move-down-exit-active {
  animation-name: cometMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-move-down-appear,
.comet-v2-move-down-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-move-down-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-move-left-appear,
.comet-v2-move-left-enter,
.comet-v2-move-left-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-move-left-appear.comet-v2-move-left-appear-active,
.comet-v2-move-left-enter.comet-v2-move-left-enter-active {
  animation-name: cometMoveLeftIn;
  animation-play-state: running;
}
.comet-v2-move-left-exit.comet-v2-move-left-exit-active {
  animation-name: cometMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-move-left-appear,
.comet-v2-move-left-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-move-left-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-move-right-appear,
.comet-v2-move-right-enter,
.comet-v2-move-right-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-move-right-appear.comet-v2-move-right-appear-active,
.comet-v2-move-right-enter.comet-v2-move-right-enter-active {
  animation-name: cometMoveRightIn;
  animation-play-state: running;
}
.comet-v2-move-right-exit.comet-v2-move-right-exit-active {
  animation-name: cometMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-move-right-appear,
.comet-v2-move-right-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-move-right-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
@keyframes cometMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes cometMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes cometMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes cometMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes cometMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes cometMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes cometMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes cometMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
.comet-v2-zoom-appear,
.comet-v2-zoom-enter,
.comet-v2-zoom-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-appear.comet-v2-zoom-appear-active,
.comet-v2-zoom-enter.comet-v2-zoom-enter-active {
  animation-name: cometZoomIn;
  animation-play-state: running;
}
.comet-v2-zoom-exit.comet-v2-zoom-exit-active {
  animation-name: cometZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-appear,
.comet-v2-zoom-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-big-appear,
.comet-v2-zoom-big-enter,
.comet-v2-zoom-big-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-big-appear.comet-v2-zoom-big-appear-active,
.comet-v2-zoom-big-enter.comet-v2-zoom-big-enter-active {
  animation-name: cometZoomBigIn;
  animation-play-state: running;
}
.comet-v2-zoom-big-exit.comet-v2-zoom-big-exit-active {
  animation-name: cometZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-big-appear,
.comet-v2-zoom-big-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-big-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-big-fast-appear,
.comet-v2-zoom-big-fast-enter,
.comet-v2-zoom-big-fast-exit {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-big-fast-appear.comet-v2-zoom-big-fast-appear-active,
.comet-v2-zoom-big-fast-enter.comet-v2-zoom-big-fast-enter-active {
  animation-name: cometZoomBigIn;
  animation-play-state: running;
}
.comet-v2-zoom-big-fast-exit.comet-v2-zoom-big-fast-exit-active {
  animation-name: cometZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-big-fast-appear,
.comet-v2-zoom-big-fast-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-big-fast-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-up-appear,
.comet-v2-zoom-up-enter,
.comet-v2-zoom-up-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-up-appear.comet-v2-zoom-up-appear-active,
.comet-v2-zoom-up-enter.comet-v2-zoom-up-enter-active {
  animation-name: cometZoomUpIn;
  animation-play-state: running;
}
.comet-v2-zoom-up-exit.comet-v2-zoom-up-exit-active {
  animation-name: cometZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-up-appear,
.comet-v2-zoom-up-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-up-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-down-appear,
.comet-v2-zoom-down-enter,
.comet-v2-zoom-down-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-down-appear.comet-v2-zoom-down-appear-active,
.comet-v2-zoom-down-enter.comet-v2-zoom-down-enter-active {
  animation-name: cometZoomDownIn;
  animation-play-state: running;
}
.comet-v2-zoom-down-exit.comet-v2-zoom-down-exit-active {
  animation-name: cometZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-down-appear,
.comet-v2-zoom-down-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-down-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-left-appear,
.comet-v2-zoom-left-enter,
.comet-v2-zoom-left-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-left-appear.comet-v2-zoom-left-appear-active,
.comet-v2-zoom-left-enter.comet-v2-zoom-left-enter-active {
  animation-name: cometZoomLeftIn;
  animation-play-state: running;
}
.comet-v2-zoom-left-exit.comet-v2-zoom-left-exit-active {
  animation-name: cometZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-left-appear,
.comet-v2-zoom-left-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-left-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.comet-v2-zoom-right-appear,
.comet-v2-zoom-right-enter,
.comet-v2-zoom-right-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-zoom-right-appear.comet-v2-zoom-right-appear-active,
.comet-v2-zoom-right-enter.comet-v2-zoom-right-enter-active {
  animation-name: cometZoomRightIn;
  animation-play-state: running;
}
.comet-v2-zoom-right-exit.comet-v2-zoom-right-exit-active {
  animation-name: cometZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-zoom-right-appear,
.comet-v2-zoom-right-enter {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-zoom-right-exit {
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
@keyframes cometZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes cometZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes cometZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes cometZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes cometZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes cometZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes cometZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes cometZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes cometZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes cometZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes cometZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes cometZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.comet-v2-slide-up-appear,
.comet-v2-slide-up-enter,
.comet-v2-slide-up-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-slide-up-appear.comet-v2-slide-up-appear-active,
.comet-v2-slide-up-enter.comet-v2-slide-up-enter-active {
  animation-name: cometSlideUpIn;
  animation-play-state: running;
}
.comet-v2-slide-up-exit.comet-v2-slide-up-exit-active {
  animation-name: cometSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-slide-up-appear,
.comet-v2-slide-up-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-slide-up-exit {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.comet-v2-slide-down-appear,
.comet-v2-slide-down-enter,
.comet-v2-slide-down-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-slide-down-appear.comet-v2-slide-down-appear-active,
.comet-v2-slide-down-enter.comet-v2-slide-down-enter-active {
  animation-name: cometSlideDownIn;
  animation-play-state: running;
}
.comet-v2-slide-down-exit.comet-v2-slide-down-exit-active {
  animation-name: cometSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-slide-down-appear,
.comet-v2-slide-down-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-slide-down-exit {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.comet-v2-slide-left-appear,
.comet-v2-slide-left-enter,
.comet-v2-slide-left-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-slide-left-appear.comet-v2-slide-left-appear-active,
.comet-v2-slide-left-enter.comet-v2-slide-left-enter-active {
  animation-name: cometSlideLeftIn;
  animation-play-state: running;
}
.comet-v2-slide-left-exit.comet-v2-slide-left-exit-active {
  animation-name: cometSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-slide-left-appear,
.comet-v2-slide-left-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-slide-left-exit {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.comet-v2-slide-right-appear,
.comet-v2-slide-right-enter,
.comet-v2-slide-right-exit {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.comet-v2-slide-right-appear.comet-v2-slide-right-appear-active,
.comet-v2-slide-right-enter.comet-v2-slide-right-enter-active {
  animation-name: cometSlideRightIn;
  animation-play-state: running;
}
.comet-v2-slide-right-exit.comet-v2-slide-right-exit-active {
  animation-name: cometSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.comet-v2-slide-right-appear,
.comet-v2-slide-right-enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.comet-v2-slide-right-exit {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes cometSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes cometSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes cometSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes cometSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes cometSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes cometSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes cometSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes cometSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.comet-v2-collapse-enter,
.comet-v2-collapse-appear {
  opacity: 0;
  height: 0;
}
.comet-v2-collapse-enter.comet-v2-collapse-enter-active,
.comet-v2-collapse-enter.comet-v2-collapse-appear-active,
.comet-v2-collapse-appear.comet-v2-collapse-enter-active,
.comet-v2-collapse-appear.comet-v2-collapse-appear-active {
  opacity: 1;
  height: auto;
  animation-timing-function: linear;
}
.comet-v2-collapse-exit {
  opacity: 1;
  height: auto;
}
.comet-v2-collapse-exit.comet-v2-collapse-exit-active {
  opacity: 0;
  height: 0;
  animation-timing-function: linear;
}
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
[role='button'],
label,
textarea {
  touch-action: manipulation;
}
input,
button,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
[hidden] {
  display: none !important;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2vw;
  width: 100%;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 9;
  background: #fff;
  padding-top: 3.2vw;
  padding-top: calc(constant(safe-area-inset-top) + 3.2vw);
  padding-top: calc(env(safe-area-inset-top) + 3.2vw);
}
.comet-v2-header .comet-v2-header-left-icon {
  font-size: 6.4vw;
  color: #222;
  line-height: 0.5;
  margin-right: 2.4vw;
}
.comet-v2-header .comet-v2-header-right-icon {
  font-size: 6.4vw;
  color: #222;
  line-height: 0.5;
}
.comet-v2-header .comet-v2-header-title {
  font-size: 4.26667vw;
  font-weight: 600;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-header .comet-v2-header-desc {
  font-size: 3.2vw;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-header .comet-v2-header-desc-type-primary {
  color: #333;
}
.comet-v2-header .comet-v2-header-desc-type-error {
  color: #E35959;
}
.comet-v2-header .comet-v2-header-desc-type-warning {
  color: #ff8214;
}
.comet-v2-header .comet-v2-header-desc-type-error {
  color: #E35959;
}
.comet-v2-header .comet-v2-header-desc-type-success {
  color: #00b716;
}
.comet-v2-header .comet-v2-header-main-contain {
  flex: 1;
}
.comet-v2-header .comet-v2-header-main-contain.pos-center {
  text-align: center;
}
.comet-v2-header .comet-v2-header-main-contain.pos-left {
  margin-right: auto;
  text-align: left;
}
.comet-v2-header .comet-v2-header-desc-contain {
  display: flex;
  align-items: center;
}
.comet-v2-header .comet-v2-header-desc-contain > .odin-icon {
  line-height: 0.5;
}

.hyper-skeleton {
  background-color: rgba(190, 190, 190, 0.2);
  border-radius: 0;
  width: 100%;
  display: block;
}
.hyper-skeleton.hyper-skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: hyper-skeleton-loading 1.4s ease infinite;
}
.hyper-skeleton.hyper-skeleton-title {
  width: 45%;
  height: 32px;
  border-radius: 2px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.hyper-skeleton.hyper-skeleton-paragraph-line {
  width: 100%;
  height: 18px;
  border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.hyper-skeleton.hyper-skeleton-paragraph-line:last-child {
  width: 65%;
}
@keyframes hyper-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-popup {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.comet-v2-popup-roof {
  position: absolute;
  top: -39px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comet-v2-popup-roof-children {
  transform: translateY(calc(-50% - 39px));
}
.comet-v2-popup-inline .comet-v2-popup-mask,
.comet-v2-popup-inline .comet-v2-popup-wrap {
  position: absolute;
}
.comet-v2-popup-mask {
  pointer-events: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.comet-v2-popup-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: 0;
}
.comet-v2-popup-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 10;
  display: block;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  color: #999;
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  background-color: var(color-grey-1, #f5f5f5);
}
.comet-v2-popup-close:focus,
.comet-v2-popup-close:hover {
  color: #222;
  text-decoration: none;
}
.comet-v2-popup-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: var(--color-white, #ffffff);
  line-height: 1.5;
}
.comet-v2-popup-header {
  padding: 12px 16px;
}
.comet-v2-popup-title {
  padding: 0 24px 0 0;
  font-weight: 600;
  color: var(--color-brand-primary, #333);
  font-size: 4vw;
  letter-spacing: 0;
  word-wrap: break-word;
  text-align: left;
}
.comet-v2-popup-body {
  padding: 0 16px;
  flex-grow: 1;
  font-size: var(--font-lineheight-1, 14px);
  word-wrap: break-word;
  overflow: auto;
}
.comet-v2-popup-content.comet-v2-popup-no-header {
  padding-top: 16px;
}
.comet-v2-popup-content.comet-v2-popup-no-footer {
  padding-bottom: 16px;
}
.comet-v2-popup-content.comet-v2-popup-with-roof {
  border-radius: 0;
}
.comet-v2-popup-footer {
  flex-shrink: 0;
  padding: 16px;
}
.comet-v2-popup-footer-horizontal {
  display: flex;
  flex-direction: row-reverse;
}
.comet-v2-popup-footer-horizontal .comet-v2-btn {
  flex: 1;
}
.comet-v2-popup-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-right: 8px;
}
.comet-v2-popup-footer-vertical .comet-v2-btn {
  width: 100%;
}
.comet-v2-popup-footer-vertical .comet-v2-btn + .comet-v2-btn {
  margin-top: 8px;
}


:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  z-index: 1070;
}
.comet-v2-tooltip[data-popper-placement^='top'] {
  padding-bottom: 3px;
}
.comet-v2-tooltip[data-popper-placement^='top'].comet-v2-tooltip-show-arrow {
  padding-bottom: 11px;
}
.comet-v2-tooltip[data-popper-placement^='top'] > .comet-v2-tooltip-arrow {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.6);
  border-right-color: rgba(0, 0, 0, 0.6);
  bottom: 6px;
}
.comet-v2-tooltip[data-popper-placement^='bottom'] {
  padding-top: 3px;
}
.comet-v2-tooltip[data-popper-placement^='bottom'].comet-v2-tooltip-show-arrow {
  padding-top: 11px;
}
.comet-v2-tooltip[data-popper-placement^='bottom'] > .comet-v2-tooltip-arrow {
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  border-top-color: rgba(0, 0, 0, 0.6);
  border-left-color: rgba(0, 0, 0, 0.6);
  top: 6px;
}
.comet-v2-tooltip[data-popper-placement^='left'] {
  padding-right: 3px;
}
.comet-v2-tooltip[data-popper-placement^='left'].comet-v2-tooltip-show-arrow {
  padding-right: 10.5px;
}
.comet-v2-tooltip[data-popper-placement^='left'] > .comet-v2-tooltip-arrow {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  border-right-color: rgba(0, 0, 0, 0.6);
  border-top-color: rgba(0, 0, 0, 0.6);
  right: 6px;
}
.comet-v2-tooltip[data-popper-placement^='right'] {
  padding-left: 3px;
}
.comet-v2-tooltip[data-popper-placement^='right'].comet-v2-tooltip-show-arrow {
  padding-left: 11px;
}
.comet-v2-tooltip[data-popper-placement^='right'] > .comet-v2-tooltip-arrow {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  border-left-color: rgba(0, 0, 0, 0.6);
  border-bottom-color: rgba(0, 0, 0, 0.6);
  left: 6px;
}
.comet-v2-tooltip[data-popper-placement^='bottom'] .comet-v2-popover-close {
  top: 10px;
}
.comet-v2-tooltip[data-popper-placement^='left'] .comet-v2-popover-close {
  right: 10px;
}
.comet-v2-tooltip-body {
  background-color: #fff;
  line-height: 1.5;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  word-wrap: break-word;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 1.06667vw;
}
.comet-v2-tooltip .comet-v2-tooltip-arrow {
  width: 10px;
  height: 10px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  transform: rotate(45deg);
}
.comet-v2-tooltip-body {
  min-width: 20vw;
  min-height: 3.2vw;
  padding: 2vw 2.4vw;
  font-size: 4.26667vw;
  font-weight: 300;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.comet-v2-tooltip-rtl .comet-v2-tooltip-body {
  text-align: right;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-btn {
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-brand-primary);
  border-radius: 0.8vw;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  height: 8.8vw;
  padding: 0 3.2vw;
  font-size: 3.2vw;
  background: #fff;
  color: var(--color-brand-primary);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.comet-v2-btn[disabled] {
  border-color: #E3E3DC;
  color: #E3E3DC;
}
.comet-v2-btn:not([disabled]):hover {
  text-decoration: none;
}
.comet-v2-btn-rtl {
  direction: rtl;
}
.comet-v2-btn > .odin-icon {
  font-size: 24px;
  vertical-align: bottom;
}
.comet-v2-btn > span {
  display: inline-block;
}
.comet-v2-btn > .odin-icon + span,
.comet-v2-btn > span + .odin-icon {
  margin-left: 1.6vw;
}
.comet-v2-btn-block {
  width: 100%;
}
.comet-v2-btn-extra-large {
  padding: 0 4vw;
  font-size: 4vw;
  height: 12.8vw;
  border-width: 0.26667vw;
}
.comet-v2-btn-large {
  padding: 0 4vw;
  font-size: 4vw;
  height: 10.4vw;
  border-width: 0.26667vw;
}
.comet-v2-btn-small {
  padding: 0 2.4vw;
  font-size: 2.66667vw;
  height: 6.4vw;
}
.comet-v2-btn-smaller {
  font-size: 2.66667vw;
  padding: 0 1.6vw;
  height: 4.8vw;
}
.comet-v2-btn:not(.comet-v2-btn-icon-only):not(.comet-v2-btn-link) {
  min-width: 18.13333vw;
}
.comet-v2-btn-icon-only {
  padding-left: 3px;
  padding-right: 3px;
}
.comet-v2-btn-icon-only.comet-v2-btn-extra-large {
  padding-left: 2.66667vw;
  padding-right: 2.66667vw;
}
.comet-v2-btn-icon-only.comet-v2-btn-large {
  padding-left: 2.4vw;
  padding-right: 2.4vw;
}
.comet-v2-btn-default2 {
  color: var(--color-brand-primary2);
  border-color: var(--color-brand-primary2);
}
.comet-v2-btn-default2[disabled] {
  border-color: #FFCEC1;
  color: #FFCEC1;
}
.comet-v2-btn-primary {
  background: var(--color-brand-primary);
  color: #fff;
  border-color: var(--color-brand-primary);
}
.comet-v2-btn-primary[disabled] {
  background: #E3E3DC;
  border-color: #E3E3DC;
  color: #fff;
}
.comet-v2-btn-primary2 {
  background: var(--color-brand-primary2);
  color: #fff;
  border-color: var(--color-brand-primary2);
}
.comet-v2-btn-primary2[disabled] {
  background: #FFCEC1;
  border-color: #FFCEC1;
  color: #fff;
}
.comet-v2-btn-danger {
  background: #fff;
  color: #E35959;
  border-color: #E35959;
  border-radius: 5.33333vw;
}
.comet-v2-btn-text {
  border-color: var(--color-white, '#fff');
  background-color: var(--color-white, '#fff');
  color: var(--color-grey-10, '#191919');
}
.comet-v2-btn-text[disabled] {
  background: var(--color-Transparent, 'rgba(0,0,0,0)');
  border-color: var(--color-Transparent, 'rgba(0,0,0,0)');
  color: var(--color-grey-3, '#CCCCCC');
}
.comet-v2-btn-text .odin-icon {
  font-size: 1em;
  vertical-align: -0.125em;
}
.comet-v2-btn-slim {
  color: var(--color-grey-10, '#191919');
  border-color: var(--color-brand-primary, '#333');
  background-color: var(--color-white, '#fff');
}
.comet-v2-btn-slim[disabled] {
  background: var(--color-grey-2, "#EBEBEB");
  color: var(--color-grey-3, "#CCCCCC");
  border-color: var(--color-grey-2, "#EBEBEB");
}
.comet-v2-btn-slim .odin-icon {
  font-size: 1em;
  vertical-align: -0.125em;
}
.comet-v2-btn-link {
  padding: 0;
  color: #3170EE;
  border-width: 0;
  height: auto;
  font-weight: inherit;
  background-color: var(--color-Transparent, 'rgba(0,0,0,0)');
}
.comet-v2-btn-link > span {
  text-decoration: underline;
}
.comet-v2-btn-link[disabled] {
  color: #E3E3DC;
}
.comet-v2-btn-borderless {
  border: none;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 266.66667vw #fff inset;
}
.comet-v2-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 8.53333vw;
  min-width: 0;
  padding: 0.8vw 3.2vw;
  color: #333;
  font-size: 3.2vw;
  line-height: 6.4vw;
  border-radius: 0.8vw;
  font-weight: 600;
  background-color: #fff;
  background-image: none;
  border: 0.26667vw solid #E3E3DC;
  transition: all 0.3s;
}
.comet-v2-input::-moz-placeholder {
  opacity: 1;
  font-weight: 300;
}
.comet-v2-input::placeholder {
  color: #999;
  font-weight: 300;
}
.comet-v2-input:placeholder-shown {
  text-overflow: ellipsis;
}
.comet-v2-input:hover,
.comet-v2-input:focus,
.comet-v2-input-focused {
  border-color: #222;
  outline: 0;
}
.comet-v2-input:focus,
.comet-v2-input-focused,
.comet-v2-input-light {
  background-color: #fff;
}
.comet-v2-input-borderless,
.comet-v2-input-borderless:hover,
.comet-v2-input-borderless:focus,
.comet-v2-input-borderless[disabled] {
  border: none;
}
.comet-v2-input-disabled,
.comet-v2-input[disabled] {
  color: #E3E3DC;
  border-color: #eee;
  background-color: #eee;
  cursor: not-allowed;
}
.comet-v2-input-disabled::placeholder,
.comet-v2-input[disabled]::placeholder {
  color: #E3E3DC;
}
.comet-v2-input-disabled:hover,
.comet-v2-input[disabled]:hover,
.comet-v2-input-disabled:focus,
.comet-v2-input[disabled]:focus {
  border-color: #E3E3DC;
  outline: 0;
  border-color: #eee;
}
.comet-v2-input-error,
.comet-v2-input-error:hover,
.comet-v2-input-error:focus {
  border-color: #E35959;
}
.comet-v2-input-rtl {
  direction: rtl;
}
textarea.comet-v2-input {
  max-width: 100%;
  height: auto;
  min-height: 8.53333vw;
  line-height: 1.5;
  vertical-align: bottom;
  font-weight: 300;
  transition: all 0.3s, height 0s;
  padding: 0;
  border: none;
}
.comet-v2-input-lg {
  padding-top: 2.4vw;
  padding-bottom: 2.4vw;
  height: 11.73333vw;
  font-size: 4.26667vw;
}
.comet-v2-input-sm {
  padding-top: 0;
  padding-bottom: 0;
  height: 6.4vw;
  line-height: 5.86667vw;
  font-size: 3.2vw;
}
.odin-icon.comet-v2-input-clear-icon,
.odin-icon.comet-v2-input-password-icon {
  padding: 4px 0;
  color: #999;
  cursor: pointer;
  transition: color 0.3s;
}
.odin-icon.comet-v2-input-clear-icon:hover,
.odin-icon.comet-v2-input-password-icon:hover {
  color: #222;
}
.odin-icon.comet-v2-input-clear-icon {
  padding-left: 4px;
  padding-right: 4px;
}
.odin-icon.comet-v2-input-clear-icon-hidden {
  visibility: hidden;
}
.comet-v2-input-readonly:focus {
  background-color: #fff;
}
.comet-v2-input-affix-wrapper.comet-v2-input-affix-wrapper-textarea-clear {
  padding: 3.2vw;
  border: 0.26667vw solid #E3E3DC;
  border-radius: 0.8vw;
  height: auto;
}
.comet-v2-input-affix-wrapper.comet-v2-input-affix-wrapper-textarea-clear.showCount {
  padding-bottom: 9.6vw;
}
.comet-v2-input-affix-wrapper.comet-v2-input-affix-wrapper-textarea-clear .comet-v2-input-clear-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.comet-v2-input-affix-wrapper.comet-v2-input-affix-wrapper-textarea-clear .comet-v2-input-show-count-suffix {
  position: absolute;
  bottom: 3.2vw;
  right: 3.2vw;
  line-height: 3.2vw;
  z-index: 1;
  color: #999;
  font-weight: 500;
  font-size: 2.66667vw;
}
.comet-v2-input-affix-wrapper.comet-v2-input-affix-wrapper-textarea-clear .comet-v2-input-show-count-suffix .hasValue {
  color: #333;
}
.comet-v2-input-affix-wrapper,
.comet-v2-input-label-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 8.53333vw;
  min-width: 0;
  padding: 0.8vw 3.2vw;
  color: #333;
  font-size: 3.2vw;
  line-height: 6.4vw;
  border-radius: 0.8vw;
  font-weight: 600;
  background-color: #fff;
  background-image: none;
  border: 0.26667vw solid #E3E3DC;
  transition: all 0.3s;
  display: inline-flex;
}
.comet-v2-input-affix-wrapper::-moz-placeholder,
.comet-v2-input-label-wrapper::-moz-placeholder {
  opacity: 1;
  font-weight: 300;
}
.comet-v2-input-affix-wrapper::placeholder,
.comet-v2-input-label-wrapper::placeholder {
  color: #999;
  font-weight: 300;
}
.comet-v2-input-affix-wrapper:placeholder-shown,
.comet-v2-input-label-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.comet-v2-input-affix-wrapper:hover,
.comet-v2-input-label-wrapper:hover,
.comet-v2-input-affix-wrapper:focus,
.comet-v2-input-label-wrapper:focus,
.comet-v2-input-affix-wrapper-focused,
.comet-v2-input-label-wrapper-focused {
  border-color: #222;
  outline: 0;
}
.comet-v2-input-affix-wrapper:focus,
.comet-v2-input-label-wrapper:focus,
.comet-v2-input-affix-wrapper-focused,
.comet-v2-input-label-wrapper-focused,
.comet-v2-input-affix-wrapper-light,
.comet-v2-input-label-wrapper-light {
  background-color: #fff;
}
.comet-v2-input-affix-wrapper-borderless,
.comet-v2-input-label-wrapper-borderless,
.comet-v2-input-affix-wrapper-borderless:hover,
.comet-v2-input-label-wrapper-borderless:hover,
.comet-v2-input-affix-wrapper-borderless:focus,
.comet-v2-input-label-wrapper-borderless:focus,
.comet-v2-input-affix-wrapper-borderless[disabled],
.comet-v2-input-label-wrapper-borderless[disabled] {
  border: none;
}
.comet-v2-input-affix-wrapper-disabled,
.comet-v2-input-label-wrapper-disabled,
.comet-v2-input-affix-wrapper[disabled],
.comet-v2-input-label-wrapper[disabled] {
  color: #E3E3DC;
  border-color: #eee;
  background-color: #eee;
  cursor: not-allowed;
}
.comet-v2-input-affix-wrapper-disabled::placeholder,
.comet-v2-input-label-wrapper-disabled::placeholder,
.comet-v2-input-affix-wrapper[disabled]::placeholder,
.comet-v2-input-label-wrapper[disabled]::placeholder {
  color: #E3E3DC;
}
.comet-v2-input-affix-wrapper-disabled:hover,
.comet-v2-input-label-wrapper-disabled:hover,
.comet-v2-input-affix-wrapper[disabled]:hover,
.comet-v2-input-label-wrapper[disabled]:hover,
.comet-v2-input-affix-wrapper-disabled:focus,
.comet-v2-input-label-wrapper-disabled:focus,
.comet-v2-input-affix-wrapper[disabled]:focus,
.comet-v2-input-label-wrapper[disabled]:focus {
  border-color: #E3E3DC;
  outline: 0;
  border-color: #eee;
}
.comet-v2-input-affix-wrapper-error,
.comet-v2-input-label-wrapper-error,
.comet-v2-input-affix-wrapper-error:hover,
.comet-v2-input-label-wrapper-error:hover,
.comet-v2-input-affix-wrapper-error:focus,
.comet-v2-input-label-wrapper-error:focus {
  border-color: #E35959;
}
.comet-v2-input-affix-wrapper-rtl,
.comet-v2-input-label-wrapper-rtl {
  direction: rtl;
}
textarea.comet-v2-input-affix-wrapper,
textarea.comet-v2-input-label-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 8.53333vw;
  line-height: 1.5;
  vertical-align: bottom;
  font-weight: 300;
  transition: all 0.3s, height 0s;
  padding: 0;
  border: none;
}
.comet-v2-input-affix-wrapper-lg,
.comet-v2-input-label-wrapper-lg {
  padding-top: 2.4vw;
  padding-bottom: 2.4vw;
  height: 11.73333vw;
  font-size: 4.26667vw;
}
.comet-v2-input-affix-wrapper-sm,
.comet-v2-input-label-wrapper-sm {
  padding-top: 0;
  padding-bottom: 0;
  height: 6.4vw;
  line-height: 5.86667vw;
  font-size: 3.2vw;
}
.comet-v2-input-affix-wrapper-disabled .comet-v2-input[disabled],
.comet-v2-input-label-wrapper-disabled .comet-v2-input[disabled] {
  background: transparent;
}
.comet-v2-input-affix-wrapper input.comet-v2-input,
.comet-v2-input-label-wrapper input.comet-v2-input {
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
}
.comet-v2-input-affix-wrapper::before,
.comet-v2-input-label-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.comet-v2-input-prefix,
.comet-v2-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
  font-size: 4.26667vw;
}
.comet-v2-input-prefix {
  margin-right: 4px;
}
.comet-v2-input-suffix {
  margin-left: 4px;
}
.comet-v2-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: start;
  vertical-align: middle;
}
.comet-v2-input-group-rtl {
  direction: rtl;
}
.comet-v2-input-group-addon:first-child,
.comet-v2-input-group-wrap:first-child,
.comet-v2-input-group > .comet-v2-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.comet-v2-input-group-addon:not(:first-child):not(:last-child),
.comet-v2-input-group-wrap:not(:first-child):not(:last-child),
.comet-v2-input-group > .comet-v2-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.comet-v2-input-group-addon:last-child,
.comet-v2-input-group-wrap:last-child,
.comet-v2-input-group > .comet-v2-input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.comet-v2-input-group-addon {
  position: relative;
  padding: 0.8vw 3.2vw;
  background-color: #fff;
  font-size: 4.26667vw;
  font-weight: normal;
  text-align: center;
  border: 0.26667vw solid #E3E3DC;
  border-radius: 1.6vw;
  transition: all 0.3s;
}
.comet-v2-input-group-addon-borderless {
  border-color: transparent;
}
.comet-v2-input-group-addon.comet-v2-input-group-addon-error {
  border-color: #E35959;
}
.comet-v2-input-group-addon:first-child {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.comet-v2-input-group-addon:first-child > * {
  border-top-left-radius: 1.6vw;
  border-bottom-left-radius: 1.6vw;
}
.comet-v2-input-group-addon:first-child .comet-v2-select > span:first-child {
  border-radius: 1.6vw 0 0 1.6vw;
}
.comet-v2-input-group-addon:last-child {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.comet-v2-input-group-addon:last-child > * {
  border-top-right-radius: 1.6vw;
  border-bottom-right-radius: 1.6vw;
}
.comet-v2-input-group-addon:last-child .comet-v2-select > span:first-child {
  border-radius: 0 1.6vw 1.6vw 0;
}
.comet-v2-input-group-addon .comet-v2-select {
  margin: -1.06667vw -3.2vw;
}
.comet-v2-input-group-addon .comet-v2-select > span:first-child {
  border-left: 0;
  border-right: 0;
}
.comet-v2-input-group-addon:not(.comet-v2-input-group-addon-disabled):not(.comet-v2-input-group-addon-error) .comet-v2-select > span:first-child:focus,
.comet-v2-input-group-addon:not(.comet-v2-input-group-addon-disabled):not(.comet-v2-input-group-addon-error) .comet-v2-select > span:first-child:hover {
  border-color: #E3E3DC;
}
.comet-v2-input-group-label > .comet-v2-input-group-addon {
  padding-top: 2.4vw;
  padding-bottom: 2.4vw;
  height: 12.8vw;
  font-size: 4.26667vw;
}
.comet-v2-input-group-label > .comet-v2-input-group-addon .comet-v2-select > span:first-child {
  border: none;
}
.comet-v2-input-group-label .comet-v2-input-label-content input,
.comet-v2-input-group-label .comet-v2-input-label-wrapper {
  border-radius: 0;
}
.comet-v2-input-group-lg > .comet-v2-input-group-addon {
  padding-top: 2.4vw;
  padding-bottom: 2.4vw;
  height: 11.73333vw;
  font-size: 4.26667vw;
}
.comet-v2-input-group-sm > .comet-v2-input-group-addon {
  padding-top: 0;
  padding-bottom: 0;
  height: 6.4vw;
  line-height: 5.86667vw;
  font-size: 3.2vw;
}
.comet-v2-input-group-label .comet-v2-select {
  margin: -2.13333vw -3.2vw;
}
.comet-v2-input-group-lg .comet-v2-select {
  margin: -2.66667vw -3.2vw;
}
.comet-v2-input-group-sm .comet-v2-select {
  margin: -0.26667vw -3.2vw;
}
.comet-v2-input-group .comet-v2-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.comet-v2-input-group .comet-v2-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.comet-v2-input-search .comet-v2-input-group .comet-v2-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 3.2vw;
  border-bottom-right-radius: 3.2vw;
}
.comet-v2-input-search-disabled > .comet-v2-input-group-addon:first-child {
  border-left-width: 0;
}
.comet-v2-input-search > .comet-v2-input-group-addon:last-child {
  left: -0.26667vw;
  padding: 0;
  border: 0;
}
.comet-v2-input-search > .comet-v2-input-group-addon:last-child .comet-v2-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 1.6vw 1.6vw 0;
}
.comet-v2-input-search-button {
  min-width: 13.86667vw;
  height: 8.53333vw;
}
.comet-v2-input-search-button:hover,
.comet-v2-input-search-button:focus {
  z-index: 1;
}
.comet-v2-input-search-large .comet-v2-input-search-button {
  height: 11.73333vw;
}
.comet-v2-input-search-small .comet-v2-input-search-button {
  height: 6.4vw;
}
.comet-v2-input-label {
  position: absolute;
  top: 1.06667vw;
  font-size: 2.66667vw;
  font-weight: 300;
  right: 3.2vw;
  left: 3.2vw;
  color: #999;
  font-size: 3.73333vw;
  line-height: 10.66667vw;
  pointer-events: none;
  transition: font-size 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-input-label .label-focused .comet-v2-input-label,
.comet-v2-input-label .label-light .comet-v2-input-label {
  font-size: 3.2vw;
  line-height: 1.5;
  z-index: 1;
}
.comet-v2-input-label .readonly-readonly.comet-v2-input-label .readonly-light {
  background-color: #fff;
}
.comet-v2-input-label-wrapper {
  transition: all 0.3s, background-color 0s;
  height: 12.8vw;
}
.comet-v2-input-label-wrapper-focused,
.comet-v2-input-label-wrapper-light {
  background-color: #fff;
}
.comet-v2-input-label-wrapper-focused input:-webkit-autofill,
.comet-v2-input-label-wrapper-light input:-webkit-autofill {
  box-shadow: 0 0 0 266.66667vw #fff inset;
}
.comet-v2-input-label-wrapper-disabled {
  background-color: #eee;
}
.comet-v2-input-label-wrapper .comet-v2-input-label {
  top: 0;
  right: 0;
  left: 0;
}
.comet-v2-input-label-wrapper .comet-v2-input-label-content input.comet-v2-input {
  height: 10.66667vw;
}
.comet-v2-input-label-content {
  font-size: 3.2vw;
  line-height: 1.5;
  z-index: 1;
  position: relative;
  display: inline-flex;
  width: 100%;
  background-color: #fff;
  border-radius: 1.6vw;
}
.comet-v2-input-label-content-focused,
.comet-v2-input-label-content-light {
  background-color: #fff;
}
.comet-v2-input-label-content-focused input:-webkit-autofill,
.comet-v2-input-label-content-light input:-webkit-autofill {
  box-shadow: 0 0 0 266.66667vw #fff inset;
}
.comet-v2-input-label-content-disabled {
  background-color: #eee;
}
.comet-v2-input-label-content-focused .comet-v2-input-label,
.comet-v2-input-label-content-light .comet-v2-input-label {
  font-size: 3.2vw;
  line-height: 1.5;
  z-index: 1;
}
.comet-v2-input-label-content-readonly.comet-v2-input-label-content-light {
  background-color: #fff;
}
.comet-v2-input-label-content input.comet-v2-input {
  padding-top: 5.06667vw;
  line-height: 1.5;
  height: 12.8vw;
  background-color: transparent;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.comet-v2-input-label-content input:-webkit-autofill {
  padding-top: 5.06667vw;
  line-height: 1.5;
  height: 12.8vw;
  background-color: transparent;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.comet-v2-input-label-content input:-webkit-autofill + .comet-v2-input-label {
  font-size: 3.2vw;
  line-height: 1.5;
  z-index: 1;
}
.comet-v2-input-label-content input:-webkit-autofill + .comet-v2-input-label-focused .comet-v2-input-label,
.comet-v2-input-label-content input:-webkit-autofill + .comet-v2-input-label-light .comet-v2-input-label {
  font-size: 3.2vw;
  line-height: 1.5;
  z-index: 1;
}
.comet-v2-input-label-content-rtl {
  direction: rtl;
}
.comet-v2-input-affix-wrapper-textarea-clear.comet-v2-input-affix-wrapper-rtl .comet-v2-input-clear-icon {
  left: 3.2vw;
  right: auto;
}
.comet-v2-input-affix-wrapper-rtl .comet-v2-input-prefix,
.comet-v2-input-label-wrapper-rtl .comet-v2-input-prefix {
  margin-left: 4px;
  margin-right: 0;
}
.comet-v2-input-affix-wrapper-rtl .comet-v2-input-suffix,
.comet-v2-input-label-wrapper-rtl .comet-v2-input-suffix {
  margin-left: 0;
  margin-right: 4px;
}
.comet-v2-input-group-rtl.comet-v2-input-group-addon:first-child,
.comet-v2-input-group-rtl.comet-v2-input-group-wrap:first-child,
.comet-v2-input-group-rtl.comet-v2-input-group > .comet-v2-input:first-child {
  border-top-right-radius: 1.6vw;
  border-bottom-right-radius: 1.6vw;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.comet-v2-input-group-rtl.comet-v2-input-group-addon:last-child,
.comet-v2-input-group-rtl.comet-v2-input-group-wrap:last-child,
.comet-v2-input-group-rtl.comet-v2-input-group > .comet-v2-input:last-child {
  border-top-left-radius: 1.6vw;
  border-bottom-left-radius: 1.6vw;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:first-child {
  border-left-width: 0;
  border-right-width: 1px;
  border-radius: 0 1.6vw 1.6vw 0;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:first-child > * {
  border-top-right-radius: 1.6vw;
  border-bottom-right-radius: 1.6vw;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:first-child .comet-v2-select > span:first-child {
  border-radius: 0 1.6vw 1.6vw 0;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:last-child {
  border-left-width: 1px;
  border-right-width: 0;
  border-radius: 1.6vw 0 0 1.6vw;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:last-child > * {
  border-top-left-radius: 1.6vw;
  border-bottom-left-radius: 1.6vw;
}
.comet-v2-input-group-rtl .comet-v2-input-group-addon:last-child .comet-v2-select > span:first-child {
  border-radius: 1.6vw 0 0 1.6vw;
}
.comet-v2-input-group-rtl.comet-v2-input-search > .comet-v2-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.comet-v2-input-group-rtl.comet-v2-input-search > .comet-v2-input-group-addon:last-child .comet-v2-input-search-button {
  border-radius: 1.6vw 0 0 1.6vw;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-dropdown {
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  z-index: 1050;
  min-width: 70px;
  max-height: 700px;
  overflow: auto;
}
.comet-v2-dropdown[data-popper-placement^='top'] {
  padding-bottom: 3px;
}
.comet-v2-dropdown[data-popper-placement^='top'].comet-v2-dropdown-show-arrow {
  padding-bottom: 11px;
}
.comet-v2-dropdown[data-popper-placement^='top'] > .comet-v2-dropdown-arrow {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  border-bottom-color: #fff;
  border-right-color: #fff;
  bottom: 6px;
}
.comet-v2-dropdown[data-popper-placement^='bottom'] {
  padding-top: 3px;
}
.comet-v2-dropdown[data-popper-placement^='bottom'].comet-v2-dropdown-show-arrow {
  padding-top: 11px;
}
.comet-v2-dropdown[data-popper-placement^='bottom'] > .comet-v2-dropdown-arrow {
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  border-top-color: #fff;
  border-left-color: #fff;
  top: 6px;
}
.comet-v2-dropdown[data-popper-placement^='left'] {
  padding-right: 3px;
}
.comet-v2-dropdown[data-popper-placement^='left'].comet-v2-dropdown-show-arrow {
  padding-right: 10.5px;
}
.comet-v2-dropdown[data-popper-placement^='left'] > .comet-v2-dropdown-arrow {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  border-right-color: #fff;
  border-top-color: #fff;
  right: 6px;
}
.comet-v2-dropdown[data-popper-placement^='right'] {
  padding-left: 3px;
}
.comet-v2-dropdown[data-popper-placement^='right'].comet-v2-dropdown-show-arrow {
  padding-left: 11px;
}
.comet-v2-dropdown[data-popper-placement^='right'] > .comet-v2-dropdown-arrow {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  border-left-color: #fff;
  border-bottom-color: #fff;
  left: 6px;
}
.comet-v2-dropdown[data-popper-placement^='bottom'] .comet-v2-popover-close {
  top: 10px;
}
.comet-v2-dropdown[data-popper-placement^='left'] .comet-v2-popover-close {
  right: 10px;
}
.comet-v2-dropdown-body {
  background-color: #fff;
  line-height: 1.5;
  font-size: 14px;
  color: #222;
  text-decoration: none;
  word-wrap: break-word;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 1.06667vw;
}
.comet-v2-dropdown .comet-v2-dropdown-arrow {
  width: 10px;
  height: 10px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  transform: rotate(45deg);
}
.comet-v2-dropdown-body {
  padding: 4px 0;
  border-radius: 1.06667vw;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fff;
}
.comet-v2-menu a {
  color: #222;
}
.comet-v2-menu-horizontal {
  display: flex;
}
.comet-v2-menu-horizontal > .comet-v2-menu-item {
  position: relative;
}
.comet-v2-menu-horizontal > .comet-v2-menu-item:hover.comet-v2-menu-item:after {
  border-bottom-color: #333;
}
.comet-v2-menu-horizontal > .comet-v2-menu-item:hover {
  background-color: transparent;
}
.comet-v2-menu-horizontal > .comet-v2-menu-item:after {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.comet-v2-menu-sub {
  padding: 4px 0;
  min-width: 160px;
  background-color: #fff;
  border-radius: 1.06667vw;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.comet-v2-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  line-height: 24px;
  text-align: left;
  font-size: 14px;
  color: #222;
  cursor: pointer;
}
.comet-v2-menu-item-large {
  padding-top: 12px;
  padding-bottom: 12px;
}
.comet-v2-menu-item-small {
  padding-top: 0;
  padding-bottom: 0;
}
.comet-v2-menu-item-selected {
  font-weight: var(--font-weight-bold);
}
.comet-v2-menu-item-selected .comet-icon-selected {
  color: #333;
}
.comet-v2-menu-item-border:not(:last-child):after {
  position: absolute;
  content: '';
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 1px;
  background-color: #f9f9f9;
}
.comet-v2-menu-item:hover {
  background-color: #f5f5f5;
}
.comet-v2-menu-item.comet-v2-menu-item-disabled {
  color: #E3E3DC;
  cursor: not-allowed;
}
.comet-v2-menu-item.comet-v2-menu-item-disabled a {
  color: #E3E3DC;
}
.comet-v2-menu-item.comet-v2-menu-item-disabled:hover,
.comet-v2-menu-item.comet-v2-menu-item-disabled.comet-v2-menu-item-selected {
  background-color: transparent;
}
.comet-v2-menu-item-icon,
.comet-v2-menu-item-right-icon {
  font-size: 24px;
  line-height: 0;
}
.comet-v2-menu-item-icon {
  margin-right: 8px;
}
.comet-v2-menu-item-right-icon {
  margin-left: 8px;
}
.comet-v2-menu-item-content {
  flex: auto;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-menu-rtl {
  direction: rtl;
}
.comet-v2-menu-rtl .comet-v2-menu-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.comet-v2-menu-rtl .comet-v2-menu-item-content {
  text-align: right;
}
.comet-v2-menu-rtl .comet-v2-menu-item-right-icon {
  margin-left: 0;
  margin-right: 8px;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
@keyframes expandWith {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}
.comet-v2-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.comet-v2-tabs-wrapper {
  text-align: center;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
}
.comet-v2-tabs-wrapper::-webkit-scrollbar {
  display: none;
}
.comet-v2-tabs-wrapper-more {
  width: calc(100% - 36px);
  display: inline-block;
  vertical-align: top;
}
.comet-v2-tabs-nav {
  padding: 4.26667vw 0;
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  justify-content: center;
  position: relative;
}
.comet-v2-tabs-nav-item {
  position: relative;
  cursor: pointer;
  margin: 0 4.26667vw;
  flex-wrap: nowrap;
  font-size: 4.26667vw;
  color: var(--color-grey-10, '#191919');
  white-space: nowrap;
  line-height: 6.4vw;
}
.comet-v2-tabs-nav-item:hover {
  color: var(--color-grey-10, '#191919');
}
.comet-v2-tabs-nav-item-active {
  font-weight: 600;
}
.comet-v2-tabs-nav-item-active:hover {
  color: #222;
}
.comet-v2-tabs-nav-item-active::after {
  content: '';
  height: 0.8vw;
  width: 2.66667vw;
  border-radius: 0.4vw;
  background-color: var(--color-grey-10, '#191919');
  position: absolute;
  left: calc(50% - 5px);
  bottom: -12px;
}
.comet-v2-tabs-container {
  width: 100%;
  padding: 8px 4.26667vw;
}
.comet-v2-tabs-pane {
  display: none;
  width: 100%;
}
.comet-v2-tabs-pane-icon-more {
  font-size: 100%;
}
.comet-v2-tabs-pane-active {
  display: block;
}
.comet-v2-tabs-pane-more {
  padding: 4.26667vw;
  padding: 4.26667vw 0;
  width: 9.6vw;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.comet-v2-tabs-pane-popup {
  width: 32vw;
}
@media (max-width: 768px) {
  .comet-v2-tabs-nav,
  .comet-v2-tabs-pane-more {
    padding: 12rpx 0;
  }
  .comet-v2-tabs-pane-more {
    position: relative;
  }
  .comet-v2-tabs-pane-more::after {
    content: ' ';
    position: absolute;
    width: 2rpx;
    height: 100%;
    top: 0;
    left: 0;
    border-left: 2rpx solid rgba(0, 0, 0, 0.05);
  }
  .comet-v2-tabs-nav-item {
    font-size: 28rpx;
  }
  .comet-v2-tabs-nav-item-active::after {
    bottom: -12rpx;
  }
}
.comet-v2-tabs-rtl {
  direction: rtl;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-drawer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  display: flex;
  background: #fff;
}
.comet-v2-drawer-roof {
  position: absolute;
  top: -39px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comet-v2-drawer-roof-children {
  transform: translateY(calc(-50% - 39px));
}
.comet-v2-drawer-inline .comet-v2-drawer-mask,
.comet-v2-drawer-inline .comet-v2-drawer-wrap {
  position: absolute;
}
.comet-v2-drawer-mask {
  pointer-events: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.comet-v2-drawer-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: 0;
}
.comet-v2-drawer-roof {
  position: absolute;
  top: -11.73333vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comet-v2-drawer-roof-children {
  transform: translateY(calc(-50% - 11.73333vw));
}
.comet-v2-drawer-inline .comet-v2-drawer-mask,
.comet-v2-drawer-inline .comet-v2-drawer-wrap {
  position: absolute;
}
.comet-v2-drawer-mask {
  pointer-events: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.comet-v2-drawer-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: 0;
}
.comet-v2-drawer-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 10;
  display: block;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  color: #999;
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  background-color: var(color-grey-1, #f5f5f5);
}
.comet-v2-drawer-close:focus,
.comet-v2-drawer-close:hover {
  color: #222;
  text-decoration: none;
}
.comet-v2-drawer-close {
  position: absolute;
  top: 2.66667vw;
  right: 3.2vw;
  z-index: 10;
  display: block;
  padding: 0;
  width: 8.53333vw;
  height: 8.53333vw;
  border-radius: 4.26667vw;
  color: #999;
  font-weight: 700;
  font-size: 5.33333vw;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  background-color: var(color-grey-1, #f5f5f5);
}
.comet-v2-drawer-close:focus,
.comet-v2-drawer-close:hover {
  color: #222;
  text-decoration: none;
}
.comet-v2-drawer-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: var(--color-white, #ffffff);
  line-height: 1.5;
}
.comet-v2-drawer-header {
  padding: 3.2vw 4.26667vw;
}
.comet-v2-drawer-title {
  padding: 0 24px 0 0;
  font-weight: 600;
  color: var(--color-brand-primary, #333);
  font-size: 4vw;
  letter-spacing: 0;
  word-wrap: break-word;
  text-align: left;
}
.comet-v2-drawer-body {
  padding: 0 4.26667vw;
  flex-grow: 1;
  font-size: var(--font-lineheight-1, 14px);
  word-wrap: break-word;
  overflow: auto;
}
.comet-v2-drawer-content.comet-v2-drawer-no-header {
  padding-top: 4.26667vw;
}
.comet-v2-drawer-content.comet-v2-drawer-no-footer {
  padding-bottom: 4.26667vw;
}
.comet-v2-drawer-content.comet-v2-drawer-with-roof {
  border-radius: 0;
}
.comet-v2-drawer-footer {
  flex-shrink: 0;
  padding: 4.26667vw;
}
.comet-v2-drawer-footer-horizontal {
  display: flex;
  flex-direction: row-reverse;
}
.comet-v2-drawer-footer-horizontal .comet-v2-btn {
  flex: 1;
}
.comet-v2-drawer-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-right: 8px;
}
.comet-v2-drawer-footer-vertical .comet-v2-btn {
  width: 100%;
}
.comet-v2-drawer-footer-vertical .comet-v2-btn + .comet-v2-btn {
  margin-top: 8px;
}
.comet-v2-drawer-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: var(--color-white, #ffffff);
  line-height: 1.5;
}
.comet-v2-drawer-header {
  padding: 3.2vw;
}
.comet-v2-drawer-title {
  padding: 0 6.4vw 0 0;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-grey-10, #191919);
  font-size: 4.8vw;
  letter-spacing: 0;
  word-wrap: break-word;
  text-align: left;
}
.comet-v2-drawer-body {
  padding: 4vw 3.2vw 3.2vw 3.2vw;
  flex-grow: 1;
  font-size: 3.73333vw;
  word-wrap: break-word;
  overflow: auto;
}
.comet-v2-drawer-content.comet-v2-drawer-no-header {
  padding-top: 4.26667vw;
}
.comet-v2-drawer-content.comet-v2-drawer-no-footer {
  padding-bottom: 4.26667vw;
}
.comet-v2-drawer-content.comet-v2-drawer-with-roof {
  border-radius: 0;
}
.comet-v2-drawer-footer {
  flex-shrink: 0;
  padding: 4.26667vw;
}
.comet-v2-drawer-footer-horizontal {
  display: flex;
  flex-direction: row-reverse;
}
.comet-v2-drawer-footer-horizontal .comet-v2-btn {
  flex: 1;
}
.comet-v2-drawer-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-right: 2.13333vw;
}
.comet-v2-drawer-footer-vertical .comet-v2-btn {
  width: 100%;
}
.comet-v2-drawer-footer-vertical .comet-v2-btn + .comet-v2-btn {
  margin-top: 2.13333vw;
}
.comet-v2-drawer.comet-drawer-important .comet-drawer-title {
  text-align: center;
}
.comet-v2-drawer-full-screen .comet-v2-drawer-up,
.comet-v2-drawer-full-screen .comet-v2-drawer-right,
.comet-v2-drawer-full-screen .comet-v2-drawer-left,
.comet-v2-drawer-full-screen .comet-v2-drawer-down {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.comet-v2-drawer-left,
.comet-v2-drawer-right {
  max-width: 80%;
  height: 100%;
}
.comet-v2-drawer-left {
  left: 0;
  box-shadow: 1.6vw 0 4.26667vw -2.13333vw rgba(0, 0, 0, 0.08), 2.4vw 0 7.46667vw 0 rgba(0, 0, 0, 0.05), 3.2vw 0 12.8vw 4.26667vw rgba(0, 0, 0, 0.03);
}
.comet-v2-drawer-right {
  right: 0;
  box-shadow: -1.6vw 0 4.26667vw -2.13333vw rgba(0, 0, 0, 0.08), -2.4vw 0 7.46667vw 0 rgba(0, 0, 0, 0.05), -3.2vw 0 12.8vw 4.26667vw rgba(0, 0, 0, 0.03);
}
.comet-v2-drawer-up,
.comet-v2-drawer-down {
  max-height: 80%;
  width: 100%;
}
.comet-v2-drawer-up {
  top: 0;
  box-shadow: -1.6vw 0 4.26667vw -2.13333vw rgba(0, 0, 0, 0.08), -2.4vw 0 7.46667vw 0 rgba(0, 0, 0, 0.05), -3.2vw 0 12.8vw 4.26667vw rgba(0, 0, 0, 0.03);
}
.comet-v2-drawer-down {
  bottom: 0;
  box-shadow: -1.6vw 0 4.26667vw -2.13333vw rgba(0, 0, 0, 0.08), -2.4vw 0 7.46667vw 0 rgba(0, 0, 0, 0.05), -3.2vw 0 12.8vw 4.26667vw rgba(0, 0, 0, 0.03);
  border-radius: 3.2vw 3.2vw 0 0;
}
.comet-v2-drawer-content {
  flex: 1;
  width: 100%;
  border-radius: 3.2vw;
}
.comet-v2-drawer-rtl {
  direction: rtl;
}
.comet-v2-drawer-rtl .comet-v2-drawer-close {
  right: auto;
  left: 12px;
}
.comet-v2-drawer-rtl .comet-v2-drawer-title {
  padding: 0 0 0 24px;
  text-align: right;
}
.comet-v2-drawer-rtl .comet-v2-drawer-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-left: 8px;
  margin-right: 0;
}
.comet-v2-drawer-rtl .comet-v2-drawer-close {
  right: auto;
  left: 3.2vw;
}
.comet-v2-drawer-rtl .comet-v2-drawer-title {
  padding: 0 0 0 6.4vw;
  text-align: right;
}
.comet-v2-drawer-rtl .comet-v2-drawer-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-left: 2.13333vw;
  margin-right: 0;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.comet-v2-cascader-trigger,
.comet-v2-cascader .comet-v2-input {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-cascader-menus {
  display: flex;
}
.comet-v2-cascader-menu {
  padding: 4px 0;
  min-width: 110px;
}
.comet-v2-cascader-menu:not(:first-child) {
  border-left: 1px solid #f9f9f9;
}
.comet-v2-cascader-popup {
  z-index: 1050;
}
.comet-v2-cascader-popup-body {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.06667vw;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.comet-v2-cascader-popup .comet-v2-tabs {
  width: 100%;
}
.comet-v2-cascader-popup .comet-v2-menu {
  max-height: 252px;
  overflow-y: auto;
}
.comet-v2-cascader-popup .comet-v2-menu-item.comet-v2-menu-item-selected {
  background-color: rgba(255, 71, 46, 0.08);
}
.comet-v2-cascader-popup .comet-v2-drawer-body {
  padding: 4px 0;
  min-height: 310px;
}
.comet-v2-cascader-popup .comet-v2-drawer-body .comet-v2-menu {
  height: 100%;
  overflow: auto;
}
.comet-v2-cascader-popup .comet-v2-tabs-wrapper {
  border-bottom: 1px solid #f9f9f9;
}
.comet-v2-cascader-popup .comet-v2-tabs-container {
  padding: 0;
}
.comet-v2-cascader-rtl {
  direction: rtl;
}
.comet-v2-cascader-rtl .comet-v2-cascader-icon {
  padding-right: 0;
  padding-left: 8px;
}
.comet-v2-cascader-rtl .comet-v2-cascader-right-icon {
  padding-left: 0;
  padding-right: 8px;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  background-color: #fff;
  border-radius: 1.6vw;
  vertical-align: top;
  cursor: pointer;
}
.comet-v2-select input {
  transition: opacity 0s;
}
.comet-v2-select input:not(.comet-v2-input-disabled) {
  cursor: pointer;
}
.comet-v2-select > span:first-child {
  z-index: 1;
}
.comet-v2-select > span:first-child svg {
  transition: all 0.3s;
}
.comet-v2-select:not(.comet-v2-select-autocomplete) > span:first-child input {
  color: transparent;
}
.comet-v2-select-arrow {
  pointer-events: none;
}
.comet-v2-select-large .comet-v2-menu-item-icon,
.comet-v2-select-large .comet-v2-select-selection {
  top: 0;
  height: 11.73333vw;
  line-height: 11.73333vw;
}
.comet-v2-select-large .comet-v2-menu-item-icon {
  font-size: 6.4vw;
}
.comet-v2-select-small .comet-v2-menu-item-icon,
.comet-v2-select-small .comet-v2-select-selection {
  top: 0;
  height: 6.4vw;
  line-height: 6.4vw;
}
.comet-v2-select-small .comet-v2-menu-item-icon {
  font-size: 6.4vw;
}
.comet-v2-select-label .comet-v2-menu-item-icon,
.comet-v2-select-label .comet-v2-select-selection {
  top: 6.13333vw;
  height: 5.6vw;
  line-height: 5.6vw;
}
.comet-v2-select-label .comet-v2-menu-item-icon {
  font-size: 5.6vw;
}
.comet-v2-select-selected:not(.comet-v2-select-disabled) .comet-v2-input-affix-wrapper,
.comet-v2-select-selected:not(.comet-v2-select-disabled) .comet-v2-input-label-wrapper,
.comet-v2-select-selected:not(.comet-v2-select-disabled) .comet-v2-input-label-content {
  background-color: transparent;
}
.comet-v2-select-selected:not(.comet-v2-select-disabled) input {
  opacity: 0;
}
.comet-v2-select-selected:not(.comet-v2-select-disabled) .comet-v2-select-selection {
  opacity: 1;
}
.comet-v2-select-disabled .comet-v2-select-selection {
  opacity: 1;
  z-index: 1;
  color: #E3E3DC;
  cursor: not-allowed;
}
.comet-v2-select-disabled .comet-v2-select-selection .comet-v2-menu-item-icon {
  opacity: 0.5;
}
.comet-v2-select-selection {
  position: absolute;
  right: 3.33333vw;
  left: 3.33333vw;
  display: flex;
  height: 8.53333vw;
  line-height: 8.53333vw;
  text-align: left;
  font-size: 3.73333vw;
  color: #222;
  overflow: hidden;
  opacity: 0;
}
.comet-v2-select-selection .comet-v2-menu-item-icon {
  display: inline-flex;
  align-items: center;
}
.comet-v2-select-popup {
  z-index: 1050;
}
.comet-v2-select-popup-body {
  padding: 1.06667vw 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.06667vw;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.comet-v2-select-popup-body .comet-v2-menu {
  max-height: 67.2vw;
  overflow-y: auto;
}
.comet-v2-select-popup .comet-v2-drawer-body {
  padding: 1.06667vw 0;
}
.comet-v2-select-popup .comet-v2-drawer-body .comet-v2-menu {
  height: 100%;
  overflow: auto;
}
.comet-v2-select-popup .comet-v2-drawer-title {
  padding: 0;
  text-align: left;
}
.comet-v2-select-filter + .comet-v2-menu {
  max-height: 57.6vw;
}
.comet-v2-select-show-arrow .comet-v2-select-selection {
  right: 8.8vw;
}
.comet-v2-select-clear .comet-v2-select-selection {
  right: 10.93333vw;
}
.comet-v2-select-filter {
  padding: 1.6vw 3.2vw;
}
.comet-v2-select-filter > span,
.comet-v2-select-filter input,
.comet-v2-select-filter input:focus {
  background-color: #f5f5f5;
}
.comet-v2-select-empty {
  padding: 3.73333vw 3.2vw;
  text-align: center;
  color: #999;
  border-radius: 1.06667vw;
}
.comet-v2-select-autocomplete {
  cursor: auto;
}
.comet-v2-select-autocomplete > span:first-child input:not(.comet-v2-input-disabled),
.comet-v2-select-autocomplete > span:first-child .comet-v2-input-label {
  cursor: auto;
}
.comet-v2-select-rtl {
  direction: rtl;
}
.comet-v2-select-rtl .comet-v2-select-selection {
  text-align: right;
}
.comet-v2-select-rtl.comet-v2-select-show-arrow .comet-v2-select-selection {
  right: 13px;
  left: 33px;
}
.comet-v2-select-rtl.comet-v2-select-clear .comet-v2-select-selection {
  right: 13px;
  left: 41px;
}
.comet-v2-select-rtl .comet-v2-menu-item-icon {
  margin-right: 0;
  margin-left: 8px;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: center;
  margin-right: 2.13333vw;
  cursor: pointer;
  vertical-align: middle;
}
.comet-v2-checkbox-square .comet-v2-checkbox-circle {
  border-radius: 1.06667vw;
}
.comet-v2-checkbox-group {
  display: inline-block;
  vertical-align: bottom;
}
.comet-v2-checkbox-icon {
  padding: 0.53333vw;
}
.comet-v2-checkbox-icon,
.comet-v2-checkbox > span:first-child.odin-icon {
  display: inline-flex;
}
.comet-v2-checkbox-small {
  width: 4.8vw;
  height: 4.8vw;
}
.comet-v2-checkbox-circle {
  display: inline-block;
  background-color: var(--color-white, '#fff');
  border: 1px solid var(--color-grey-3, 'rgba(204,204,204,1)');
  border-radius: 50%;
  width: 4.8vw;
  height: 4.8vw;
}
.comet-v2-checkbox-square {
  display: inline-block;
  background-color: var(--color-white, '#fff');
  border: 1px solid var(--color-grey-3, 'rgba(204,204,204,1)');
  border-radius: 0.96vw;
}
.comet-v2-checkbox-input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.comet-v2-checkbox-input + * {
  padding-right: 1.6vw;
  padding-left: 1.6vw;
  line-height: 6.4vw;
  color: #666;
  font-size: 3.2vw;
  font-weight: 300;
}
.comet-v2-checkbox-checked > span:first-child.odin-icon {
  color: var(--color-brand-primary);
}
.comet-v2-checkbox-disabled {
  cursor: not-allowed;
}
.comet-v2-checkbox-disabled .comet-v2-checkbox-circle,
.comet-v2-checkbox-disabled:hover .comet-v2-checkbox-circle {
  border-color: var(--color-grey-3, 'rgba(204,204,204,1)');
  background-color: var(--color-grey-3, 'rgba(204,204,204,1)');
}
.comet-v2-checkbox-disabled .comet-v2-checkbox-square,
.comet-v2-checkbox-disabled:hover .comet-v2-checkbox-square {
  border-color: var(--color-grey-3, 'rgba(204,204,204,1)');
  background-color: var(--color-grey-3, 'rgba(204,204,204,1)');
}
.comet-v2-checkbox-disabled > span:first-child.odin-icon {
  color: var(--color-brand-disable);
}
.comet-v2-checkbox-rtl {
  direction: rtl;
  margin-left: 2.13333vw;
  margin-right: 0;
}
.comet-v2-checkbox-small .comet-v2-checkbox-circle {
  width: 3.2vw;
  height: 3.2vw;
}
.comet-v2-checkbox-small .comet-v2-checkbox-square {
  width: 3.2vw;
  height: 3.2vw;
}
.comet-v2-checkbox-small > span:first-child.odin-icon {
  font-size: 4.26667vw;
}
.comet-v2-checkbox-medium .comet-v2-checkbox-circle {
  width: 5.33333vw;
  height: 5.33333vw;
}
.comet-v2-checkbox-medium .comet-v2-checkbox-square {
  width: 5.33333vw;
  height: 5.33333vw;
}
.comet-v2-checkbox-medium > span:first-child.odin-icon {
  font-size: 6.4vw;
}
.comet-v2-checkbox-button {
  border: 1px solid var(--color-grey-3, 'rgba(204,204,204,1)');
  border-radius: 0.53333vw;
}
.comet-v2-checkbox-button > span:first-child,
.comet-v2-checkbox-button span:first-child.odin-icon {
  display: none;
}
.comet-v2-checkbox-button .comet-v2-checkbox-input + * {
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
}
.comet-v2-checkbox-button.comet-v2-checkbox-checked {
  border-color: var(--color-brand-primary);
  color: #fff;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fff;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.comet-v2-collapse-item {
  border-bottom: 1px solid #E3E3DC;
}
.comet-v2-collapse-item:first-child {
  border-top: 1px solid #E3E3DC;
}
.comet-v2-collapse-item > .comet-v2-collapse-header {
  display: flex;
  align-items: center;
  padding: 12px;
  color: #222;
  font-weight: 700;
  outline: none;
  cursor: pointer;
}
.comet-v2-collapse-item > .comet-v2-collapse-header > .comet-v2-collapse-text {
  flex: 1;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comet-v2-collapse-item > .comet-v2-collapse-header > .comet-v2-collapse-icon {
  line-height: 0;
}
.comet-v2-collapse-item > .comet-v2-collapse-content {
  padding: 12px;
  background-color: #fff;
  color: #222;
}
.comet-v2-collapse-item > .comet-v2-collapse-content-hidden {
  display: none;
}
.comet-v2-collapse-rtl {
  direction: rtl;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-toast {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6vw 3.2vw;
  min-width: 25.6vw;
  max-width: 170.66667vw;
  background-color: var(--color-black, '#000');
  word-break: break-word;
  font-size: 3.73333vw;
  line-height: 5.6vw;
  border-radius: 0.8vw;
  pointer-events: all;
  color: var(--color-white, '#fff');
}
.comet-v2-toast-wrap {
  position: fixed;
  top: 24.53333vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1010;
}
.comet-v2-toast-mobile {
  top: 50%;
  left: 8.53333vw;
  transform: translate(calc(50vw - 50% - 32px), -50%);
}
.comet-v2-toast-mobile .comet-v2-toast {
  font-size: 3.73333vw;
  background-color: rgba(25, 25, 25, 0.7);
  color: #fff;
  max-width: calc(100vw - 64px);
  padding: 3.6vw 4.8vw;
}
.comet-v2-toast-icon {
  font-size: 4.26667vw;
  margin-right: 2.13333vw;
}
.comet-v2-icon.comet-v2-toast-icon-success {
  color: #00b716;
}
.comet-v2-icon.comet-v2-toast-icon-error {
  color: #E35959;
}



:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-in-screen-sensor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-swiper-action {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.comet-v2-swiper-action-content {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.comet-v2-swiper-action-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 100%;
}
.comet-v2-swiper-action-action-wrapper-rtl {
  left: 0;
  right: unset;
}
.comet-v2-swiper-action-action {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 12px;
  height: 100%;
  width: 0;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-verification-code {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.comet-v2-verification-code-input {
  width: 32px;
  padding: 3px;
  text-align: center;
}
.comet-v2-verification-code-input:hover {
  border-color: #ccc;
}
.comet-v2-verification-code-input-baseline {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
.comet-v2-verification-code-error .comet-v2-verification-code-input-baseline {
  border-bottom: 1px solid red;
}
.comet-v2-verification-code-error .comet-v2-verification-code-input-baseline:hover {
  border-bottom: 1px solid #ccc;
}
.comet-v2-verification-code input[type=number]::-webkit-inner-spin-button,
.comet-v2-verification-code input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.comet-v2-form-item {
  margin-bottom: 21px;
}
.comet-v2-form-item.comet-v2-form-item-help {
  margin-bottom: 0;
}
.comet-v2-form-item-error {
  color: #E35959;
}
.comet-v2-form-item-help {
  color: #999;
}
@media (max-width: 768px) {
  .comet-v2-form-item {
    margin-bottom: 10.5px;
  }
  .comet-v2-form-item-error,
  .comet-v2-form-item-help {
    font-size: 12px;
    color: #999;
  }
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-row {
  display: flex;
  flex-flow: row wrap;
}
.comet-v2-row::before,
.comet-v2-row::after {
  display: flex;
}
.comet-v2-row-no-wrap {
  flex-wrap: nowrap;
}
.comet-v2-row-start {
  justify-content: flex-start;
}
.comet-v2-row-center {
  justify-content: center;
}
.comet-v2-row-end {
  justify-content: flex-end;
}
.comet-v2-row-space-between {
  justify-content: space-between;
}
.comet-v2-row-space-around {
  justify-content: space-around;
}
.comet-v2-row-top {
  align-items: flex-start;
}
.comet-v2-row-middle {
  align-items: center;
}
.comet-v2-row-bottom {
  align-items: flex-end;
}
.comet-v2-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.comet-v2-col-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.comet-v2-col-push-12 {
  left: 100%;
}
.comet-v2-col-pull-12 {
  right: 100%;
}
.comet-v2-col-offset-12 {
  margin-left: 100%;
}
.comet-v2-col-order-12 {
  order: 12;
}
.comet-v2-col-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.comet-v2-col-push-11 {
  left: 91.66666667%;
}
.comet-v2-col-pull-11 {
  right: 91.66666667%;
}
.comet-v2-col-offset-11 {
  margin-left: 91.66666667%;
}
.comet-v2-col-order-11 {
  order: 11;
}
.comet-v2-col-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.comet-v2-col-push-10 {
  left: 83.33333333%;
}
.comet-v2-col-pull-10 {
  right: 83.33333333%;
}
.comet-v2-col-offset-10 {
  margin-left: 83.33333333%;
}
.comet-v2-col-order-10 {
  order: 10;
}
.comet-v2-col-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.comet-v2-col-push-9 {
  left: 75%;
}
.comet-v2-col-pull-9 {
  right: 75%;
}
.comet-v2-col-offset-9 {
  margin-left: 75%;
}
.comet-v2-col-order-9 {
  order: 9;
}
.comet-v2-col-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.comet-v2-col-push-8 {
  left: 66.66666667%;
}
.comet-v2-col-pull-8 {
  right: 66.66666667%;
}
.comet-v2-col-offset-8 {
  margin-left: 66.66666667%;
}
.comet-v2-col-order-8 {
  order: 8;
}
.comet-v2-col-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.comet-v2-col-push-7 {
  left: 58.33333333%;
}
.comet-v2-col-pull-7 {
  right: 58.33333333%;
}
.comet-v2-col-offset-7 {
  margin-left: 58.33333333%;
}
.comet-v2-col-order-7 {
  order: 7;
}
.comet-v2-col-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.comet-v2-col-push-6 {
  left: 50%;
}
.comet-v2-col-pull-6 {
  right: 50%;
}
.comet-v2-col-offset-6 {
  margin-left: 50%;
}
.comet-v2-col-order-6 {
  order: 6;
}
.comet-v2-col-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.comet-v2-col-push-5 {
  left: 41.66666667%;
}
.comet-v2-col-pull-5 {
  right: 41.66666667%;
}
.comet-v2-col-offset-5 {
  margin-left: 41.66666667%;
}
.comet-v2-col-order-5 {
  order: 5;
}
.comet-v2-col-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.comet-v2-col-push-4 {
  left: 33.33333333%;
}
.comet-v2-col-pull-4 {
  right: 33.33333333%;
}
.comet-v2-col-offset-4 {
  margin-left: 33.33333333%;
}
.comet-v2-col-order-4 {
  order: 4;
}
.comet-v2-col-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.comet-v2-col-push-3 {
  left: 25%;
}
.comet-v2-col-pull-3 {
  right: 25%;
}
.comet-v2-col-offset-3 {
  margin-left: 25%;
}
.comet-v2-col-order-3 {
  order: 3;
}
.comet-v2-col-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.comet-v2-col-push-2 {
  left: 16.66666667%;
}
.comet-v2-col-pull-2 {
  right: 16.66666667%;
}
.comet-v2-col-offset-2 {
  margin-left: 16.66666667%;
}
.comet-v2-col-order-2 {
  order: 2;
}
.comet-v2-col-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.comet-v2-col-push-1 {
  left: 8.33333333%;
}
.comet-v2-col-pull-1 {
  right: 8.33333333%;
}
.comet-v2-col-offset-1 {
  margin-left: 8.33333333%;
}
.comet-v2-col-order-1 {
  order: 1;
}
.comet-v2-col-0 {
  display: none;
}
.comet-v2-col-push-0 {
  left: auto;
}
.comet-v2-col-pull-0 {
  right: auto;
}
.comet-v2-col-push-0 {
  left: auto;
}
.comet-v2-col-pull-0 {
  right: auto;
}
.comet-v2-col-offset-0 {
  margin-left: 0;
}
.comet-v2-col-order-0 {
  order: 0;
}
.comet-v2-col-push-0.comet-v2-col-rtl {
  right: auto;
}
.comet-v2-col-pull-0.comet-v2-col-rtl {
  left: auto;
}
.comet-v2-col-push-0.comet-v2-col-rtl {
  right: auto;
}
.comet-v2-col-pull-0.comet-v2-col-rtl {
  left: auto;
}
.comet-v2-col-offset-0.comet-v2-col-rtl {
  margin-right: 0;
}
.comet-v2-col-push-1.comet-v2-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.comet-v2-col-pull-1.comet-v2-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.comet-v2-col-offset-1.comet-v2-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.comet-v2-col-push-2.comet-v2-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.comet-v2-col-pull-2.comet-v2-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.comet-v2-col-offset-2.comet-v2-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.comet-v2-col-push-3.comet-v2-col-rtl {
  right: 25%;
  left: auto;
}
.comet-v2-col-pull-3.comet-v2-col-rtl {
  right: auto;
  left: 25%;
}
.comet-v2-col-offset-3.comet-v2-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.comet-v2-col-push-4.comet-v2-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.comet-v2-col-pull-4.comet-v2-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.comet-v2-col-offset-4.comet-v2-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.comet-v2-col-push-5.comet-v2-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.comet-v2-col-pull-5.comet-v2-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.comet-v2-col-offset-5.comet-v2-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.comet-v2-col-push-6.comet-v2-col-rtl {
  right: 50%;
  left: auto;
}
.comet-v2-col-pull-6.comet-v2-col-rtl {
  right: auto;
  left: 50%;
}
.comet-v2-col-offset-6.comet-v2-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.comet-v2-col-push-7.comet-v2-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.comet-v2-col-pull-7.comet-v2-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.comet-v2-col-offset-7.comet-v2-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.comet-v2-col-push-8.comet-v2-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.comet-v2-col-pull-8.comet-v2-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.comet-v2-col-offset-8.comet-v2-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.comet-v2-col-push-9.comet-v2-col-rtl {
  right: 75%;
  left: auto;
}
.comet-v2-col-pull-9.comet-v2-col-rtl {
  right: auto;
  left: 75%;
}
.comet-v2-col-offset-9.comet-v2-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.comet-v2-col-push-10.comet-v2-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.comet-v2-col-pull-10.comet-v2-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.comet-v2-col-offset-10.comet-v2-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.comet-v2-col-push-11.comet-v2-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.comet-v2-col-pull-11.comet-v2-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.comet-v2-col-offset-11.comet-v2-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.comet-v2-col-push-12.comet-v2-col-rtl {
  right: 100%;
  left: auto;
}
.comet-v2-col-pull-12.comet-v2-col-rtl {
  right: auto;
  left: 100%;
}
.comet-v2-col-offset-12.comet-v2-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (max-width: 576px) {
  .comet-v2-col-sm-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comet-v2-col-sm-push-12 {
    left: 100%;
  }
  .comet-v2-col-sm-pull-12 {
    right: 100%;
  }
  .comet-v2-col-sm-offset-12 {
    margin-left: 100%;
  }
  .comet-v2-col-sm-order-12 {
    order: 12;
  }
  .comet-v2-col-sm-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .comet-v2-col-sm-push-11 {
    left: 91.66666667%;
  }
  .comet-v2-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .comet-v2-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .comet-v2-col-sm-order-11 {
    order: 11;
  }
  .comet-v2-col-sm-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .comet-v2-col-sm-push-10 {
    left: 83.33333333%;
  }
  .comet-v2-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .comet-v2-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .comet-v2-col-sm-order-10 {
    order: 10;
  }
  .comet-v2-col-sm-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .comet-v2-col-sm-push-9 {
    left: 75%;
  }
  .comet-v2-col-sm-pull-9 {
    right: 75%;
  }
  .comet-v2-col-sm-offset-9 {
    margin-left: 75%;
  }
  .comet-v2-col-sm-order-9 {
    order: 9;
  }
  .comet-v2-col-sm-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .comet-v2-col-sm-push-8 {
    left: 66.66666667%;
  }
  .comet-v2-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .comet-v2-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .comet-v2-col-sm-order-8 {
    order: 8;
  }
  .comet-v2-col-sm-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .comet-v2-col-sm-push-7 {
    left: 58.33333333%;
  }
  .comet-v2-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .comet-v2-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .comet-v2-col-sm-order-7 {
    order: 7;
  }
  .comet-v2-col-sm-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .comet-v2-col-sm-push-6 {
    left: 50%;
  }
  .comet-v2-col-sm-pull-6 {
    right: 50%;
  }
  .comet-v2-col-sm-offset-6 {
    margin-left: 50%;
  }
  .comet-v2-col-sm-order-6 {
    order: 6;
  }
  .comet-v2-col-sm-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .comet-v2-col-sm-push-5 {
    left: 41.66666667%;
  }
  .comet-v2-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .comet-v2-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .comet-v2-col-sm-order-5 {
    order: 5;
  }
  .comet-v2-col-sm-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .comet-v2-col-sm-push-4 {
    left: 33.33333333%;
  }
  .comet-v2-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .comet-v2-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .comet-v2-col-sm-order-4 {
    order: 4;
  }
  .comet-v2-col-sm-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .comet-v2-col-sm-push-3 {
    left: 25%;
  }
  .comet-v2-col-sm-pull-3 {
    right: 25%;
  }
  .comet-v2-col-sm-offset-3 {
    margin-left: 25%;
  }
  .comet-v2-col-sm-order-3 {
    order: 3;
  }
  .comet-v2-col-sm-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .comet-v2-col-sm-push-2 {
    left: 16.66666667%;
  }
  .comet-v2-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .comet-v2-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .comet-v2-col-sm-order-2 {
    order: 2;
  }
  .comet-v2-col-sm-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .comet-v2-col-sm-push-1 {
    left: 8.33333333%;
  }
  .comet-v2-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .comet-v2-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .comet-v2-col-sm-order-1 {
    order: 1;
  }
  .comet-v2-col-sm-0 {
    display: none;
  }
  .comet-v2-col-push-0 {
    left: auto;
  }
  .comet-v2-col-pull-0 {
    right: auto;
  }
  .comet-v2-col-sm-push-0 {
    left: auto;
  }
  .comet-v2-col-sm-pull-0 {
    right: auto;
  }
  .comet-v2-col-sm-offset-0 {
    margin-left: 0;
  }
  .comet-v2-col-sm-order-0 {
    order: 0;
  }
  .comet-v2-col-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-sm-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-sm-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-sm-offset-0.comet-v2-col-rtl {
    margin-right: 0;
  }
  .comet-v2-col-sm-push-1.comet-v2-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .comet-v2-col-sm-pull-1.comet-v2-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .comet-v2-col-sm-offset-1.comet-v2-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-2.comet-v2-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .comet-v2-col-sm-pull-2.comet-v2-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .comet-v2-col-sm-offset-2.comet-v2-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-3.comet-v2-col-rtl {
    right: 25%;
    left: auto;
  }
  .comet-v2-col-sm-pull-3.comet-v2-col-rtl {
    right: auto;
    left: 25%;
  }
  .comet-v2-col-sm-offset-3.comet-v2-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-4.comet-v2-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .comet-v2-col-sm-pull-4.comet-v2-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .comet-v2-col-sm-offset-4.comet-v2-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-5.comet-v2-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .comet-v2-col-sm-pull-5.comet-v2-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .comet-v2-col-sm-offset-5.comet-v2-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-6.comet-v2-col-rtl {
    right: 50%;
    left: auto;
  }
  .comet-v2-col-sm-pull-6.comet-v2-col-rtl {
    right: auto;
    left: 50%;
  }
  .comet-v2-col-sm-offset-6.comet-v2-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-7.comet-v2-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .comet-v2-col-sm-pull-7.comet-v2-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .comet-v2-col-sm-offset-7.comet-v2-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-8.comet-v2-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .comet-v2-col-sm-pull-8.comet-v2-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .comet-v2-col-sm-offset-8.comet-v2-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-9.comet-v2-col-rtl {
    right: 75%;
    left: auto;
  }
  .comet-v2-col-sm-pull-9.comet-v2-col-rtl {
    right: auto;
    left: 75%;
  }
  .comet-v2-col-sm-offset-9.comet-v2-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-10.comet-v2-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .comet-v2-col-sm-pull-10.comet-v2-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .comet-v2-col-sm-offset-10.comet-v2-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-11.comet-v2-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .comet-v2-col-sm-pull-11.comet-v2-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .comet-v2-col-sm-offset-11.comet-v2-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-sm-push-12.comet-v2-col-rtl {
    right: 100%;
    left: auto;
  }
  .comet-v2-col-sm-pull-12.comet-v2-col-rtl {
    right: auto;
    left: 100%;
  }
  .comet-v2-col-sm-offset-12.comet-v2-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .comet-v2-col-md-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comet-v2-col-md-push-12 {
    left: 100%;
  }
  .comet-v2-col-md-pull-12 {
    right: 100%;
  }
  .comet-v2-col-md-offset-12 {
    margin-left: 100%;
  }
  .comet-v2-col-md-order-12 {
    order: 12;
  }
  .comet-v2-col-md-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .comet-v2-col-md-push-11 {
    left: 91.66666667%;
  }
  .comet-v2-col-md-pull-11 {
    right: 91.66666667%;
  }
  .comet-v2-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .comet-v2-col-md-order-11 {
    order: 11;
  }
  .comet-v2-col-md-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .comet-v2-col-md-push-10 {
    left: 83.33333333%;
  }
  .comet-v2-col-md-pull-10 {
    right: 83.33333333%;
  }
  .comet-v2-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .comet-v2-col-md-order-10 {
    order: 10;
  }
  .comet-v2-col-md-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .comet-v2-col-md-push-9 {
    left: 75%;
  }
  .comet-v2-col-md-pull-9 {
    right: 75%;
  }
  .comet-v2-col-md-offset-9 {
    margin-left: 75%;
  }
  .comet-v2-col-md-order-9 {
    order: 9;
  }
  .comet-v2-col-md-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .comet-v2-col-md-push-8 {
    left: 66.66666667%;
  }
  .comet-v2-col-md-pull-8 {
    right: 66.66666667%;
  }
  .comet-v2-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .comet-v2-col-md-order-8 {
    order: 8;
  }
  .comet-v2-col-md-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .comet-v2-col-md-push-7 {
    left: 58.33333333%;
  }
  .comet-v2-col-md-pull-7 {
    right: 58.33333333%;
  }
  .comet-v2-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .comet-v2-col-md-order-7 {
    order: 7;
  }
  .comet-v2-col-md-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .comet-v2-col-md-push-6 {
    left: 50%;
  }
  .comet-v2-col-md-pull-6 {
    right: 50%;
  }
  .comet-v2-col-md-offset-6 {
    margin-left: 50%;
  }
  .comet-v2-col-md-order-6 {
    order: 6;
  }
  .comet-v2-col-md-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .comet-v2-col-md-push-5 {
    left: 41.66666667%;
  }
  .comet-v2-col-md-pull-5 {
    right: 41.66666667%;
  }
  .comet-v2-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .comet-v2-col-md-order-5 {
    order: 5;
  }
  .comet-v2-col-md-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .comet-v2-col-md-push-4 {
    left: 33.33333333%;
  }
  .comet-v2-col-md-pull-4 {
    right: 33.33333333%;
  }
  .comet-v2-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .comet-v2-col-md-order-4 {
    order: 4;
  }
  .comet-v2-col-md-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .comet-v2-col-md-push-3 {
    left: 25%;
  }
  .comet-v2-col-md-pull-3 {
    right: 25%;
  }
  .comet-v2-col-md-offset-3 {
    margin-left: 25%;
  }
  .comet-v2-col-md-order-3 {
    order: 3;
  }
  .comet-v2-col-md-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .comet-v2-col-md-push-2 {
    left: 16.66666667%;
  }
  .comet-v2-col-md-pull-2 {
    right: 16.66666667%;
  }
  .comet-v2-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .comet-v2-col-md-order-2 {
    order: 2;
  }
  .comet-v2-col-md-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .comet-v2-col-md-push-1 {
    left: 8.33333333%;
  }
  .comet-v2-col-md-pull-1 {
    right: 8.33333333%;
  }
  .comet-v2-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .comet-v2-col-md-order-1 {
    order: 1;
  }
  .comet-v2-col-md-0 {
    display: none;
  }
  .comet-v2-col-push-0 {
    left: auto;
  }
  .comet-v2-col-pull-0 {
    right: auto;
  }
  .comet-v2-col-md-push-0 {
    left: auto;
  }
  .comet-v2-col-md-pull-0 {
    right: auto;
  }
  .comet-v2-col-md-offset-0 {
    margin-left: 0;
  }
  .comet-v2-col-md-order-0 {
    order: 0;
  }
  .comet-v2-col-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-md-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-md-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-md-offset-0.comet-v2-col-rtl {
    margin-right: 0;
  }
  .comet-v2-col-md-push-1.comet-v2-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .comet-v2-col-md-pull-1.comet-v2-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .comet-v2-col-md-offset-1.comet-v2-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-2.comet-v2-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .comet-v2-col-md-pull-2.comet-v2-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .comet-v2-col-md-offset-2.comet-v2-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-3.comet-v2-col-rtl {
    right: 25%;
    left: auto;
  }
  .comet-v2-col-md-pull-3.comet-v2-col-rtl {
    right: auto;
    left: 25%;
  }
  .comet-v2-col-md-offset-3.comet-v2-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-4.comet-v2-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .comet-v2-col-md-pull-4.comet-v2-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .comet-v2-col-md-offset-4.comet-v2-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-5.comet-v2-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .comet-v2-col-md-pull-5.comet-v2-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .comet-v2-col-md-offset-5.comet-v2-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-6.comet-v2-col-rtl {
    right: 50%;
    left: auto;
  }
  .comet-v2-col-md-pull-6.comet-v2-col-rtl {
    right: auto;
    left: 50%;
  }
  .comet-v2-col-md-offset-6.comet-v2-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-7.comet-v2-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .comet-v2-col-md-pull-7.comet-v2-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .comet-v2-col-md-offset-7.comet-v2-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-8.comet-v2-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .comet-v2-col-md-pull-8.comet-v2-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .comet-v2-col-md-offset-8.comet-v2-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-9.comet-v2-col-rtl {
    right: 75%;
    left: auto;
  }
  .comet-v2-col-md-pull-9.comet-v2-col-rtl {
    right: auto;
    left: 75%;
  }
  .comet-v2-col-md-offset-9.comet-v2-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-10.comet-v2-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .comet-v2-col-md-pull-10.comet-v2-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .comet-v2-col-md-offset-10.comet-v2-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-11.comet-v2-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .comet-v2-col-md-pull-11.comet-v2-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .comet-v2-col-md-offset-11.comet-v2-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-md-push-12.comet-v2-col-rtl {
    right: 100%;
    left: auto;
  }
  .comet-v2-col-md-pull-12.comet-v2-col-rtl {
    right: auto;
    left: 100%;
  }
  .comet-v2-col-md-offset-12.comet-v2-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .comet-v2-col-lg-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comet-v2-col-lg-push-12 {
    left: 100%;
  }
  .comet-v2-col-lg-pull-12 {
    right: 100%;
  }
  .comet-v2-col-lg-offset-12 {
    margin-left: 100%;
  }
  .comet-v2-col-lg-order-12 {
    order: 12;
  }
  .comet-v2-col-lg-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .comet-v2-col-lg-push-11 {
    left: 91.66666667%;
  }
  .comet-v2-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .comet-v2-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .comet-v2-col-lg-order-11 {
    order: 11;
  }
  .comet-v2-col-lg-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .comet-v2-col-lg-push-10 {
    left: 83.33333333%;
  }
  .comet-v2-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .comet-v2-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .comet-v2-col-lg-order-10 {
    order: 10;
  }
  .comet-v2-col-lg-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .comet-v2-col-lg-push-9 {
    left: 75%;
  }
  .comet-v2-col-lg-pull-9 {
    right: 75%;
  }
  .comet-v2-col-lg-offset-9 {
    margin-left: 75%;
  }
  .comet-v2-col-lg-order-9 {
    order: 9;
  }
  .comet-v2-col-lg-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .comet-v2-col-lg-push-8 {
    left: 66.66666667%;
  }
  .comet-v2-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .comet-v2-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .comet-v2-col-lg-order-8 {
    order: 8;
  }
  .comet-v2-col-lg-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .comet-v2-col-lg-push-7 {
    left: 58.33333333%;
  }
  .comet-v2-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .comet-v2-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .comet-v2-col-lg-order-7 {
    order: 7;
  }
  .comet-v2-col-lg-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .comet-v2-col-lg-push-6 {
    left: 50%;
  }
  .comet-v2-col-lg-pull-6 {
    right: 50%;
  }
  .comet-v2-col-lg-offset-6 {
    margin-left: 50%;
  }
  .comet-v2-col-lg-order-6 {
    order: 6;
  }
  .comet-v2-col-lg-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .comet-v2-col-lg-push-5 {
    left: 41.66666667%;
  }
  .comet-v2-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .comet-v2-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .comet-v2-col-lg-order-5 {
    order: 5;
  }
  .comet-v2-col-lg-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .comet-v2-col-lg-push-4 {
    left: 33.33333333%;
  }
  .comet-v2-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .comet-v2-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .comet-v2-col-lg-order-4 {
    order: 4;
  }
  .comet-v2-col-lg-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .comet-v2-col-lg-push-3 {
    left: 25%;
  }
  .comet-v2-col-lg-pull-3 {
    right: 25%;
  }
  .comet-v2-col-lg-offset-3 {
    margin-left: 25%;
  }
  .comet-v2-col-lg-order-3 {
    order: 3;
  }
  .comet-v2-col-lg-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .comet-v2-col-lg-push-2 {
    left: 16.66666667%;
  }
  .comet-v2-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .comet-v2-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .comet-v2-col-lg-order-2 {
    order: 2;
  }
  .comet-v2-col-lg-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .comet-v2-col-lg-push-1 {
    left: 8.33333333%;
  }
  .comet-v2-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .comet-v2-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .comet-v2-col-lg-order-1 {
    order: 1;
  }
  .comet-v2-col-lg-0 {
    display: none;
  }
  .comet-v2-col-push-0 {
    left: auto;
  }
  .comet-v2-col-pull-0 {
    right: auto;
  }
  .comet-v2-col-lg-push-0 {
    left: auto;
  }
  .comet-v2-col-lg-pull-0 {
    right: auto;
  }
  .comet-v2-col-lg-offset-0 {
    margin-left: 0;
  }
  .comet-v2-col-lg-order-0 {
    order: 0;
  }
  .comet-v2-col-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-lg-push-0.comet-v2-col-rtl {
    right: auto;
  }
  .comet-v2-col-lg-pull-0.comet-v2-col-rtl {
    left: auto;
  }
  .comet-v2-col-lg-offset-0.comet-v2-col-rtl {
    margin-right: 0;
  }
  .comet-v2-col-lg-push-1.comet-v2-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .comet-v2-col-lg-pull-1.comet-v2-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .comet-v2-col-lg-offset-1.comet-v2-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-2.comet-v2-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .comet-v2-col-lg-pull-2.comet-v2-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .comet-v2-col-lg-offset-2.comet-v2-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-3.comet-v2-col-rtl {
    right: 25%;
    left: auto;
  }
  .comet-v2-col-lg-pull-3.comet-v2-col-rtl {
    right: auto;
    left: 25%;
  }
  .comet-v2-col-lg-offset-3.comet-v2-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-4.comet-v2-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .comet-v2-col-lg-pull-4.comet-v2-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .comet-v2-col-lg-offset-4.comet-v2-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-5.comet-v2-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .comet-v2-col-lg-pull-5.comet-v2-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .comet-v2-col-lg-offset-5.comet-v2-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-6.comet-v2-col-rtl {
    right: 50%;
    left: auto;
  }
  .comet-v2-col-lg-pull-6.comet-v2-col-rtl {
    right: auto;
    left: 50%;
  }
  .comet-v2-col-lg-offset-6.comet-v2-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-7.comet-v2-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .comet-v2-col-lg-pull-7.comet-v2-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .comet-v2-col-lg-offset-7.comet-v2-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-8.comet-v2-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .comet-v2-col-lg-pull-8.comet-v2-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .comet-v2-col-lg-offset-8.comet-v2-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-9.comet-v2-col-rtl {
    right: 75%;
    left: auto;
  }
  .comet-v2-col-lg-pull-9.comet-v2-col-rtl {
    right: auto;
    left: 75%;
  }
  .comet-v2-col-lg-offset-9.comet-v2-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-10.comet-v2-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .comet-v2-col-lg-pull-10.comet-v2-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .comet-v2-col-lg-offset-10.comet-v2-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-11.comet-v2-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .comet-v2-col-lg-pull-11.comet-v2-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .comet-v2-col-lg-offset-11.comet-v2-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .comet-v2-col-lg-push-12.comet-v2-col-rtl {
    right: 100%;
    left: auto;
  }
  .comet-v2-col-lg-pull-12.comet-v2-col-rtl {
    right: auto;
    left: 100%;
  }
  .comet-v2-col-lg-offset-12.comet-v2-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.comet-v2-row-rtl {
  direction: rtl;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-infinite-scroll-loader {
  padding: 16px 0;
  text-align: center;
  margin: 0 auto;
}
.loader-img {
  width: 100%;
  height: 100%;
}

.productCard {
  font-family: 'Hiragino Sans', 'Poppins-tbj';
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* width: 351rpx; */
  /* margin-top: 12rpx; */
  /* margin-bottom: 12rpx; */
}
.itemImage {
  position: relative;
  /* width: 345rpx; */
  /* height: 460rpx; */
}

.productInfo {
  /* max-width: 330rpx; */
  position: relative;
  overflow: hidden;
  word-break: break-all;
}
.productImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 18rpx; */
}
.imageText {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ffffff;
  padding-left: 6rpx;
  font-weight: 400;
  padding-right: 6rpx;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 20rpx;
  line-height: 36rpx;
  height: 38rpx;
}
.sellPointContainerLeftTop {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
.sellPointLeftTopText {
  font-size: 20rpx;
  line-height: 30rpx;
  padding: 1rpx 6rpx;
  color: #ffffff;
  background: #00000080 50%;
}
.sellPointOuterContainer {
  max-width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
.sellPointContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.sellPointLogo {
  width: 26rpx;
  height: 26rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 4rpx;
  margin-right: 1rpx;
}
.sellPointLogoImg {
  width: 100%;
  height: 100%;
}
.sellPointText {
  font-size: 20rpx;
  padding-left: 4rpx;
  padding-right: 6rpx;
  font-size: 20rpx;
  max-height: 32rpx;
  flex: 1;
}

.preLogoImg {
  width: 100%;
  height: 100%;
}
.itemTitle {
  /* width: 351rpx; */
  /* height: 64rpx; */
  font-size: 24rpx;
  font-weight: 300;
  line-height: 36rpx;
  text-align: left;
  color: rgba(17, 17, 17, 0.9);
  letter-spacing: 0;
  /* margin-top: 18rpx; */
  display: flex;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
}
.preLogo {
  height: 32rpx;
  margin-right: 4rpx;
}
.text {
  /* flex: 1; */
  font-size: 24rpx;
  text-overflow: ellipsis;
  color: #333333;
  overflow: hidden;
  display: -webkit-box; /* -webkit-box用于多行截断 */
  /* -webkit-line-clamp: 1; */
  -webkit-box-orient: vertical; /* 使用纵向显示的盒子模型 */
}
.serviceModule {
  position: static;
  height: 30rpx;
  font-size: 20rpx;
  color: #ff5000;
  letter-spacing: 0;
  line-height: 30rpx;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  margin-top: 8rpx;
}
.serviceImg {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  font-weight: 600;
  padding-left: 4rpx;
  padding-right: 6rpx;
  border-radius: 5.25rpx;
}
.orderText {
  color: #00a67c;
}
.sellPointContainer {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  /* justify-content: center; */
  max-height: 32rpx;
}
.sellPointImageBox {
  width: 100%;
  height: 32rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sellPointImage {
  height: 28rpx;
}
.sellPointImg {
  /* width: 100%; */
  height: 28rpx;
}
.sellPoint {
  font-family: 'Hiragino Sans', 'Poppins-tbj';
  width: 100%;
  text-align: left;
  height: 28rpx;
  line-height: 28rpx;
  color: #ff5000;
  font-size: 22rpx;
  /* background-color: #FFF5EB; */
  border-radius: 6px;
  margin-right: 6rpx;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-wrap: wrap;
}
.priceActionWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.priceDetail {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.currentPrice {
  display: flex;
  flex-direction: row;
  font-family: 'Poppins-tbj';
  color: #333333;
  line-height: 30rpx;
  font-size: 28rpx;
  font-weight: 500;
  line-height: 42rpx;
  text-align: left;
}
.soldOutText {
  font-family: 'Hiragino Sans';
  font-size: 22rpx;
  font-weight: 300;
  line-height: 42rpx;
  text-align: left;
}
.currencyCode {
  margin-right: 4rpx;
}
.discount {
  height: 30rpx;
  line-height: 30rpx;
  font-weight: 400;
  font-size: 22rpx;
  color: #f04f39;
}
.oriPrice {
  width: 251rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 8rpx;
  color: #666666;
  font-size: 20rpx;
}
.oriPriceInfo {
  height: 32rpx;
  font-weight: 400;
  font-size: 24rpx;
  color: #666;
  letter-spacing: 0;
  line-height: 22rpx;
  margin-top: 8rpx;
}

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

.goToBuy {
  height: 42rpx;
  /* width: 56rpx; */
  /* background-image: url('https://pic-cdn-jp.tao-media.co/kf/S055dee802c134d42ac28618c1fa48564V.png'); */
  /* background-size: contain;
  background-repeat: no-repeat; */
}

.index-module__banner___pJAaM{width:100vw;display:flex;align-items:center;justify-content:space-between;border:1rpx solid #e3e3dc;box-sizing:border-box;padding:1.6vw 3.2vw;background:#fff}.index-module__banner___pJAaM.index-module__fixed___VPnYV{position:fixed;top:0;left:0;z-index:999}.index-module__banner___pJAaM .index-module__left___9lu0a{display:flex;align-items:center;justify-content:center}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__logo___ycpL1{width:8vw;height:8vw;margin-right:2.13333vw;border-radius:0.8vw}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__t22___5h8Z5{font-size:2.93333vw}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__t20___3hKAe{font-size:2.66667vw}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__w300___NGy6L{font-weight:300}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__w600___DeMQG{font-weight:600}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__c-black___M\+RG8{color:#333}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__c-gray___jkdYV{color:#999}.index-module__banner___pJAaM .index-module__left___9lu0a .index-module__c-orange___PhQkX{color:#ff4513}.index-module__banner___pJAaM .index-module__right___x4d0L{min-width:16.66667vw;box-sizing:border-box;padding:0 1.6vw;height:7.73333vw;border-radius:0.8vw;font-weight:600;font-size:2.66667vw;line-height:7.73333vw;text-align:center;background:#333;color:#fff}.index-module__blank___CeqCT{width:1px;height:11.2vw}
.InvokeMask{width:100vw;height:100vh;position:fixed;z-index:999999;left:0;top:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.InvokeMask .modal{background:#fff;border-radius:2.4vw;padding:4vw;box-sizing:border-box;color:#000;width:fit-content;position:relative}.InvokeMask .title{font-size:4vw;font-weight:600;line-height:5.86667vw}.InvokeMask .desc{margin-top:3.46667vw;font-size:3.2vw;line-height:4.8vw;font-weight:300}.InvokeMask .btns{display:flex;align-items:center;margin-top:4vw}.InvokeMask .cancel,.InvokeMask .confirm{width:34vw;height:8.8vw;line-height:8.8vw;border:1px solid #333;color:#333;font-size:3.2vw;font-weight:600;text-align:center;border-radius:0.8vw}.InvokeMask .confirm{background:#333;color:#fff;margin-left:2.4vw}.InvokeMask .close{width:3.73333vw;display:block;position:absolute;right:4vw;top:4vw}
.flexCenter{display:flex;align-items:center;justify-content:center;font-size:2.93333vw}.couponImg{width:4vw;display:block;margin-right:0.8vw}.floatGif{position:absolute;left:0;top:0;z-index:99}
.carousel {
  overflow: hidden;
  position: relative;
  height: 4.26667vw;
  /* 调整为轮播图的期望高度 */
  margin-top: 1.86667vw;
}
.carousel-content {
  position: absolute;
  width: 100%;
  transition: top 2s;
  /* 动画过渡效果 */
}
.carousel-item {
  height: 4.26667vw;
  /* 确保它与 .carousel 的高度一致 */
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* 根据需要调整轮播项内容的定位 */
}
/* 可选的：可以添加控件、导航点等 */

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-loading {
  padding: 2.13333vw;
  background-color: rgba(238, 238, 238, 0.75);
  line-height: 0;
  font-size: 8.53333vw;
  border-radius: 3.2vw;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.comet-v2-loading-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1010;
}
.comet-v2-loading-ellipsis {
  display: inline-block;
  overflow: hidden;
  width: 1.33333vw;
  vertical-align: bottom;
}
.comet-v2-loading-ellipsis-dot-wrapper {
  display: flex;
  align-items: flex-end;
  width: 4vw;
}
.comet-v2-loading-ellipsis-dot {
  width: 1.33333vw;
}
@keyframes comet-pulse-width {
  0% {
    width: 10rpx;
  }
  33% {
    width: 10rpx;
  }
  35% {
    width: 20rpx;
  }
  66% {
    width: 20rpx;
  }
  68% {
    width: 30rpx;
  }
  100% {
    width: 30rpx;
  }
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 3.73333vw;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  max-width: calc(100vw - 8.53333vw);
  max-height: calc(100vh - 8.53333vw);
  margin: 0 auto;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.comet-v2-modal-roof {
  position: absolute;
  top: -39px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comet-v2-modal-roof-children {
  transform: translateY(calc(-50% - 39px));
}
.comet-v2-modal-inline .comet-v2-modal-mask,
.comet-v2-modal-inline .comet-v2-modal-wrap {
  position: absolute;
}
.comet-v2-modal-mask {
  pointer-events: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.comet-v2-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: 0;
}
.comet-v2-modal-roof {
  position: absolute;
  top: -11.73333vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comet-v2-modal-roof-children {
  transform: translateY(calc(-50% - 11.73333vw));
}
.comet-v2-modal-inline .comet-v2-modal-mask,
.comet-v2-modal-inline .comet-v2-modal-wrap {
  position: absolute;
}
.comet-v2-modal-mask {
  pointer-events: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.comet-v2-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: 0;
}
.comet-v2-modal-close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 10;
  display: block;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  color: #999;
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  background-color: var(color-grey-1, #f5f5f5);
}
.comet-v2-modal-close:focus,
.comet-v2-modal-close:hover {
  color: #222;
  text-decoration: none;
}
.comet-v2-modal-close {
  position: absolute;
  top: 2.4vw;
  right: 3.2vw;
  z-index: 10;
  display: block;
  padding: 0;
  width: 8.53333vw;
  height: 8.53333vw;
  border-radius: 4.26667vw;
  color: var(--color-brand-primary, #333);
  font-weight: 700;
  font-size: 5.33333vw;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.comet-v2-modal-close:focus,
.comet-v2-modal-close:hover {
  color: #222;
  text-decoration: none;
}
.comet-v2-modal-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: var(--color-white, #ffffff);
  line-height: 1.5;
}
.comet-v2-modal-header {
  padding: 3.2vw 4.26667vw;
}
.comet-v2-modal-title {
  padding: 0 24px 0 0;
  font-weight: 600;
  color: var(--color-brand-primary, #333);
  font-size: 4vw;
  letter-spacing: 0;
  word-wrap: break-word;
  text-align: left;
}
.comet-v2-modal-body {
  padding: 0 4.26667vw;
  flex-grow: 1;
  font-size: var(--font-lineheight-1, 14px);
  word-wrap: break-word;
  overflow: auto;
}
.comet-v2-modal-content.comet-v2-modal-no-header {
  padding-top: 4.26667vw;
}
.comet-v2-modal-content.comet-v2-modal-no-footer {
  padding-bottom: 4.26667vw;
}
.comet-v2-modal-content.comet-v2-modal-with-roof {
  border-radius: 0;
}
.comet-v2-modal-footer {
  flex-shrink: 0;
  padding: 4.26667vw;
}
.comet-v2-modal-footer-horizontal {
  display: flex;
  flex-direction: row-reverse;
}
.comet-v2-modal-footer-horizontal .comet-v2-btn {
  flex: 1;
}
.comet-v2-modal-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-right: 8px;
}
.comet-v2-modal-footer-vertical .comet-v2-btn {
  width: 100%;
}
.comet-v2-modal-footer-vertical .comet-v2-btn + .comet-v2-btn {
  margin-top: 8px;
}
.comet-v2-modal-wrap {
  display: flex;
  align-items: center;
}
.comet-v2-modal-full-screen .comet-v2-modal {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.comet-v2-modal-full-screen .comet-v2-modal-content {
  border-radius: 0;
}
.comet-v2-modal-title-left {
  padding-left: 0;
  text-align: left;
}
.comet-v2-modal-content {
  width: 100%;
  border-radius: 3.2vw;
}
.comet-v2-modal-rtl {
  direction: rtl;
}
.comet-v2-modal-rtl .comet-v2-modal-close {
  right: auto;
  left: 12px;
}
.comet-v2-modal-rtl .comet-v2-modal-title {
  padding: 0 0 0 24px;
  text-align: right;
}
.comet-v2-modal-rtl .comet-v2-modal-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-left: 8px;
  margin-right: 0;
}
.comet-v2-modal-rtl .comet-v2-modal-close {
  right: auto;
  left: 3.2vw;
}
.comet-v2-modal-rtl .comet-v2-modal-title {
  padding: 0 0 0 6.4vw;
  text-align: right;
}
.comet-v2-modal-rtl .comet-v2-modal-footer-horizontal .comet-v2-btn + .comet-v2-btn {
  margin-left: 2.13333vw;
  margin-right: 0;
}
.comet-v2-modal-rtl .comet-v2-modal-title-left {
  text-align: right;
}
.comet-v2-confirm {
  text-align: center;
}
.comet-v2-confirm.comet-v2-confirm-success .comet-v2-confirm-icon {
  color: #00b716;
}
.comet-v2-confirm.comet-v2-confirm-error .comet-v2-confirm-icon {
  color: #E35959;
}
.comet-v2-confirm-icon {
  font-size: 6.4vw;
  line-height: 0;
}
.comet-v2-confirm-title {
  padding: 0 4.26667vw 3.2vw;
  font-size: 4vw;
  color: #222;
  font-weight: 600;
}
.comet-v2-confirm-content {
  font-size: 3.73333vw;
  color: #666;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-input-number {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: center;
}
.comet-v2-input-number-input {
  margin: 0 4px;
  height: 24px;
  width: 32px;
  background-color: var(--color-white, '#fff');
  border: none;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  outline: 0;
  color: var(--color-grey-5, #191919);
  font-weight: 700;
}
.comet-v2-input-number-input-disabled {
  color: #E3E3DC;
}
.comet-v2-input-number-btn {
  width: 24px;
  height: 24px;
  background-color: var(--color-grey-1, '#F5F5F5');
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
.comet-v2-input-number-btn-disabled {
  color: #E3E3DC;
  cursor: not-allowed;
}
.comet-v2-input-number-bordered {
  border: 1px solid var(--color-grey-2, #EBEBEB);
  border-radius: 12px;
}
.comet-v2-input-number-btn-increase-bordered {
  background-color: var(--color-white, #FFF);
  border: 12px 0 0 12px;
}
.comet-v2-input-number-btn-decrease-bordered {
  background-color: var(--color-white, #FFF);
  border: 0 12px 12px 0;
}
.comet-v2-input-number-rtl {
  direction: rtl;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: center;
  margin-right: 2.13333vw;
  cursor: pointer;
  vertical-align: middle;
}
.comet-v2-radio-square .comet-v2-radio-circle {
  border-radius: 1.06667vw;
}
.comet-v2-radio-group {
  display: inline-block;
  vertical-align: bottom;
}
.comet-v2-radio-icon {
  padding: 0.53333vw;
}
.comet-v2-radio-icon,
.comet-v2-radio > span:first-child.odin-icon {
  display: inline-flex;
}
.comet-v2-radio-small {
  width: 4.8vw;
  height: 4.8vw;
}
.comet-v2-radio-circle {
  display: inline-block;
  background-color: var(--color-white, '#fff');
  border: 1px solid var(--color-grey-3, 'rgba(204,204,204,1)');
  border-radius: 50%;
  width: 4.8vw;
  height: 4.8vw;
}
.comet-v2-radio-square {
  display: inline-block;
  background-color: var(--color-white, '#fff');
  border: 1px solid var(--color-grey-3, 'rgba(204,204,204,1)');
  border-radius: 0.96vw;
}
.comet-v2-radio-input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.comet-v2-radio-input + * {
  padding-right: 1.6vw;
  padding-left: 1.6vw;
  line-height: 6.4vw;
  color: #666;
  font-size: 3.2vw;
  font-weight: 300;
}
.comet-v2-radio-checked > span:first-child.odin-icon {
  color: var(--color-brand-primary);
}
.comet-v2-radio-disabled {
  cursor: not-allowed;
}
.comet-v2-radio-disabled .comet-v2-radio-circle,
.comet-v2-radio-disabled:hover .comet-v2-radio-circle {
  border-color: var(--color-grey-3, 'rgba(204,204,204,1)');
  background-color: var(--color-grey-3, 'rgba(204,204,204,1)');
}
.comet-v2-radio-disabled .comet-v2-radio-square,
.comet-v2-radio-disabled:hover .comet-v2-radio-square {
  border-color: var(--color-grey-3, 'rgba(204,204,204,1)');
  background-color: var(--color-grey-3, 'rgba(204,204,204,1)');
}
.comet-v2-radio-disabled > span:first-child.odin-icon {
  color: var(--color-brand-disable);
}
.comet-v2-radio-rtl {
  direction: rtl;
  margin-left: 2.13333vw;
  margin-right: 0;
}


:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.comet-v2-steps:not(.comet-v2-steps-vertical) .comet-v2-steps-item-custom .comet-v2-steps-item-icon {
  width: auto;
  background: none;
}
.comet-v2-steps-with-progress-10 {
  outline: none;
}
.comet-v2-steps-item.comet-v2-steps-item-wait .comet-steps-item-title {
  color: #757575;
}
.comet-v2-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.comet-v2-steps-item-container {
  outline: none;
}
.comet-v2-steps-item:last-child {
  flex: none;
}
.comet-v2-steps-item:last-child > .comet-v2-steps-item-container > .comet-v2-steps-item-tail,
.comet-v2-steps-item:last-child > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  display: none;
}
.comet-v2-steps-item-icon,
.comet-v2-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.comet-v2-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 32px;
  text-align: center;
  border: 1px solid #E3E3DC;
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
  font-weight: 700;
  border-width: 2px;
}
.comet-v2-steps-item-icon .comet-v2-steps-icon {
  position: relative;
  top: 0;
  color: #333;
  line-height: 1;
}
.comet-v2-steps-item-halfProcess .comet-v2-steps-item-tail::after {
  width: 50%;
  background-color: #fd384f !important;
}
.comet-v2-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.comet-v2-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #E3E3DC;
  border-radius: 1px;
  transition: background 0.3s;
  position: relative;
  z-index: 2;
  content: '';
}
.comet-v2-steps-item-tail::before {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #E3E3DC;
  border-radius: 1px;
  transition: background 0.3s;
  transform: translateY(2px);
  content: '';
}
.comet-v2-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #222;
  font-size: 12px;
  font-weight: 700;
}
.comet-v2-steps-item-title::after {
  position: absolute;
  top: 4vw;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #E3E3DC;
  content: '';
}
.comet-v2-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(25, 25, 25, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.comet-v2-steps-item-description {
  color: rgba(25, 25, 25, 0.45);
  font-size: 14px;
}
.comet-v2-steps-item-wait .comet-v2-steps-item-icon {
  background-color: #fff;
  border-color: #E3E3DC;
}
.comet-v2-steps-item-wait .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  color: #E3E3DC;
}
.comet-v2-steps-item-wait .comet-v2-steps-item-icon > .comet-v2-steps-icon .comet-v2-steps-icon-dot {
  background: #E3E3DC;
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title {
  color: rgba(25, 25, 25, 0.45);
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-description {
  color: rgba(25, 25, 25, 0.45);
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-tail::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item-process .comet-v2-steps-item-icon {
  background-color: #fff;
  border-color: #333;
}
.comet-v2-steps-item-process .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  color: #333;
}
.comet-v2-steps-item-process .comet-v2-steps-item-icon > .comet-v2-steps-icon .comet-v2-steps-icon-dot {
  background: #333;
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-description {
  color: #222;
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-tail::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-icon {
  background: #333;
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-icon .comet-v2-steps-icon {
  color: #fff;
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-icon {
  background: #ececec;
  border: none;
}
.comet-v2-steps-item-wait > .comet-v2-steps-item-container > .comet-v2-steps-item-icon .comet-v2-steps-icon {
  color: var(--color-grey-6, #757575);
}
.comet-v2-steps-item-process > .comet-v2-steps-item-container > .comet-v2-steps-item-title {
  font-weight: 500;
}
.comet-v2-steps-item-finish .comet-v2-steps-item-icon {
  background-color: #fff;
  border-color: #333;
}
.comet-v2-steps-item-finish .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  color: #333;
}
.comet-v2-steps-item-finish .comet-v2-steps-item-icon > .comet-v2-steps-icon .comet-v2-steps-icon-dot {
  background: #333;
}
.comet-v2-steps-item-finish > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title {
  color: #222;
}
.comet-v2-steps-item-finish > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  background-color: #333;
}
.comet-v2-steps-item-finish > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-description {
  color: rgba(25, 25, 25, 0.45);
}
.comet-v2-steps-item-finish > .comet-v2-steps-item-container > .comet-v2-steps-item-tail::after {
  background-color: #333;
}
.comet-v2-steps-item-error .comet-v2-steps-item-icon {
  background-color: #fff;
  border-color: #E35959;
}
.comet-v2-steps-item-error .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  color: #E35959;
}
.comet-v2-steps-item-error .comet-v2-steps-item-icon > .comet-v2-steps-icon .comet-v2-steps-icon-dot {
  background: #E35959;
}
.comet-v2-steps-item-error > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title {
  color: #E35959;
}
.comet-v2-steps-item-error > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item-error > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-description {
  color: #E35959;
}
.comet-v2-steps-item-error > .comet-v2-steps-item-container > .comet-v2-steps-item-tail::after {
  background-color: #E3E3DC;
}
.comet-v2-steps-item.comet-v2-steps-next-error .comet-v2-steps-item-title::after {
  background: #E35959;
}
.comet-v2-steps-item-disabled {
  cursor: not-allowed;
}
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button'] {
  cursor: pointer;
}
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button'] .comet-v2-steps-item-title,
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button'] .comet-v2-steps-item-subtitle,
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button'] .comet-v2-steps-item-description,
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button'] .comet-v2-steps-item-icon .comet-v2-steps-icon {
  transition: color 0.3s;
}
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button']:hover .comet-v2-steps-item-title,
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button']:hover .comet-v2-steps-item-subtitle,
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active) > .comet-v2-steps-item-container[role='button']:hover .comet-v2-steps-item-description {
  color: #333;
}
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active):not(.comet-v2-steps-item-process) > .comet-v2-steps-item-container[role='button']:hover .comet-v2-steps-item-icon {
  border-color: #333;
}
.comet-v2-steps .comet-v2-steps-item:not(.comet-v2-steps-item-active):not(.comet-v2-steps-item-process) > .comet-v2-steps-item-container[role='button']:hover .comet-v2-steps-item-icon .comet-v2-steps-icon {
  color: #333;
}
.comet-v2-steps-item-custom > .comet-v2-steps-item-container > .comet-v2-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.comet-v2-steps-item-custom > .comet-v2-steps-item-container > .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.comet-v2-steps-item-custom.comet-v2-steps-item-process .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  color: #333;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item {
  overflow: visible;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-tail {
  margin-left: 26px;
  padding: 1px 16px;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-content {
  display: flex;
  width: 52px;
  margin-top: 8px;
  text-align: center;
  justify-content: center;
  position: relative;
  word-break: break-all;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-content-position {
  min-width: 200%;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-content-clear {
  clear: both;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-title::after {
  display: none;
}
.comet-v2-steps-label-vertical .comet-v2-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.comet-v2-steps-label-vertical.comet-v2-steps-small:not(.comet-v2-steps-dot) .comet-v2-steps-item-icon {
  margin-left: 46px;
}
.comet-v2-steps-navigation {
  padding-top: 12px;
}
.comet-v2-steps-navigation.comet-v2-steps-small .comet-v2-steps-item-container {
  margin-left: -12px;
}
.comet-v2-steps-navigation .comet-v2-steps-item {
  overflow: visible;
  text-align: center;
}
.comet-v2-steps-navigation .comet-v2-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.comet-v2-steps-navigation .comet-v2-steps-item-container .comet-v2-steps-item-content {
  max-width: auto;
}
.comet-v2-steps-navigation .comet-v2-steps-item-container .comet-v2-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comet-v2-steps-navigation .comet-v2-steps-item-container .comet-v2-steps-item-title::after {
  display: none;
}
.comet-v2-steps-navigation .comet-v2-steps-item:not(.comet-v2-steps-item-active) .comet-v2-steps-item-container[role='button'] {
  cursor: pointer;
}
.comet-v2-steps-navigation .comet-v2-steps-item:not(.comet-v2-steps-item-active) .comet-v2-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.comet-v2-steps-navigation .comet-v2-steps-item:last-child {
  flex: 1;
}
.comet-v2-steps-navigation .comet-v2-steps-item:last-child::after {
  display: none;
}
.comet-v2-steps-navigation .comet-v2-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.comet-v2-steps-navigation .comet-v2-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #333;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.comet-v2-steps-navigation .comet-v2-steps-item.comet-v2-steps-item-active::before {
  left: 0;
  width: 100%;
}
.comet-v2-steps-navigation.comet-v2-steps-vertical > .comet-v2-steps-item {
  margin-right: 0 !important;
}
.comet-v2-steps-navigation.comet-v2-steps-vertical > .comet-v2-steps-item::before {
  display: none;
}
.comet-v2-steps-navigation.comet-v2-steps-vertical > .comet-v2-steps-item.comet-v2-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.comet-v2-steps-navigation.comet-v2-steps-vertical > .comet-v2-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.comet-v2-steps-navigation.comet-v2-steps-vertical > .comet-v2-steps-item > .comet-v2-steps-item-container > .comet-v2-steps-item-tail {
  visibility: hidden;
}
.comet-v2-steps-dot .comet-v2-steps-item-title,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-title {
  line-height: 1.5;
}
.comet-v2-steps-dot .comet-v2-steps-item-tail,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.comet-v2-steps-dot .comet-v2-steps-item-tail::after,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.comet-v2-steps-dot .comet-v2-steps-item-tail::before,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-tail::before {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.comet-v2-steps-dot .comet-v2-steps-item:first-child .comet-v2-steps-icon-dot,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item:first-child .comet-v2-steps-icon-dot {
  left: 2px;
}
.comet-v2-steps-dot .comet-v2-steps-item-icon,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.comet-v2-steps-dot .comet-v2-steps-item-icon .comet-v2-steps-icon-dot,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-icon .comet-v2-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.comet-v2-steps-dot .comet-v2-steps-item-icon .comet-v2-steps-icon-dot::after,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-icon .comet-v2-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.comet-v2-steps-dot .comet-v2-steps-item-content,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-content {
  width: 140px;
}
.comet-v2-steps-dot .comet-v2-steps-item-process .comet-v2-steps-item-icon,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-process .comet-v2-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.comet-v2-steps-dot .comet-v2-steps-item-process .comet-v2-steps-icon:first-child .comet-v2-steps-icon-dot,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-process .comet-v2-steps-icon:first-child .comet-v2-steps-icon-dot {
  left: 0;
}
.comet-v2-steps-dot .comet-v2-steps-icon,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-icon {
  width: 100%;
  height: 100%;
}
.comet-v2-steps-dot .comet-v2-steps-item-tail,
.comet-v2-steps-dot.comet-v2-steps-small .comet-v2-steps-item-tail {
  top: 0px;
}
.comet-v2-steps-vertical.comet-v2-steps-dot .comet-v2-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
  background: none;
}
.comet-v2-steps-vertical.comet-v2-steps-dot .comet-v2-steps-item > .comet-v2-steps-item-container > .comet-v2-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.comet-v2-steps-vertical.comet-v2-steps-dot .comet-v2-steps-item:first-child .comet-v2-steps-icon-dot {
  left: 0;
}
.comet-v2-steps-vertical.comet-v2-steps-dot .comet-v2-steps-item-content {
  width: inherit;
}
.comet-v2-steps-vertical.comet-v2-steps-dot .comet-v2-steps-item-process .comet-v2-steps-item-container .comet-v2-steps-item-icon .comet-v2-steps-icon-dot {
  left: -2px;
}
.comet-v2-steps-small.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item {
  padding-left: 12px;
}
.comet-v2-steps-small.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item:first-child {
  padding-left: 0;
}
.comet-v2-steps-small .comet-v2-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.comet-v2-steps-small .comet-v2-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.comet-v2-steps-small .comet-v2-steps-item-title::after {
  top: 12px;
}
.comet-v2-steps-small .comet-v2-steps-item-description {
  color: rgba(25, 25, 25, 0.45);
  font-size: 14px;
}
.comet-v2-steps-small .comet-v2-steps-item-tail {
  top: 8px;
}
.comet-v2-steps-small .comet-v2-steps-item-custom .comet-v2-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.comet-v2-steps-small .comet-v2-steps-item-custom .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.comet-v2-steps-vertical {
  display: flex;
  flex-direction: column;
}
.comet-v2-steps-vertical > .comet-v2-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.comet-v2-steps-vertical > .comet-v2-steps-item .comet-v2-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.comet-v2-steps-vertical > .comet-v2-steps-item .comet-v2-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.comet-v2-steps-vertical > .comet-v2-steps-item .comet-v2-steps-item-title {
  line-height: 32px;
}
.comet-v2-steps-vertical > .comet-v2-steps-item .comet-v2-steps-item-description {
  padding-bottom: 12px;
}
.comet-v2-steps-vertical > .comet-v2-steps-item > .comet-v2-steps-item-container > .comet-v2-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.comet-v2-steps-vertical > .comet-v2-steps-item > .comet-v2-steps-item-container > .comet-v2-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.comet-v2-steps-vertical > .comet-v2-steps-item:not(:last-child) > .comet-v2-steps-item-container > .comet-v2-steps-item-tail {
  display: block;
}
.comet-v2-steps-vertical > .comet-v2-steps-item > .comet-v2-steps-item-container > .comet-v2-steps-item-content > .comet-v2-steps-item-title::after {
  display: none;
}
.comet-v2-steps-vertical.comet-v2-steps-small .comet-v2-steps-item-container .comet-v2-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.comet-v2-steps-vertical.comet-v2-steps-small .comet-v2-steps-item-container .comet-v2-steps-item-title {
  line-height: 24px;
}
.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item:first-child {
  padding-left: 0;
}
.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item:last-child .comet-v2-steps-item-title {
  padding-right: 0;
}
.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item-tail {
  display: none;
}
.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.comet-v2-steps-small.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item {
  padding-left: 12px;
}
.comet-v2-steps-small.comet-v2-steps-horizontal:not(.comet-v2-steps-label-vertical) .comet-v2-steps-item:first-child {
  padding-left: 0;
}
.comet-v2-steps-small .comet-v2-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.comet-v2-steps-small .comet-v2-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.comet-v2-steps-small .comet-v2-steps-item-title::after {
  top: 12px;
}
.comet-v2-steps-small .comet-v2-steps-item-description {
  color: rgba(25, 25, 25, 0.45);
  font-size: 14px;
}
.comet-v2-steps-small .comet-v2-steps-item-tail {
  top: 8px;
}
.comet-v2-steps-small .comet-v2-steps-item-custom .comet-v2-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.comet-v2-steps-small .comet-v2-steps-item-custom .comet-v2-steps-item-icon > .comet-v2-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-switch {
  box-sizing: border-box;
  margin: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 10.8vw;
  height: 7.2vw;
  padding: 0;
  background-color: #999;
  border: none;
  border-radius: 16px;
  transition: all 0.25s;
  cursor: pointer;
}
.comet-v2-switch-handle {
  height: 4.5vw;
  width: 4.5vw;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.25s;
  position: relative;
  left: 3px;
  /** distance between handle and container */
}
.comet-v2-switch-checked {
  background-color: #00AE74;
}
.comet-v2-switch-checked .comet-v2-switch-handle {
  left: 27px;
  /** container width 56 - (handle width 26 + distance right 3) */
}
.comet-v2-switch-small {
  width: 10.8vw;
  height: 7.2vw;
}
.comet-v2-switch-small .comet-v2-switch-handle {
  height: 4.5vw;
  width: 4.5vw;
  background-color: #fff;
  position: relative;
  left: 3px;
  /** distance between handle and container */
}
.comet-v2-switch-checked.comet-v2-switch-small .comet-v2-switch-handle {
  left: 21px;
  /** container width 40 - (handle width 16 + distance right 3) */
}
.comet-v2-switch-disabled {
  background-color: #eee;
  cursor: not-allowed;
}
.comet-v2-switch-rtl {
  direction: rtl;
}
.comet-v2-switch-rtl .comet-v2-switch-handle {
  left: -27px;
  /** distance between handle and container */
}
.comet-v2-switch-rtl.comet-v2-switch-small .comet-v2-switch-handle {
  left: -22px;
  /** distance between handle and container */
}
.comet-v2-switch-rtl.comet-v2-switch-checked .comet-v2-switch-handle {
  left: -3px;
  /** container width 56 - (handle width 26 + distance right 3) */
}
.comet-v2-switch-rtl.comet-v2-switch-checked.comet-v2-switch-small .comet-v2-switch-handle {
  left: -2px;
  /** container width 40 - (handle width 16 + distance right 3) */
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-timeline {
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.comet-v2-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.comet-v2-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f5f5f5;
}
.comet-v2-timeline-item-pending .comet-v2-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.comet-v2-timeline-item-pending .comet-v2-timeline-item-tail {
  display: none;
}
.comet-v2-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid #3170EE;
  border-radius: 100px;
}
.comet-v2-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.comet-v2-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.comet-v2-timeline-item-last {
  padding-bottom: 0;
}
.comet-v2-timeline-item-last > .comet-v2-timeline-item-tail {
  display: none;
}
.comet-v2-timeline-item-last > .comet-v2-timeline-item-content {
  min-height: 24px;
}
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-tail,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-tail,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-tail,
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head-custom,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head-custom,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head-custom {
  left: 50%;
}
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head {
  margin-left: -4px;
}
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head-custom,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head-custom,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head-custom {
  margin-left: 1px;
}
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-left .comet-v2-timeline-item-content,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-left .comet-v2-timeline-item-content,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-left .comet-v2-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-right .comet-v2-timeline-item-content,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-content,
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-right .comet-v2-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-tail,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-head,
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-content {
  width: calc(100% - 18px);
}
.comet-v2-timeline.comet-v2-timeline-pending .comet-v2-timeline-item-last .comet-v2-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f5f5f5;
}
.comet-v2-timeline.comet-v2-timeline-reverse .comet-v2-timeline-item-last .comet-v2-timeline-item-tail {
  display: none;
}
.comet-v2-timeline.comet-v2-timeline-reverse .comet-v2-timeline-item-pending .comet-v2-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f5f5f5;
}
.comet-v2-timeline.comet-v2-timeline-reverse .comet-v2-timeline-item-pending .comet-v2-timeline-item-content {
  min-height: 48px;
}
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-label {
  position: absolute;
  top: -6px;
  width: calc(50% - 12px);
  text-align: right;
}
.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-right .comet-v2-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.comet-v2-timeline-rtl {
  direction: rtl;
}
.comet-v2-timeline-rtl .comet-v2-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f5f5f5;
  border-left: none;
}
.comet-v2-timeline-rtl .comet-v2-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.comet-v2-timeline-rtl .comet-v2-timeline-item-content {
  margin: 0 18px 0 0;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-tail,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-tail,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-tail,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head-custom,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head-custom,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-head-custom,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-head-custom,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-left .comet-v2-timeline-item-content,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-left .comet-v2-timeline-item-content,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-left .comet-v2-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-alternate .comet-v2-timeline-item-right .comet-v2-timeline-item-content,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-content,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-right .comet-v2-timeline-item-content {
  text-align: left;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-tail,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-head,
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-right .comet-v2-timeline-item-right .comet-v2-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-pending .comet-v2-timeline-item-last .comet-v2-timeline-item-tail {
  border-right: 2px dotted #f5f5f5;
  border-left: none;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-reverse .comet-v2-timeline-item-pending .comet-v2-timeline-item-tail {
  border-right: 2px dotted #f5f5f5;
  border-left: none;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-label {
  text-align: left;
}
.comet-v2-timeline-rtl.comet-v2-timeline.comet-v2-timeline-label .comet-v2-timeline-item-right .comet-v2-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.comet-v2-divider.comet-v2-divider-small {
  background-color: var(--color-mask-black-2);
  height: 1rpx;
}
.comet-v2-divider.comet-v2-divider-large {
  background-color: var(--color-mask-black-1);
  height: 2.13333vw;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: 1;
}
.comet-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.comet-progress-steps {
  display: inline-block;
}
.comet-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.comet-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.comet-progress-steps-item-active {
  background: var(--color-brand-primary);
}
.comet-progress-small.comet-progress-line,
.comet-progress-small.comet-progress-line .comet-progress-text .anticon {
  font-size: 12px;
}
.comet-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  line-height: 1;
}
.comet-progress-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: var(--font-size-5, '24px');
  font-family: SFProDisplay-Regular;
  color: var(--color-grey-10, '#191919');
}
.comet-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: var(--color-mask-black-2);
  border-radius: 100px;
}
.comet-progress-circle-trail {
  stroke: var(--color-mask-black-2);
}
.comet-progress-circle-path {
  animation: comet-v2-progress-appear 0.3s;
}
.comet-progress-inner:not(.comet-v2-progress-circle-gradient) .comet-v2-progress-circle-path {
  stroke: var(--color-brand-primary);
}
.comet-progress-success-bg,
.comet-progress-bg {
  position: relative;
  background-color: var(--color-brand-primary);
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  display: flex;
  align-items: center;
  justify-content: right;
}
.comet-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-brand-primary);
}
.comet-progress-text {
  z-index: 1;
  margin-right: 8px;
  display: inline-block;
  width: 2em;
  color: var(--color-white, '#fff');
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
  font-family: SFProDisplay-Bold;
}
.comet-progress-text .anticon {
  font-size: 14px;
}
.comet-progress-status-active .comet-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-white, '#fff');
  border-radius: 10px;
  opacity: 0;
  animation: comet-v2-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.comet-progress-status-success .comet-progress-bg {
  background-color: var(--color-brand-primary);
}
.comet-progress-status-success .comet-progress-text {
  color: var(--color-white, '#fff');
}
.comet-progress-status-success .comet-progress-text {
  margin-right: 25px;
}
.comet-progress-status-success .comet-progress-inner:not(.comet-progress-circle-gradient) .comet-progress-circle-path {
  stroke: var(--color-brand-primary);
}
.comet-progress-circle .comet-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.comet-progress-circle .comet-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--color-grey-10);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.comet-progress-circle .comet-progress-text .anticon {
  font-size: 1.16666667em;
}
.comet-progress-circle.comet-progress-status-success .comet-progress-text {
  color: var(--color-grey-10);
}
.comet-progress-rtl {
  direction: rtl;
}
.comet-progress-rtl .comet-progress-success-bg {
  right: 0;
  left: auto;
}
.comet-progress-rtl.comet-progress-line .comet-progress-text,
.comet-progress-rtl.comet-progress-steps .comet-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}

:root {
  --color-brand-primary: #333;
  --color-brand-primary2: #FF4513;
  --color-brand-disable: #ffcec1;
  --color-brand-bg: #ffe6e7;
  --color-function-4-1: #ce7039;
  --color-function-4-2: #f4dacc;
  --color-function-4-13: #fff2eb;
  --color-grey-1: #f5f5f5;
  --color-grey-2: #ebebeb;
  --color-grey-3: #cccccc;
  --color-grey-4: #e3e3dc;
  --color-grey-5: #f9f9f6;
  --color-grey-6: #757575;
  --color-grey-10: #191919;
  --color-function-1-1: #00b716;
  --color-function-1-2: #d7e8df;
  --color-function-1-3: #eefaf6;
  --color-function-2-1: #3170EE;
  --color-function-2-2: #cadcfe;
  --color-function-2-13: #ebf1ff;
  --color-function-3-1: #E35959;
  --color-function-3-2: #ff8214;
  --color-function-3-3: #fff1eb;
  --color-mask-black-1: rgba(0, 0, 0, 0.04);
  --color-mask-black-2: rgba(0, 0, 0, 0.1);
  --color-mask-black-3: rgba(0, 0, 0, 0.2);
  --color-mask-black-4: rgba(0, 0, 0, 0.5);
  --color-mask-black-5: rgba(0, 0, 0, 0.8);
  --color-mask-white-1: rgba(255, 255, 255, 0.04);
  --color-mask-white-2: rgba(255, 255, 255, 0.1);
  --color-mask-white-3: rgba(255, 255, 255, 0.2);
  --color-mask-white-4: rgba(255, 255, 255, 0.5);
  --color-mask-white-5: rgba(255, 255, 255, 0.8);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-Transparent: rgba(0, 0, 0, 0);
  --corner-xs: 4px;
  --m-corner-xs: 2px;
  --corner-s: 0;
  --m-corner-s: 4px;
  --corner-m: 16px;
  --m-corner-m: 8px;
  --corner-l: 32px;
  --m-corner-l: 16px;
  --corner-xl: 1000px;
  --m-corner-xl: 500px;
  --corner-l-top: 32px 32px 0px 0px;
  --corner-l-right: 0px 32px 32px 0px;
  --corner-m-left: 16px 0px 0px 16px;
  --shadow-1-down: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-1-up: 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  --shadow-2-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.2);
  --font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro, SF UI, Alibaba sans, Segoe UI, Ubuntu, Helvetica, Arial, sans-serif;
  --font-lineheight-1: 14px;
  --m-font-lineheight-1: 7px;
  --font-lineheight-2: 16px;
  --m-font-lineheight-2: 8px;
  --font-lineheight-3: 19px;
  --m-font-lineheight-3: 9.5px;
  --font-lineheight-4: 22px;
  --m-font-lineheight-4: 11px;
  --font-lineheight-5: 28px;
  --m-font-lineheight-5: 14px;
  --font-lineheight-6: 32px;
  --m-font-lineheight-6: 16px;
  --font-lineheight-7: 38px;
  --m-font-lineheight-7: 19px;
  --font-lineheight-8: 44px;
  --m-font-lineheight-8: 22px;
  --font-lineheight-9: 48px;
  --m-font-lineheight-9: 24px;
  --font-lineheight-10: 56px;
  --m-font-lineheight-10: 28px;
  --font-lineheight-11: 68px;
  --m-font-lineheight-11: 34px;
  --font-size-10: 60px;
  --m-font-size-10: 30px;
  --font-size-9: 48px;
  --m-font-size-9: 24px;
  --font-size-8: 40px;
  --m-font-size-8: 20px;
  --font-size-7: 36px;
  --m-font-size-7: 18px;
  --font-size-6: 30px;
  --m-font-size-6: 15px;
  --font-size-5: 24px;
  --m-font-size-5: 12px;
  --font-size-4: 20px;
  --m-font-size-4: 10px;
  --font-size-3: 18px;
  --m-font-size-3: 9px;
  --font-size-2: 15px;
  --m-font-size-2: 7.5px;
  --font-size-1: 12px;
  --m-font-size-1: 6px;
  --font-weight-thin: 200;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --icon-small: 32px;
  --m-icon-small: 16px;
  --icon-normal: 48px;
  --m-icon-normal: 24px;
  --icon-pc-normal: 24px;
  --m-icon-pc-normal: 12px;
  --icon-pc-small: 16px;
  --m-icon-pc-small: 8px;
  --line-s: 1px;
  --m-line-s: 0.5px;
  --line-m: 2px;
  --m-line-m: 1px;
  --line-l: 3px;
  --m-line-l: 1.5px;
  --line-xl: 16px;
  --m-line-xl: 8px;
  --line-xs: 0.5px;
  --m-line-xs: 0px;
  --s-1: 4px;
  --m-s-1: 2px;
  --s-2: 8px;
  --m-s-2: 4px;
  --s-3: 12px;
  --m-s-3: 6px;
  --s-4: 16px;
  --m-s-4: 8px;
  --s-6: 24px;
  --m-s-6: 12px;
  --s-8: 32px;
  --m-s-8: 16px;
  --s-12: 48px;
  --m-s-12: 24px;
  --s-16: 64px;
  --m-s-16: 32px;
  --s-20: 80px;
  --m-s-20: 40px;
  --s-24: 96px;
  --m-s-24: 48px;
}
.comet-v2-tag {
  display: inline-block;
  padding: 0 12px;
  border-radius: var(--corner-s, 0);
  height: 32px;
  line-height: 32px;
  font-size: var(--font-size-1, 12px);
  font-weight: var(--font-weight-regular, 400);
  color: var(--color-grey-10, #191919);
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  border: var(--line-s, 1px) solid var(--color-grey-4, #e3e3dc);
}
.comet-v2-tag-rtl {
  direction: rtl;
}
.comet-v2-tag-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comet-v2-tag-disabled {
  opacity: 0.7;
}
.comet-v2-tag-disabled:hover {
  background-color: var(--color-grey-1, #f5f5f5);
}
.comet-v2-tag-selected {
  border: var(--line-s, 1px) solid var(--color-brand-primary, #fd384f);
  color: var(--color-brand-primary, #fd384f);
  background-color: #fff;
  font-weight: bold;
}
.comet-v2-tag-selected:hover {
  background-color: #fff;
}
.comet-v2-tag-clickable {
  cursor: pointer;
}
.comet-v2-tag-history {
  border: none;
  background-color: var(--color-grey-5, #f9f9f6);
}

.odin-ui-error {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 3.2vw;
}
.odin-ui-error-image {
  width: 37.73333vw;
}
.odin-ui-error-title {
  font-size: 4vw;
  margin: 4vw 0 1.06667vw;
  font-weight: 600;
}
.odin-ui-error-subTitle {
  font-size: 3.2vw;
  margin-bottom: 4vw;
  color: #979797;
}
.odin-ui-error-button-container {
  display: flex;
  align-items: center;
}
.odin-ui-error-button-container.vertical {
  flex-direction: column;
}
.odin-ui-error-button-container.vertical .odin-ui-error-button {
  margin-right: 0;
  margin-bottom: 3.2vw;
}
.odin-ui-error-button-container .odin-ui-error-button:last-child {
  margin-bottom: 0;
}

.index-module__title___HCnSt{overflow:hidden;color:#333;text-overflow:ellipsis;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-top:24px;margin-bottom:16px}
.index-module__locationSearchWrap___dmKfa{position:relative;background:#f9f9f6;display:flex;padding:0;flex-direction:column;border-radius:3px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT{width:100%;height:48px;display:flex;align-items:center;padding:12px;background:#f9f9f6;border:1px solid #f9f9f6;border-radius:3px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT .index-module__icon___arHbR{margin-right:8px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT .index-module__imgWrap___iRhhW{width:20px;height:20px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT .index-module__imgWrap___iRhhW .index-module__img___m8GyV{width:100%;height:100%}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT input{flex:1;border:none;font-size:16px;outline:none;background:#f9f9f6;color:#333;font-family:"Hiragino Sans";font-style:normal;font-weight:600;line-height:normal;caret-color:#333;margin-left:8px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT input::placeholder{color:#999;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:300;line-height:22px}.index-module__locationSearchWrap___dmKfa .index-module__searchBar___QthCT .index-module__clear___Gk\+lu{margin-left:8px;cursor:pointer;font-size:18px;display:none}.index-module__locationSearchWrap___dmKfa .index-module__searchBarAction___M3Y2V{border:1px solid #000;border-radius:3px}.index-module__locationSearchWrap___dmKfa:hover .index-module__clear___Gk\+lu{display:block}.index-module__locationSearchWrap___dmKfa:hover .index-module__searchBar___QthCT{border:1px solid #000;border-radius:3px}.index-module__searchList___AgTNF{position:absolute;left:0;top:52px;z-index:999;background-color:#fff;width:752px;border:none;border-radius:3px;box-shadow:0px 2px 14.3px 0px rgba(0,0,0,.1490196078);padding:4px}.index-module__error___KhM9w{color:red;font-size:14px;padding:8px 0;text-align:center}.index-module__resultList___1Wmbe{flex:1;max-height:300px;overflow-y:scroll}.index-module__resultList___1Wmbe::-webkit-scrollbar{display:none}.index-module__empty___fo91Z{text-align:center;color:#999;padding:40px 0;font-size:15px}.index-module__searchEmptyResults___jbuRb{margin:12px auto;min-height:174px;display:flex;flex-direction:column;justify-content:center;align-items:center}.index-module__searchEmptyResults___jbuRb img{height:120px}.index-module__searchEmptyResults___jbuRb .index-module__searchEmptyText___ostNz{font-family:"Hiragino Sans";font-weight:300;font-size:12px;color:#979797}.index-module__resultItem___p5QcK{padding:12px 8px;border-radius:3px;transition:background .2s}.index-module__resultItem___p5QcK .index-module__title___1vDQ7{font-weight:600;font-family:"Hiragino Sans";font-size:15px;display:flex;align-items:center}.index-module__resultItem___p5QcK .index-module__title___1vDQ7 .index-module__loadingIcon___IkEou{margin-left:8px;width:14px;height:14px;border:2px solid #ccc;border-top-color:#999;border-radius:50%;animation:index-module__spin___sWUrV .8s linear infinite}.index-module__resultItem___p5QcK .index-module__address___NyL9E{font-family:"Hiragino Sans";font-size:12px;color:#999}.index-module__resultItem___p5QcK.index-module__selected___uO8G-{background-color:#f9f9f6}.index-module__resultItem___p5QcK:active{background:#f0f0f0}.index-module__resultItem___p5QcK:hover{background-color:#f9f9f6}@keyframes index-module__spin___sWUrV{to{transform:rotate(360deg)}}
.index-module__locationInputContainer___vkEoj{position:relative;width:100%;margin:0 auto}.index-module__locationInputContainer___vkEoj .index-module__selectMask___eogq-{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:2;cursor:pointer}.index-module__locationInputContainer___vkEoj .index-module__locationInput___OaGaA{width:100%;color:#333;padding:22.5px 36px 7.5px 12px;font-family:"Hiragino Sans";font-size:12px;font-style:normal;font-weight:600;line-height:15px;border:1px solid #e3e3dc;border-radius:3px;outline:none;box-sizing:border-box;z-index:1;transition:padding .3s ease}.index-module__locationInputContainer___vkEoj .index-module__locationInputWithBefore___NwaeZ{padding-left:102px}.index-module__locationInputContainer___vkEoj .index-module__locationInputWithOutError___bcBG7{border-color:#ccc !important}.index-module__locationInputContainer___vkEoj .index-module__required___Y5cTn{color:#ff4513;font-family:"Hiragino Sans";font-size:12px;font-style:normal;font-weight:300;line-height:normal;margin-left:2px}.index-module__locationInputContainer___vkEoj .index-module__locationInputWithError___skbu4{border-color:#e53a3a !important}.index-module__locationInputContainer___vkEoj .index-module__locationInput___OaGaA:focus{padding:22.5px 36px 7.5px 12px}.index-module__locationInputContainer___vkEoj .index-module__locationInputWithBefore___NwaeZ:focus{padding-left:102px}.index-module__locationInputContainer___vkEoj .index-module__inputPlaceholder___IbOPh{color:#979797;display:inline-block;font-family:"Hiragino Sans";font-size:15px;font-style:normal;font-weight:300;line-height:22px;position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:all .3s ease;pointer-events:none;z-index:0}.index-module__locationInputContainer___vkEoj .index-module__inputPlaceholderWithBefore___R7i1l{left:102px}.index-module__locationInputContainer___vkEoj .index-module__inputPlaceholderFouse___Md\+4V{top:12.5px;line-height:15px;font-size:10px;color:#979797;padding:0;font-family:"Hiragino Sans";font-style:normal;font-weight:300;pointer-events:none;transition:all .3s ease;z-index:1}.index-module__locationInputContainer___vkEoj .index-module__clearButton___dQOt7{height:16px;width:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);border:none;color:#bbb;cursor:pointer;z-index:1}.index-module__locationInputContainer___vkEoj .index-module__hidepwd___PFim6{height:16px;width:16px;position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);border:none;color:#bbb;cursor:pointer;z-index:1}.index-module__locationInputContainer___vkEoj .index-module__clearButton___dQOt7:hover{color:#007bff}.index-module__locationInputContainer___vkEoj .index-module__clearButton___dQOt7:focus{outline:none}.index-module__suggestionsContainer___1LEMn{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccc;border-top:none;max-height:200px;overflow-y:auto;z-index:2;border-radius:0 0 8px 8px;box-sizing:border-box}.index-module__suggestionItem___pstOk{font-family:"Hiragino Sans";font-size:3.2vw;font-style:normal;font-weight:600;line-height:4.8vw;padding:0 3.2vw;cursor:pointer}.index-module__suggestionItem___pstOk .index-module__suggestionItemInter___em7yi{padding:3.2vw 0;border-bottom:1rpx solid #e3e3dc}.index-module__suggestionItem___pstOk .index-module__suggestionItemInter___em7yi .index-module__suggestionItemBefor___U7q2m{color:#c7c7c2}.index-module__suggestionItem___pstOk:hover{background-color:#ebebeb}.index-module__errorMessageContainer___ytUjr{margin-top:8px;font-size:12px;color:red}.index-module__errorMessage___-\+4ns{font-size:12px;color:red}.index-module__right-border___QHeFQ{position:absolute;display:flex;align-items:center;top:50%;left:12px;transform:translateY(-50%)}.index-module__right-border___QHeFQ .index-module__imgWrap___KfpY9{width:24px;height:16px}.index-module__right-border___QHeFQ .index-module__imgWrap___KfpY9 img{width:100%;height:100%}.index-module__right-border___QHeFQ .index-module__phoneCountry___jSs5\+{margin-left:8px;color:#333;font-family:"Hiragino Sans";font-size:15px;font-style:normal;font-weight:600;line-height:22px}.index-module__right-border___QHeFQ{width:74px;height:20px;border-right:1px solid #e3e3dc}.index-module__rightArrowIconWrap___rHaqy{position:absolute;top:50%;right:24px;transform:translateY(-50%);width:24px;height:24px}.index-module__rightArrowIconWrap___rHaqy .index-module__rightArrowIcon___y4GWc{width:100%;height:100%}.index-module__tipsMessageContainer___iXrG9{margin-top:8px;font-size:12px;color:#999}
.index-module__postcode___P7fVp{margin-top:16px}
.index-module__locationSelectContainer___rUvp8{position:relative;width:240px;height:48px}.index-module__locationSelectContainer___rUvp8 .index-module__ant-select-disabled___PrMKv{background-color:#f9f9f6 !important;color:rgba(0,0,0,.25)}.index-module__locationInputWithError___Q5-ZS{border-color:#e53a3a !important}.index-module__locationInputWithError___Q5-ZS{border-color:#e53a3a !important}.index-module__selectMask___0\+Zum{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:2;cursor:pointer}.index-module__locationInputWithOutError___-Y-Y0{border-color:#ccc !important}.index-module__required___iSvX4{color:#ff4513;font-family:"Hiragino Sans";font-size:12px;font-style:normal;font-weight:300;line-height:normal;margin-left:2px}.index-module__locationInputWithError___Q5-ZS{border-color:#e53a3a !important}.index-module__selectPlaceholder___UZKhk{color:#979797;display:inline-block;font-family:"Hiragino Sans";font-size:15px;font-style:normal;font-weight:300;line-height:22px;position:absolute;top:28px;left:12px;transition:all .3s ease;pointer-events:none;z-index:0}.index-module__selectPlaceholderFouse___J\+mUF{display:none}.index-module__errorMessageContainer___elepF{position:absolute;top:57px;margin-top:8px;font-size:12px;color:red}.index-module__errorMessage___4Uwlg{font-size:12px;color:red}.index-module__right-border___mOwqa{position:absolute;display:flex;align-items:center;top:50%;left:3.2vw;transform:translateY(-50%)}.index-module__right-border___mOwqa .index-module__imgWrap___Adj\+n{width:5.6vw;height:3.73333vw}.index-module__right-border___mOwqa .index-module__imgWrap___Adj\+n img{width:100%;height:100%}.index-module__right-border___mOwqa .index-module__phoneCountry___05MYq{margin-left:2.13333vw;color:#333;font-family:"Hiragino Sans";font-size:3.2vw;font-style:normal;font-weight:600;line-height:4.8vw}.index-module__right-border___mOwqa{width:17.86667vw;height:4.8vw;border-right:0.2vw solid #e3e3dc}.index-module__rightArrowIconWrap___0w0o5{position:absolute;top:50%;right:3.2vw;transform:translateY(-50%);width:3.2vw;height:3.2vw}.index-module__rightArrowIconWrap___0w0o5 .index-module__rightArrowIcon___99FYG{width:100%;height:100%}.index-module__tipsMessageContainer___\+Fru2{margin-top:1.6vw;margin-bottom:1.6vw;font-size:2.13333vw;color:#999}
.index-module__selectSection___ExYK\+{display:inline-block;position:relative}.index-module__selectSection___ExYK\+ .index-module__province___Scpv-{margin-top:16px;margin-right:16px}.index-module__selectSection___ExYK\+ .index-module__city___aj0Uo{margin-top:16px;margin-right:16px}.index-module__selectSection___ExYK\+ .index-module__district___w2waa{margin-top:16px}
.index-module__address___lHkMZ{display:inline-grid;width:368px;margin-top:24px;margin-right:16px}.index-module__address2___meGqc{display:inline-grid;width:368px;margin-top:24px}.index-module__lastname___mc1b6{display:inline-grid;width:368px;margin-bottom:16px}.index-module__firstname___700hy{display:inline-grid;width:368px;margin-right:16px;margin-bottom:16px}
.index-module__phoneNumber___rZ\+jr{margin-bottom:16px}
.index-module__switch___CekIu{position:relative;padding:8px 0;display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}.index-module__switch___CekIu .index-module__switchText___\+sh7g{color:#333;font-family:"Hiragino Sans";font-size:14px;font-style:normal;font-weight:300;line-height:22px;margin-left:8px}.address-checkbox-btn .ant-checkbox-checked .ant-checkbox-inner{background-color:#333 !important;border-color:#333 !important}.index-module__switch___CekIu::before{top:0}.index-module__switch___CekIu::after{bottom:0}
.index-module__locationFormFooter___uH1Sm{position:absolute;bottom:0;width:752px;padding-top:16px;z-index:10000;display:flex;justify-content:flex-end;align-items:center;background-color:#fff}.index-module__locationFormFooter___uH1Sm .index-module__submitButton___KTETT{width:112px;height:40px;box-sizing:border-box;padding:8px 16px;text-align:center;color:#fff;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px;border-radius:3px;background:#333;cursor:pointer;border:none;transition:background-color .3s}.index-module__locationFormFooter___uH1Sm .index-module__submitButton___KTETT:hover{background:rgba(51,51,51,.8784313725)}.index-module__locationFormFooter___uH1Sm .index-module__closetButton___DajP3{height:40px;margin-right:16px;box-sizing:border-box;padding:8px 16px;text-align:center;color:#333;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px;border-radius:3px;background:#fff;cursor:pointer;border:1px solid #333;transition:background-color .3s}.index-module__locationFormFooter___uH1Sm .index-module__submitButton___KTETT:disabled{background-color:#e3e3dc;border-radius:3px;border:none;cursor:not-allowed}.index-module__locationFormFooter___uH1Sm .index-module__submitButton___KTETT.index-module__active___xMmTV{background:#333}.index-module__locationFormFooter___uH1Sm .index-module__submitButton___KTETT.index-module__active___xMmTV:hover{background:rgba(51,51,51,.8784313725)}
.index-module__locationForm___1CcZw{position:relative;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none;flex-grow:1;width:753px;min-height:414px;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.index-module__locationForm___1CcZw .index-module__locationFormContent___dxhri{overflow-y:scroll;padding-bottom:58px}.index-module__locationForm___1CcZw .index-module__title___vrZqq{padding:24px 0;overflow:hidden;color:#333;text-overflow:ellipsis;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px}.index-module__locationForm___1CcZw::-webkit-scrollbar{display:none}.index-module__locationFormContent___dxhri::-webkit-scrollbar{display:none}.pc-custom-loading{border-radius:50%;width:50px !important;height:50px !important;background-image:url(https://pic-cdn-jp.tao-media.co/kf/Se7015a6962434d109acec9d2244274fcL/100x100.gif);background-size:80% 80%;background-repeat:no-repeat;background-position:center;padding:0}.pc-custom-loading .odin-icon-tbjloading{display:none !important}
.index-module__modalHeader___EKHMz{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;background-color:#fff;border-radius:8px 8px 0 0}.index-module__hideBoder___zm7LM{border-bottom:none !important}.index-module__modalHeaderPage___84mPt{justify-content:flex-start;gap:18px}.index-module__headerText___9aUfN{display:flex;flex-direction:column}.index-module__title___GCp\+u{color:#191919;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px}.index-module__subtitle___9\+QUE{display:flex;color:#00ae74;font-family:"Hiragino Sans";font-size:12px;font-style:normal;font-weight:300;line-height:18px}.index-module__icon___OApxO{width:16px;height:16px;margin-right:4px}.index-module__closeButton___kuynE{align-self:flex-start;width:24px;height:24px;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:background .2s,transform .1s}.index-module__closeButton___kuynE:hover{background:rgba(0,0,0,.1)}.index-module__closeButton___kuynE:active{transform:scale(0.9)}.index-module__closeIcon___aN93k{width:20px;height:20px}
.location-modal-wrap .ant-modal-content{padding:0 !important}.locationModalWrap .ant-modal-content{padding:0 !important}.index-module__modalTopLine___Odhon{position:relative;left:-24px;border-bottom:1px solid #e3e3dc;width:800px}.index-module__modalDownLine___J4aJl{position:relative;left:-24px;bottom:57px;border-bottom:1px solid #e3e3dc;width:800px}.index-module__btn___mDvau,.index-module__btn-disable___clwgO{font-family:"Hiragino Sans";font-size:3.2vw;line-height:4.8vw;font-weight:600;color:#ff4513;background-color:#fff;border:1rpx #ff4513 solid}.index-module__btn-disable___clwgO{color:#fff;background-color:#e3e3dc;border-radius:6px;border:1rpx #e3e3dc solid}
.index-module__address-item___RUtNJ{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;padding:16px;background-color:#fff;border:1px solid #e3e3dc;margin-bottom:16px}.index-module__address-item___RUtNJ:hover{background:#f9f9f6 !important;border:1px solid #f9f9f6}.index-module__address-item-default___B9R2J{border:1px solid #333}.index-module__address-radio___LdpEY{width:24px}.address-radio-btn .ant-radio-checked .ant-radio-inner{background-color:#333 !important;border-color:#333 !important}.address-radio-btn:hover .ant-radio-inner{border-color:#333 !important}.index-module__address-info___V-EVy{margin-left:16px}.index-module__address-info-mini___H0Mhr{margin-bottom:10px;width:240px}.index-module__name-phone___5mcke{color:#333;font-family:"Hiragino Sans";font-size:14px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:8px}.index-module__name-phone___5mcke .index-module__default___gT-rd{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;border:1px solid #333;color:#333;font-family:"Hiragino Sans";font-size:12px;font-style:normal;font-weight:600;line-height:18px}.index-module__name-phone-default___IG0AO{color:#ff4513}.index-module__address___OGkbp{max-height:72px;color:#333;font-family:"Hiragino Sans";font-size:14px;font-style:normal;font-weight:300;line-height:22px}.index-module__address-default___kPRCW{color:#ff4513}.index-module__actions___2aCNe{position:absolute;top:16px;right:16px;cursor:pointer}.index-module__actions___2aCNe .index-module__edit___CPra\+{color:#333;font-family:"Hiragino Sans";font-size:14px;font-style:normal;font-weight:300;line-height:22px}
.index-module__address-list___rf5Uy{position:relative;width:100%;overflow-y:scroll;max-height:472px;padding-top:24px;padding-bottom:72px;background:#fff;-ms-overflow-style:none;flex-grow:1;-webkit-overflow-scrolling:touch}.index-module__address-list___rf5Uy .index-module__address-list-content___0S0Np{margin-top:16px}.index-module__address-list___rf5Uy::-webkit-scrollbar{display:none}.index-module__address-list-content___0S0Np::-webkit-scrollbar{display:none}.index-module__address-list-footer-btn___uylT8{width:100%;height:64px;line-height:64px;border:1px solid #e3e3dc;text-align:center;background:#f9f9f6;font-size:14px;font-weight:600;font-family:"Hiragino Sans";cursor:pointer}.index-module__address-list-footer-btn___uylT8 .index-module__address-add-btn___D0-yd{font-size:16px;margin-right:8px}.index-module__address-list-footer-btn___uylT8:hover{border:1px solid #333}
.location-modal-wrap .ant-modal-content{padding:0 !important}.locationModalWrap .ant-modal-content{padding:0 !important}.index-module__modalTopLine___ZXa0i{position:relative;left:-24px;border-bottom:1px solid #e3e3dc;width:800px}
.index-module__address-item___MnDqL{position:relative;padding:16px;border:1px solid #e3e3dc;background:#f9f9f6;margin-bottom:16px}.index-module__address-item___MnDqL:hover{border:1px solid #333;background:#e3e3dc}.index-module__address-item___MnDqL:last-child{margin-bottom:0px}.index-module__address-item-default___Tbeki{border:1px solid #ff4513 !important}.index-module__address-select-icon___Htbc0{display:none}.index-module__address-select-icon-default___cVHvj{position:absolute;top:-1px;right:-1px;width:20px;height:20px;background:#ff4513}.index-module__checkOutlined___eM86u{position:absolute;top:3.5px;right:3.5px;color:#fff !important;font-size:12px}.index-module__address-region___QhXQh{font-family:"Hiragino Sans";font-size:14px;font-weight:300;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.index-module__address___JRGdS{font-family:"Hiragino Sans";font-size:14px;font-style:normal;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.index-module__address-default___bchiK{color:#ff4513}.index-module__actions___C4\+uK{display:flex;align-items:center;margin-top:1.86667vw}.index-module__actions___C4\+uK .index-module__is-default___47gqE{border:1px solid #ff4513 !important;color:#ff4513 !important}.index-module__actions___C4\+uK .index-module__default___QfLJh{display:inline-flex;padding:0.26667vw 1.6vw;justify-content:center;align-items:center;border:1px solid #333;color:#333;font-family:"Hiragino Sans";font-size:2.93333vw;font-style:normal;font-weight:300;line-height:4.26667vw}.index-module__actions___C4\+uK .index-module__edit___6QhUF{position:absolute;bottom:5.33333vw;right:3.2vw;color:#333;font-family:"Hiragino Sans";font-size:3.2vw;font-style:normal;font-weight:600;line-height:4.8vw}.index-module__default-radio___Ol8K-{font-size:14px}.index-module__button___aQGZ\+{padding:5px 15px;background-color:#ff4d4f;color:#fff;border:none;border-radius:5px;cursor:pointer}.index-module__button___aQGZ\+:hover{background-color:#ff2a2e}.index-module__edit-btn___IqoJ1{background-color:#1890ff}.index-module__edit-btn___IqoJ1:hover{background-color:#40a9ff}
.index-module__address-list___WJ\+oC{position:relative;width:300px;padding-top:24px;padding-bottom:102px;padding-right:4px;background:#fff;box-shadow:0px 2px 16px 0px rgba(0,0,0,.1019607843);-ms-overflow-style:none;flex-grow:1;-webkit-overflow-scrolling:touch}.index-module__address-list___WJ\+oC .index-module__address-list-title___xxfft{font-family:"Hiragino Sans";font-weight:600;font-size:22px;line-height:33px;padding:0 24px}.index-module__address-list___WJ\+oC .index-module__address-list-content___AObvg{overflow-y:auto;max-height:510px;padding:0px 20px 16px 24px;margin-top:16px}.index-module__address-list___WJ\+oC .index-module__address-list-footer___SakSH{position:absolute;bottom:0;border-top:1px solid #e3e3dc;width:100%;height:102px;display:flex;align-items:center;text-align:center;background-color:#fff}.index-module__address-list___WJ\+oC .index-module__address-list-point___6zmkh{position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}.index-module__address-list___WJ\+oC::-webkit-scrollbar{display:none}.index-module__address-list-footer-btn___zBtQF{width:252px;height:53px;border:1px solid #e3e3dc;text-align:center;background:#f9f9f6;font-size:14px;font-weight:600;line-height:21px;font-family:"Hiragino Sans";padding:16px;margin:16px auto;cursor:pointer}.index-module__address-list-footer-btn___zBtQF .index-module__address-add-btn___hEB6Z{font-size:16px;margin-right:8px}.index-module__address-list-footer-btn___zBtQF:hover{background:#e3e3dc}.index-module__add-address-btn___CKZXd{margin-top:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.index-module__add-address-btn___CKZXd:hover{background-color:#45a049}
.index-module__submitButton___7XesK{width:170px;height:40px;box-sizing:border-box;padding:8px 16px;text-align:center;color:#fff;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px;border-radius:3px;background:#333;cursor:pointer;border:none;transition:background-color .3s}.index-module__submitButton___7XesK:hover{background:rgba(51,51,51,.8784313725)}.index-module__submitButtonGost___sC7g4{width:170px;height:40px;box-sizing:border-box;padding:8px 16px;text-align:center;font-family:"Hiragino Sans";font-size:16px;font-style:normal;font-weight:600;line-height:24px;border-radius:3px;border:1px solid #333;background:#fff;color:#333;cursor:pointer;transition:background-color .3s}.index-module__submitButtonGost___sC7g4:hover{background:rgba(241,238,238,.8784313725)}.index-module__disabled___3rZL6{background-color:#e3e3dc;cursor:not-allowed}
.useScroll-module__headerMove___xpfwY {
  position: fixed !important;
  top: 0 !important;
}
.useScroll-module__headerMoveM___UwV0z {
  position: fixed !important;
  top: 11.2vw !important;
}

.index-module__flexBox___6-rPc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-module__footer___75EjS {
  padding-top: 64px;
  padding-bottom: 64px;
  box-sizing: border-box;
  background: #f9f9f6;
  min-width: 1280px;
  flex-direction: column;
}
.index-module__myLinks___vtxRU {
  width: 100%;
  box-sizing: border-box;
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid #e3e3dc;
  p {
    margin: 0 20px;
  }
  a {
    font-weight: 300;
    font-size: 13px;
    color: #333;
  }
  a:hover {
    text-decoration: underline;
  }
}
.index-module__footerContent___h6Fym {
  padding: 0 48px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: flex-start;
  .index-module__qrcode___jqF16 {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: #333;
    .index-module__code___JGNi8 {
      height: 210px;
      margin-top: 16px;
      margin-bottom: 35px;
    }
    .index-module__go___QIO39 {
      color: #2490df;
      font-size: 14px;
      line-height: 21px;
      justify-content: flex-start;
      .index-module__img___yq\+Fh {
        width: 24px;
        margin-right: 2px;
      }
    }
  }
  /* 支付 */
  .index-module__payment___PJc93 {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    .index-module__social___pdPIN {
      height: 32px;
      margin-top: 16px;
      margin-bottom: 119px;
      justify-content: flex-start;
      a {
        display: block;
      }
      img {
        width: 32px;
        height: 32px;
        display: block;
      }
      .index-module__tiktok___T-1sH {
        margin: 0 15px;
      }
    }
    .index-module__icon___qvdh9 {
      height: 72px;
      margin-top: 16px;
    }
  }
  .index-module__rules___EftDL {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    .index-module__name___wdITR {
      margin-bottom: 16px;
    }
    .index-module__mr67___Emi4s {
      margin-right: 67px;
    }
    .index-module__title___h6vC4 {
      font-size: 14px;
      line-height: 48px;
      font-weight: 300;
      a {
        text-decoration: none;
        color: #333;
      }
    }
  }
}

.index-module__flexBox___7RaWH {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.index-module__pr___HAfRe {
  position: relative;
}
.index-module__logoPart___wUque,
.index-module__search___9MX92 {
  width: 100vw;
  box-sizing: border-box;
  padding: 1.06667vw 3.2vw;
  background: #fff;
  transition: all 0.3s ease;
}
.index-module__logoPart___wUque {
  justify-content: space-between;
  position: sticky;
  padding: 2.66667vw 3.2vw;
  top: 11.2vw;
  left: 0;
  right: 0;
  z-index: 99;
}
.index-module__logoWrap___680WK {
  transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: 2.66667vw;
  margin-left: -8vw;
}
.index-module__logoWrapLeft___TMeZY {
  margin-left: -36vw;
}
.index-module__logo___H2pjQ {
  height: 6.4vw;
  display: block;
}
.index-module__classify___f7RJs {
  width: 6.4vw;
  display: block;
  transition: all 0.3s ease;
}
.index-module__avatar___mqyge {
  height: 6.4vw;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6.4vw;
}
.index-module__avatarMask___HmUdN {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 6.4vw;
  background-color: rgba(0, 0, 0, 0.04);
  position: absolute;
  top: 0;
  left: 0;
}
.index-module__shoppingCartNum___xL4xB {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 2.66667vw;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 5.33333vw;
  text-indent: 0.4vw;
  width: 6.4vw;
  text-align: center;
  color: #333;
}
.index-module__searchImg___9Pvck {
  display: none;
}
.index-module__searchImgShow___TjlGH {
  display: block;
}
.index-module__mr24___WFMsw {
  margin-right: 3.2vw;
}
.index-module__inputWrap___RrvCd {
  position: relative;
  flex: 1;
  height: 9.6vw;
  background: #f9f9f6;
  overflow: hidden;
  border: 0.26667vw solid #333;
}
.index-module__input___4NIY1 {
  width: 100%;
  padding: 2.4vw;
  box-sizing: border-box;
  height: 9.6vw;
  color: #333;
  font-size: 3.2vw;
  font-weight: 600;
  border: none;
  outline: none;
  position: absolute;
  background: none;
  left: 0;
  top: 0;
  -webkit-appearance: none;
}
.index-module__searchIcon___fERVZ {
  width: 9.6vw;
  height: 9.6vw;
  background: url("https://gw.alicdn.com/imgextra/i2/O1CN01nPvkE72ABctTQ59oE_!!6000000008165-2-tps-120-121.png")
    #333 center no-repeat;
  background-size: 5.33333vw;
}
.index-module__cancelText___yxzTi {
  font-weight: 300;
  font-size: 3.2vw;
  color: #333;
  margin-left: 2.4vw;
}
.index-module__loginPrompt___HfOmf {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  padding: 0 3.2vw 1.6vw 0;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.index-module__loginPromptBg___AATtv {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11.2vw;
  background: #fff0ed;
}
.index-module__newUserVoucher___2dr7S {
  width: 53.76vw;
  height: 8vw;
  position: relative;
  z-index: 2;
  margin-left: -1.6vw;
}
.index-module__goLogin___y9avR {
  width: 16vw;
  height: 8vw;
  border-radius: 0.96267vw;
  text-align: center;
  line-height: 8vw;
  background: #ff4513;
  color: #fff;
  font-weight: 600;
  font-size: 2.66667vw;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.index-module__HiNewUser___0awiX {
  display: block;
  width: 21.6vw;
  height: 15.86667vw;
  position: relative;
  z-index: 2;
}

.adm-swiper {
  --height: auto;
  --width: 100%;
  --border-radius: 0;
  --track-padding: 0;
  --slide-size: 100%;
  --track-offset: 0%;
  display: block;
  width: var(--width);
  height: var(--height);
  position: relative;
  border-radius: var(--border-radius);
  z-index: 0;
  overflow: hidden;
}
.adm-swiper-track {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  padding: var(--track-padding);
}
.adm-swiper-track-allow-touch-move {
  cursor: -webkit-grab;
  cursor: grab;
}
.adm-swiper-track-inner {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.adm-swiper-slide,
.adm-swiper-slide-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  white-space: unset;
  flex: none;
}
.adm-swiper-item {
  display: block;
  width: 100%;
  height: 100%;
  white-space: normal;
}
.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
  touch-action: pan-y;
}
.adm-swiper-horizontal .adm-swiper-indicator {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
}
.adm-swiper-horizontal .adm-swiper-track {
  transform: translateX(var(--track-offset));
}
.adm-swiper-horizontal .adm-swiper-track-inner {
  flex-direction: row;
  width: var(--slide-size);
}
.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
  touch-action: pan-x;
}
.adm-swiper-vertical .adm-swiper-indicator {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.adm-swiper-vertical .adm-swiper-track {
  transform: translateY(var(--track-offset));
}
.adm-swiper-vertical .adm-swiper-track-inner {
  flex-direction: column;
  height: var(--slide-size);
}

.adm-page-indicator {
  display: flex;
  width: auto;
  --dot-color: var(--adm-color-light);
  --active-dot-color: var(--adm-color-primary);
  --dot-size: 3px;
  --active-dot-size: 13px;
  --dot-border-radius: 1px;
  --active-dot-border-radius: var(--dot-border-radius);
  --dot-spacing: 3px;
}
.adm-page-indicator-dot {
  display: block;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: var(--dot-border-radius);
  background: var(--dot-color);
}
.adm-page-indicator-dot:last-child {
  margin-right: 0;
}
.adm-page-indicator-dot-active {
  border-radius: var(--active-dot-border-radius);
  background: var(--active-dot-color);
}
.adm-page-indicator-color-white {
  --dot-color: rgba(255, 255, 255, 0.5);
  --active-dot-color: var(--adm-color-text-light-solid);
}
.adm-page-indicator-horizontal {
  flex-direction: row;
}
.adm-page-indicator-horizontal .adm-page-indicator-dot {
  margin-right: var(--dot-spacing);
}
.adm-page-indicator-horizontal .adm-page-indicator-dot-active {
  width: var(--active-dot-size);
}
.adm-page-indicator-vertical {
  flex-direction: column;
}
.adm-page-indicator-vertical .adm-page-indicator-dot {
  margin-bottom: var(--dot-spacing);
}
.adm-page-indicator-vertical .adm-page-indicator-dot-active {
  height: var(--active-dot-size);
}

.search-placeholders-module__placeholders___ukeCZ {
  color: #999;
  font-size: 15px;
  line-height: 16px;
  height: 16px;
  font-weight: 300;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.index-module__flexBox___ydN2S {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-module__footer___Cl5Wp {
  background: #f9f9f6;
  box-sizing: border-box;
  padding: 10.66667vw 7.46667vw;
  .index-module__about___VI5-A {
    font-size: 3.2vw;
    color: #2490df;
    font-weight: 500;
    justify-content: flex-start;
    text-decoration: none;
    .index-module__img___vMUG6 {
      width: 4.8vw;
      margin-left: 1.6vw;
    }
  }
  .index-module__payment___s9p0g {
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 600;
    color: #333;
    margin-top: 10.66667vw;
    .index-module__img___vMUG6 {
      margin-top: 3.2vw;
      height: 4.8vw;
    }
  }
  .index-module__socialMedia___Tq2My {
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 400;
    color: #333;
    margin-top: 10.66667vw;
    justify-content: flex-start;
    .index-module__tiktok___VyOiV {
      margin: 0 5.33333vw;
    }
    .index-module__imgs___gj-F4 {
      display: flex;
      justify-content: flex-start;
      padding-top: 3.2vw;
    }
    .index-module__img___vMUG6 {
      height: 8vw;
      display: block;
    }
  }
  .index-module__linksTitle___cMYC8 {
    font-weight: 600;
    font-size: 3.2vw;
    color: #333;
    margin-top: 10.66667vw;
  }
  .index-module__links___KIcZg {
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 600;
    color: #333;
    margin-top: 3.2vw;
    align-items: flex-start;
    .index-module__part___uh1\+\+ {
      width: 50%;
    }
    .index-module__split___flaZD {
      width: 6vw;
      height: 1px;
    }
    .index-module__h3___xezgS {
      font-weight: 300;
      font-size: 2.66667vw;
      line-height: 4vw;
      color: #757575;
      height: 8vw;
      margin-bottom: 4vw;
      a {
        text-decoration: none;
        color: #333;
      }
    }
  }
}
:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 8px;
  --adm-radius-l: 12px;
  --adm-font-size-1: 9px;
  --adm-font-size-2: 10px;
  --adm-font-size-3: 11px;
  --adm-font-size-4: 12px;
  --adm-font-size-5: 13px;
  --adm-font-size-6: 14px;
  --adm-font-size-7: 15px;
  --adm-font-size-8: 16px;
  --adm-font-size-9: 17px;
  --adm-font-size-10: 18px;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-yellow: #ff9f18;
  --adm-color-orange: #ff6430;
  --adm-color-wathet: #e7f1ff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-background: #ffffff;
  --adm-color-highlight: var(--adm-color-danger);
  --adm-color-white: #ffffff;
  --adm-color-box: #f5f5f5;
  --adm-color-text-light-solid: var(--adm-color-white);
  --adm-color-text-dark-solid: #000000;
  --adm-color-fill-content: var(--adm-color-box);
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-yellow: #ffa930;
  --adm-color-orange: #e65a2b;
  --adm-color-wathet: #0d2543;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-color-background-body: var(--adm-color-background);
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: var(--adm-color-background-body);
}
body {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: unset;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: unset;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  left: -100vw;
  top: -100vh;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.adm-action-sheet-popup > .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.adm-action-sheet-extra {
  display: flex;
  justify-content: center;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-7);
  padding: 18px 12px;
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-list {
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-item-wrapper {
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-item-wrapper:last-child {
  border-bottom: none;
}
.adm-action-sheet-button-item {
  text-align: center;
  display: block;
  background-color: var(--adm-color-background);
  padding: 16px;
}
.adm-action-sheet-button-item:active {
  background-color: var(--adm-color-border);
}
.adm-action-sheet-button-item-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.adm-action-sheet-button-item-name {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-10);
}
.adm-action-sheet-button-item-description {
  font-size: var(--adm-font-size-6);
  color: var(--adm-color-weak);
  padding-top: 4px;
}
.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
  color: var(--adm-color-danger);
}
.adm-action-sheet-button-item-bold .adm-action-sheet-button-item-name {
  font-weight: bold;
}
.adm-action-sheet-cancel {
  background-color: var(--adm-color-fill-content);
  padding-top: 8px;
}

.adm-popup {
  --z-index: var(--adm-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-popup-body {
  position: fixed;
  background-color: var(--adm-color-background);
  z-index: calc(var(--z-index) + 10);
}
.adm-popup-body .adm-popup-close-icon {
  position: absolute;
  z-index: 100;
}
.adm-popup-body-position-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.adm-popup-body-position-bottom .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-top {
  width: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-top .adm-popup-close-icon {
  right: 8px;
  bottom: 8px;
}
.adm-popup-body-position-left {
  height: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-left .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-right {
  height: 100%;
  top: 0;
  right: 0;
}
.adm-popup-body-position-right .adm-popup-close-icon {
  left: 8px;
  top: 8px;
}
.adm-popup-close-icon {
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  color: var(--adm-color-weak);
}

.adm-mask {
  --z-index: var(--adm-mask-z-index, 1000);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.adm-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adm-mask-content {
  z-index: 1;
}

.adm-safe-area {
  --multiple: var(--adm-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.adm-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.adm-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}

.adm-auto-center {
  display: flex;
  justify-content: center;
}
.adm-auto-center-content {
  flex: 0 1 auto;
}

.adm-avatar {
  --size: var(--adm-avatar-size, 44px);
  --border-radius: var(--adm-avatar-border-radius, 4px);
  border-radius: var(--border-radius);
}
.adm-avatar.adm-image {
  --width: var(--size);
  --height: var(--size);
}
.adm-avatar-fallback {
  height: 100%;
  width: 100%;
  display: block;
}

.adm-image {
  --width: var(--adm-image-width, auto);
  --height: var(--adm-image-height, auto);
  width: var(--width);
  height: var(--height);
  display: block;
  overflow: hidden;
}
.adm-image-img {
  width: 100%;
  height: 100%;
}
.adm-image-tip {
  position: relative;
  background-color: var(--adm-color-fill-content);
  height: 100%;
  min-height: 24px;
  min-width: 24px;
}
.adm-image-tip > svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--adm-color-weak);
}

.adm-badge-wrapper {
  display: inline-block;
  position: relative;
}
.adm-badge {
  display: inline-flex;
  vertical-align: middle;
  box-sizing: content-box;
  border-radius: 100px;
  background-color: var(--color);
  --right: 0;
  --top: 0;
  --color: var(--adm-badge-color, var(--adm-color-highlight));
}
.adm-badge-content {
  color: var(--adm-color-text-light-solid);
  box-sizing: border-box;
  min-width: 8px;
  padding: 1px 4px;
  font-size: var(--adm-font-size-1);
  line-height: 12px;
  white-space: nowrap;
  font-weight: normal;
  text-align: center;
}
.adm-badge-fixed {
  position: absolute;
  right: var(--right);
  top: var(--top);
  transform: translate(50%, -50%);
}
.adm-badge-dot {
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.adm-badge-bordered {
  border: solid 1px var(--adm-color-text-light-solid);
}

.adm-button {
  --color: var(--adm-color-text-light-solid);
  --text-color: var(--adm-button-text-color, var(--adm-color-text));
  --background-color: var(--adm-button-background-color, var(--adm-color-background));
  --border-radius: var(--adm-button-border-radius, 4px);
  --border-width: var(--adm-button-border-width, 1px);
  --border-style: var(--adm-button-border-style, solid);
  --border-color: var(--adm-button-border-color, var(--adm-color-border));
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  padding: 7px 12px;
  margin: 0;
  font-size: var(--adm-font-size-9);
  line-height: 1.4;
  text-align: center;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
          user-select: none;
}
.adm-button:focus {
  outline: none;
}
.adm-button::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  width: 100%;
  height: 100%;
  background-color: var(--adm-color-text-dark-solid);
  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
  border-radius: var(--border-radius);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-button:active::before {
  opacity: 0.08;
}
.adm-button-default.adm-button-fill-outline {
  --background-color: transparent;
  --border-color: var(--adm-color-text);
}
.adm-button-default.adm-button-fill-none {
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button:not(.adm-button-default) {
  --text-color: var(--adm-color-text-light-solid);
  --background-color: var(--color);
  --border-color: var(--color);
}
.adm-button:not(.adm-button-default).adm-button-fill-outline {
  --text-color: var(--color);
  --background-color: transparent;
}
.adm-button:not(.adm-button-default).adm-button-fill-none {
  --text-color: var(--color);
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button-primary {
  --color: var(--adm-color-primary);
}
.adm-button-success {
  --color: var(--adm-color-success);
}
.adm-button-danger {
  --color: var(--adm-color-danger);
}
.adm-button-warning {
  --color: var(--adm-color-warning);
}
.adm-button-block {
  display: block;
  width: 100%;
}
.adm-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-button-disabled:active::before {
  display: none;
}
.adm-button.adm-button-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-main);
}
.adm-button.adm-button-mini.adm-button-shape-rounded {
  padding-left: 9px;
  padding-right: 9px;
}
.adm-button.adm-button-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-7);
}
.adm-button.adm-button-large {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: var(--adm-font-size-10);
}
.adm-button.adm-button-shape-rounded {
  --border-radius: 1000px;
}
.adm-button.adm-button-shape-rectangular {
  --border-radius: 0;
}
.adm-button-loading {
  vertical-align: bottom;
}
.adm-button-loading-wrapper {
  display: flex;
  height: 1.4em;
  align-items: center;
  justify-content: center;
}
.adm-button-loading-wrapper > .adm-loading {
  opacity: 0.6;
}

.adm-dot-loading {
  display: inline-block;
}

.adm-calendar .adm-calendar-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {
  padding: 4px 8px;
  display: block;
  flex: none;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
  height: 22px;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {
  transform: rotate(180deg);
}
.adm-calendar .adm-calendar-header .adm-calendar-title {
  font-size: var(--adm-font-size-10);
  flex: auto;
  text-align: center;
}
.adm-calendar .adm-calendar-body {
  display: flex;
  flex-wrap: wrap;
}
.adm-calendar-cells {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 8px 8px 4px;
}
.adm-calendar-cell {
  flex: none;
  box-sizing: border-box;
  width: calc(100% / 7);
  height: 48px;
  margin-bottom: 4px;
  padding: 2px;
  color: var(--adm-color-text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.adm-calendar-cell.adm-calendar-cell-today {
  color: var(--adm-color-primary);
}
.adm-calendar-cell.adm-calendar-cell-disabled {
  color: var(--adm-color-light);
}
.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
  color: var(--adm-color-light);
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
}
.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {
  color: var(--adm-color-white);
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
  color: var(--adm-color-light);
}
.adm-calendar-cell .adm-calendar-cell-top {
  flex: none;
  font-size: var(--adm-font-size-10);
}
.adm-calendar-cell .adm-calendar-cell-bottom {
  flex: none;
  font-size: var(--adm-font-size-4);
  height: 12px;
  line-height: 12px;
  color: var(--adm-color-weak);
}
.adm-calendar-mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px var(--adm-color-border);
  height: 45px;
  box-sizing: border-box;
  font-size: var(--adm-font-size-7);
  padding: 0 8px;
}
.adm-calendar-mark .adm-calendar-mark-cell {
  flex: 1;
  text-align: center;
}

.adm-calendar-picker .adm-calendar-picker-title,
.adm-calendar-picker .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-title,
.adm-calendar-picker-view .adm-calendar-picker-title,
.adm-calendar-picker-view .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-title,
.adm-calendar-picker-popup .adm-calendar-picker-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-title {
  flex: auto;
  font-size: var(--adm-font-size-10);
}
.adm-calendar-picker .adm-calendar-picker-header,
.adm-calendar-picker .adm-calendar-picker-view-header,
.adm-calendar-picker .adm-calendar-picker-popup-header,
.adm-calendar-picker-view .adm-calendar-picker-header,
.adm-calendar-picker-view .adm-calendar-picker-view-header,
.adm-calendar-picker-view .adm-calendar-picker-popup-header,
.adm-calendar-picker-popup .adm-calendar-picker-header,
.adm-calendar-picker-popup .adm-calendar-picker-view-header,
.adm-calendar-picker-popup .adm-calendar-picker-popup-header {
  padding: 12px;
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-calendar-picker .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-header .adm-calendar-picker-view-title {
  text-align: center;
}
.adm-calendar-picker .adm-calendar-picker-body,
.adm-calendar-picker .adm-calendar-picker-view-body,
.adm-calendar-picker .adm-calendar-picker-popup-body,
.adm-calendar-picker-view .adm-calendar-picker-body,
.adm-calendar-picker-view .adm-calendar-picker-view-body,
.adm-calendar-picker-view .adm-calendar-picker-popup-body,
.adm-calendar-picker-popup .adm-calendar-picker-body,
.adm-calendar-picker-popup .adm-calendar-picker-view-body,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body {
  height: 64vh;
  overflow: auto;
}
.adm-calendar-picker .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker .adm-calendar-picker-popup-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-popup-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body::-webkit-scrollbar {
  display: none;
}
.adm-calendar-picker .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body .adm-calendar-picker-view-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px 20px;
  background-color: var(--adm-color-box);
}
.adm-calendar-picker .adm-calendar-picker-footer-bottom,
.adm-calendar-picker .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker .adm-calendar-picker-popup-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer-bottom {
  padding: 0 20px 16px;
}
.adm-calendar-picker .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker .adm-calendar-picker-popup-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer .adm-divider {
  margin-top: 0;
}
.adm-calendar-picker .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker .adm-calendar-picker-popup-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer .adm-button {
  width: 100%;
}
.adm-calendar-picker-cells,
.adm-calendar-picker-view-cells,
.adm-calendar-picker-popup-cells {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 4px 8px;
}
.adm-calendar-picker-cell,
.adm-calendar-picker-view-cell,
.adm-calendar-picker-popup-cell {
  flex: none;
  box-sizing: border-box;
  width: calc(100% / 7);
  min-height: 55px;
  margin-bottom: 4px;
  padding: 2px;
  color: var(--adm-color-text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-today {
  color: var(--adm-color-primary);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected {
  background: rgba(22, 119, 255, 0.1);
  color: var(--adm-color-text);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom {
  color: var(--adm-color-white);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-date {
  flex: none;
  line-height: 22px;
  font-size: var(--adm-font-size-8);
}
.adm-calendar-picker-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-bottom {
  flex: none;
  font-size: var(--adm-font-size-1);
  height: 14px;
  line-height: 14px;
  color: var(--adm-color-weak);
}
.adm-calendar-picker-mark,
.adm-calendar-picker-view-mark,
.adm-calendar-picker-popup-mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px var(--adm-color-border);
  height: 45px;
  box-sizing: border-box;
  font-size: var(--adm-font-size-6);
  padding: 0 8px;
}
.adm-calendar-picker-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-mark .adm-calendar-picker-popup-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-popup-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-popup-mark-cell {
  flex: 1;
  text-align: center;
}

.adm-divider-horizontal {
  display: flex;
  align-items: center;
  margin: 16px 0;
  border-width: 0;
  border-color: var(--adm-color-border);
  border-style: solid;
  color: var(--adm-color-weak);
  font-size: 14px;
}
.adm-divider-left.adm-divider-horizontal::before {
  max-width: 10%;
}
.adm-divider-right.adm-divider-horizontal::after {
  max-width: 10%;
}
.adm-divider-horizontal::after,
.adm-divider-horizontal::before {
  flex: auto;
  display: block;
  content: '';
  border-style: inherit;
  border-color: inherit;
  border-width: 1px 0 0;
}
.adm-divider-horizontal .adm-divider-content {
  flex: none;
  padding: 0 16px;
}
.adm-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 16px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--adm-color-border);
}

.adm-capsule-tabs {
  position: relative;
  min-width: 0;
}
.adm-capsule-tabs-header {
  position: relative;
  padding: 12px 6px;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-capsule-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-capsule-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-capsule-tabs-tab-wrapper {
  flex: auto;
  padding: 0 6px;
}
.adm-capsule-tabs-tab {
  position: relative;
  padding: 8px 20px;
  margin: 0 auto;
  border-radius: 20px;
  cursor: pointer;
  font-size: var(--adm-font-size-7);
  text-align: center;
  white-space: nowrap;
  background-color: var(--adm-color-fill-content);
}
.adm-capsule-tabs-tab-active {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
}
.adm-capsule-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-capsule-tabs-content {
  padding: 12px;
}

.adm-scroll-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-scroll-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-scroll-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-card {
  background: var(--adm-color-background);
  border-radius: var(--adm-card-border-radius, 8px);
  padding: 0 var(--adm-card-padding-inline, 12px);
}
.adm-card-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--adm-card-header-gap, 8px);
  box-sizing: border-box;
  padding: var(--adm-card-header-padding-block, 12px) 0;
}
.adm-card-header:not(:last-child) {
  border-bottom: solid var(--adm-card-header-border-width, 0.5px) var(--adm-card-header-border-color, var(--adm-color-border));
}
.adm-card-header-title {
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  font-weight: bold;
}
.adm-card-body {
  padding: var(--adm-card-body-padding-block, 12px) 0;
}

.adm-picker {
  --header-button-font-size: var(--adm-font-size-7);
  --title-font-size: var(--adm-font-size-7);
  --item-font-size: var(--adm-font-size-8);
  --item-height: 34px;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  ---item-font-size: var(--item-font-size);
  ---item-height: var(--item-height);
}
.adm-picker .adm-picker-view.adm-picker-view {
  --item-font-size: var(---item-font-size);
  --item-height: var(---item-height);
}
.adm-picker-header {
  flex-shrink: 0;
  border-bottom: solid 1px var(--adm-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px;
}
.adm-picker-header-button {
  font-size: var(--header-button-font-size);
  display: inline-block;
  padding: 8px 8px;
}
.adm-picker-header-button-disabled,
.adm-picker-header-button-disabled:active {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-picker-header-title {
  padding: 4px 4px;
  font-size: var(--title-font-size);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-picker-body {
  flex: 1;
  width: 100%;
  height: 100%;
}
.adm-picker-body > .adm-picker-view {
  --height: 100%;
}
.adm-picker-popup .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.adm-spin-loading {
  --color: var(--adm-color-weak);
  --size: 32px;
  width: var(--size);
  height: var(--size);
}
.adm-spin-loading-svg {
  width: 100%;
  height: 100%;
  animation: adm-spin-loading-rotate 0.8s infinite linear;
}
.adm-spin-loading-svg > .adm-spin-loading-fill {
  stroke: var(--color);
}
@keyframes adm-spin-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.adm-picker-view {
  --height: 240px;
  --item-height: 34px;
  --item-font-size: var(--adm-font-size-8);
  height: var(--height);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  background: var(--adm-color-background);
}
.adm-picker-view-column {
  height: 100%;
  flex: 1;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  position: relative;
  z-index: 0;
}
.adm-picker-view-column-wheel {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  top: calc(50% - var(--item-height) / 2);
  left: 0;
}
.adm-picker-view-column-wheel::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
.adm-picker-view-column-wheel::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: -100vh;
}
.adm-picker-view-column-item {
  font-size: var(--item-font-size);
  padding: 0 6px;
  height: var(--item-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adm-picker-view-column-accessible {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  top: calc(var(--item-height) * -1);
  z-index: 0;
  padding-bottom: 1px;
}
.adm-picker-view-column-accessible > * {
  flex: 1;
  text-overflow: ellipsis;
}
.adm-picker-view-column-accessible-current {
  position: absolute;
  width: 100%;
  height: 100%;
}
.adm-picker-view-column-accessible-button {
  width: 100%;
  height: 100%;
}
.adm-picker-view-mask {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.adm-picker-view-mask-top,
.adm-picker-view-mask-bottom {
  flex: auto;
}
.adm-picker-view-mask-middle {
  height: var(--item-height);
  box-sizing: border-box;
  flex: none;
  border-top: solid 1px var(--adm-color-border);
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-picker-view-mask-top {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-mask-bottom {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-loading-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-item-height-measure {
  position: relative;
  left: 0;
  top: 0;
  height: var(--item-height);
  width: 0;
  pointer-events: none;
}

.adm-cascader-view {
  --height: auto;
}
.adm-cascader-view-tabs.adm-tabs {
  --title-font-size: var(--adm-font-size-6);
  --content-padding: none;
}
.adm-cascader-view-header-title {
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-cascader-view-content {
  height: var(--height);
  overflow-y: auto;
}
.adm-cascader-view-content > .adm-check-list {
  --border-inner: none;
  --border-bottom: none;
  --border-top: none;
}
.adm-cascader-view-item {
  font-size: var(--adm-font-size-6);
}
.adm-cascader-view-item-active {
  color: var(--adm-color-primary);
}
.adm-cascader-view .adm-list-inner {
  margin-bottom: 0;
}
.adm-cascader-view-skeleton {
  padding: 16px 12px;
}
.adm-cascader-view-skeleton .adm-skeleton {
  margin-bottom: 16px;
  --height: 18px;
  --width: 80%;
  --border-radius: 2px;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
  --width: 90%;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
  --width: 60%;
}

.adm-tabs {
  --title-font-size: var(--adm-font-size-9);
  --content-padding: 12px;
  --active-line-height: 2px;
  --active-line-border-radius: var(--active-line-height);
  --active-line-color: var(--adm-color-primary);
  --active-title-color: var(--adm-color-primary);
  position: relative;
  min-width: 0;
}
.adm-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-tabs-tab-wrapper {
  padding: 0 12px;
}
.adm-tabs-tab-wrapper-stretch {
  flex: auto;
}
.adm-tabs-tab {
  white-space: nowrap;
  padding: 8px 0 10px;
  width: -webkit-min-content;
  width: min-content;
  margin: 0 auto;
  font-size: var(--title-font-size);
  position: relative;
  cursor: pointer;
}
.adm-tabs-tab-active {
  color: var(--active-title-color);
}
.adm-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-tabs-tab-line {
  position: absolute;
  bottom: 0;
  height: var(--active-line-height);
  background: var(--active-line-color);
  border-radius: var(--active-line-border-radius);
}
.adm-tabs-content {
  padding: var(--content-padding);
}
.adm-tabs-header-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-tabs-header-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-tabs-header-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-check-list-item-extra {
  font-size: var(--adm-font-size-10);
  line-height: 1;
  color: var(--adm-color-primary);
}
.adm-check-list-item-readonly {
  cursor: unset;
}

.adm-list {
  --header-font-size: var(--adm-font-size-7);
  --prefix-width: 'auto';
  --prefix-padding-right: 12px;
  --align-items: center;
  --active-background-color: var(--adm-color-border);
  --border-inner: solid 1px var(--adm-color-border);
  --border-top: solid 1px var(--adm-color-border);
  --border-bottom: solid 1px var(--adm-color-border);
  --padding-left: 12px;
  --padding-right: 12px;
  --font-size: var(--adm-font-size-9);
  --extra-max-width: 70%;
}
.adm-list-header {
  color: var(--adm-color-weak);
  font-size: var(--header-font-size);
  padding: 8px var(--padding-right) 8px var(--padding-left);
}
.adm-list-body {
  background-color: var(--adm-color-background);
  overflow: hidden;
  font-size: var(--font-size);
}
.adm-list-body-inner {
  margin-top: -1px;
}
.adm-list-default .adm-list-body {
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
}
.adm-list-card {
  margin: 12px;
}
.adm-list-card .adm-list-body {
  border-radius: 8px;
}
.adm-list-card .adm-list-header {
  padding-left: 0;
}
.adm-list-item {
  display: block;
  padding-left: var(--padding-left);
  position: relative;
  background-color: var(--adm-color-background);
  line-height: 1.5;
}
.adm-list-item-title,
.adm-list-item-description {
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
}
.adm-list-item-content {
  display: flex;
  align-items: var(--align-items);
  justify-content: flex-start;
  border-top: var(--border-inner);
  padding-right: var(--padding-right);
}
.adm-list-item-content-prefix {
  width: var(--prefix-width);
  flex: none;
  padding-right: var(--prefix-padding-right);
}
.adm-list-item-content-main {
  flex: auto;
  padding: 12px 0;
}
.adm-list-item-content-extra {
  flex: none;
  padding-left: 12px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-weak);
  max-width: var(--extra-max-width);
}
.adm-list-item-content-arrow {
  flex: none;
  display: flex;
  align-items: center;
  margin-left: 4px;
  color: var(--adm-color-light);
  font-size: 19px;
}
.adm-list-item-disabled {
  cursor: not-allowed;
}
.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
  opacity: 0.4;
  pointer-events: none;
}
a.adm-list-item:active:not(.adm-list-item-disabled) {
  background-color: var(--active-background-color);
}
a.adm-list-item:active:not(.adm-list-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: var(--border-inner);
}

.adm-skeleton {
  --width: 100%;
  --height: 0;
  --border-radius: 0;
  background-color: rgba(190, 190, 190, 0.2);
  border-radius: var(--border-radius);
  width: var(--width);
  height: var(--height);
  display: block;
}
.adm-skeleton.adm-skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: adm-skeleton-loading 1.4s ease infinite;
}
.adm-skeleton.adm-skeleton-title {
  --width: 45%;
  --height: 32px;
  --border-radius: 2px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.adm-skeleton.adm-skeleton-paragraph-line {
  --height: 18px;
  --border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.adm-skeleton.adm-skeleton-paragraph-line:last-child {
  --width: 65%;
}
@keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.adm-cascader {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.adm-cascader-header {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
}
.adm-cascader-header-button {
  font-size: var(--adm-font-size-7);
  display: inline-block;
  padding: 4px 4px;
}
.adm-cascader-header-title {
  padding: 4px 4px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-cascader-body {
  flex: auto;
  height: 100%;
  width: 100%;
}
.adm-cascader-body > .adm-cascader-view {
  --height: 310px;
}

.adm-center-popup {
  --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));
  --border-radius: var(--adm-center-popup-border-radius, 8px);
  --max-width: var(--adm-center-popup-max-width, 75vw);
  --min-width: var(--adm-center-popup-min-width, 280px);
  --z-index: var(--adm-center-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-center-popup .adm-center-popup-mask {
  z-index: 0;
}
.adm-center-popup-wrap {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: var(--min-width);
  max-width: var(--max-width);
  transform: translate(-50%, -50%);
}
.adm-center-popup-body {
  background-color: var(--background-color);
  border-radius: var(--border-radius);
}
.adm-center-popup-close {
  position: absolute;
  z-index: 100;
  right: 8px;
  top: 8px;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  color: var(--adm-color-weak);
}

.adm-checkbox {
  --icon-size: 22px;
  --font-size: var(--adm-font-size-9);
  --gap: 8px;
  display: inline-flex;
  vertical-align: text-bottom;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.adm-checkbox input {
  display: none;
}
.adm-checkbox .adm-checkbox-icon {
  flex: none;
  border: 1px solid var(--adm-color-light);
  border-radius: var(--icon-size);
  box-sizing: border-box;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--adm-color-text-light-solid);
}
.adm-checkbox .adm-checkbox-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.adm-checkbox.adm-checkbox-block {
  display: flex;
}
.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
  border-color: var(--adm-color-primary);
  background-color: var(--adm-color-primary);
}
.adm-checkbox.adm-checkbox-disabled {
  cursor: not-allowed;
}
.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
  opacity: 0.4;
}
.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
  color: var(--adm-color-light);
  border-color: var(--adm-color-light);
  background-color: var(--adm-color-fill-content);
}
.adm-checkbox .adm-checkbox-custom-icon {
  font-size: var(--icon-size);
}
.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
  background-color: var(--adm-color-background);
  color: var(--adm-color-primary);
}
.adm-checkbox-content {
  flex: 0 1 auto;
  font-size: var(--font-size);
  padding-left: var(--gap);
}

.adm-collapse-panel-header .adm-list-item-content-main {
  padding: 12px 0;
}
.adm-collapse-arrow {
  transform: rotate(0deg);
  transition: all ease 0.3s;
}
.adm-collapse-arrow-active {
  transform: rotate(-180deg);
}
.adm-collapse-panel-content {
  font-size: var(--adm-font-size-main);
  color: var(--adm-color-weak);
  overflow: hidden;
}


.adm-dialog {
  --z-index: var(--adm-dialog-z-index, 1000);
  ---z-index: var(--z-index);
}
.adm-dialog .adm-center-popup {
  --z-index: var(---z-index);
}
.adm-dialog-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--adm-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-dialog-body > * {
  flex: none;
}
.adm-dialog-body > .adm-dialog-content {
  flex: auto;
}
.adm-dialog-body:not(.adm-dialog-with-image) {
  padding-top: 20px;
}
.adm-dialog-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
}
.adm-dialog-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.adm-dialog-title {
  margin-bottom: 8px;
  padding: 0 12px;
  font-weight: bold;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  text-align: center;
}
.adm-dialog-content {
  padding: 0 12px 20px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  color: var(--adm-color-text);
}
.adm-dialog-content-empty {
  padding: 0;
  height: 12px;
}
.adm-dialog-footer {
  -webkit-user-select: none;
          user-select: none;
}
.adm-dialog-footer .adm-dialog-action-row {
  display: flex;
  align-items: stretch;
  border-top: 0.5px solid var(--adm-color-border);
}
.adm-dialog-footer .adm-dialog-action-row > * {
  flex: 1;
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
  padding: 10px;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  border-radius: 0;
  border-right: solid 0.5px var(--adm-color-border);
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
  font-weight: bold;
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
  border-right: none;
}
.adm-dialog-image-container {
  overflow-y: auto;
}

.adm-dropdown {
  background-color: var(--adm-color-background);
}
.adm-dropdown .adm-dropdown-nav {
  display: flex;
  border-bottom: 1px solid transparent;
}
.adm-dropdown-open .adm-dropdown-nav {
  border-bottom-color: var(--adm-color-border);
}
.adm-dropdown-item {
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 0;
  cursor: pointer;
}
.adm-dropdown-item .adm-dropdown-item-title {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  font-size: var(--adm-font-size-main);
  padding: 12px;
}
.adm-dropdown-item .adm-dropdown-item-title-text {
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-dropdown-item .adm-dropdown-item-title-arrow {
  color: var(--adm-color-light);
  font-size: 9px;
  transform: rotate(0deg) translateY(1px);
  transition: all ease 0.2s;
}
.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
  transform: rotate(-180deg) translateY(-1px);
}
.adm-dropdown-item .adm-dropdown-item-title:active {
  opacity: 0.7;
}
.adm-dropdown-item-highlight {
  color: var(--adm-color-primary);
}
.adm-dropdown-item-active .adm-dropdown-item-title:after {
  margin-top: -1px;
  transform: rotate(135deg);
}
.adm-dropdown-item-content {
  width: 100%;
  background: var(--adm-color-background);
}
.adm-dropdown-item-content-hidden {
  display: none;
}
.adm-dropdown-popup {
  position: fixed;
  overflow: hidden;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
}
.adm-dropdown-popup .adm-dropdown-popup-mask {
  position: absolute;
}
.adm-dropdown-popup .adm-dropdown-popup-body {
  position: absolute;
}

.adm-ellipsis {
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
}

.adm-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.adm-empty-image-container {
  display: flex;
  justify-content: center;
}
.adm-empty-image-container .adm-empty-image {
  width: 64px;
  height: intrinsic;
}
.adm-empty-description {
  margin-top: 8px;
  font-size: var(--adm-font-size-6);
  color: var(--adm-color-light);
}

.adm-error-block {
  --color: var(--adm-color-text);
  --image-height: var(--adm-error-block-image-height, 100px);
  --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);
  --image-width: var(--adm-error-block-image-width, auto);
  --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);
  box-sizing: border-box;
  text-align: center;
}
.adm-error-block-image {
  height: var(--image-height);
  width: var(--image-width);
  max-width: 100%;
}
.adm-error-block-image svg,
.adm-error-block-image img {
  height: 100%;
}
.adm-error-block-description {
  font-size: var(--adm-font-size-4);
  color: var(--adm-color-weak);
  line-height: 1.4;
  margin-top: 12px;
}
.adm-error-block-description-title {
  font-size: var(--adm-font-size-7);
}
.adm-error-block-description-subtitle {
  margin-top: 8px;
}
.adm-error-block-content {
  margin-top: 12px;
}
.adm-error-block-full-page {
  padding-top: calc(50vh - var(--image-height-full-page));
}
.adm-error-block-full-page .adm-error-block-image {
  height: var(--image-height-full-page);
  width: var(--image-width-full-page);
}
.adm-error-block-full-page .adm-error-block-description {
  margin-top: 20px;
  font-size: var(--adm-font-size-main);
}
.adm-error-block-full-page .adm-error-block-description-title {
  font-size: 20px;
  color: var(--adm-color-text);
}

.adm-floating-bubble {
  --initial-position-left: var(--initial-position-left);
  --initial-position-right: var(--initial-position-right);
  --initial-position-top: var(--initial-position-top);
  --initial-position-bottom: var(--initial-position-bottom);
  --z-index: 1;
  --edge-distance: 0;
  --size: 48px;
  --border-radius: 50%;
  --background: var(--adm-color-primary);
}
.adm-floating-bubble-boundary-outer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: var(--edge-distance);
  box-sizing: border-box;
  pointer-events: none;
}
.adm-floating-bubble-boundary {
  position: relative;
  width: 100%;
  height: 100%;
}
.adm-floating-bubble-button {
  position: fixed;
  top: var(--initial-position-top);
  bottom: var(--initial-position-bottom);
  left: var(--initial-position-left);
  right: var(--initial-position-right);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  background: var(--background);
  color: var(--adm-color-white);
  border-radius: var(--border-radius);
  z-index: var(--z-index);
}

.adm-floating-panel {
  --border-radius: 8px;
  --header-height: 28px;
  --z-index: var(--adm-floating-panel-z-index, 900);
  position: fixed;
  z-index: var(--z-index);
  left: 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  touch-action: none;
}
.adm-floating-panel-mask {
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: -100vh;
  background: transparent;
}
.adm-floating-panel::after {
  content: '';
  display: block;
  position: absolute;
  height: 100vh;
  width: 100vw;
  background: var(--adm-color-background);
}
.adm-floating-panel .adm-floating-panel-header {
  flex: none;
  height: var(--header-height);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
  background-color: var(--adm-color-background);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
  height: 3px;
  width: 20px;
  border-radius: 10px;
  background: var(--adm-color-light);
}
.adm-floating-panel .adm-floating-panel-content {
  flex: 1;
  overflow-y: scroll;
  background: var(--adm-color-background);
}
.adm-floating-panel-top {
  top: 0;
}
.adm-floating-panel-top::after {
  top: -100vh;
}
.adm-floating-panel-bottom {
  bottom: 0;
}
.adm-floating-panel-bottom::after {
  bottom: -100vh;
}

.adm-form {
  --border-inner: solid 1px var(--adm-border-color);
  --border-top: solid 1px var(--adm-border-color);
  --border-bottom: solid 1px var(--adm-border-color);
  --prefix-width: 6.8em;
  ---border-inner: var(--border-inner);
  ---border-top: var(--border-top);
  ---border-bottom: var(--border-bottom);
  ---prefix-width: var(--prefix-width);
}
.adm-form .adm-list.adm-list {
  --padding-left: 16px;
  --padding-right: 12px;
  --border-inner: var(---border-inner);
  --border-top: var(---border-top);
  --border-bottom: var(---border-bottom);
}
.adm-form .adm-form-footer {
  padding: 20px 12px;
}
.adm-form .adm-form-item-horizontal.adm-list-item {
  --prefix-width: var(---prefix-width);
}
.adm-form-list-operation {
  text-align: center;
  color: var(--adm-color-primary);
}
.adm-form-item + .adm-form-item {
  border-top: none;
}
.adm-form-item-label {
  display: block;
  height: 100%;
  line-height: 1.5;
  box-sizing: border-box;
  position: relative;
  color: var(--adm-color-text-secondary);
}
.adm-form-item-label .adm-form-item-required-asterisk {
  position: absolute;
  left: -0.6em;
  top: 0;
  font-family: SimSun, sans-serif;
  color: var(--adm-color-danger);
  -webkit-user-select: none;
          user-select: none;
}
.adm-form-item-label .adm-form-item-required-text {
  margin-left: 4px;
  color: var(--adm-color-weak);
}
.adm-form-item-label-help {
  margin-left: 4px;
  cursor: pointer;
}
.adm-form-item-child {
  display: flex;
}
.adm-form-item-child-position-normal {
  justify-content: normal;
}
.adm-form-item-child-position-normal > * {
  flex: auto;
}
.adm-form-item-child-position-right {
  justify-content: flex-end;
}
.adm-form-item-child-position-right > * {
  flex: none;
}
.adm-form-item-feedback-error {
  color: var(--adm-color-danger);
  margin-top: 4px;
}
.adm-form-item-feedback-warning {
  color: var(--adm-color-warning);
  margin-top: 4px;
}
.adm-form-item.adm-form-item-hidden {
  display: none;
}
.adm-form-item.adm-form-item-horizontal.adm-list-item {
  --align-items: stretch;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
  padding-top: 12px;
  padding-bottom: 12px;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
  align-self: center;
}
.adm-form-item.adm-form-item-vertical .adm-form-item-label {
  font-size: var(--adm-font-size-7);
  margin-bottom: 4px;
}

.adm-popover {
  --z-index: var(--adm-popover-z-index, 1030);
  --background: #ffffff;
  --arrow-size: 8px;
  --content-padding: 8px 12px;
  color: var(--adm-color-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
          user-select: text;
  animation: none;
}
.adm-popover.adm-popover-dark {
  --background: rgba(0, 0, 0, 0.75);
  --adm-color-text: #ffffff;
  color: #ffffff;
}
.adm-popover.adm-popover-dark .adm-popover-inner {
  box-shadow: none;
}
.adm-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.adm-popover-hidden {
  display: none;
}
.adm-popover-inner {
  background-color: var(--background);
  background-clip: padding-box;
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
  font-size: var(--adm-font-size-7);
  width: -webkit-max-content;
  width: max-content;
  min-width: 32px;
  max-width: calc(100vw - 24px);
  overflow-y: hidden;
}
.adm-popover-inner-content {
  padding: var(--content-padding);
}
.adm-popover-arrow {
  position: absolute;
  display: block;
  height: var(--arrow-size);
  width: var(--arrow-size);
  overflow: visible;
  background: transparent;
}
.adm-popover-arrow-icon {
  display: block;
  height: var(--arrow-size);
  width: calc(var(--arrow-size) / 8 * 15);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
}
.adm-popover .adm-popover-arrow {
  color: var(--background);
}

.adm-popover-menu {
  --border-color: var(--adm-color-border);
}
.adm-popover-menu.adm-popover {
  --content-padding: 0;
}
.adm-popover-menu-list {
  overflow: hidden;
  min-width: 120px;
}
.adm-popover-menu-list-inner {
  margin-top: -1px;
}
.adm-popover-menu-list-scroll {
  padding-right: 2px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}
.adm-popover-menu-list-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ddd;
}
.adm-popover-menu-item {
  display: flex;
  padding-left: 20px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.adm-popover-menu-item-icon {
  flex: none;
  padding-right: 8px;
  font-size: 20px;
}
.adm-popover-menu-item-text {
  flex: auto;
  padding: 14px 20px 14px 0;
  border-top: solid 1px var(--border-color);
}
.adm-popover-menu-item-disabled {
  cursor: not-allowed;
}
.adm-popover-menu-item-disabled > * {
  opacity: 0.4;
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
  background-color: var(--border-color);
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: solid 1px var(--border-color);
}
.adm-popover.adm-popover-dark.adm-popover-menu {
  --border-color: var(--adm-color-text);
  --background: rgba(0, 0, 0, 0.9);
}

.adm-grid {
  --gap: 0;
  --gap-horizontal: var(--gap);
  --gap-vertical: var(--gap);
  display: grid;
  grid-gap: 10px;
  -webkit-column-gap: var(--gap-horizontal);
          column-gap: var(--gap-horizontal);
  row-gap: var(--gap-vertical);
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  align-items: stretch;
}
.adm-grid-item {
  grid-column-end: span var(--item-span);
}

.adm-image-viewer-content {
  width: 100vw;
  height: 100vh;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
}
.adm-image-viewer-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.adm-image-viewer-slides {
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-slides-inner {
  height: 100%;
  white-space: nowrap;
}
.adm-image-viewer-slides-inner > * {
  margin-right: 16px;
}
.adm-image-viewer-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.adm-image-viewer-control {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-image-viewer-image-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.adm-image-viewer-indicator {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 12px;
  transform: translateX(-50%);
  color: var(--adm-color-border);
  font-size: var(--adm-font-size-6);
}

.adm-space-item {
  flex: none;
}
.adm-space {
  display: inline-flex;
  --gap: 8px;
  --gap-vertical: var(--gap);
  --gap-horizontal: var(--gap);
}
.adm-space-vertical {
  flex-direction: column;
}
.adm-space-vertical > .adm-space-item {
  margin-bottom: var(--gap-vertical);
}
.adm-space-vertical > .adm-space-item:last-child {
  margin-bottom: 0;
}
.adm-space-horizontal {
  flex-direction: row;
}
.adm-space-horizontal > .adm-space-item {
  margin-right: var(--gap-horizontal);
}
.adm-space-horizontal > .adm-space-item:last-child {
  margin-right: 0;
}
.adm-space-horizontal.adm-space-wrap {
  flex-wrap: wrap;
  margin-bottom: calc(var(--gap-vertical) * -1);
}
.adm-space-horizontal.adm-space-wrap > .adm-space-item {
  padding-bottom: var(--gap-vertical);
}
.adm-space.adm-space-block {
  display: flex;
}
.adm-space-align-center {
  align-items: center;
}
.adm-space-align-start {
  align-items: flex-start;
}
.adm-space-align-end {
  align-items: flex-end;
}
.adm-space-align-baseline {
  align-items: baseline;
}
.adm-space-justify-center {
  justify-content: center;
}
.adm-space-justify-start {
  justify-content: flex-start;
}
.adm-space-justify-end {
  justify-content: flex-end;
}
.adm-space-justify-between {
  justify-content: space-between;
}
.adm-space-justify-around {
  justify-content: space-around;
}
.adm-space-justify-evenly {
  justify-content: space-evenly;
}
.adm-space-justify-stretch {
  justify-content: stretch;
}

.adm-image-uploader {
  --cell-size: 80px;
  --gap: 12px;
  ---gap: var(--gap);
  ---gap-horizontal: var(--gap-horizontal, var(--gap));
  ---gap-vertical: var(--gap-vertical, var(--gap));
}
.adm-image-uploader-grid,
.adm-image-uploader-space {
  --gap: var(---gap);
  --gap-horizontal: var(---gap-horizontal);
  --gap-vertical: var(---gap-vertical);
}
.adm-image-uploader-cell {
  position: relative;
  width: var(--cell-size);
  height: var(--cell-size);
  border-radius: 4px;
  overflow: hidden;
}
.adm-image-uploader-cell-fail {
  border: red solid 1px;
  box-sizing: border-box;
}
.adm-image-uploader-cell-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 0 12px;
  font-size: 8px;
  color: var(--adm-color-white);
  cursor: pointer;
}
.adm-image-uploader-cell-delete-icon {
  position: absolute;
  left: 4px;
  top: 3px;
}
.adm-image-uploader-cell-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--adm-color-white);
  background-color: rgba(50, 50, 51, 0.88);
}
.adm-image-uploader-cell-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  padding-top: 8px;
}
.adm-image-uploader-cell-mask-message {
  display: inline-block;
  padding: 6px 4px;
  font-size: var(--adm-font-size-4);
}
.adm-image-uploader-cell-image {
  width: var(--cell-size);
  height: var(--cell-size);
}
.adm-image-uploader-upload-button-wrap {
  position: relative;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button {
  background-color: var(--adm-color-box);
  text-align: center;
  line-height: var(--cell-size);
  display: block;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
  color: var(--adm-color-weak);
  font-size: 32px;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.adm-image-uploader .adm-image-uploader-gap-measure {
  position: absolute;
  left: 0;
  top: 0;
  height: var(--gap-horizontal);
  width: 0;
}

.adm-index-bar {
  --color: var(--adm-color-text);
  overflow: hidden;
  height: 100%;
  position: relative;
  background-color: var(--adm-color-background);
  --sticky-offset-top: 0;
}
.adm-index-bar-body {
  overflow: scroll;
  height: 100%;
  width: 100%;
}
.adm-index-bar-body::-webkit-scrollbar {
  display: none;
}
.adm-index-bar-anchor-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 35px;
  padding: 0 12px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-fill-content);
}
.adm-index-bar-sidebar {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 910;
  overflow: visible;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-4);
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
}
.adm-index-bar-sidebar-bubble {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 47px;
  height: 47px;
  color: var(--adm-color-text-light-solid);
  font-size: 25px;
  line-height: 47px;
  text-align: center;
  background: var(--adm-color-light);
  border-radius: 50%;
  transform: translateY(-50%);
}
.adm-index-bar-sidebar-row {
  cursor: pointer;
  width: auto;
  text-align: right;
  position: relative;
  padding: 0 12px;
}
.adm-index-bar-sidebar-row > * {
  pointer-events: none;
}
.adm-index-bar-sidebar-item {
  display: inline-flex;
  width: 16px;
  height: 16px;
  line-height: 16px;
  justify-content: center;
  align-items: center;
}
.adm-index-bar-sidebar-item-active {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
  border-radius: 50%;
}
.adm-index-bar-sidebar-interacting {
  width: 100%;
}
.adm-index-bar-sticky .adm-index-bar-anchor-title {
  position: -webkit-sticky;
  position: sticky;
  z-index: 900;
  top: var(--sticky-offset-top);
  left: 0;
}

.adm-infinite-scroll {
  color: var(--adm-color-weak);
  padding: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--adm-font-size-main);
}
.adm-infinite-scroll-failed-text {
  display: inline-block;
  margin-right: 8px;
}

.adm-input {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --text-align: left;
  --background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 24px;
  background-color: var(--background-color);
}
.adm-input-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-input-element {
  flex: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.adm-input-element::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element:-webkit-autofill {
  background-color: transparent;
}
.adm-input-element:read-only {
  cursor: default;
}
.adm-input-element:invalid {
  box-shadow: none;
}
.adm-input-element::-ms-clear {
  display: none;
}
.adm-input-element::-ms-reveal {
  display: none;
}
.adm-input-element::-webkit-search-cancel-button {
  display: none;
}
.adm-input-element::-webkit-search-decoration {
  display: none;
}
.adm-input-element:disabled {
  opacity: 1;
}
.adm-input-element[type='date'],
.adm-input-element[type='time'],
.adm-input-element[type='datetime-local'] {
  min-height: 1.5em;
}
.adm-input-element[type='search'] {
  -webkit-appearance: none;
}
.adm-input-element[readonly] {
  pointer-events: none;
}
.adm-input-clear {
  flex: none;
  margin-left: 8px;
  color: var(--adm-color-light);
  padding: 4px;
  cursor: pointer;
}
.adm-input-clear:active {
  color: var(--adm-color-weak);
}
.adm-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--adm-font-size-7);
}

.adm-jumbo-tabs {
  --gap: 8px;
  position: relative;
  min-width: 0;
}
.adm-jumbo-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-jumbo-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  padding: 0 var(--gap);
  scrollbar-width: none;
}
.adm-jumbo-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-jumbo-tabs-tab-wrapper {
  flex: auto;
  padding: 0 calc(var(--gap) / 2);
  text-align: center;
}
.adm-jumbo-tabs-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: -webkit-min-content;
  width: min-content;
  margin: 0 auto;
  padding: 12px 0;
  cursor: pointer;
  font-size: var(--adm-font-size-9);
  white-space: nowrap;
}
.adm-jumbo-tabs-tab-title {
  line-height: 24px;
  padding: 0 4px;
}
.adm-jumbo-tabs-tab-description {
  width: -webkit-min-content;
  width: min-content;
  padding: 0 8px;
  border-radius: 10px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-fill-content);
}
.adm-jumbo-tabs-tab-active {
  color: var(--adm-color-primary);
}
.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
}
.adm-jumbo-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-jumbo-tabs-content {
  padding: 12px;
}

.adm-modal {
  --z-index: var(--adm-modal-z-index, 1000);
  ---z-index: var(--z-index);
}
.adm-modal .adm-center-popup {
  --z-index: var(---z-index);
}
.adm-modal-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--adm-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-modal-body > * {
  flex: none;
}
.adm-modal-body > .adm-modal-content {
  flex: auto;
}
.adm-modal-body:not(.adm-modal-with-image) {
  padding-top: 20px;
}
.adm-modal-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
  overflow-y: scroll;
}
.adm-modal-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.adm-modal-title {
  margin-bottom: 8px;
  padding: 0 12px;
  font-weight: bold;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  text-align: center;
}
.adm-modal-content {
  padding: 0 12px 12px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  color: var(--adm-color-text);
}
.adm-modal-footer {
  -webkit-user-select: none;
          user-select: none;
  padding: 8px 12px 12px;
}
.adm-modal-footer-empty {
  padding: 0;
  height: 8px;
}
.adm-modal-footer.adm-space {
  --gap-vertical: 20px;
}
.adm-modal-footer .adm-modal-button {
  font-size: var(--adm-font-size-10);
  line-height: 25px;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
  padding-top: 0;
  padding-bottom: 0;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {
  display: none;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
  opacity: 0.7;
}

.adm-nav-bar {
  --height: 45px;
  --border-bottom: none;
  display: flex;
  align-items: center;
  height: var(--height);
  border-bottom: var(--border-bottom);
  padding: 0 12px;
  white-space: nowrap;
}
.adm-nav-bar-left,
.adm-nav-bar-right {
  flex: 1;
}
.adm-nav-bar-title {
  flex: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-nav-bar-back {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 6px 0;
  cursor: pointer;
}
.adm-nav-bar-back-arrow {
  font-size: 24px;
  margin-right: 4px;
}
.adm-nav-bar-left {
  font-size: var(--adm-font-size-7);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.adm-nav-bar-title {
  justify-content: center;
  white-space: nowrap;
  font-size: var(--adm-font-size-10);
  padding: 0 12px;
}
.adm-nav-bar-right {
  text-align: right;
}

.adm-notice-bar {
  --background-color: var(--adm-color-weak);
  --border-color: var(--adm-color-weak);
  --text-color: var(--adm-color-text-light-solid);
  --font-size: var(--adm-font-size-7);
  --icon-font-size: var(--adm-font-size-10);
  --height: 40px;
  --adm-notice-bar-border-radius: 4px;
  --adm-notice-bar-border-width: 1px;
  height: var(--height);
  box-sizing: border-box;
  font-size: var(--font-size);
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid var(--adm-notice-bar-border-width) var(--border-color);
  border-left-width: 0;
  border-right-width: 0;
  background-color: var(--background-color);
  color: var(--text-color);
}
.adm-notice-bar > span[role='img'] {
  color: var(--text-color);
}
.adm-notice-bar.adm-notice-bar-alert {
  --background-color: #fff9ed;
  --border-color: #fff3e9;
  --text-color: var(--adm-color-orange);
}
.adm-notice-bar.adm-notice-bar-error {
  --background-color: var(--adm-color-danger);
  --border-color: #d9281e;
  --text-color: #fff;
}
.adm-notice-bar.adm-notice-bar-info {
  --background-color: #d0e4ff;
  --border-color: #bcd8ff;
  --text-color: var(--adm-color-primary);
}
.adm-notice-bar.adm-notice-bar-success {
  --background-color: #d1fff0;
  --border-color: #a8f0d8;
  --text-color: var(--adm-color-success);
}
.adm-notice-bar .adm-notice-bar-left {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: var(--icon-font-size);
}
.adm-notice-bar .adm-notice-bar-content {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
  width: auto;
  transition-timing-function: linear;
  white-space: nowrap;
}
.adm-notice-bar-wrap.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
  white-space: normal;
}
.adm-notice-bar .adm-notice-bar-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
}
.adm-notice-bar-close {
  width: 24px;
  height: 24px;
  margin-right: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--adm-font-size-10);
}
.adm-notice-bar-wrap {
  height: auto;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 22px;
}
.adm-notice-bar-neutral {
  border-radius: var(--adm-notice-bar-border-radius);
}
.adm-notice-bar-rounded {
  border-radius: 1000px;
}
.adm-notice-bar-bordered {
  border-left-width: var(--adm-notice-bar-border-width);
  border-right-width: var(--adm-notice-bar-border-width);
}
.adm-notice-bar-without-border {
  border-top-width: 0;
  border-bottom-width: 0;
}

.adm-number-keyboard-main {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-popup.adm-popup {
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
  z-index: 1050;
}
.adm-number-keyboard-popup.adm-popup .adm-popup-body {
  background-color: var(--adm-color-box);
}
.adm-number-keyboard-wrapper {
  display: flex;
}
.adm-number-keyboard-header {
  height: 34px;
  line-height: 34px;
  border-top: solid 1px var(--adm-color-border);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  color: var(--adm-color-weak);
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-header-close-button {
  padding: 0 12px;
  font-size: 16px;
}
.adm-number-keyboard-header.adm-number-keyboard-header-with-title {
  justify-content: space-between;
}
.adm-number-keyboard-header.adm-number-keyboard-header-with-title .adm-number-keyboard-header-close-button {
  padding-right: 0;
}
.adm-number-keyboard-footer {
  background: var(--adm-color-white);
}
.adm-number-keyboard-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-number-keyboard-confirm {
  width: 25%;
}
.adm-number-keyboard-key {
  flex: 1 33.33%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 22px;
  box-sizing: border-box;
  border: solid 1px var(--adm-color-border);
  border-bottom: none;
  border-left: none;
}
.adm-number-keyboard-key:nth-child(3n),
.adm-number-keyboard-key:last-child {
  border-right: none;
}
.adm-number-keyboard-key::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--adm-color-text-dark-solid);
  border: inherit;
  border-color: var(--adm-color-text-dark-solid);
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-number-keyboard-key.adm-number-keyboard-key-mid {
  flex-basis: 66.67%;
}
.adm-number-keyboard-key.adm-number-keyboard-key-sign:active::before {
  opacity: 0.1;
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra {
  border-left: solid 1px var(--adm-color-border);
  border-right: none;
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra,
.adm-number-keyboard-key.adm-number-keyboard-key-number {
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra:active::before,
.adm-number-keyboard-key.adm-number-keyboard-key-number:active::before {
  opacity: 0.1;
}
.adm-number-keyboard-key.adm-number-keyboard-key-ok {
  background-color: var(--adm-color-primary);
  color: var(--adm-color-white);
  height: 144px;
  font-size: 16px;
  border: none;
}

.adm-passcode-input {
  position: relative;
  display: inline-block;
  --cell-size: 40px;
  --cell-gap: 6px;
  --dot-size: 10px;
  --border-color: var(--adm-color-border);
  --border-radius: 8px;
}
.adm-passcode-input-cell-container {
  display: inline-flex;
  vertical-align: top;
}
.adm-passcode-input-cell {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: var(--adm-font-size-10);
  width: var(--cell-size);
  height: var(--cell-size);
  background: var(--adm-color-background);
}
.adm-passcode-input:not(.adm-passcode-input-seperated) {
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused {
  border-color: var(--adm-color-primary);
  box-shadow: 0 0 2px 0 var(--adm-color-primary);
  outline: none;
}
.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error {
  border-color: var(--adm-color-danger);
  box-shadow: 0 0 2px 0 var(--adm-color-danger);
  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell {
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child) {
  margin-right: var(--cell-gap);
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused {
  border-color: var(--adm-color-primary);
  box-shadow: 0 0 2px 0 var(--adm-color-primary);
}
.adm-passcode-input-seperated.adm-passcode-input-focused {
  outline: none;
}
.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error {
  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
}
.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell {
  border-color: var(--adm-color-danger);
  box-shadow: 0 0 2px 0 var(--adm-color-danger);
}
.adm-passcode-input-cell-dot::before {
  content: '';
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 100%;
  background: var(--adm-color-text);
}
.adm-passcode-input-cell-caret::after {
  content: '';
  width: 2px;
  height: 1.1em;
  margin-left: 1px;
  background: var(--adm-color-primary);
  animation: 1s linear infinite adm-caret-blink;
}
.adm-passcode-input > .adm-passcode-input-native-input {
  position: absolute;
  left: -200vw;
  top: 0;
  display: block;
  width: 50px;
  height: 20px;
  opacity: 0.5;
}
@keyframes adm-shake-horizontal {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-4px);
  }
  20% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(-1px);
  }
  40% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(-8px);
  }
  70% {
    transform: translateX(1px);
  }
  80% {
    transform: translateX(-5px);
  }
  90% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes adm-caret-blink {
  from {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

.adm-progress-bar {
  --track-width: var(--adm-progress-bar-track-width, 8px);
  --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
  --text-width: var(--adm-progress-bar-text-width, 40px);
  display: flex;
  align-items: center;
}
.adm-progress-bar-trail {
  flex: auto;
  background: var(--track-color);
  overflow: hidden;
  height: var(--track-width);
}
.adm-progress-bar-fill {
  transition: width 0.3s;
  background: var(--fill-color);
  height: var(--track-width);
}
.adm-progress-bar-text {
  flex: none;
  width: calc(var(--text-width) + 8px);
  padding-left: 8px;
  color: var(--adm-color-weak);
}
.adm-progress-bar-rounded .adm-progress-bar-trail,
.adm-progress-bar-rounded .adm-progress-bar-fill {
  border-radius: var(--track-width);
}

/*进度圈*/
.adm-progress-circle {
  --track-width: var(--adm-progress-circle-track-width, 3px);
  --size: var(--adm-progress-circle-size, 50px);
  --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
  --percent: 0;
  --pi: 3.14159265;
  --radius: calc(var(--size) / 2 - var(--track-width) / 2);
  --circumference: calc(var(--radius) * var(--pi) * 2);
  display: inline-block;
  width: var(--size);
  height: var(--size);
}
.adm-progress-circle-svg {
  width: 100%;
  height: 100%;
}
.adm-progress-circle-svg > .adm-progress-circle-track,
.adm-progress-circle-svg .adm-progress-circle-fill {
  stroke-width: var(--track-width);
  r: var(--radius);
  cx: calc(var(--size) / 2);
  cy: calc(var(--size) / 2);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.adm-progress-circle-svg > .adm-progress-circle-track {
  stroke: var(--track-color);
}
.adm-progress-circle-svg > .adm-progress-circle-fill {
  transition: stroke-dashoffset 0.35s;
  stroke: var(--fill-color);
  stroke-dasharray: var(--circumference);
  stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));
  stroke-linecap: round;
}
.adm-progress-circle-content {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
}
.adm-progress-circle-info {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.adm-pull-to-refresh-head {
  overflow: hidden;
  position: relative;
}
.adm-pull-to-refresh-head-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--adm-color-weak);
  display: flex;
  justify-content: center;
  align-items: center;
}

.adm-radio {
  --icon-size: 22px;
  --font-size: var(--adm-font-size-9);
  --gap: 8px;
  display: inline-flex;
  vertical-align: text-bottom;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.adm-radio input[type='radio'] {
  display: none;
}
.adm-radio .adm-radio-icon {
  flex: none;
  border: 1px solid var(--adm-color-light);
  border-radius: var(--icon-size);
  box-sizing: border-box;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--adm-color-text-light-solid);
}
.adm-radio .adm-radio-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.adm-radio.adm-radio-block {
  display: flex;
}
.adm-radio.adm-radio-checked .adm-radio-icon {
  border-color: var(--adm-color-primary);
  background-color: var(--adm-color-primary);
}
.adm-radio.adm-radio-disabled {
  cursor: not-allowed;
}
.adm-radio.adm-radio-disabled .adm-radio-content {
  opacity: 0.4;
}
.adm-radio.adm-radio-disabled .adm-radio-icon {
  color: var(--adm-color-light);
  border-color: var(--adm-color-light);
  background-color: var(--adm-color-fill-content);
}
.adm-radio .adm-radio-custom-icon {
  font-size: var(--icon-size);
}
.adm-radio-content {
  flex: 0 1 auto;
  font-size: var(--font-size);
  padding-left: var(--gap);
}

.adm-rate {
  --star-size: 24px;
  --active-color: var(--adm-color-yellow);
  --inactive-color: var(--adm-color-border);
  --inactive-color-half: var(--adm-color-border);
  display: inline-flex;
  touch-action: pan-y;
  -webkit-user-select: none;
          user-select: none;
}
.adm-rate-box {
  position: relative;
}
.adm-rate-star {
  padding: 0.125em;
  line-height: var(--star-size);
  font-size: var(--star-size);
  color: var(--inactive-color);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s;
}
.adm-rate-star-half {
  padding-right: 0;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.adm-rate-star-active {
  color: var(--active-color);
}
.adm-rate-star-readonly {
  cursor: unset;
}
.adm-rate.adm-rate-half .adm-rate-star-half:not(.adm-rate-star-active) {
  color: var(--inactive-color-half);
}

.adm-result {
  padding: 32px 12px;
  background-color: var(--adm-color-background);
}
.adm-result-icon {
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px auto;
  padding: 6px;
}
.adm-result-icon .antd-mobile-icon {
  font-size: 52px;
}
.adm-result-title {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-10);
  line-height: 1.4;
  text-align: center;
}
.adm-result-description {
  margin-top: 8px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  line-height: 1.4;
  text-align: center;
}
.adm-result-success .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-primary);
}
.adm-result-error .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-danger);
}
.adm-result-info .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-primary);
}
.adm-result-waiting .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-success);
}
.adm-result-warning .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-warning);
}

.adm-result-page {
  --background-color: var(--adm-color-primary);
  position: relative;
  background-color: var(--adm-color-box);
  min-height: 100vh;
  width: 100%;
}
.adm-result-page-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: transparent;
  position: relative;
  padding: 20px;
  padding-bottom: 100px;
  z-index: 1;
  overflow: hidden;
}
.adm-result-page-icon {
  color: var(--adm-color-text-light-solid);
  box-sizing: border-box;
  padding: 2px;
  margin-bottom: 8px;
}
.adm-result-page-icon .antd-mobile-icon {
  font-size: 32px;
}
.adm-result-page-title {
  font-size: var(--adm-font-size-10);
  color: var(--adm-color-text-light-solid);
  line-height: 1.4;
  text-align: center;
}
.adm-result-page-description {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: var(--adm-font-size-6);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  text-align: center;
}
.adm-result-page-details {
  width: 100%;
}
.adm-result-page-detail {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
  color: var(--adm-color-text-light-solid);
  font-size: var(--adm-font-size-6);
}
.adm-result-page-detail-bold {
  font-weight: 600;
}
.adm-result-page-collapse {
  opacity: 0.6;
  width: 10px;
  height: 10px;
  margin: auto;
  margin-bottom: 5px;
  border-top: 2px solid var(--adm-color-text-light-solid);
  border-right: 2px solid var(--adm-color-text-light-solid);
  transform: rotate(135deg);
}
.adm-result-page-collapse-active {
  transform: rotate(-45deg);
}
.adm-result-page-bgWrapper {
  position: relative;
  align-self: flex-start;
  top: 54px;
}
.adm-result-page-bg {
  --width: 440vw;
  position: absolute;
  height: var(--width);
  width: var(--width);
  left: calc((var(--width) - 100vw) * -1 / 2 - 20px);
  top: calc(var(--width) * -1 + 1vw);
  border-radius: 50%;
  background-color: var(--background-color);
  z-index: -1;
}
.adm-result-page-content {
  position: relative;
  padding: 12px;
  top: -104px;
  z-index: 2;
}
.adm-result-page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 12px;
  padding-bottom: 24px;
  display: flex;
  justify-content: center;
  background-color: var(--adm-color-box);
  z-index: 3;
  box-sizing: border-box;
}
.adm-result-page-footer-btn {
  flex: 1;
  max-width: calc((100vw - 36px) / 2);
}
.adm-result-page-footer-space {
  width: 12px;
}
.adm-result-page-card {
  border-radius: 8px;
  background-color: var(--adm-color-background);
}

.adm-search-bar {
  --height: 32px;
  --padding-left: 8px;
  --background: var(--adm-color-fill-content);
  --border-radius: 6px;
  --placeholder-color: var(--adm-color-weak);
  ---placeholder-color: var(--placeholder-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--height);
}
.adm-search-bar .adm-search-bar-input-box {
  flex: auto;
  background: var(--background);
  border-radius: var(--border-radius);
  border: solid 1px transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--padding-left);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
  flex: none;
  color: var(--adm-color-light);
  font-size: var(--adm-font-size-8);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
  flex: auto;
  padding: 4px 8px 4px 4px;
  height: calc(var(--height) - 2px);
  box-sizing: border-box;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
  --placeholder-color: var(---placeholder-color);
  --font-size: var(--adm-font-size-7);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
  line-height: 19px;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
  padding-left: 8px;
}
.adm-search-bar .adm-search-bar-suffix {
  flex: none;
  margin-left: 4px;
}
.adm-search-bar .adm-search-bar-cancel-button.adm-button {
  padding: 3px 12px;
}
.adm-search-bar-active .adm-input.adm-input.adm-input {
  --placeholder-color: var(--adm-color-light);
}
.adm-search-bar-active .adm-search-bar-input-box {
  border-color: var(--adm-color-primary);
  background: var(--adm-color-background);
}

.adm-segmented {
  --segmented-background: var(--adm-color-fill-content);
  --segmented-item-color: var(--adm-color-text-secondary);
  --segmented-item-selected-background: var(--adm-color-background);
  --segmented-item-selected-color: var(--adm-color-text);
  --segmented-item-disabled-color: var(--adm-color-weak);
  --transition-time-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  display: inline-block;
  padding: 2px;
  color: var(--segmented-item-color);
  background-color: var(--segmented-background);
  border-radius: 2px;
  transition: all 0.3s var(--transition-time-function);
}
.adm-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.adm-segmented.adm-segmented-block {
  display: flex;
}
.adm-segmented.adm-segmented-block .adm-segmented-item {
  flex: 1;
  min-width: 0;
}
.adm-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s var(--transition-time-function);
}
.adm-segmented-item-selected {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--segmented-item-selected-color);
}
.adm-segmented-item-label {
  min-height: 10px;
  padding: 0 11px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.adm-segmented-item-icon + * {
  margin-left: 6px;
}
.adm-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.adm-segmented-item-disabled {
  color: var(--segmented-item-disabled-color);
  cursor: not-allowed;
}
.adm-segmented-thumb {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.adm-segmented-thumb-motion-appear-active {
  transition: transform 0.3s var(--transition-time-function), width 0.3s var(--transition-time-function);
  will-change: transform, width;
}
/* ---- mixins part starts ---- */
.segmented-disabled-item {
  color: var(--segmented-item-disabled-color);
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
/* ---- mixins part ends ---- */

.adm-selector {
  --color: var(--adm-color-fill-content);
  --checked-color: var(--adm-color-wathet);
  --text-color: var(--adm-color-text);
  --checked-text-color: var(--adm-color-primary);
  --border: none;
  --checked-border: none;
  --border-radius: 2px;
  --padding: 8px 16px;
  --gap: 8px;
  ---gap: var(--gap);
  ---gap-horizontal: var(--gap-horizontal, var(--gap));
  ---gap-vertical: var(--gap-vertical, var(--gap));
  overflow: hidden;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
}
.adm-selector .adm-space.adm-space {
  --gap: 12px;
}
.adm-selector .adm-grid {
  --gap: var(---gap);
  --gap-horizontal: var(---gap-horizontal);
  --gap-vertical: var(---gap-vertical);
}
.adm-selector-item {
  padding: var(--padding);
  position: relative;
  background-color: var(--color);
  border: var(--border);
  border-radius: var(--border-radius);
  color: var(--text-color);
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
}
.adm-selector-item-description {
  font-size: var(--adm-font-size-main);
  color: var(--adm-color-weak);
}
.adm-selector-item-active,
.adm-selector-item-multiple-active {
  color: var(--checked-text-color);
  background-color: var(--checked-color);
  border: var(--checked-border);
}
.adm-selector-item .adm-selector-check-mark-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: solid 8px transparent;
  border-bottom: solid 8px var(--adm-color-primary);
  border-left: solid 10px transparent;
  border-right: solid 10px var(--adm-color-primary);
}
.adm-selector-item .adm-selector-check-mark-wrapper > svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 8px;
}
.adm-selector-item-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.adm-side-bar {
  --height: 100%;
  --width: 105px;
  --item-border-radius: 8px;
  --background-color: var(--adm-color-fill-content);
  width: var(--width);
  height: var(--height);
  box-sizing: border-box;
  font-size: var(--adm-font-size-main);
  overflow-y: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
}
.adm-side-bar-items {
  flex: none;
  overflow: hidden;
}
.adm-side-bar-extra-space {
  flex: auto;
  overflow: hidden;
  position: relative;
}
.adm-side-bar-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 16px 12px;
  position: relative;
  cursor: pointer;
  background-color: var(--background-color);
  overflow: visible;
}
.adm-side-bar-item-highlight {
  position: absolute;
  height: 100%;
  width: 2px;
  left: -12px;
  top: 0;
  background: var(--adm-color-primary);
  border-radius: 2px;
}
.adm-side-bar-item-active {
  color: var(--adm-color-primary);
  background-color: var(--adm-color-background);
  position: relative;
}
.adm-side-bar-item-corner {
  width: var(--item-border-radius);
  height: var(--item-border-radius);
  position: absolute;
  z-index: 100;
  right: 0;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.adm-side-bar-item-corner-top {
  top: 0;
  transform: rotate(-90deg);
}
.adm-side-bar-item-corner-bottom {
  bottom: 0;
}
.adm-side-bar-item-disabled {
  cursor: not-allowed;
}
.adm-side-bar-item-disabled .adm-side-bar-item-title {
  opacity: 0.4;
}
.adm-side-bar-badge.adm-badge {
  --right: -4px;
}

.adm-slider {
  --fill-color: var(--adm-color-primary);
  padding: 5px 14px;
  list-style: none;
  -webkit-user-select: none;
          user-select: none;
}
.adm-slider-track-container {
  padding: 8px 0;
}
.adm-slider-track {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: var(--adm-color-fill-content);
  border-radius: 3px;
}
.adm-slider-fill {
  position: absolute;
  z-index: 1;
  height: 3px;
  border-radius: 3px;
  background-color: var(--fill-color);
}
.adm-slider-ticks {
  position: absolute;
  width: 100%;
  height: 3px;
  background: transparent;
}
.adm-slider-tick {
  position: absolute;
  top: -2px;
  width: 7px;
  height: 7px;
  margin-left: -3px;
  background-color: var(--adm-color-fill-content);
  border-radius: 50%;
}
.adm-slider-tick-active {
  background-color: var(--fill-color);
}
.adm-slider-thumb {
  width: 28px;
  height: 28px;
  margin: 2px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  background: var(--adm-color-text-light-solid);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  color: var(--fill-color);
}
.adm-slider-thumb:focus {
  outline: none;
}
.adm-slider-thumb-icon {
  width: 12px;
  height: 12px;
  margin: 8px;
  -webkit-user-select: none;
          user-select: none;
}
.adm-slider-thumb-container {
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.adm-slider-mark {
  position: relative;
  width: 100%;
  overflow: visible;
  font-size: var(--adm-font-size-3);
  height: 11px;
  margin-top: 10px;
}
.adm-slider-mark-text {
  position: absolute;
  display: inline-block;
  line-height: 1;
  color: var(--adm-color-text);
  text-align: center;
  word-break: keep-all;
  -webkit-user-select: none;
          user-select: none;
  transform: translateX(-50%);
}
.adm-slider-disabled .adm-slider-mark,
.adm-slider-disabled .adm-slider-thumb-icon {
  opacity: 0.4;
}
.adm-slider-disabled .adm-slider-tick-active::after,
.adm-slider-disabled .adm-slider-fill::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.6);
}
.adm-slider-disabled .adm-slider-thumb {
  cursor: not-allowed;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06);
}
.adm-slider-disabled .adm-slider-mark-text,
.adm-slider-disabled .adm-slider-tick {
  cursor: not-allowed;
  box-shadow: none;
}

.adm-stepper {
  --height: 28px;
  --input-width: 44px;
  --input-font-size: var(--adm-font-size-main);
  --input-font-color: var(--adm-color-text);
  --input-background-color: var(--adm-color-fill-content);
  --border-radius: 2px;
  --border: none;
  --border-inner: solid 2px transparent;
  --active-border: var(--border);
  --button-font-size: var(--adm-font-size-7);
  --button-text-color: var(--adm-color-primary);
  --button-background-color: var(--adm-color-fill-content);
  --button-width: var(--height);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: calc(var(--input-width) + 2 * var(--button-width));
  border: var(--border);
  border-radius: var(--border-radius);
}
.adm-stepper-active {
  border: var(--active-border);
}
.adm-stepper-middle {
  flex: 1;
  border-left: var(--border-inner);
  border-right: var(--border-inner);
}
.adm-stepper .adm-stepper-input {
  height: var(--height);
  --background-color: var(--input-background-color);
  --font-size: var(--input-font-size);
  --color: var(--input-font-color);
  --text-align: center;
}
.adm-stepper-minus,
.adm-stepper-plus {
  width: var(--button-width);
  height: var(--height);
  padding: 0;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  font-size: var(--button-font-size);
  --border-width: 0;
}
.adm-stepper-minus:disabled,
.adm-stepper-plus:disabled {
  color: var(--adm-color-weak);
}
.adm-stepper-minus svg,
.adm-stepper-plus svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.adm-stepper-minus {
  border-radius: 0;
}
.adm-stepper-plus {
  border-radius: 0;
}

.adm-step {
  --line-to-next-color: var(--adm-color-border);
  --icon-color: var(--adm-color-border);
  position: relative;
  z-index: 0;
}
.adm-step .adm-step-indicator {
  position: relative;
}
.adm-step .adm-step-indicator::after {
  content: '';
  position: absolute;
  z-index: 0;
  background-color: var(--line-to-next-color);
}
.adm-step .adm-step-indicator .adm-step-icon-container {
  position: absolute;
  z-index: 1;
  color: var(--icon-color);
}
.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {
  display: block;
}
.adm-step:last-child .adm-step-indicator::after {
  display: none;
}
.adm-step-status-finish {
  --line-to-next-color: var(--adm-color-primary);
}
.adm-step-status-wait {
  --icon-color: var(--adm-color-border);
}
.adm-step-status-wait .adm-step-title {
  color: var(--adm-color-weak);
}
.adm-step-status-process {
  --icon-color: var(--adm-color-primary);
}
.adm-step-status-process .adm-step-title {
  color: var(--adm-color-primary);
}
.adm-step-status-finish {
  --icon-color: var(--adm-color-primary);
}
.adm-step-status-error {
  --icon-color: var(--adm-color-danger);
}
.adm-step-status-error .adm-step-title {
  color: var(--adm-color-danger);
}
.adm-steps {
  --title-font-size: var(--adm-font-size-main);
  --description-font-size: var(--adm-font-size-4);
  --indicator-margin-right: 0;
  --icon-size: 18px;
  width: 100%;
  box-sizing: border-box;
}
.adm-steps-horizontal {
  display: flex;
  justify-content: space-around;
  padding: 8px 0;
}
.adm-steps-horizontal .adm-step {
  flex: 1;
}
.adm-steps-horizontal .adm-step .adm-step-indicator {
  width: 100%;
  height: 24px;
}
.adm-steps-horizontal .adm-step .adm-step-indicator::after {
  left: 50%;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  width: 100%;
}
.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.adm-steps-horizontal .adm-step-content {
  text-align: center;
  font-size: var(--description-font-size);
  padding: 2px 8px 0;
}
.adm-steps-horizontal .adm-step-content .adm-step-title {
  font-size: var(--title-font-size);
}
.adm-steps-horizontal .adm-step-content .adm-step-description {
  margin-top: 4px;
  color: var(--adm-color-weak);
}
.adm-steps-vertical {
  padding: 8px 16px;
}
.adm-steps-vertical .adm-step {
  display: flex;
  align-items: stretch;
}
.adm-steps-vertical .adm-step .adm-step-indicator {
  flex: none;
  width: 24px;
  margin-right: var(--indicator-margin-right);
}
.adm-steps-vertical .adm-step .adm-step-indicator::after {
  left: 50%;
  top: calc(var(--title-font-size) * 1.5 / 2);
  width: 1px;
  transform: translateX(-50%);
  height: 100%;
}
.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
  top: calc(var(--title-font-size) * 1.5 / 2);
  left: 50%;
  transform: translate(-50%, -50%);
}
.adm-steps-vertical .adm-step:last-child .adm-step-content {
  padding-bottom: 0;
}
.adm-steps-vertical .adm-step .adm-step-content {
  flex: auto;
  padding-bottom: 24px;
}
.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {
  font-size: var(--title-font-size);
  line-height: 1.5;
}
.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {
  padding-top: 4px;
  font-size: var(--description-font-size);
  color: var(--adm-color-weak);
}
.adm-step-icon-container {
  font-size: var(--icon-size);
}
.adm-step-icon-dot {
  display: block;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 4px;
}

.adm-swipe-action {
  --background: var(--adm-color-background);
  background: var(--background);
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  touch-action: pan-y;
}
.adm-swipe-action-track {
  position: relative;
  overflow: visible;
}
.adm-swipe-action-actions {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: auto;
  white-space: nowrap;
}
.adm-swipe-action-actions-right {
  left: 100%;
  top: 0;
  height: 100%;
}
.adm-swipe-action-actions-left {
  right: 100%;
  top: 0;
  height: 100%;
}
.adm-swipe-action-action-button.adm-button {
  --border-radius: 0;
  --border-width: 0;
  --text-color: var(--adm-color-text-light-solid);
  padding-left: 20px;
  padding-right: 20px;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(1turn);
  }
}
.adm-switch {
  --checked-color: var(--adm-color-primary);
  --height: 31px;
  --width: 51px;
  --border-width: 2px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  align-self: center;
  cursor: pointer;
  /* 选中状态 */
  /* 禁用状态 */
  /* loading图标 */
}
.adm-switch input {
  display: none;
}
.adm-switch-checkbox {
  min-width: var(--width);
  height: var(--height);
  box-sizing: border-box;
  border-radius: 31px;
  background: var(--adm-color-border);
  z-index: 0;
  overflow: hidden;
  line-height: var(--height);
}
.adm-switch-checkbox:before {
  content: ' ';
  position: absolute;
  left: var(--border-width);
  top: var(--border-width);
  width: calc(100% - 2 * var(--border-width));
  height: calc(var(--height) - 2 * var(--border-width));
  border-radius: calc(var(--height) - 2 * var(--border-width));
  box-sizing: border-box;
  background: var(--adm-color-background);
  z-index: 1;
  transition: all 200ms;
  transform: scale(1);
}
.adm-switch-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--height) - 2 * var(--border-width));
  height: calc(var(--height) - 2 * var(--border-width));
  border-radius: calc(var(--height) - 2 * var(--border-width));
  background: var(--adm-color-text-light-solid);
  position: absolute;
  z-index: 2;
  top: var(--border-width);
  left: var(--border-width);
  transition: all 200ms;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.adm-switch-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 calc(var(--height) - var(--border-width) + 5px);
  height: 100%;
  color: var(--adm-color-weak);
  transition: margin 200ms;
  font-size: var(--adm-font-size-7);
}
.adm-switch.adm-switch-checked .adm-switch-checkbox {
  background: var(--checked-color);
}
.adm-switch.adm-switch-checked .adm-switch-checkbox:before {
  transform: scale(0);
}
.adm-switch.adm-switch-checked .adm-switch-handle {
  left: calc(100% - (var(--height) - var(--border-width)));
}
.adm-switch.adm-switch-checked .adm-switch-inner {
  margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 8px;
  color: var(--adm-color-text-light-solid);
}
.adm-switch.adm-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-switch-spin-icon {
  width: 14px;
  height: 14px;
  animation: loading-rotate 1s linear infinite;
}

.adm-tab-bar-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  min-height: 48px;
}
.adm-tab-bar-item {
  flex: 1;
  color: var(--adm-color-text-secondary);
  white-space: nowrap;
  padding: 4px 8px;
  width: -webkit-min-content;
  width: min-content;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.adm-tab-bar-item-icon {
  font-size: 24px;
  height: 24px;
  line-height: 1;
}
.adm-tab-bar-item-title {
  font-size: var(--adm-font-size-2);
  line-height: 15px;
}
.adm-tab-bar-item-title-with-icon {
  margin-top: 2px;
}
.adm-tab-bar-item-active {
  color: var(--adm-color-primary);
}
.adm-tab-bar-icon-badge {
  --top: 6px;
}
.adm-tab-bar-title-badge {
  --right: -2px;
  --top: -2px;
}

.adm-tag {
  --border-radius: var(--adm-tag-border-radius, 2px);
  padding: 2px 4px;
  font-size: var(--adm-font-size-3);
  line-height: 1;
  font-weight: normal;
  background: var(--background-color);
  color: var(--text-color);
  display: inline-block;
  white-space: nowrap;
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
}
.adm-tag-round {
  border-radius: 100px;
}

.adm-text-area {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --disabled-color: var(--adm-color-weak);
  --text-align: left;
  --count-text-align: right;
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.adm-text-area-element {
  font-family: var(--adm-font-family);
  resize: none;
  flex: auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.adm-text-area-element::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-text-area-element::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-text-area-element:-webkit-autofill {
  background-color: transparent;
}
.adm-text-area-element:disabled {
  color: var(--disabled-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--disabled-color);
}
.adm-text-area-element:read-only {
  cursor: default;
}
.adm-text-area-element:invalid {
  box-shadow: none;
}
.adm-text-area-element::-ms-clear {
  display: none;
}
.adm-text-area-element-hidden {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}
.adm-text-area-count {
  text-align: var(--count-text-align);
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-9);
  padding-top: 8px;
}

.adm-toast-mask .adm-toast-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.adm-toast-mask .adm-toast-main {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  max-width: 204px;
  max-height: 70%;
  overflow: auto;
  color: white;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  pointer-events: all;
  font-size: var(--adm-font-size-7);
  line-height: 1.5;
  box-sizing: border-box;
  text-align: initial;
}
.adm-toast-mask .adm-toast-main-text {
  padding: 12px;
  min-width: 0;
}
.adm-toast-mask .adm-toast-main-icon {
  padding: 35px 12px;
  min-width: 150px;
}
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
  text-align: center;
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}
.adm-toast-loading {
  --size: 48px;
  margin: 0 auto 8px;
}

.adm-tree-select,
.adm-tree-select-multiple {
  display: flex;
  height: 100%;
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-white);
}
.adm-tree-select-column,
.adm-tree-select-multiple-column {
  overflow-y: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.adm-tree-select-column:first-child,
.adm-tree-select-multiple-column:first-child {
  background-color: var(--adm-color-box);
}
.adm-tree-select-column:nth-child(2),
.adm-tree-select-multiple-column:nth-child(2) {
  background-color: var(--adm-color-box);
}
.adm-tree-select-item,
.adm-tree-select-multiple-item {
  display: flex;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 6px 12px;
  position: relative;
}
.adm-tree-select-item-active {
  color: var(--adm-color-primary);
  font-weight: bold;
  background-color: white;
}
.adm-tree-select-multiple-item-expand {
  color: var(--adm-color-primary);
  font-weight: bold;
  background-color: white;
}
.adm-tree-select-multiple-item-checkbox {
  margin-right: 8px;
}
.adm-tree-select-multiple-dot {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: var(--adm-color-primary);
  border-radius: 3px;
}

.adm-virtual-input {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --disabled-color: var(--adm-color-weak);
  --text-align: left;
  --caret-width: var(--adm-virtual-input-caret-width, 2px);
  --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-align: var(--text-align);
  font-size: var(--font-size);
  line-height: 1.5;
  white-space: nowrap;
  color: var(--color);
}
.adm-virtual-input > * {
  vertical-align: top;
}
.adm-virtual-input-content {
  flex: auto;
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-virtual-input-content::-webkit-scrollbar {
  display: none;
}
.adm-virtual-input-placeholder {
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  text-align: var(--text-align);
  color: var(--placeholder-color);
}
.adm-virtual-input-caret-container {
  display: inline-block;
  width: var(--caret-width);
  height: 1.3em;
  vertical-align: top;
  margin-right: 1px;
}
.adm-virtual-input-caret {
  width: 100%;
  height: 100%;
  background-color: var(--caret-color);
  position: relative;
  top: 5%;
}
.adm-virtual-input:focus {
  outline: none;
}
.adm-virtual-input:focus .adm-virtual-input-caret {
  display: block;
  animation-name: adm-caret-blink;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.adm-virtual-input-disabled {
  color: var(--disabled-color);
}
@keyframes adm-caret-blink {
  from {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.adm-virtual-input-clear {
  flex: none;
  margin-left: 8px;
  color: var(--placeholder-color);
  padding: 3px;
  cursor: pointer;
}
.adm-virtual-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--adm-font-size-6);
}

.adm-water-mark {
  --z-index: var(--adm-water-mark-z-index, 2000);
  position: absolute;
  z-index: var(--z-index);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background-repeat: repeat;
}
.adm-water-mark-full-page {
  position: fixed;
}

.adm-footer {
  --background-color: var(--adm-color-background);
  color: var(--adm-color-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--background-color);
}
.adm-footer-label {
  width: 100%;
}
.adm-footer-label .adm-divider.adm-divider {
  color: var(--adm-color-light);
}
.adm-footer-links {
  margin: 8px 0;
  color: var(--adm-color-primary);
  white-space: nowrap;
}
.adm-footer-links a {
  text-decoration: none;
}
.adm-footer-content {
  display: flex;
  align-items: center;
  margin: 8px 0;
  color: var(--adm-color-light);
}
.adm-footer-chips {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 8px 0;
}
.adm-footer-chip {
  white-space: nowrap;
  margin-right: 20px;
  font-size: 12px;
  background-color: var(--adm-color-fill-content);
  color: var(--adm-color-weak);
  padding: 4px 12px;
  border-radius: 100px;
}
.adm-footer-chip-link {
  cursor: pointer;
  background-color: var(--adm-color-wathet);
  color: var(--adm-color-primary);
}
.adm-footer-chip:last-child {
  margin-right: 0;
}

/** 加载字体 */
@font-face {
  font-family: "Poppins-tbj";
  src: url("https://pic-cdn-jp.tao-media.co/kf/S5d15192052344117a0419b4f377ea78fu.ttf");
}

.index-module__wrap___6Rj2z {
  /* width: 800px; */
  /* height: 450px; */
  background: #fff;
  font-family: "Hiragino Sans";
  padding: 28px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-module__coverImg___wR9S8 {
  width: 375px;
  height: 66px;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  margin-top:;
}

.index-module__introoImg___DGi3m {
  width: 752px;
  height: 109px;
  object-fit: cover;
  margin: 16px auto;
  display: block;
}

.index-module__content___Roncn {
  display: flex;
}

.index-module__left___1ZRPT {
  height: 243px;
}

.index-module__right___Mx0ju {
  height: 243px;
  overflow-y: auto;
}




#member-pc-mask.show {
  opacity: 1;
}

#member-pc-mask {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.5s ease-in;
}