html.hidden-box {
  height: 100%;
  overflow: hidden;
}
body {
  font-family: PingFangSC-Regular, PingFang SC, PingFang TC;
  background: #FFFEF7;
}
.common-toast {
  width: 100%;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  position: fixed;
  bottom: 50%;
  left: 0;
  z-index: 1000;
}
.common-toast span {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.04rem;
  color: #fff;
}
.banner {
  position: relative;
}

.banner .row {
  position: relative;
  display: block;
  max-width: 1200px;
  margin: 0 auto 0.25rem;
  z-index: 10;
}

.banner > .row > p span {
  font-weight: bold;
  color: #fd8b36;
}
.banner .register-box {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 50px;
}
.section2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: calc(100% - 0.34rem);
  box-shadow: none;
  position: relative;
  background: linear-gradient(180deg, rgba(255, 243, 197, 0.45) 0%, rgba(255, 254, 251, 0.45) 100%);
  border-radius: 0.08rem;
  padding: 0 0.15rem 0.21rem;
}
.section2 .row {
  width: 100%;
}
.section2 .paragraph-title {
  display: inline-block;
  height: 0.37rem;
  min-width: 2.08rem;
  max-width: 100%;
  padding: 0 0.3rem;
  width: auto;
  text-align: center;
  font-size: 0.12rem;
  font-weight: 600;
  color: #5E3510;
  line-height: 0.33rem;
  background-size: contain;
  margin: 0 auto 0.1rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnAAAABvCAMAAABb0g32AAABX1BMVEX/5p//9gAAAADZqgD/8rv/7a7/8LX/6qn/7Kz/77P/66n/56H/6KX/66v/8bf8qwD/7rD/8rr/6KP5vADkqQD9tAD/6af/ySf/56P/6ab/77T/8rn/7rH/56DpowDoogDloQDnoQD/9MX/12P/8rz/9tf/9tLnoADgnwDmogDnnwDdpADkoQDpoAD/0Ur/4pf/5qHrowD/6aj/5J//8bbonQDrogDnogD/77HqnwDpoQDqpADnngDkoQD/yir/yy7/7bf/67H/yzL/8cD/77v/zTf/yyz/4Ib/1Vr1wjv/6q3/0ET9zD/wuC//3Xz/zDD0vjT/4o7/00//zj3/0Ef/5JP/23L/2Wn/yzD2xUT/5pn/zDT/zTv7013/zz7/0Un+zT/5yET/zj79z0f91F35x0H72HD/9Mn/0EP8z1D/0Uf/+un/6Z3/1Vb92Gz1wUH+2GX+2Gj/3HP/1Vn/12HnNQ6TAAAAdXRSTlP6AQAD+vr6+vr6+vr6+voF+vr6BAkH+vr6+vr6+voLFRMZ+vr6+vobEB4gDiYj+vr6J/r6+ggRD/oXHAwNGvr6+vr6+vr69vr6OPr6gSv68DL6+vq0+vr650P63NJv6s2cUMGRflpW+vNk3/r675AfxbCh282qzVoAAAALmklEQVR42uzc7VMSQQDHcTK5UZsE4+gmcA44qRCaXrUQB9wRx2OiJD5haWUaPqRZTf//tLdy7HmdFXD1pt9nJubC7d13dr3dnXxTdrcAPDdl50Nr8C8Mg0Nu8G/w4Ozf3gbwlKM5MzjUBn+VIzi33kIAE3IvzjfsjZcWAPCE1R1Pjgd3mxnWRkgYYGyEDJvjxbHg7L3RHgexEUoEGBOhBtHRqOzF+ey9BeT+hS4BeEa/6IsBXpwtOLac9nt6cwnAM02912fLKg/O1lugrTU+fXoI4JmG1g7Yi/MNe6PLbbitbZnBPQLwyJrWDtO0WHHO4AjZ73RpbscKgDeiK51TQuzB8QWVEDG2V7n3SDGSAN5Y1/diIiF8UfXxCS5MRPmbtHOsJKcBPCEsSUeySOii6gguFGK9FS9PNqIIDrzyoPb2ssiKC4V4cNYEJ8vF3DepcWxMA3hiTTrMFWWZTXHO4IgoFnKp1skG1lTwiFDrtFK5giwS1+DoBJe93JS2EBx4oyFtXmZzxV8FFzuqdxVjegFgYsLT+n7s5uBkOZfKxlpvKneU5ALApKJblTersWwqI8tuwYVpcNlsLP9V2laMhWg0Sv+Yn5TrAzN8wHiMd44XdqT3eRpczj04MghutbZSNaajABOa26is0uCyNweXSdHgEl+k10oyOs/xZ875I4zHeOd4+sqQyPMl1e2lgQV3UHt6bCzMA0xEWOkcsOAcLw3U9eBevZPuKe7BPTPZn/kDxmP89fHr0odVHlwodP22CD3aEuVCLhuPJR63600lOS+4eibge3z/J99HuvX240QsnjU3fsNsgnMER6zgdnu1OWNeAJjA60pv1wqOuAQXChDzaCsey5eWv2hrSlUAGN/strS5XMrH4qlMga2oVnBTfIpjRw00OLVf71YN4TciJoHDeIy3jZ9bqe+qNDh20MAnuClbcISIgzV1+bt2bkT5v4+YnJ8/PWA8xvOHde3D8mBFFQlxBMeKY2cNRbamqh/15nE1AjC2rn6gshWVTXABqzcanG2KC1uvDa0z6YUhzAKM6Vzae2W9MoTZBMeDm7IdNhQyLLj0YX1HiUZmAcay2NQO0yy4TIEfM9j/u66rW+aiyF4bEmq/t+FPIjgY03mtd6Am2CuDKIatXV8eHJ/irNeGd1rDKM8+XzTRz6HBN5TbXzEe483P4Lb2QR2sqHyC48FZxfHjLXVfa1arkUWAMcx1tY8qP9ZivdmCs++MmFtxcRpc+kKfMyJBgDFsaWdpGlzc3ISz74mw4GzFsRP8TIpt/h5pO0o5CDCGpnaqlvhFEd4bD862prLf4tTWmV6uLgYtfhN/8A84f4rxGB8MnutvWir7DY6vqO7BsWuYLLhS+r22bUT8ACNb0t6nSyw4fvWSB8dYt+IGB6rstaGzUS4H/QAjulPrnF7tiThOGRzBOS4prb7T16uzfoARrel7TxwXk1yDY5u/7LUhxw5UP0tL1bIfYDT3m9I+O0bNZfhVX2dwrndGTmovq8EZgJG8rrx1vSfiCM7aGSFsTb2a4rQ1o+yfARjFjtSmE9zwlIH15gjOuRXHNn9L6u5JBcHBiB5U3po3L2lvzk04HhzjOFDN09eGTa1hvLh7d+auxXqeoW76K8b/3+N/sHd2v0lDUQCvvpAIiwkhKzz4FR+kIAwhe4BJackALRsD2aZjc34n+uCD0f8/nntKOaVft6AxnT0/YwV2nc31lwPn3HvPztX3kDK0Pcuot8OFwxC3XG04GRvGDsPEJz8+eUurDBLhvOcFjy/7Z4fWDsPEZtS7PPaeDgwTDqAQh2kDtPw9NHfuMExMSi/UT5gyuJZRQ4SjEEerDdOvc9Ow7jBMTBaDk2NaZaAAFywchbjlVvPOD3XEIY6JD6QMneXW8uUnuFuhwlFlhELcxXwOeWqGYWJRGpxchC6j+oWj41sFJ234qELakGGYWEzUUydlKNBhLY9whK9XXFeDlr+HZoZh4pAfD4/smkjVVxMh4cLSBtyHeXHZXxg7zYxNU0AP8EpfQjK7Ah6fyvGjPu28pJRBLhwd3+p2fujnhtXcZRgp+ceQMnTpsJZcOG9lRGw1749Nk4VjYrCY96YQ4Dw1kQjhqDKyv1pQ1X6pZ4a1W2IYGZAyaKudl/tU9PUKF14ZwcY2A0gbmqXY5AQlHp++8bCMCg1s/DURqXD4Ka7gVEag5a9iZHJrlOw/wl8s8fj0jR+pH6dOTaQAn+Akwvn3jFTtBVVo+WtYOYaJpvhKUhMh4aJXGz68GWTNZm6NvCAXBY9P2/gZNvX1pAwxhXPShjL27oKWv/CemmeYCIqvRcrQbj8s41mGuMIFtvztvTKtXL4oyDsEPnW/yOPTNX4x1j8ENfWVC+c/vvWztzCa9E8SgU9Xtwi/XLjvjsYTUd///xwfNj/09Cbd/0h/F3hYSy4ctfw9oJa/h1YxLnHCLwPzdMMnKr8OdOhydl7ep5qIVDh/y9+2aGyjZsxcNiZ5OVkG5umGT1R+jZl69TKoqa9MOP/xLWz5q782mkUWjoULu/9sWFNfuXDU8pcqI9/ezHetYgPINvAK0AN6HR/gzazuyrm39Qeu8XSN+P7/4/jw+aEJvDH3Pwto6htfOKqMUMvfiZlrENkE0NiIhN18OImZp+wGKK/p54BQgIsvHBrnPqEKLX/NZlFRlIYiaNwTZG3uLcm6r4Dnxb8+3r4T9xXBxwFfoqfw15Nw//9q/GbzQ9dN7mevrn/zNfWVC+cPcc4+zNr3XtEsKivuJQBlM5J18+EkZp7ubcCoF9zUVy6cv+UvCGe3/DWarRVKEmhtQsLuPZykTNNG8/RCf+teRiXfNhWO9mFe9y2rkaj/NOmEsXGIZH7+hnBnvqa+cuEkW81r0PLXzCkME0BoU1+5cFEtf61mQ2EYH3uepr5UE5ELF97y96o3grSBYby0zvWr4+CmvnLhIlv+mhziGD97r9TPmDL4m/rKhYts+ZuzOMQxPmZRTX3jC4fGYdpQLS9b/p4buwrD+GoidlPfcpWa+kYKJ6uMLEPcxXVvscPvqYyHkX7p7BORFeFIuOg9I3afkcqn4bjF76nMGq3ZfHikLYu+7n0i2wpHfUa6L9+p9RmHOMbNaAyHA7vUT2R74agyUjiARBUbYv5UBxOFYRxak4H6Dto74M+dOShQTWQL4TxNpjFvmJ4O9fpkdrbHMHtns0ldH55OMWPA08/km1Q4yba4Kq6oPulMj66Gan9cZ5j6uK8Or46ORb8kUYM7kOwTkQtHZ6JFLQ7yBjBOe/nl9Lqvq0zq0fvXp1+mWueJWNTCAEcpqlQ4yRL+Mm9A4yqVWq329OnTZ/AbrkzKeCoQV9CgUkHfVttEKMBtKRwlqvertnHdjobKgXNMiqnZummdru1b9T6kqNsLR5URNA7X8DHGQXHkCSpXqTGppoK6PYHPbxjfcNUefcOayNbCoXHY1twxri2UQ+e0CpNSNLRN6NZ2fCuQb9sL5xh3V2SqUBsB42zlwDlAY1JKBwDbUDfwDda0RIZ6F337E+EQ500VY1wZghwo134E0oF2TCrpAmAb6AbhrYzxbZ8+wEmFk4c4zFT3CxjkyhjlgDbyiEkZbQQVeAi6ifAGvmGGSgFOIpz0UxwZ91woB86BdaTdA+Z3+3WMgzAMBFFUnAFva1Eipd5QJPc/F5lJMRESUGyg8fwr+GlHHqLDY0PADG6rvCF6K4GTuIjs2NUJ5tjNDdmMoG3CmvaMkLcCOIrTquLIRcOVW1agY3c3XA8EbOuC69YC5017Sm91cBTHv0PrOzo0uQFbtxZi6w2/BXo7E5zEkVw2oGvdDRwJtCQ3eauDEzmZw7RGbjU3aLkVmFJpE7ciOK0qxYEcyww3bEls5EZv2tOzwIkczDm3axO3OjiRkzl1dUN3tHARtxI4iRM55166yFsZnMTZnHurTd7q4GTOuQ9JyndwNuf+ok3grM791Jp6ApaWtlG8mYFkAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transform: translateY(-0.05rem);
}
.section1 .supervise-content {
  font-size: 0.14rem;
  font-weight: 400;
  color: #333;
  line-height: 0.22rem;
  margin: 0 0.12rem 0.05rem;
}

