@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-2d51db8f] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-2d51db8f] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.blank-h[data-v-2d51db8f] {
  display: block;
  height: 80px;
}
.blank-h-1[data-v-2d51db8f] {
  height: 140px;
}
.page-h[data-v-2d51db8f] {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
}
.additon-h[data-v-2d51db8f] {
  height: 140px;
}
.page-header-wp[data-v-2d51db8f] {
  box-sizing: border-box;
  height: 80px;
  width: 100%;
  min-width: 1140px;
  padding: 0 10px;
  color: white;
  font-size: 16px;
  background: #050708;
  z-index: 99;
}
.page-header-wp .page-header[data-v-2d51db8f] {
  margin: 0 auto;
  height: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1140px;
}
.page-header-wp .page-header .hd-lf[data-v-2d51db8f] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.page-header-wp .page-header .hd-lf .hd-img[data-v-2d51db8f] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-header-wp .page-header .hd-lf .df-logo[data-v-2d51db8f] {
  width: 200px;
  height: 34px;
  margin: 0 10px 0 -12px;
  cursor: pointer;
}
.page-header-wp .page-header .hd-lf .top-line[data-v-2d51db8f] {
  height: 16px;
  margin-right: 10px;
  border-right: solid 1px #7b7b7b;
}
.page-header-wp .page-header .hd-lf .h5-box[data-v-2d51db8f] {
  display: none;
}
.page-header-wp .page-header .hd-rg[data-v-2d51db8f] {
  margin-right: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "MarkForMC-Med";
  font-size: 16px;
  line-height: 24px;
}
.page-header-wp .page-header .hd-rg .icon-search[data-v-2d51db8f] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .global-search[data-v-2d51db8f] {
  width: 366px;
  height: 44px;
}
.page-header-wp .page-header .hd-rg .rg-txt[data-v-2d51db8f] {
  margin-left: 22px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .search-txt[data-v-2d51db8f] {
  margin-left: 8px;
}
.page-header-wp .page-header .hd-rg .lang-cell[data-v-2d51db8f] {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 28px;
  font-family: "MarkForMC-Med";
}
.page-header-wp .page-header .hd-rg .lang-cell .out-select[data-v-2d51db8f] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .lang-cell .out-select img[data-v-2d51db8f] {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
.page-header-wp .page-header .hd-rg .lang-cell .out-select .icon-lang[data-v-2d51db8f] {
  margin: 0 6px 0 0;
  width: 20px;
  height: 20px;
}
.page-header-wp .page-header .hd-rg .lang-cell .out-select span[data-v-2d51db8f] {
  max-width: 80px;
  font-family: "MarkForMC-Bold";
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-content[data-v-2d51db8f] {
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-content img[data-v-2d51db8f] {
  margin: 0 16px 0 8px;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-content .icon-user[data-v-2d51db8f] {
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 50%;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-content span[data-v-2d51db8f] {
  padding-top: 0;
}
.page-header-wp .page-header .hd-rg .lang-cell .choosedList[data-v-2d51db8f] {
  color: #CF4500;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list[data-v-2d51db8f] {
  z-index: 9999;
  overflow-y: auto;
  box-sizing: border-box;
  position: absolute;
  top: 60px;
  left: -226px;
  width: 300px;
  padding: 16px 8px;
  color: white;
  text-align: left;
  background: rgba(5, 7, 8, 0.85);
  border-radius: 4px;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list[data-v-2d51db8f]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list[data-v-2d51db8f]::-webkit-scrollbar-thumb {
  background-color: #CF4500;
  border-radius: 10px;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list[data-v-2d51db8f]::-webkit-scrollbar-track {
  margin-bottom: 18px;
  margin-top: 18px;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list div[data-v-2d51db8f] {
  box-sizing: border-box;
  height: 40px;
  padding: 0 8px;
  margin: 4px 0;
  line-height: 38px;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list div[data-v-2d51db8f]:hover {
  width: 100%;
  color: #ffffff;
  background: #CF4500;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-list div p[data-v-2d51db8f] {
  margin-left: 0;
  text-align: left;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-transition-enter-active[data-v-2d51db8f],
.page-header-wp .page-header .hd-rg .lang-cell .select-transition-leave-active[data-v-2d51db8f] {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.page-header-wp .page-header .hd-rg .lang-cell .select-transition-enter[data-v-2d51db8f],
.page-header-wp .page-header .hd-rg .lang-cell .select-transition-leave-to[data-v-2d51db8f] {
  height: auto;
  opacity: 0;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}
.page-header-wp .page-header .hd-rg .lang-cell .user-select[data-v-2d51db8f] {
  top: 66px;
  left: -160px;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-select div[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-select div .dot[data-v-2d51db8f] {
  width: 20px;
  height: 20px;
  margin: 8px 6px 0;
  font-family: "MarkForMC-Book";
  font-size: 10px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background: #D7373C;
}
.page-header-wp .page-header .hd-rg .lang-cell .user-select div:hover .dot[data-v-2d51db8f] {
  color: #D7373C;
  background: #ffffff;
}
.page-header-wp .page-header .hd-rg .lang-cell .lang-list img[data-v-2d51db8f] {
  margin-left: 12px;
  width: 24px;
  height: 24px;
}
.page-header-wp .page-header .hd-rg .lang-cell .lang-list .is-p[data-v-2d51db8f] {
  color: #ffffff;
  background: #CF4500;
}
.page-header-wp .page-header .hd-rg .reg[data-v-2d51db8f] {
  margin-left: 28px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 18px;
  font-size: 16px;
  font-family: "MarkForMC-Bold";
  background: #CF4500;
  border-radius: 6px;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .btn-log[data-v-2d51db8f] {
  width: 134px;
  height: 40px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  margin-left: 40px;
}
.page-header-wp .page-header .hd-rg .user-txt[data-v-2d51db8f] {
  margin-left: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.page-header-wp .page-header .hd-rg .user-txt span[data-v-2d51db8f] {
  font-size: 16px;
}
.page-header-wp .page-header .hd-rg .user-txt img[data-v-2d51db8f] {
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
.bank-cell[data-v-2d51db8f] {
  z-index: 99;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background: #771750;
}
.bank-cell .b-w[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: unset;
  -webkit-justify-content: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  max-width: 1140px;
  height: 100%;
  margin: 0 auto;
}
.bank-cell .b-w img[data-v-2d51db8f] {
  max-width: 150px;
  height: auto;
  max-height: 40px;
}
.page-header-wrapper-fixed[data-v-2d51db8f] {
  position: fixed;
  top: 0;
  left: 0;
}
.h5-nav[data-v-2d51db8f] {
  display: none;
}
.h5-search[data-v-2d51db8f] {
  position: absolute;
  top: 66px;
  left: 12px;
  display: none;
  width: calc(100% - 24px);
  height: 44px;
  border: solid 1px #efeeee;
  border-radius: 4px;
}
.select-down[data-v-2d51db8f] {
  width: 16px;
  height: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
.sbr-ele[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  padding: 0 15px;
  background: #FFF8E0;
  border-bottom: 1px solid #FDDD82;
  border-radius: 4px;
  z-index: 80;
}
.sbr-ele .notify-w[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1140px;
  height: 100%;
  margin: 0 auto;
}
.sbr-ele .notify-w .entitle-notify[data-v-2d51db8f] {
  cursor: pointer;
}
.sbr-ele img[data-v-2d51db8f] {
  width: 20px;
  height: 20px;
  margin: 0 8px;
}
.sbr-ele img[data-v-2d51db8f]:nth-of-type(2) {
  width: 16px;
  height: 16px;
}
.sbr-ele div[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sbr-ele div p[data-v-2d51db8f] {
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  color: #555250;
  font-weight: 400;
  line-height: 20px;
}
.sbr-ele div p[data-v-2d51db8f]:last-of-type {
  margin: 0 3px;
}
.sbr-ele div .card-txt[data-v-2d51db8f] {
  color: #141413;
}
.sbr-ele div span[data-v-2d51db8f] {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.sbr-cell[data-v-2d51db8f] {
  cursor: pointer;
}
.verify-bg[data-v-2d51db8f] {
  cursor: default;
  background: #FFECED;
  border-bottom: 1px solid #FF979F;
}
.sbr-up-green[data-v-2d51db8f] {
  background: #ECFDF3;
  border-bottom: 1px solid #ABEFC6;
}
.twu-bg[data-v-2d51db8f] {
  background: #FFF4E5;
  border-bottom: #FFCD8A;
}
.twu-bg span[data-v-2d51db8f] {
  color: #CF4500;
  font-weight: 500;
}
.global-align .page-header-wp .page-header .hd-rg .icon-search[data-v-2d51db8f] {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.global-align .page-header-wp .page-header .hd-rg .rg-txt[data-v-2d51db8f] {
  margin-left: 0;
  margin-right: 22px;
}
.global-align .page-header-wp .page-header .hd-rg .search-txt[data-v-2d51db8f] {
  margin-left: 0;
  margin-right: 8px;
}
.global-align .page-header-wp .page-header .hd-rg .lang-cell[data-v-2d51db8f] {
  margin-right: 28px;
}
.global-align .page-header-wp .page-header .hd-rg .lang-cell .icon-lang[data-v-2d51db8f] {
  margin: 0 0 0 6px;
}
.global-align .page-header-wp .page-header .hd-rg .lang-cell .select-list[data-v-2d51db8f] {
  left: unset;
  right: -244px;
}
.global-align .page-header-wp .page-header .hd-rg .lang-cell .user-select[data-v-2d51db8f] {
  right: -124px;
  text-align: right;
}
.global-align .sbr-ele img[data-v-2d51db8f]:nth-of-type(2) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.global-align .sbr-ele div[data-v-2d51db8f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.global-align .sbr-ele div p[data-v-2d51db8f] {
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  color: #555250;
  font-weight: 400;
  line-height: 20px;
}
.global-align .sbr-ele div p[data-v-2d51db8f]:last-of-type {
  margin: 0 3px;
}
.global-align .sbr-ele div span[data-v-2d51db8f] {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 1140px) {
.blank-h[data-v-2d51db8f] {
    display: none;
}
.page-h[data-v-2d51db8f] {
    position: relative;
    height: unset;
}
.additon-h[data-v-2d51db8f] {
    height: unset;
}
.bank-cell[data-v-2d51db8f] {
    height: 50px;
}
.bank-cell .b-w[data-v-2d51db8f] {
    width: calc(100% - 20px);
    max-width: unset;
    height: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.bank-cell .b-w img[data-v-2d51db8f] {
    max-height: 36px;
}
.page-header-wp[data-v-2d51db8f] {
    min-width: unset;
    height: 60px;
    padding: 0 15px;
}
.page-header-wp .page-header[data-v-2d51db8f] {
    max-width: unset;
    height: 60px;
}
.page-header-wp .page-header .hd-lf[data-v-2d51db8f] {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.page-header-wp .page-header .hd-lf .df-logo[data-v-2d51db8f] {
    width: 150px;
    margin-left: 0;
}
.page-header-wp .page-header .hd-lf .more-img[data-v-2d51db8f] {
    width: 24px;
    height: 20px;
    cursor: pointer;
}
.page-header-wp .page-header .hd-lf .icon-search[data-v-2d51db8f] {
    margin-right: 12px;
}
.page-header-wp .page-header .hd-lf .h5-box[data-v-2d51db8f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-header-wp .page-header .hd-lf .h5-box .reg-btn[data-v-2d51db8f] {
    box-sizing: border-box;
    display: inline-block;
    max-width: unset;
    height: 28px;
    padding: 0 10px;
    font-family: "MarkForMC-Bold";
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 16px;
    background-color: #CF4500;
    margin-right: 10px;
}
.page-header-wp .h5-search[data-v-2d51db8f] {
    display: block;
}
.hd-rg[data-v-2d51db8f] {
    display: none;
}
.sbr-ele[data-v-2d51db8f] {
    height: unset;
    padding: 10px 16px;
}
.sbr-ele .notify-w[data-v-2d51db8f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: unset;
    margin: unset;
}
.sbr-ele .notify-w div[data-v-2d51db8f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.sbr-ele .notify-w div p[data-v-2d51db8f] {
    line-height: 18px;
}
.sbr-ele img[data-v-2d51db8f] {
    width: 18px;
    height: 18px;
}
.h5-nav[data-v-2d51db8f] {
    display: block;
}
.mobile-menu[data-v-2d51db8f] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.p-box[data-v-2d51db8f] {
    position: absolute;
    top: 0;
    right: 0;
    overflow: auto;
    width: 276px;
    height: 100%;
    max-height: 90%;
    padding: 80px 24px 100px;
    color: #141413;
    background: #ffffff;
}
.p-box .close-img[data-v-2d51db8f] {
    position: absolute;
    top: 22px;
    right: 24px;
    cursor: pointer;
}
.p-box .p-line[data-v-2d51db8f] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 0 30px;
}
.p-box .p-line div[data-v-2d51db8f] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.p-box .p-line div .pre-icon[data-v-2d51db8f] {
    margin-right: 8px;
    max-width: 20px;
    border-radius: 50%;
}
.p-box .p-line p[data-v-2d51db8f] {
    font-family: "MarkForMC-Bold";
    font-size: 16px;
}
.p-box .p-line img[data-v-2d51db8f]:last-of-type {
    cursor: pointer;
}
.p-box .mini-p[data-v-2d51db8f] {
    padding-top: 3px;
    margin: 0 0 30px 36px;
    font-family: "MarkForMC-Regular";
    font-size: 16px;
    color: #141413;
    cursor: pointer;
}
.p-box .notify-cell[data-v-2d51db8f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.p-box .notify-cell p[data-v-2d51db8f] {
    width: 20px;
    height: 20px;
    margin: 0 4px;
    font-family: "MarkForMC-Book";
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    border-radius: 50%;
    background: #D7373C;
}
.p-box .img-check[data-v-2d51db8f] {
    margin: 0 0 30px 16px;
}
.p-box .line[data-v-2d51db8f] {
    margin-top: 40px;
    width: 22px;
    height: 1px;
    background: #141413;
}
.p-box .big-p[data-v-2d51db8f] {
    padding-bottom: 30px;
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    cursor: pointer;
}
.global-align .page-header-wp .page-header .hd-lf .icon-search[data-v-2d51db8f] {
    margin-left: 10px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.global-align .p-box .p-line div .pre-icon[data-v-2d51db8f] {
    margin: 0 0 0 8px;
}
.global-align .p-box .close-img[data-v-2d51db8f] {
    left: 24px;
    right: unset;
}
.global-align .p-box .img-check[data-v-2d51db8f] {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-2f11b51d] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-2f11b51d] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.footer-wrapper[data-v-2f11b51d] {
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 1140px;
  height: 230px;
  color: white;
  background: #323231;
}
.footer-wrapper p[data-v-2f11b51d] {
  font-family: "MarkForMC-Regular";
  font-size: 16px;
}
.footer-wrapper .footer-link[data-v-2f11b51d] {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1140px;
  margin: 0 auto;
}
.footer-wrapper .footer-link .footer-left p[data-v-2f11b51d] {
  margin-bottom: 8px;
  line-height: 20px;
  cursor: pointer;
}
.footer-wrapper .footer-link .footer-left .f-bottom[data-v-2f11b51d] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 28px 0 0;
}
.footer-wrapper .footer-link .footer-left .f-bottom img[data-v-2f11b51d] {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.footer-wrapper .footer-link .footer-left .f-bottom .ls-txt[data-v-2f11b51d] {
  margin-bottom: 0;
  font-size: 14px;
  color: #C7C7C7;
  line-height: 18px;
  cursor: default;
}
.footer-wrapper .footer-link .footer-right[data-v-2f11b51d] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-wrapper .footer-link .footer-right p[data-v-2f11b51d] {
  color: #C7C7C7;
}
.footer-wrapper .footer-link .footer-right img[data-v-2f11b51d] {
  width: 130px;
  height: 20px;
  margin: 0 13px;
}
.footer-wrapper .line-one[data-v-2f11b51d] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-family: "MarkForMC-Med";
  font-size: 20px;
  cursor: pointer;
}
.footer-wrapper .line-one p[data-v-2f11b51d]:first-of-type {
  margin-right: 40px;
}
.footer-wrapper .line-two[data-v-2f11b51d] {
  margin-bottom: 20px;
  font-family: "MarkForMC-Med";
  cursor: pointer;
}
.footer-wrapper .line-two p[data-v-2f11b51d]:not(:last-child) {
  margin-right: 45px;
}
.footer-wrapper .line-three[data-v-2f11b51d] {
  margin-bottom: 20px;
  font-family: "MarkForMC-Regular";
}
.footer-wrapper .line-three p[data-v-2f11b51d]:not(:last-child) {
  margin-right: 14px;
}
.footer-wrapper .line-three img[data-v-2f11b51d] {
  width: 130px;
  height: auto;
  margin-right: 14px;
}
.footer-wrapper .ls-txt[data-v-2f11b51d] {
  font-family: "MarkForMC-Regular";
  font-size: 14px;
}
.global-align .footer-wrapper .footer-link .footer-left .f-bottom img[data-v-2f11b51d] {
  margin: 0 0 0 8px;
}
@media screen and (max-width: 1140px) {
.footer-wrapper[data-v-2f11b51d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    width: 100%;
    min-width: unset;
    height: auto;
    padding: 32px 16px;
    text-align: left;
}
.footer-wrapper p[data-v-2f11b51d] {
    font-size: 16px;
}
.footer-wrapper .footer-link[data-v-2f11b51d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    width: 100%;
    margin: 0;
}
.footer-wrapper .footer-link .footer-left p[data-v-2f11b51d] {
    margin-bottom: 8px;
    line-height: 20px;
    cursor: pointer;
}
.footer-wrapper .footer-link .footer-left .f-bottom[data-v-2f11b51d] {
    margin: 28px 0 0;
}
.footer-wrapper .footer-link .footer-left .f-bottom img[data-v-2f11b51d] {
    margin: -3px 8px 0 0;
}
.footer-wrapper .footer-link .footer-left .f-bottom .ls-txt[data-v-2f11b51d] {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    cursor: default;
}
.footer-wrapper .footer-link .footer-right[data-v-2f11b51d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-top: 16px;
}
.footer-wrapper .footer-link .footer-right img[data-v-2f11b51d] {
    margin: 10px 0;
}
.footer-wrapper .line-one[data-v-2f11b51d] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    font-family: "MarkForMC-Med";
    font-size: 20px;
    cursor: pointer;
}
.footer-wrapper .line-one p[data-v-2f11b51d]:first-of-type {
    margin-right: 40px;
}
.footer-wrapper .line-two[data-v-2f11b51d] {
    margin-bottom: 20px;
    font-family: "MarkForMC-Med";
    cursor: pointer;
}
.footer-wrapper .line-two p[data-v-2f11b51d]:not(:last-child) {
    margin-right: 45px;
}
.footer-wrapper .line-three[data-v-2f11b51d] {
    margin-bottom: 20px;
    font-family: "MarkForMC-Regular";
}
.footer-wrapper .line-three p[data-v-2f11b51d]:not(:last-child) {
    margin-right: 14px;
}
.footer-wrapper .line-three img[data-v-2f11b51d] {
    width: 130px;
    height: auto;
    margin-right: 14px;
}
.footer-wrapper .ls-txt[data-v-2f11b51d] {
    font-family: "MarkForMC-Regular";
    font-size: 14px;
}
.global-align .footer-wrapper .footer-link .footer-left p[data-v-2f11b51d], .global-align .footer-wrapper .footer-link .footer-right p[data-v-2f11b51d] {
    text-align: right;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-5862557a] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-5862557a] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.c-bg .cook-box[data-v-5862557a] {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 50px 130px 50px 100px;
  border: solid 1px #707070;
  background: #ffffff;
}
.c-bg .cook-box .cook-content[data-v-5862557a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-bg .cook-box .cook-content .cook-txt[data-v-5862557a] {
  max-width: 924px;
}
.c-bg .cook-box .cook-content .cook-txt span[data-v-5862557a] {
  font-family: "MarkForMC-Book";
  line-height: 22px;
  font-size: 18px;
}
.c-bg .cook-box .cook-content .cook-txt .line-span[data-v-5862557a] {
  font-family: "MarkForMC-Bold";
  text-decoration: underline;
  cursor: pointer;
}
.c-bg .cook-box .cook-content .cook-btn[data-v-5862557a] {
  min-width: 248px;
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-bg .cook-box .cook-content .cook-btn p[data-v-5862557a] {
  min-width: 100px;
  font-size: 20px;
  color: #CF4500;
  cursor: pointer;
}
.c-bg .cook-box .cook-content .cook-btn p[data-v-5862557a]:first-of-type {
  width: 160px;
  height: 40px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  margin: 0 32px;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
.c-bg .cook-box[data-v-5862557a] {
    height: auto;
    margin: 0;
    padding: 20px 0;
}
.c-bg .cook-box .cook-content[data-v-5862557a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.c-bg .cook-box .cook-content .cook-txt[data-v-5862557a] {
    max-width: unset;
    padding: 0 16px;
}
.c-bg .cook-box .cook-content .cook-txt span[data-v-5862557a] {
    line-height: 22px;
    font-size: 14px;
}
.c-bg .cook-box .cook-content .cook-btn[data-v-5862557a] {
    width: calc(100% - 32px);
    margin: 20px 0 0 0;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.c-bg .cook-box .cook-content .cook-btn p[data-v-5862557a] {
    font-size: 14px;
}
.c-bg .cook-box .cook-content .cook-btn p[data-v-5862557a]:first-of-type {
    margin-right: 60px;
    width: 120px;
    height: 40px;
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-color: #CF4500;
    font-size: 14px;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-2a9bd8d0] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-2a9bd8d0] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.modal[data-v-2a9bd8d0] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.modal .modal-box[data-v-2a9bd8d0] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  box-sizing: border-box;
  padding: 10px 0 0;
  background: white;
  border-radius: 4px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal .modal-box .icon-close[data-v-2a9bd8d0] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #CF4500;
  border-radius: 50%;
  cursor: pointer;
}
.modal .modal-box .icon-close .img[data-v-2a9bd8d0] {
  width: 10px;
  height: 10px;
}
.modal .modal-box .modal-title[data-v-2a9bd8d0] {
  margin-top: 48px;
  font-family: "MarkForMC-Bold";
  font-size: 24px;
  color: #242423;
}
.modal .modal-box .modal-content[data-v-2a9bd8d0] {
  margin: 24px 0 0;
}
.modal .modal-box .modal-footer[data-v-2a9bd8d0] {
  margin: 24px 0 40px;
}
.modal .modal-box .modal-footer .modal-btn[data-v-2a9bd8d0] {
  margin: 12px auto 0;
  width: 320px;
  height: 40px;
  line-height: 36px;
  font-size: 20px;
  font-family: "MarkForMC-Bold";
  color: #CF4500;
  text-align: center;
  border: 2px solid #CF4500;
  background: #fff;
  border-radius: 20px;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 16px;
}
.modal .modal-box .modal-footer .btn-border[data-v-2a9bd8d0] {
  margin: 0 auto;
  width: 320px;
  height: 40px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  font-size: 16px;
}
@media screen and (max-width: 720px) {
.modal .modal-box[data-v-2a9bd8d0] {
    width: calc(100% - 48px);
    padding: 16px 0 0;
}
.modal .modal-box .icon-close[data-v-2a9bd8d0] {
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.modal .modal-box .icon-close .img[data-v-2a9bd8d0] {
    width: 8px;
    height: 8px;
}
.modal .modal-box .modal-title[data-v-2a9bd8d0] {
    margin-top: 30px;
    font-size: 20px;
}
.modal .modal-box .modal-content[data-v-2a9bd8d0] {
    width: 100%;
    margin: 24px 0 0;
}
.modal .modal-box .modal-footer[data-v-2a9bd8d0] {
    margin: 24px 24px 34px;
}
.modal .modal-box .modal-footer .modal-btn[data-v-2a9bd8d0] {
    width: 80%;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    border-width: 1px;
}
.modal .modal-box .modal-footer .btn-border[data-v-2a9bd8d0] {
    width: 80%;
    height: 40px;
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-color: #CF4500;
    font-size: 14px;
    font-weight: 500;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-7c0c7b06] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-7c0c7b06] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.sbr-modal .modal-slot[data-v-7c0c7b06] {
  box-sizing: content-box;
  width: 472px;
  padding: 14px 64px 36px;
}
.sbr-modal .modal-slot .sbr-title[data-v-7c0c7b06] {
  margin-bottom: 24px;
  font-family: "MarkForMC-Regular";
  font-size: 36px;
  color: #141413;
  line-height: 42px;
  font-weight: 350;
  text-align: center;
}
.sbr-modal .modal-slot .sbr-content[data-v-7c0c7b06] {
  max-height: calc(100vh - 40px - 16px - 30px - 24px - 36px - 48px - 170px);
  min-height: 100px;
  overflow-y: auto;
}
.sbr-modal .modal-slot .sbr-content[data-v-7c0c7b06]::-webkit-scrollbar {
  width: 6px;
}
.sbr-modal .modal-slot .sbr-content[data-v-7c0c7b06]::-webkit-scrollbar-thumb {
  background-color: #CF4500;
  border-radius: 10px;
}
.sbr-modal .modal-slot .sbr-content[data-v-7c0c7b06]::-webkit-scrollbar-track {
  margin-bottom: 4px;
  margin-top: 2px;
}
.sbr-modal .modal-slot .sbr-content .sbr-txt[data-v-7c0c7b06] {
  max-width: 440px;
  margin-bottom: 24px;
  font-family: "MarkForMC-Regular";
  font-size: 18px;
  color: #141413;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
}
.sbr-modal .modal-slot .sbr-content .sbr-form[data-v-7c0c7b06] {
  max-width: 400px;
  margin: 0 auto;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell[data-v-7c0c7b06] {
  margin-bottom: -8px;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell p[data-v-7c0c7b06] {
  font-family: "MarkForMC-Regular";
  font-size: 18px;
  color: #141413;
  line-height: 26px;
  font-weight: 700;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell p[data-v-7c0c7b06]:first-of-type {
  font-size: 14px;
  color: #7B8191;
  line-height: 24px;
  font-weight: 450;
}
.sbr-modal .modal-slot .sbr-content .smy-tc[data-v-7c0c7b06] {
  position: relative;
  box-sizing: border-box;
  max-width: 400px;
  padding-left: 40px;
  margin: 8px auto 0;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  line-height: 24px;
}
.sbr-modal .modal-slot .sbr-content .smy-tc .ticked-box[data-v-7c0c7b06] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  border: 1px solid #c3c0b8;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.sbr-modal .modal-slot .sbr-content .smy-tc .ticked-box .ticked-box-selected[data-v-7c0c7b06] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../../static/img/checked.48598e61.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.sbr-modal .modal-slot .sbr-content .smy-tc .ticked-box-error[data-v-7c0c7b06] {
  border-color: #d7373c;
}
.sbr-modal .modal-slot .sbr-content .smy-tc a[data-v-7c0c7b06] {
  color: #CF4500;
  cursor: pointer;
}
.sbr-modal .modal-slot .sbr-content .error-top[data-v-7c0c7b06] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 400px;
  margin: 16px auto 0;
}
.sbr-modal .modal-slot .sbr-content .error-top img[data-v-7c0c7b06] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.sbr-modal .modal-slot .sbr-content .error-top p[data-v-7c0c7b06] {
  font-family: "MarkForMC-Regular";
  font-size: 12px;
  line-height: 20px;
  color: #d7373c;
}
.sbr-modal .modal-slot .sbr-footer[data-v-7c0c7b06] {
  margin-top: 24px;
  text-align: center;
}
.sbr-modal .modal-slot .sbr-footer div[data-v-7c0c7b06] {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  width: 310px;
}
.sbr-modal .modal-slot .sbr-footer p[data-v-7c0c7b06] {
  margin-top: 24px;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  color: #141413;
  line-height: 30px;
  font-weight: 400;
}
.sbr-modal .modal-slot .sbr-footer p[data-v-7c0c7b06]:last-of-type {
  margin-top: 0;
  font-family: "MarkForMC-Bold";
  color: #CF4500;
  line-height: 24px;
  text-decoration: underline;
  cursor: pointer;
}
.sbr-modal .modal-slot .sbr-footer .grey-btn[data-v-7c0c7b06] {
  background-color: #C7C7C7;
  cursor: default;
}
.global-align .sbr-modal .modal-slot .sbr-form .sbr-cell p[data-v-7c0c7b06]:last-of-type {
  text-align: right;
}
@media screen and (max-width: 1024px) {
.sbr-modal .modal-slot[data-v-7c0c7b06] {
    width: calc(100% - 24px);
    padding: 0 14px 32px;
}
.sbr-modal .modal-slot .sbr-title[data-v-7c0c7b06] {
    font-family: "MarkForMC-Bold";
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.sbr-modal .modal-slot .sbr-content[data-v-7c0c7b06] {
    max-height: calc(100vh - 400px);
    padding: 0 10px;
}
.sbr-modal .modal-slot .sbr-content .sbr-txt[data-v-7c0c7b06] {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.sbr-modal .modal-slot .sbr-content .sbr-form[data-v-7c0c7b06] {
    max-width: unset;
    margin: 0;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell[data-v-7c0c7b06] {
    margin-bottom: 8px;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell p[data-v-7c0c7b06] {
    margin-top: 8px;
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.sbr-modal .modal-slot .sbr-content .sbr-form .sbr-cell p[data-v-7c0c7b06]:first-of-type {
    font-family: "MarkForMC-Regular";
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.sbr-modal .modal-slot .sbr-content .smy-tc[data-v-7c0c7b06] {
    padding-left: 30px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
}
.sbr-modal .modal-slot .sbr-content .error-top[data-v-7c0c7b06] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 16px 0 0;
}
.sbr-modal .modal-slot .sbr-footer div[data-v-7c0c7b06] {
    box-sizing: border-box;
    display: inline-block;
    max-width: unset;
    height: 40px;
    padding: 0 20px;
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-color: #CF4500;
    width: 100%;
}
.sbr-modal .modal-slot .sbr-footer p[data-v-7c0c7b06] {
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 450;
}
.sbr-modal .modal-slot .sbr-footer p[data-v-7c0c7b06]:last-of-type {
    margin-top: 8px;
    line-height: 18px;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-6d9f1764] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-6d9f1764] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.twu-modal .modal-slot[data-v-6d9f1764] {
  box-sizing: content-box;
  width: 748px;
  padding: 6px 40px 64px;
}
.twu-modal .modal-slot .twu-title[data-v-6d9f1764] {
  margin-bottom: 24px;
  font-family: "MarkForMC-Regular";
  font-size: 36px;
  color: #141413;
  line-height: 42px;
  font-weight: 350;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764] {
  max-height: calc(100vh - 40px - 24px - 90px - 160px);
  min-height: 100px;
  overflow-y: auto;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764]::-webkit-scrollbar {
  width: 4px;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764]::-webkit-scrollbar-thumb {
  background-color: #CF4500;
  border-radius: 10px;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764]::-webkit-scrollbar-track {
  margin-bottom: 4px;
  margin-top: 2px;
}
.twu-modal .modal-slot .twu-content .twu-txt[data-v-6d9f1764] {
  margin-bottom: 24px;
  font-family: "MarkForMC-Regular";
  font-size: 18px;
  color: #141413;
  line-height: 28px;
  font-weight: 400;
}
.twu-modal .modal-slot .twu-content .twu-form[data-v-6d9f1764] {
  max-width: 400px;
}
.twu-modal .modal-slot .twu-content .twu-convenience[data-v-6d9f1764] {
  margin: 4px 0 24px;
  font-size: 16px;
  line-height: 24px;
}
.twu-modal .modal-slot .twu-content .twu-faq[data-v-6d9f1764] {
  margin-bottom: 24px;
}
.twu-modal .modal-slot .twu-content .required-txt[data-v-6d9f1764] {
  margin: 16px 0 24px;
  font-size: 14px;
  line-height: 20px;
}
.twu-modal .modal-slot .twu-content .smy-tc[data-v-6d9f1764] {
  position: relative;
  box-sizing: border-box;
  padding-left: 40px;
  margin: 16px auto 0;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  line-height: 24px;
  color: #141413;
}
.twu-modal .modal-slot .twu-content .smy-tc .ticked-box[data-v-6d9f1764] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  border: 1px solid #c3c0b8;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.twu-modal .modal-slot .twu-content .smy-tc .ticked-box .ticked-box-selected[data-v-6d9f1764] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../../static/img/checked.48598e61.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.twu-modal .modal-slot .twu-content .smy-tc .ticked-box-error[data-v-6d9f1764] {
  border-color: #d7373c;
}
.twu-modal .modal-slot .twu-content .smy-tc a[data-v-6d9f1764] {
  color: #CF4500;
  cursor: pointer;
}
.twu-modal .modal-slot .twu-content .error-top[data-v-6d9f1764] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 400px;
  margin: 16px 0 0;
}
.twu-modal .modal-slot .twu-content .error-top img[data-v-6d9f1764] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.twu-modal .modal-slot .twu-content .error-top p[data-v-6d9f1764] {
  font-family: "MarkForMC-Regular";
  font-size: 12px;
  line-height: 20px;
  color: #d7373c;
}
.twu-modal .modal-slot .twu-footer[data-v-6d9f1764] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.twu-modal .modal-slot .twu-footer div[data-v-6d9f1764]:first-of-type {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
}
.twu-modal .modal-slot .twu-footer div[data-v-6d9f1764]:last-of-type {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #CF4500;
  cursor: pointer;
  border-radius: 20px;
  background-color: unset;
  border: 2px solid #CF4500;
  margin-top: 16px;
  border-width: 1px;
  line-height: 40px;
}
.twu-modal .modal-slot .twu-footer div[data-v-6d9f1764] {
  width: 310px;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.twu-modal .modal-slot .twu-footer .grey-btn[data-v-6d9f1764] {
  color: #777470 !important;
  background-color: #E8E5E1 !important;
  cursor: default !important;
}
@media screen and (max-width: 1024px) {
.twu-modal .modal-slot[data-v-6d9f1764] {
    width: calc(100% - 24px);
    padding: 0 14px 32px;
}
.twu-modal .modal-slot .twu-title[data-v-6d9f1764] {
    padding: 0 10px;
    margin: -10px 0 16px;
    font-family: "MarkForMC-Bold";
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764] {
    max-height: calc(100vh - 400px);
    padding: 0 10px;
}
.twu-modal .modal-slot .twu-content[data-v-6d9f1764]::-webkit-scrollbar-track {
    margin-bottom: 20px;
}
.twu-modal .modal-slot .twu-content .twu-txt[data-v-6d9f1764] {
    margin-bottom: 24px;
    font-size: 14px;
    color: #555250;
    line-height: 18px;
    font-weight: 400;
}
.twu-modal .modal-slot .twu-content .twu-form[data-v-6d9f1764] {
    max-width: unset;
    margin: 0;
}
.twu-modal .modal-slot .twu-content .smy-tc[data-v-6d9f1764] {
    padding-left: 36px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
}
.twu-modal .modal-slot .twu-content .error-top[data-v-6d9f1764] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 16px 0 0;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-20ed113c] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-20ed113c] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.rw-modal .rw-slot[data-v-20ed113c] {
  box-sizing: content-box;
  width: 488px;
  padding: 14px 56px 0;
  text-align: center;
}
.rw-modal .rw-slot h1[data-v-20ed113c], .rw-modal .rw-slot p[data-v-20ed113c] {
  font-family: "MarkForMC-Regular";
  font-size: 36px;
  color: #141413;
  text-align: center;
  line-height: 42px;
  font-weight: 350;
}
.rw-modal .rw-slot p[data-v-20ed113c] {
  max-width: 440px;
  margin: 16px auto 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.rw-modal .rw-slot p[data-v-20ed113c]:first-of-type {
  font-family: "MarkForMC-Bold";
  font-size: 20px;
  color: #8DB92E;
  line-height: 16px;
  font-weight: 700;
}
.rw-modal .rw-slot img[data-v-20ed113c] {
  width: 56px;
  height: 50px;
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
.rw-modal .rw-slot[data-v-20ed113c] {
    box-sizing: content-box;
    width: 80%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}
.rw-modal .rw-slot h1[data-v-20ed113c], .rw-modal .rw-slot p[data-v-20ed113c] {
    font-family: "MarkForMC-Bold";
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
}
.rw-modal .rw-slot p[data-v-20ed113c] {
    max-width: unset;
    margin: 8px auto 0;
    font-family: "MarkForMC-Regular";
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.rw-modal .rw-slot p[data-v-20ed113c]:first-of-type {
    font-size: 14px;
    line-height: 18px;
}
.rw-modal .rw-slot img[data-v-20ed113c] {
    width: 56px;
    height: 50px;
    margin-top: 24px;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-2a7536b8] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-2a7536b8] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.rw-modal .rw-slot[data-v-2a7536b8] {
  box-sizing: content-box;
  width: 748px;
  padding: 6px 40px 0;
  text-align: center;
}
.rw-modal .rw-slot h1[data-v-2a7536b8], .rw-modal .rw-slot p[data-v-2a7536b8] {
  margin: 24px 0;
  font-family: "MarkForMC-Regular";
  font-size: 36px;
  color: #141413;
  text-align: center;
  line-height: 42px;
  font-weight: 350;
}
.rw-modal .rw-slot p[data-v-2a7536b8] {
  max-width: 640px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 28px;
}
.rw-modal .rw-slot img[data-v-2a7536b8] {
  width: 48px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
.rw-modal .rw-slot[data-v-2a7536b8] {
    box-sizing: content-box;
    width: 80%;
    padding: 0;
    margin: 0 auto;
}
.rw-modal .rw-slot h1[data-v-2a7536b8] {
    margin: 24px 0 16px;
    font-family: "MarkForMC-Bold";
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}
.rw-modal .rw-slot p[data-v-2a7536b8] {
    font-size: 14px;
    line-height: 20px;
    color: #555250;
}
.rw-modal .rw-slot img[data-v-2a7536b8] {
    width: 40px;
    height: 40px;
    margin-top: -8px;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-172af02b] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-172af02b] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.app-banner .banner-box[data-v-172af02b] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 32px);
  padding: 14px 16px 10px;
  background-color: #F0EDE7;
}
.app-banner .banner-box .banner-content[data-v-172af02b] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.app-banner .banner-box .banner-content img[data-v-172af02b]:first-of-type {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.app-banner .banner-box .banner-content img[data-v-172af02b]:nth-of-type(2) {
  width: 36px;
  height: 36px;
  padding: 0 8px;
}
.app-banner .banner-box .banner-content div p[data-v-172af02b] {
  font-family: "MarkForMC-Regular";
  font-size: 12px;
  line-height: 1;
  color: #000000;
}
.app-banner .banner-box .banner-content div p[data-v-172af02b]:first-of-type {
  padding-bottom: 4px;
  font-family: "MarkForMC-Bold";
}
.app-banner .banner-box .open-btn[data-v-172af02b] {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  padding: 0 16px;
}
.app-banner .banner-box .inner-box[data-v-172af02b] {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-banner .banner-box .closed[data-v-172af02b] {
  width: 16px;
}
.app-banner .banner-box .icon-app[data-v-172af02b] {
  width: 45px;
  height: 45px;
  margin: 16px;
}
.app-banner .banner-box .text-app[data-v-172af02b] {
  width: 116px;
  font-size: 12px;
  line-height: 18px;
  font-family: "MarkForMC-Book";
}
.app-banner .banner-box .open[data-v-172af02b] {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 30px;
  padding: 0 16px;
  font-family: "MarkForMC-Bold";
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 16px;
  background-color: #CF4500;
  line-height: 30px;
}
.app-banner .banner-h[data-v-172af02b] {
  width: 100%;
  height: 64px;
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-2586954d] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-2586954d] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.lg-box[data-v-2586954d] {
  overflow: hidden;
  margin: 0 34px 40px 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
}
.lg-box .img-box[data-v-2586954d] {
  position: relative;
  height: 212px;
  background-color: #ffffff;
}
.lg-box .img-box .img-top[data-v-2586954d] {
  width: 100%;
  height: 212px;
  object-fit: cover;
}
.lg-box .img-box .img-addition[data-v-2586954d] {
  position: absolute;
  bottom: -14px;
  right: 16px;
  width: 28px;
  height: 28px;
}
.lg-box .img-box .img-label[data-v-2586954d] {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 6px 14px;
  font-family: "MarkForMC-Regular";
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  background: #CF4500;
}
.lg-box .img-box .dining-label[data-v-2586954d] {
  position: absolute;
  right: 0;
  bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lg-box .img-box .dining-label p[data-v-2586954d] {
  padding: 2px 4px;
  margin-right: 8px;
  font-family: "MarkForMC-Regular";
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #067647;
  border-radius: 2px;
  background: #ECFDF3;
}
.lg-box .img-box .dining-label .discount-color[data-v-2586954d] {
  color: #794500;
  background: #FFF4E5;
}
.lg-box .img-box .dining-label .setmeal-color[data-v-2586954d] {
  color: #ffffff;
  background: #CF4500;
}
.lg-box .img-box .ft-bar[data-v-2586954d] {
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  padding: 6px 0;
  background: #7DAB2D;
}
.lg-box .img-box .ft-bar span[data-v-2586954d] {
  padding: 6px 24px;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  background: unset;
}
.lg-box .img-box .up-grade[data-v-2586954d] {
  position: absolute;
  top: 16px;
  right: 8px;
  padding: 6px 8px;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  font-weight: 450;
  font-style: normal;
  color: #FFFFFF;
  background: #CF4500;
}
.lg-box .img-box .grey-bar[data-v-2586954d] {
  background: #88887E;
}
.lg-box .img-box .orange-bar[data-v-2586954d] {
  background: #FD8C25;
}
.lg-box .img-box .green-bar[data-v-2586954d] {
  background: #067647;
}
.lg-box .content[data-v-2586954d] {
  padding: 8px 24px 16px;
}
.lg-box .content p[data-v-2586954d] {
  padding-bottom: 3px;
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #666362;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.lg-box .content .line-more[data-v-2586954d] {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  word-break: break-word;
  /*兼容英文*/
  white-space: unset;
  line-height: 20px;
}
.lg-box .content .name[data-v-2586954d] {
  padding: 8px 0 0 0;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 25px;
  color: #141413;
}
.lg-box .content .p[data-v-2586954d]:last-of-type {
  padding-bottom: 0;
}
.lg-box .content .new-p[data-v-2586954d] {
  line-height: 25px;
  white-space: unset;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  word-break: break-word;
  /*兼容英文*/
}
.lg-box .content .ft-p[data-v-2586954d] {
  height: unset;
  padding-bottom: 8px;
  line-height: 26px;
  overflow: unset;
  text-overflow: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}
.lg-box .lounge-prebooking[data-v-2586954d] {
  display: inline-block;
  box-sizing: border-box;
  height: 24px;
  padding: 0 4px;
  margin: 0 24px 24px;
  line-height: 24px;
  background: #FFF4E5;
  border-radius: 2px;
}
.lg-box .lounge-prebooking img[data-v-2586954d] {
  width: 16px;
  height: 16px;
}
.lg-box .lounge-prebooking span[data-v-2586954d] {
  padding: 0 6px;
  font-family: "MarkForMC-Med";
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #794500;
}
.global-align .lg-box .img-box .up-grade[data-v-2586954d] {
  left: 8px;
  right: unset;
}
.global-align .lg-box .img-box .dining-label[data-v-2586954d] {
  left: 0;
  right: unset;
}
.global-align .lg-box .img-box .dining-label p[data-v-2586954d] {
  margin: 0 0 0 8px;
}
@media screen and (max-width: 1024px) {
.lg-box[data-v-2586954d] {
    width: 100%;
    margin: 0 0 28px 0;
}
.lg-box .img-box[data-v-2586954d] {
    height: unset;
    min-height: 100px;
}
.lg-box .content[data-v-2586954d] {
    padding: 8px 16px 12px;
}
.lg-box .content .new-p[data-v-2586954d] {
    height: unset;
    padding-bottom: 5px;
    line-height: 26px;
}
}
@media screen and (max-width: 1024px) {
.lg-box[data-v-2586954d] {
    margin-right: 34px;
}
.lg-box .img-box[data-v-2586954d] {
    height: 212px;
}
.lg-box .img-box img[data-v-2586954d] {
    height: 212px;
}
.lounge .content[data-v-2586954d] {
    width: 100%;
    box-sizing: border-box;
}
}
@media screen and (max-width: 470px) {
.lg-box[data-v-2586954d] {
    margin-right: 0;
}
.lg-box .img-box[data-v-2586954d] {
    height: unset;
}
.lg-box .img-box img[data-v-2586954d] {
    height: unset;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-60daa1c3] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-60daa1c3] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.s-p[data-v-60daa1c3] {
  width: 100%;
  margin-bottom: 16px;
}
.s-p .s-w[data-v-60daa1c3] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(1140px - 20px);
  padding: 0 10px;
  margin: 0 auto;
}
.s-p .s-w div[data-v-60daa1c3] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-right: 40px;
}
.s-p .s-w div img[data-v-60daa1c3] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.s-p .s-w div p[data-v-60daa1c3] {
  font-family: "MarkForMC-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #141413;
}
.global-align .s-p .s-w div[data-v-60daa1c3] {
  margin: 0 0 0 40px;
}
.global-align .s-p .s-w div img[data-v-60daa1c3] {
  margin: 0 0 0 8px;
}
@media screen and (max-width: 1024px) {
.s-p .s-w[data-v-60daa1c3] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: unset;
    padding: 0 16px;
    margin: 0;
}
.s-p .s-w div[data-v-60daa1c3] {
    width: 100%;
    margin: 0 0 12px 0;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-3a96b4df] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-3a96b4df] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.modal[data-v-3a96b4df] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.modal .modal-box[data-v-3a96b4df] {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 1000;
  box-sizing: border-box;
  width: 828px;
  padding: 8px 40px 40px;
  text-align: center;
  background: white;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal .modal-box .icon-close[data-v-3a96b4df] {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.modal .modal-box .modal-title[data-v-3a96b4df] {
  margin-top: 40px;
  font-family: "MarkForMC-Regular";
  font-size: 36px;
  line-height: 42px;
  color: #141413;
  font-weight: 350;
}
.modal .modal-box .modal-content[data-v-3a96b4df] {
  width: 748px;
  margin: 40px auto 40px;
  font-family: "MarkForMC-Regular";
  font-size: 18px;
  line-height: 28px;
  color: #141413;
  font-weight: 400;
  word-break: break-word;
}
.modal .modal-box .modal-content .desc-p[data-v-3a96b4df] {
  margin-top: 12px;
}
.modal .modal-box .modal-btn[data-v-3a96b4df] {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #CF4500;
  cursor: pointer;
  border-radius: 20px;
  background-color: unset;
  border: 2px solid #CF4500;
  width: 320px;
  height: auto;
  min-height: 40px;
  display: block;
  padding: 4px;
  margin: 16px auto 0;
  line-height: 28px;
}
.modal .modal-box .btn-border[data-v-3a96b4df] {
  box-sizing: border-box;
  display: inline-block;
  max-width: unset;
  height: 40px;
  padding: 0 20px;
  font-family: "MarkForMC-Bold";
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  background-color: #CF4500;
  width: 320px;
  height: auto;
  min-height: 40px;
  display: block;
  padding: 6px 4px;
  margin: 0 auto;
  line-height: 28px;
}
.modal-align .modal-box .icon-close[data-v-3a96b4df] {
  left: 16px;
  right: unset;
}
@media screen and (max-width: 828px) {
.modal .modal-box[data-v-3a96b4df] {
    top: 50%;
    width: calc(100% - 48px);
    padding: 16px 24px 32px;
    border-radius: 2px;
}
.modal .modal-box .modal-title[data-v-3a96b4df] {
    margin-top: 16px;
    font-family: "MarkForMC-Bold";
    font-size: 18px;
    line-height: 24px;
}
.modal .modal-box .modal-content[data-v-3a96b4df] {
    width: 100%;
    margin: 24px auto 32px;
    font-size: 14px;
    line-height: 18px;
}
.modal .modal-box .modal-btn[data-v-3a96b4df] {
    width: 100%;
    margin-top: 8px;
}
.modal .modal-box .btn-border[data-v-3a96b4df] {
    width: 100%;
}
}
@charset "UTF-8";
/* stylelint-disable */
@font-face {
  font-family: "MarkForMC-Regular";
  src: url(../../static/fonts/MarkForMC-Regular.b9c41ab4.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Regular.3eb97059.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Regular.292f94da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Med";
  src: url(../../static/fonts/MarkForMC-Med.82cbd4dc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Med.d5413fa0.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Med.8064cf8c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Lt";
  src: url(../../static/fonts/MarkForMC-Lt.1b55269b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Lt.9613e684.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Lt.8d0863da.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Book";
  src: url(../../static/fonts/MarkForMC-Book.b94ba4cc.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Book.58d27291.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Book.f009a11b.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MarkForMC-Bold";
  src: url(../../static/fonts/MarkForMC-Bold.9608396b.woff2) format("woff2"), url(../../static/fonts/MarkForMC-Bold.5baff2fe.ttf) format("truetype"), url(../../static/fonts/MarkForMC-Bold.8f02715c.eot) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable */
.page-main[data-v-416d18c9] {
  width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-416d18c9] {
    width: 88%;
}
}
/* 超出${line}行省略号显示 */
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* lounge 样式 */
/* 返回按钮 样式 */
.loading-box[data-v-416d18c9] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.loading-box img[data-v-416d18c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
.loading-box img[data-v-416d18c9] {
    width: 80px;
    height: 80px;
}
}