:root {
  --content-base: #615656;
  --content-secondary: rgba(64, 58, 58, 0.4);
}

@media (min-width: 563px) {
  html {
    font-size: 150px !important;
  }
  body {
    font-size: initial;
  }
}

html {
  background: #f0eaea;
  font-size: 26.6666vw;
}

body {
  font-family: Volkhov, Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--content-base);
}

* {
  box-sizing: border-box;
}

p {
  margin: 0;
}

a {
  font-style: italic;
  color: currentColor;
}

main {
  max-width: 563px;
  margin: 0 auto;
  position: relative;
  padding-top: 0.12rem;
  width: 100vw;
  overflow: hidden;
  height: 6.6rem;
}

h1 {
  text-align: center;
  font-style: italic;
  font-size: 0.2rem;
  line-height: 0.24rem;
  margin: 0.28rem 0;
}

.bill-bg-1 {
  padding: 0 0.2rem;
  position: absolute;
  top: 0.12rem;
  z-index: -1;
}

.bill-bg-2 {
  padding: 0 0.2rem;
  position: absolute;
  top: 0.1rem;
  z-index: -2;
  transform: rotate(3deg);
  transition: all;
}

.bill-bg-3 {
  padding: 0 0.2rem;
  position: absolute;
  top: 0.24rem;
  z-index: -3;
  transform: rotate(-2deg);
  transition: all;
}

.content {
  margin: 0 0.2rem;
  position: relative;
  padding: 0 0.24rem;
}

.form-content {
  border-top: 0.02rem dashed var(--content-secondary);
  padding: 0.28rem 0;
}

.form-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-row.row-1 {
  height: 0.32rem;
  font-size: 0.2rem;
  font-weight: 700;
}

.form-row.row-2 {
  height: 0.28rem;
  font-size: 0.16rem;
  color: var(--content-secondary);
}

.intro {
  border-top: 0.02rem dashed var(--content-secondary);
  padding-top: 0.24rem;
  line-height: 0.18rem;
  font-size: 0.13rem;
}

#wechat-dialog {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.2);
}

#wechat-dialog.invisible {
  visibility: hidden;
}

#wechat-dialog img {
  max-width: 60vw;
  border-radius: 0.1rem;
}

.action-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  background: #ffffff;
  font-size: 0.14rem;
  height: 0.36rem;
  text-decoration: none;
  border-radius: 0.08rem;
  font-style: normal;
}

.action-btn#bmc-btn {
  margin-top: 0.28rem;
}

.action-btn#wechat-btn {
  margin-top: 0.28rem;
  font-family: inherit;
  margin-top: 0.08rem;
  cursor: pointer;
  width: 100%;
  border: none;
  color: inherit;
}

.action-btn#wechat-btn .subtitle {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
  font-weight: 300;
  font-size: 0.1rem;
  margin-left: 0.04rem;
  opacity: 0.6;
}

.action-btn-icon {
  margin-right: 0.08rem;
  width: 0.2rem;
  height: 0.2rem;
}