.banner .download-box .goTrader {
  background: #157cfb;
  box-shadow: 0px 10px 10px 0px rgba(132, 139, 148, 0.2),
  0px 0px 38px 0px rgba(55, 75, 116, 0.1);
  color: #ffffff;
  margin-bottom: 78px;
  color: #fff;
  cursor: pointer;
  display: none;
}
.register-tips a.a-link {
  opacity: 0.5;
  color: #333;
}
.register-tips a.a-link:hover {
  color: #333;
  opacity: 0.5;

}
.email-box {
  display: none;
}
.oauth-sign .title {
  padding-bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #BAC3CC;
  opacity: 0.5;
}
.oauth-sign .title::before,
.oauth-sign .title::after {
  content: " ";
  display: block;
  height: 1px;
  width: 0.2rem;
  background-color: #ADB0C0;
  margin-right: 0.08rem;
  margin-left: 0.08rem;
}
.oauth-sign p {
  font-size: 18px;
  font-weight: 400;
  color: #b3b3b3;
}
.oauth-sign > div {
  display: flex;
  justify-content: center;
}
.oauth-sign > div a {
  display: block;
  width: 43px;
  height: 42px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin: 0 27px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 20px;
}
.oauth-sign > div .phone,
.oauth-sign > div .email {
  display: none;
}
.oauth-sign > div .ge {
  background-image: url(../img/google.svg);
}
.oauth-sign > div .fb {
  background-image: url(../img/facebook.svg);
}
.phone-box,
.email-box {
  margin: 24px 90px 0;
  line-height: 1;
}
.register .form-tabs {
  display: flex;
  align-items: flex-end;
}
.register .form-tabs .tab-white {
  cursor: pointer;
  user-select: none;
  position: relative;
  height: 0.52rem;
  width: 2.22rem;
  padding-right: 0.17rem;
  font-size: 0.18rem;
  font-weight: 500;
  color: #333;
  line-height: 0.52rem;
  text-align: center;
  z-index: 100;
}
.register .form-tabs .tab-white::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb4AAABoCAMAAAC5Q2VdAAAAAXNSR0IArs4c6QAAASlQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////seNqHgAAAGJ0Uk5TAAECAwQFCQoLEBITFBYYGyIjJScoKywtLi83OTpHS0xNTk9VWGZoamtsbW5vcHV4h4iKi4yNjpaXoaOlpqqrrK2usLS1ury/xsrLzM3Oz9PX2Nvj5ufo6evv8PH1+Pn7/f4BGDR9AAACOElEQVR42u2Z1VIDQRQFQ1g0uBMkuAV3D27BNRAgwP9/BK+8zkKRe2a7P6G7ZmvObCz2k3hyZvsq9/YF/0Lh5Xpvurss9jfUz96h9P95mmv8g3iJFU5dkfhYq/ttvaEcGotHPv2reMEqCovLRnn4euX7+Cs22erQZ496BjipCJmPL6cJDuLhbi2Ys8FUqMXAndMIr00h8q3gzQr7Id5aWOtm+Gx3zjeLNTusu9aL885piPcax3xJnFli0jHfDMoscemYL4MyU3S65bvCmCmW3fKx2W3x5PbzndVnjAGnfPgyxi75ojP98GWNNPmUuSCfNB3ki8r0w5a96ReQT5l+8kVk+iFLevohS3r64Up6+uFKevqhyiJL5FPmMSBfFKYfpkyyQ74oTD9M2WSCfMqck0+advL5P/3wJD398GSVPvJ5P/3QZHb6Jcjn+/TDkvT0w5L09EOSXRbJ5/n0Q5L09MORYTLkU+YtQT5lxsmnTJZ8Xk8/DElPPwyZ5iEgnzIp8nk8/RAkPf0QJD398CM9/fBjnTbyKbNAPm+nH3qkpx92zLNNPunpV00+ZcbIp8wZ+TydfriRnn64kZ5+uFGgl3xeTj/USE8/1EhPP8xITz/MaNBKPmXmyafMfSn5/Jt+eBFhi3z+TT+8qDBKPmVOyefd9MOK9PTDivT0w4oOKfIpc0w+aZLkU+aIfNIMk0+ZfCP5lLmtJZ8y2SryKXPTTD5lngfJJ81hC/mUKez1lJBPmfvNka6Gym/9Wi+LlcDyPQAAAABJRU5ErkJggg==') no-repeat;
  /* background: url("../img/tab-white.png") no-repeat; */
  background-size: 100% 100%;
  z-index: -1;
  -moz-transform:scaleX(1);
  -webkit-transform:scaleX(1);
  -o-transform:scaleX(1);
  transform:scaleX(1);
}
.register .form-tabs .tab-white.email::after {
  -moz-transform:scaleX(-1);
  -webkit-transform:scaleX(-1);
  -o-transform:scaleX(-1);
  transform:scaleX(-1);
}
.register .form-tabs .tab-white.email {
  padding-left: 0.19rem;
  padding-right: 0;
}
.register .form-tabs .tab-blue {
  cursor: pointer;
  user-select: none;
  height: 0.51rem;
  width: 1.77rem;
  margin-left: -0.4rem;
  transform: translateY(0.15rem);
  padding-left: 0.2rem;
  font-size: 0.14rem;
  font-weight: 500;
  color: #BAC3CC;
  line-height: 0.37rem;
  text-align: center;
  border-radius: 0 0.1rem 0rem 0rem;
  background-color: #F3F6FB;
}
.register .form-tabs .tab-blue.phone {
  margin-left: 0;
  margin-right: -0.4rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0.1rem;
  padding-left: 0;
  padding-right: 0.2rem;
}
.register .form-tabs .tab-blue:hover{
  color:#BAC3CC 
}
.register .form-group {
  margin-bottom: 20px;
  width: 100%;
  height: 65px;
  background: #F3F6FB;
  border-radius: 6px;
  padding: 0;
  line-height: 65px;
  display: flex;
  align-items: center;
  transition: box-shadow .13s ease-in-out;
}
.register .form-group.active {
  box-shadow: 0 0 0 0.026rem rgb(0 123 255 / 25%);

}
.register .phone-box .form-group {
  align-items: center;
  height: 55px;
  line-height: 55px;
  margin-bottom: 15px;
}
.register .form-control {
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  border: none;
  padding: 0 10px;
  background: none;
  box-shadow: none;
  border-radius: 6px;
}

.register #marketingInvitePhoneRegistBtn, .register #marketingInvitePhoneRegistBtn4{
  height: 55px;
  line-height: 55px;
}
.register-tips label > input {
  vertical-align: top;
  margin-top: 7px;
  margin-right: 5px;
  display: none;
}
.register-tips label p > a {
  color: #7fbbfc;
  text-decoration: none;
}
.phone-box .form .tips {
  margin-bottom: 15px;
}
.form .tips {
  text-align: center;
  margin-bottom: 20px;
  line-height: 20px;
}
.form .tips .vaild-tips {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: red;
  vertical-align: top;
}

.phone-box .input-group-prepend {
  display: inline-block;
  width: 60px;
  vertical-align: top;
  border: none;
  height: 55px;
  flex: 1;
}
.phone-box .input-group-prepend button {
  border: none;
  width: 100%;
  text-align: left;
  padding-right: 0;
  vertical-align: bottom;
  height: 55px;
  box-shadow: none;
  font-size: 16px;
  padding: 6px 0 6px 12px;
  border-radius: 0;
  color: #333;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 8px 0;
  margin: 2px 0 0;
  font-size: 16px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.phone-box .dropdown-menu {
  top: 2px !important;
  left: -1px !important;
  width: 180px;
}
.phone-box .item {
  display: block;
  width: 100%;
  padding: 4px 24px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}
.phone-box .item:hover {
  background-color: #ced4da;
}
.phone-box .item span {
  font-weight: 400;
  float: right;
}
.phone-box .p1 input {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  border: none;
  height: 55px;
  line-height: 55px;
}
.phone-box .form .form-control {
  box-shadow: none;
}
.phone-box .form .p2 input {
  display: inline-block;
  width: 227px;
  vertical-align: middle;
  border: none;
  height: 55px;
}
.phone-box .form .p2 a {
  display: inline-block;
  width: 130px;
  vertical-align: middle;
  border-left: 1px solid #D8D8D8;
  color: #257DFE;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  flex: 1;
  line-height: 30px;
  height: 30px;
}
.register-form .form-section {
  position: relative;
  padding-top: 0.2rem;
  border-radius: 0 0 0.1rem 0.1rem;
  background: #fff;
  z-index: 200;
}
.download-box{
  display: none;
  text-align: center;
  border-radius: 0.1rem;
  background-color: #fff;
  padding-bottom: 0.37rem;
  padding-top: 0.23rem;
}
.download-box-pc {
  padding-top: 0.3rem;
}
.download-box-pc .qrcode {
  display: block;
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
}
.download-box-pc .qrBtn {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.5rem;
  color: #333;
  margin: 0 auto;
}
.hidden-xs {
  display: flex !important;
}
.visible-xs {
  display: none !important;
}
.section1-btn {
  margin: 0 auto;
  text-align: center;
}
.section1-btn .section1-info {
  margin: 0 auto;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #333;
}
.section1-btn .section1-info a {
  color: #157cfb;
  text-decoration: underline;
  margin-left: 5px;
}
.section1-btn .section1-msg {
  margin: 10px auto 100px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #b2b2b2;
}
#sendCode.sendcode-disabled {
  cursor: no-drop;
  color: #BAC3CC;
}
.pc-container {
  max-width: 768px;
  margin: 0 auto;
  background: #F6F8FA;
  padding-bottom: 0.32rem;
}
.divider-title {
  font-size: 0.2rem;
  padding: 0.18rem 0 0.15rem 0.16rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.22rem;
}
.top-banner {
  position: relative;
  padding-top: 0.26rem;
  padding-bottom: 1.22rem;
  padding-left: 0;
  background: linear-gradient(180deg, #006FFF 0%, #00A9FF 100%);
  clip-path: ellipse(95% 78% at 50% 22%);
}
.top-banner .logo-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 1.2rem;
  margin: 0 auto;
  margin-bottom: 0.14rem;
}
.top-banner .logo-container img {
  width: 1.2rem;
  height: auto;
}
.top-banner .banner-image {
  display: block;
  height: 1.16rem;
  width: 3.04rem;
  margin: 0.21rem auto 0;
}
.top-banner .banner-title {
  text-align: center;
  font-size: 0.35rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  text-shadow: 0px 0px 0px rgba(126, 178, 254, 0.65);
  margin-bottom: 0.08rem;
}
.top-banner .banner-title-bold {
  font-size: 0.36rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.36rem;
  margin-bottom: 0.08rem;

}
.top-banner .title-note {
  font-size: 0.12rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.10rem;
}
.banner .row {
  padding: 0 0.16rem;
  margin-top: -1.13rem;
}
.banner .register-box {
  margin-bottom: 0;
}
.banner > .row > p {
  text-align: left;
  line-height: 0.2rem;
  padding: 0.64rem 0 0.03rem 0.15rem;
  font-size: 0.15rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.22rem;
}
.banner > .row > p > span {
  color: rgba(255, 139, 38, 1);
}
.banner .register {
  width: 100%;
  box-shadow: none;
}
.phone-box,
.email-box {
  margin: 0 0.15rem 0;
}
.register .form-group {
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.05rem;
  background: #F3F6FB;
  margin-bottom: 0.13rem;
}
.register .form-control {
  font-size: 0.14rem;
  font-weight: 400;
  padding: 0 0.14rem;
  color: #333;
  box-shadow: none;
  border-radius: 6px;
}
.register #marketingInviteEmailRegistBtn,
.register #marketingInvitePhoneRegistBtn {
  width: 100%;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #257DFE;
  font-size: 0.15rem;
  font-weight: 400;
  padding: 0;
  border-radius: 0.04rem;
}
.register #marketingInviteEmailRegistBtn4,
.register #marketingInvitePhoneRegistBtn4 {
  width: 100%;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #257DFE;
  font-size: 0.15rem;
  font-weight: 400;
  padding: 0;
  border-radius: 0.04rem;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.03rem rgb(0 123 255 / 25%);
}
.phone-box .form .tips,
.form .tips {
  margin-bottom: 0.13rem;
}
.form .tips .vaild-tips {
  font-size: 0.12rem;
}
.register-tips {
  margin-top: 0.15rem;
  margin-bottom: 0.24rem;
  padding: 0 0.35rem;
  font-size: 0.12rem;
  font-weight: 400;
  color: #999;
  line-height: 0.16rem;
}
.register-tips p {
  text-align: center;
}
.register-tips a {
  color: #999;
  cursor: pointer;
}
.register-tips p > a {
  margin-left: 0;
}
.section2 .section-content p > br {
  display: none;
}
.section2 .section-content > p > b {
  margin-left: 0.2rem;
}
.oauth-sign {
  padding-bottom: 0.34rem;
  margin: 0 0.3rem;
}
.oauth-sign p {
  font-size: 0.12rem;
  font-family: Source Han Sans CN;
}
.oauth-sign > div {
  margin-top: 0.2rem;
}
.oauth-sign > div a {
  width: 0.48rem;
  height: 0.48rem;
  margin: 0 0.36rem;
}