.icon-bmc {
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_519_172)' fill='%23615656'%3E%3Cpath d='M15.959 4.652l-.014-.008-.031-.01c.012.011.028.018.045.018zM15.965 4.65l-.006-.001v.004a.011.011 0 0 0 .006-.003z'/%3E%3Cpath d='M15.96 4.653h.002v-.002l-.003.002zM16.147 6.079l.023-.014.008-.004.008-.009a.132.132 0 0 0-.04.027zM16 4.684l-.024-.022-.015-.008a.063.063 0 0 0 .038.03zM10.313 18.549a.119.119 0 0 0-.046.035l.014-.009c.01-.009.023-.02.032-.026zM13.615 17.899c0-.02-.01-.017-.008.056 0-.006.003-.012.004-.018l.004-.038zM13.272 18.549a.118.118 0 0 0-.046.035l.014-.009.032-.026zM7.987 18.703a.098.098 0 0 0-.048-.023.837.837 0 0 1 .038.02l.01.003zM7.464 18.202a.495.495 0 0 1 0-.001zM10.979 9.239c-.719.308-1.534.656-2.59.656-.442 0-.882-.061-1.308-.18l.73 7.503a1.253 1.253 0 0 0 1.25 1.15s1.036.054 1.382.054c.372 0 1.488-.054 1.488-.054a1.254 1.254 0 0 0 1.25-1.15l.782-8.291a3.33 3.33 0 0 0-1.1-.199c-.689 0-1.244.237-1.884.511zM4.819 6.038l.012.012.008.004a.125.125 0 0 0-.02-.016z'/%3E%3Cpath d='M17.342 5.346l-.11-.556c-.098-.498-.323-.968-.834-1.148-.164-.058-.35-.082-.475-.202-.126-.119-.163-.304-.192-.476-.054-.315-.104-.63-.16-.945-.047-.27-.085-.574-.209-.822-.161-.333-.496-.528-.83-.657a4.781 4.781 0 0 0-.521-.161c-.832-.22-1.707-.3-2.563-.346a21.52 21.52 0 0 0-3.084.05c-.763.07-1.566.154-2.292.418-.265.097-.538.213-.74.417-.246.252-.327.641-.147.955.129.223.346.38.577.484.3.134.614.236.936.305.895.198 1.823.275 2.739.309 1.014.04 2.03.007 3.04-.1.25-.027.5-.06.748-.098.293-.045.481-.429.395-.695-.104-.32-.381-.443-.695-.395l-.139.02-.033.005a16.933 16.933 0 0 1-.98.096 21.914 21.914 0 0 1-3.91-.084l-.096-.012-.02-.003-.1-.014c-.201-.03-.403-.065-.602-.108a.09.09 0 0 1 0-.177h.003a9.786 9.786 0 0 1 .698-.122h.002c.11-.008.22-.027.328-.04a20.892 20.892 0 0 1 2.855-.1 19.217 19.217 0 0 1 1.68.12l.114.014.077.011c.223.033.444.074.665.121.326.071.746.094.89.452.047.114.068.24.094.359l.032.152.002.008.231 1.077a.196.196 0 0 1-.165.236h-.003l-.047.007-.046.006a26.146 26.146 0 0 1-1.318.14 30.602 30.602 0 0 1-2.634.106 30.894 30.894 0 0 1-3.915-.254l-.106-.014-.242-.035c-.271-.041-.54-.091-.811-.135-.327-.054-.64-.027-.935.135a1.36 1.36 0 0 0-.564.584c-.127.263-.165.55-.222.834-.057.283-.146.588-.112.879.072.627.511 1.138 1.142 1.252a33.07 33.07 0 0 0 9.452.313.404.404 0 0 1 .445.442l-.06.58-.36 3.52c-.126 1.232-.252 2.464-.38 3.696l-.107 1.04c-.035.342-.04.694-.104 1.031-.103.531-.462.857-.986.976-.48.11-.97.167-1.463.171-.546.003-1.092-.021-1.638-.018-.582.003-1.296-.05-1.746-.485-.395-.38-.45-.977-.504-1.493-.071-.683-.143-1.365-.213-2.048l-.396-3.796-.255-2.457c-.005-.04-.01-.08-.013-.121-.03-.293-.238-.58-.565-.565-.28.012-.598.25-.565.565l.19 1.82.392 3.768.334 3.21c.022.205.042.41.065.616.123 1.12.978 1.724 2.038 1.894.619.1 1.252.12 1.88.13.806.013 1.619.044 2.41-.102 1.174-.215 2.054-.999 2.18-2.214l.107-1.053.358-3.483.389-3.794.178-1.738a.404.404 0 0 1 .325-.355c.336-.065.656-.177.895-.432.38-.407.456-.937.321-1.471zM4.721 5.72c.005-.003-.004.041-.008.062-.001-.031 0-.059.008-.062zm.033.251c.002-.001.01.01.019.022-.013-.012-.021-.02-.02-.022zm.032.043c.017.032.011.02 0 0zm.064.052h.001c0 .002.003.004.005.006a.042.042 0 0 0-.006-.006zm11.26-.078c-.12.115-.302.168-.481.194-2.013.3-4.054.45-6.09.384-1.455-.05-2.896-.212-4.338-.416-.141-.02-.294-.045-.391-.15-.183-.196-.093-.591-.046-.829.044-.217.127-.507.386-.538.403-.047.872.123 1.271.184.481.073.964.132 1.448.176 2.067.188 4.169.159 6.226-.117.375-.05.75-.109 1.121-.175.332-.06.7-.171.9.172.138.234.156.547.135.812a.453.453 0 0 1-.14.303z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_519_172'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.icon-wechat {
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.674 8.845c.139 0 .277.005.413.012-.572-3.016-3.71-5.323-7.498-5.323C5.4 3.534 2 6.361 2 9.848c0 1.901 1.022 3.614 2.623 4.772a.504.504 0 0 1 .187.575c-.129.475-.333 1.237-.342 1.272-.016.061-.04.122-.04.185 0 .139.113.253.253.253a.296.296 0 0 0 .146-.046l1.661-.959a.791.791 0 0 1 .403-.117.8.8 0 0 1 .223.033 8.997 8.997 0 0 0 2.895.337 4.81 4.81 0 0 1-.256-1.547c0-3.183 3.099-5.76 6.921-5.76zM12.12 6.818a1.01 1.01 0 0 1 0 2.02 1.012 1.012 0 0 1-1.012-1.01c0-.558.454-1.01 1.012-1.01zm-5.06 2.02a1.01 1.01 0 0 1 0-2.02 1.01 1.01 0 1 1 0 2.02zm13.753 9.74c1.334-.965 2.185-2.39 2.185-3.976 0-2.907-2.832-5.262-6.326-5.262-3.492 0-6.326 2.355-6.326 5.262 0 2.906 2.831 5.261 6.326 5.261.722 0 1.42-.103 2.065-.288a.625.625 0 0 1 .52.068l1.385.797c.04.023.078.04.122.04a.21.21 0 0 0 .195-.13.21.21 0 0 0 .016-.081c0-.052-.021-.103-.033-.155l-.286-1.062a.526.526 0 0 1-.02-.133.433.433 0 0 1 .177-.34zm-6.246-4.816a.843.843 0 0 1-.844-.84.843.843 0 0 1 1.688 0c0 .463-.38.84-.844.84zm4.217 0a.843.843 0 0 1-.844-.84.843.843 0 1 1 1.439.594.846.846 0 0 1-.595.246z' fill='%23615656'/%3E%3C/svg%3E");
}