.register .phone-box .form-group {
  height: 0.5rem;
  line-height: 0.5rem;
  margin-bottom: 0.13rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #cccccc;
  background: #F3F6FB;
}
.phone-box .input-group-prepend {
  width: auto;
  height: 0.4rem;
  line-height: 0.4rem;
}
.phone-box .input-group-prepend button {
  height: 0.4rem;
  font-size: 0.14rem;
  padding: 0 0.1rem 0 0.14rem;
  line-height: 0.4rem;
}
.phone-box .p1 input {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 2.5rem;
}
.phone-box .form .p2 input {
  width: 2.16rem;
  height: 0.4rem;
  line-height: 0.4rem;
}
.phone-box .form .p2 a {
  width: 0.8rem;
  font-size: 0.12rem;
}
.m-phone.section1 {
  margin-top: 0.3rem;
}

.download-box .down-succ {
  display: block;
  margin: 0 auto 0.09rem;
  width: 0.92rem;
  height: 0.93rem;
  background: url(../img/succ.svg) no-repeat;
  background-size: 100% 100%;
}
/*.download-box-pc .down-succ {*/
/*  display: inline-block;*/
/*  margin-right: 0.1rem;*/
/*  width: 0.4rem;*/
/*  height: 0.4rem;*/
/*  background: url(../img/succ.svg) no-repeat;*/
/*  background-size: 100% 100%;*/
/*}*/
/*.download-box-pc .down-succ-wrapper {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/
.download-box .succ-email {
  font-size: 0.15rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.21rem;
  text-align: center;
  margin-bottom: 0.12rem;
}
.download-box .succ-copy-btn {
  display: inline-block;
  margin-bottom: 0.28rem;
  border: none;
  background: none;
  outline: none;
  font-size: 0.14rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.2rem;
}
.download-box .succ-message {
  font-size: 0.2rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.28rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.banner .download-box .goDownload {
  display: block;
  width: 85%;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  background: #257DFE;
  font-size: 0.15rem;
  font-weight: 400;
  padding: 0;
  margin: 0 auto;
  border-radius: 0.04rem;
  border: none;
  outline: none;
}
.banner .download-box .goDownload:active {
  background: linear-gradient(180deg, #FFB603 0%, #FFE158 100%);
}
.section1 {
  margin: 0 auto;
  width: calc(100% - 0.26rem);
  box-shadow: none;
  position: relative;
}
.section1 .row {
  margin: 0 auto;
  width: 100%;
  height: auto;
  background: #ffffff;
  box-shadow: none;
  padding: 0.2rem 0.05rem 0.39rem;
  border-radius: 0.1rem;
}
.section1 .title {
  position: absolute;
  top: 0.07rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0.37rem;
  width: 2.08rem;
  text-align: center;
  font-size: 0.12rem;
  font-weight: 600;
  color: #5E3510;
  line-height: 0.37rem;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: contain;
  margin: 0 auto;
}
.section1 .title img {
  width: 0.8rem;
  height: 0.15rem;
  transform: translateY(-0.02rem);
}
.section1 .invite-count {
  height: 2.22rem;
  width: 3.37rem;
  background: url("../img/prize.png") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  margin: 0 auto 0.07rem;
  padding: 1.30rem 0 0;
  justify-content: center;
}
.section1 .invite-count p {
  text-align: center;
  font-size: 0.16rem;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 0.22rem;
  text-shadow: 0px 0px 0px rgba(232, 161, 0, 0.63), 0px 0px 0px #FFFFFF;
  -webkit-text-stroke: 0px #FFC826;
  text-stroke: 0px #FFC826;
  background: linear-gradient(180deg, #FFE158 0%, #FFB603 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section1 .paragraph-title {
  flex-grow: 1;
  display: block;
  text-align: center;
  font-size: 0.16rem;
  font-weight: 500;
  color: #333333;
  text-align: left;
  line-height: 0.22rem;
  padding-left: 0.12rem;
  margin-bottom: 0.2rem;
}
.section1 .paragraph-title.prize {
  margin-bottom: 0.1rem;
}
.section1 ul {
  display: flex;
  flex-wrap: wrap;
  width: 3.3rem;
  margin: 0 auto;
}
.section1 ul.first-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.55rem;
  min-height: 1.35rem;
  line-height: 0.4rem;
  margin: 0 0.05rem 0.1rem 0.05rem;
  height: auto;
  padding: 0.2rem 0.1rem;
  background: #FAFAFA;
  border-radius: 0.1rem;
}
.section1 ul.second-list li {
  display: flex;
  align-items: center;
  width: 3.3rem;
  margin: 0 0.05rem 0.1rem 0.05rem;
  height: auto;
  padding: 0.32rem 0.25rem 0.32rem 0.18rem;
  background: #FAFAFA;
  border-radius: 0.1rem;
}
.section1 ul.first-list li::after {
  content: " ";
  display: block;
  width: 0.2rem;
  height: 0.02rem;
  background: #009AF9;
  border-radius: 0.01rem;
  margin: 0 auto;
}
.section1 ul.second-list li p::before {
  content: " ";
  display: block;
  width: 0.2rem;
  height: 0.02rem;
  background: #009AF9;
  border-radius: 0.01rem;
  margin-bottom: 0.09rem;
}
.section1 ul.second-list li p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 0.14rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.2rem;
}
.section1 ul.first-list li p {
  margin: 0;
  margin-bottom: 0.13rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.14rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.2rem;
  flex-grow: 1;
}
.section1 ul.first-list li i {
  width: 0.6rem;
  height: 0.6rem;
  margin-bottom: 0.08rem;
}
.section1 ul.second-list li i {
  flex-shrink: 0;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.21rem;
}
.section1 ul.first-list li:nth-of-type(1) i {
  background: url(../img/reason_1.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.first-list li:nth-of-type(2) i {
  background: url(../img/reason_2.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.first-list li:nth-of-type(3) i {
  background: url(../img/reason_3.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.first-list li:nth-of-type(4) i {
  background: url(../img/reason_4.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.first-list li:nth-of-type(5) i {
  background: url(../img/reason_5.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.first-list li:nth-of-type(6) i {
  background: url(../img/reason_6.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.second-list li:nth-of-type(1) i {
  background: url(../img/reason_7.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.second-list li:nth-of-type(2) i {
  background: url(../img/reason_8.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.second-list li:nth-of-type(3) i {
  background: url(../img/reason_9.svg) no-repeat center;
  background-size: 100% auto;
}
.section1 ul.second-list li:nth-of-type(4) i {
  background: url(../img/reason_10.svg) no-repeat center;
  background-size: 100% auto;
}
.hidden-xs {
  display: none !important;
}
.visible-xs {
  display: flex !important;
}
.register .form-control::-webkit-input-placeholder {
  color: #BAC3CC;
}
.register .form-control::-moz-placeholder {
  font-size: 0.14rem;
}
.register .form-control::-moz-placeholder {
  font-size: 0.14rem;
}
.register .form-control::-ms-input-placeholder {
  font-size: 0.14rem;
}
.section1 ul {
  padding-bottom: 0.3rem;
}
.section1-btn {
  margin: 0 auto;
}
.section1-btn .section1-info {
  margin: 0 0.2rem;
  text-align: center;
  font-size: 0.14rem;
  font-weight: 400;
  color: #333;
  line-height: 0.2rem;
}
.section1-btn .section1-info a {
  color: #157cfb;
  text-decoration: underline;
  margin-left: 0.05rem;
}
.section1-btn .section1-msg {
  font-size: 0.1rem;
  line-height: 0.16rem;
  margin: 0.1rem 0.2rem 0.4rem;
  font-weight: normal;
  color: #b2b2b2;
  text-align: center;
}
.swiper-field {
  width: 3.2rem;
  padding: 0.3rem 0 0.25rem;
  border-radius: 0.1rem;
  margin: 0 auto 0.2rem;
  background-color: #FAFAFA;
}
.swiper-field .swiper-pagination-bullet {
  width: 0.05rem;
  height: 0.05rem;
  color: #008BFF;
}
.swiper-item .img-box {
  display: flex;
  align-items: center;
  width: 2.08rem;
  height: 1.7rem;
  vertical-align: middle;
  margin: 0 auto 0.28rem;
}
.swiper-item .prize-name {
  text-align: center;
  font-size: 0.16rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.24rem;
}
.swiper-item .prize-note {
  text-align: center;
  font-size: 0.12rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.17rem;
  margin-bottom: 0.5rem;
}
.swiper-item .img-box img {
  width: 2.08rem;
  height: auto;
}
.divider-box {
  margin: 0 0.19rem 0.1rem 0.19rem;
  font-size: 0.22rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.3rem;
  display: flex;
  align-items: flex-start;
}
.divider-box::before {
  content: " ";
  display: block;
  width: 0.03rem;
  height: 0.21rem;
  background: #257DFE;
  border-radius: 0.02rem;
  margin-right: 0.1rem;
  margin-top: 0.05rem;
}
.divider-content {
  margin: 0 0.28rem 0.25rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.2rem;
}
@media (max-width: 768px) {
  body {
    background: #FFFEF7;
  }
}
/*.enBox .top-banner *,*/
/*.idBox .top-banner *,*/
/*.thBox .top-banner *,*/
/*.vnBox .top-banner *,*/
/*.myBox .top-banner *,*/
/*.krBox .top-banner * {*/
/*  text-align: left;*/
/*}*/
.myBox .top-banner .banner-title-bold {
  margin-bottom: 0.10rem;
  line-height: 0.38rem;
}
.thBox .top-banner .banner-title-bold {
  line-height: 0.46rem;
}
.hiBox .top-banner .banner-title-bold {
  line-height: 0.46rem;
}
.hiBox .top-banner .banner-title {
  line-height: 0.22rem;
}

.vnBox .top-banner .banner-title,
.idBox .top-banner .banner-title,
.enBox .top-banner .banner-title,
.esBox .top-banner .banner-title, 
.myBox .top-banner .banner-title,
.hiBox .top-banner .banner-title {
  font-size: 0.28rem;
  line-height: 0.32rem;
}

.vnBox .top-banner .banner-title-bold {
  margin-bottom: 0.12rem;
  font-size: 0.34rem;
  line-height: 0.40rem;
}

.idBox .top-banner .banner-title-bold,
.enBox .top-banner .banner-title-bold,
.esBox .top-banner .banner-title-bold {
  margin-bottom: 0.12rem;
  font-size: 0.32rem;
  line-height: 0.36rem;
}

.krBox .top-banner .banner-title {
  font-size: 0.28rem;
  line-height: 0.32rem;
}
.krBox .top-banner .banner-title-bold {
  margin-bottom: 0.10rem;
  font-size: 0.32rem;
  line-height: 0.34rem;
}

.myBox .download-box .goDownload,
.enBox .download-box .goDownload {
  font-size: 0.14rem;
}
.idBox .download-box .goDownload,
.vnBox .download-box .goDownload {
  width: 85%;
  font-size: 0.12rem;
}
.esBox .download-box .goDownload {
  font-size: 0.10rem;
}
.hiBox .download-box .goDownload {
  font-size: 0.10rem;
}

/** 202303081 邀请落地页 新人赠金样式  h=apply开启 **/
.apply-banner{
  display:none;
}
.apply-style .banner{
  padding-top: 0.05rem;
  background: linear-gradient(179deg, #B72521 0%, #FFC2C0 15%, #F6F8FA 50%,#F6F8FA 100%);
}
.apply-style .apply-banner{
  position: relative;
  background: url(../img/applyStyle/banner.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.6rem;
  padding-bottom: 0.15rem;
}
.apply-style .apply-banner .banner-title{
  font-size: 0.35rem;
  font-weight: bold;
  color: #FFFBE2;
  line-height: 0.52rem;
  text-align: center;
}
.apply-style .apply-banner .banner-info{
  font-size: 0.26rem;
  font-weight: 400;
  color: #FFFBE2;
  line-height: 0.36rem;
  text-align: center;
}
.apply-style .apply-banner .banner-num{
  position: absolute;
  left: 50%;
  top: 37.5%;
  transform: translateX(-50%);
  font-family: Oswald-SemiBold, Oswald !important;
  font-weight: 600;
  line-height: 0.68rem;
  text-shadow: 0.01rem 0.01rem 0.01rem rgb(238 167 95 / 60%);
  background: linear-gradient(162deg, #ffbe75 0%, #f29a3b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.42rem;
  letter-spacing: -0.04rem;
  padding-right: 0.05rem;
}
.apply-style .apply-banner .apply-banner-step{
  margin:2.5rem 0.16rem 0;
  height: 1.33rem;
  background: linear-gradient(360deg, #FFFEFB 0%, #FFF4F1 98%);
  box-shadow: 0px 2px 20px 0px rgba(255,174,140,0.7), inset 1px 1px 1px 0px #FFFBEB;
  opacity: 1;
  border-radius: 0.2rem;
}
.apply-style .apply-banner .apply-banner-step-icon{
  padding-top:0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.apply-style .apply-banner .apply-banner-step-msg{
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.apply-style .apply-banner .apply-banner-step-msg .step-icon{
  visibility: hidden;
}
.apply-style .apply-banner .apply-banner-step .step-num{
  position: relative;
  width: 25%;
  text-align: center;
}
.apply-style .apply-banner .apply-banner-step .step-info{
  text-align: center;
  position: relative;
  width: 25%;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5E3510;
  line-height: 0.16rem;
}
.apply-style .apply-banner .apply-banner-step .step-num::before{
  content:"";
  display: block;
  margin: 0 auto;
  width: 0.42rem;
  height: 0.42rem;
  background: url(../img/applyStyle/step1.png) no-repeat;
  background-size: cover;
}
.apply-style .apply-banner .apply-banner-step .step-num.step2::before{
  background-image: url(../img/applyStyle/step2.png)
}
.apply-style .apply-banner .apply-banner-step .step-num.step3::before{
  background-image: url(../img/applyStyle/step3.png)
}
.apply-style .apply-banner .apply-banner-step .step-icon{
  content:"";
  display: block;
  width: 0.15rem;
  height: 0.167rem;
  background: url(../img/applyStyle/arrow.png) no-repeat;
  background-size: cover;
}
.apply-style .banner .row{
  margin-top:0
}
.apply-style .swiper-field .swiper-pagination-bullet,
.apply-style .divider-box::before,
.apply-style .section1 ul.first-list li::after,
.apply-style .section1 ul.second-list li p::before{
  background: #F2CE92;
}
.apply-style .section1 ul.first-list li:nth-of-type(1) i {
  background-image: url(../img/applyStyle/icon1.png);
}
.apply-style .section1 ul.first-list li:nth-of-type(2) i {
  background-image: url(../img/applyStyle/icon2.png);
}
.apply-style .section1 ul.first-list li:nth-of-type(3) i {
  background-image: url(../img/applyStyle/icon3.png);
}
.apply-style .section1 ul.first-list li:nth-of-type(4) i {
  background-image: url(../img/applyStyle/icon4.png);
}
.apply-style .section1 ul.first-list li:nth-of-type(5) i {
  background-image: url(../img/applyStyle/icon5.png);
}
.apply-style .section1 ul.first-list li:nth-of-type(6) i {
  background-image: url(../img/applyStyle/icon6.png);
}
.apply-style .section1 ul.second-list li:nth-of-type(1) i {
  background-image: url(../img/applyStyle/icon21.png);
}
.apply-style .section1 ul.second-list li:nth-of-type(2) i {
  background-image: url(../img/applyStyle/icon22.png);
}
.apply-style .section1 ul.second-list li:nth-of-type(3) i {
  background-image: url(../img/applyStyle/icon23.png);
}
.apply-style .section1 ul.second-list li:nth-of-type(4) i {
  background-image: url(../img/applyStyle/icon24.png);
}
.apply-style .register #marketingInviteEmailRegistBtn, 
.apply-style .register #marketingInvitePhoneRegistBtn{
  height: 0.72rem;
  background: url(../img/applyStyle/btn1.png) no-repeat;
  background-size: cover;
  font-size: 0.22rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.26rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  position: relative;
}
.apply-style .register #marketingInviteEmailRegistBtn4, 
.apply-style .register #marketingInvitePhoneRegistBtn4{
  height: 0.72rem;
  background: url(../img/applyStyle/btn1.png) no-repeat;
  background-size: cover;
  font-size: 0.22rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 0.26rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  position: relative;
}

.apply-style .register #marketingInviteEmailRegistBtn::before, 
.apply-style .register #marketingInvitePhoneRegistBtn::before{
  content:"";
  display:inline-block;
  margin-left: 0.18rem;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../img/applyStyle/btn-icon.png) no-repeat;
  background-size: cover;
}
.apply-style .register #marketingInviteEmailRegistBtn4::before, 
.apply-style .register #marketingInvitePhoneRegistBtn4::before{
  content:"";
  display:inline-block;
  margin-left: 0.18rem;
  width: 0.43rem;
  height: 0.43rem;
  background: url(../img/applyStyle/btn-icon.png) no-repeat;
  background-size: cover;
}

.apply-style .register #marketingInviteEmailRegistBtn::after, 
.apply-style .register #marketingInvitePhoneRegistBtn::after{
  content:"";
  display:inline-block;
  position: absolute;
  width: 0.5rem;
  height: 0.6rem;
  background: url(../img/applyStyle/hover.png) no-repeat;
  background-size: cover;
  -webkit-animation: share-btn-32 2.5s infinite;
  animation: share-btn-32 2.5s infinite;
  left: 62%;
  top: 47%;
  z-index: 9;
}
.apply-style .register #marketingInviteEmailRegistBtn4::after, 
.apply-style .register #marketingInvitePhoneRegistBtn4::after{
  content:"";
  display:inline-block;
  position: absolute;
  width: 0.5rem;
  height: 0.6rem;
  background: url(../img/applyStyle/hover.png) no-repeat;
  background-size: cover;
  -webkit-animation: share-btn-32 2.5s infinite;
  animation: share-btn-32 2.5s infinite;
  left: 62%;
  top: 47%;
  z-index: 9;
}

@keyframes share-btn-32 {
  0% {
    transform: scale(0.7);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(0.7);
  }
}

.apply-style.enBox .apply-banner,
.apply-style.krBox .apply-banner,
.apply-style.esBox .apply-banner,
.apply-style.hiBox .apply-banner,
.apply-style.myBox .apply-banner,
.apply-style.idBox .apply-banner,
.apply-style.thBox .apply-banner,
.apply-style.vnBox .apply-banner{
  padding-top: 0.25rem;
}
.apply-style.myBox .apply-banner .banner-title,
.apply-style.idBox .apply-banner .banner-title{
  font-size: 0.26rem;
  line-height: 0.46rem;
}
.apply-style.enBox .apply-banner .apply-banner-step .step-info{
  font-size: 0.12rem;
}

#buttonDiv{
  position: absolute;
  opacity: 0.0001;
  top: 0;
  left: 0;
}
#buttonDiv4 {
  position: absolute;
  opacity: 0.0001;
  top: 0;
  left: 0;
}
#buttonDiv div[role='button'] {
  width: 0.48rem;
  height: 0.48rem;
}
#buttonDiv4 div[role='button'] {
  width: 0.48rem;
  height: 0.48rem;
}
.ge {
  overflow: hidden;
  position: relative;
}

.input-group-icon {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.14rem;
  cursor: pointer;
}

.show-icon {
  background: url('../img/icon_show.svg') no-repeat;
  background-size: 100% 100%;
}

.hide-icon {
  background: url('../img/icon_hide.svg') no-repeat;
  background-size: 100% 100%;
}