@font-face {
    font-family: 'Archivo';
    src: url(/static/media/Archivo-regular.1a5ee99d.ttf) format('woff');
         /* url('Archivo-regular.woff') format('ttf'); */
    font-weight: 100 1000;
    font-stretch: 25% 151%;
    font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url(/static/media/icomoon.645c0da6.eot);
  src: url(/static/media/icomoon.645c0da6.eot#iefix) format("embedded-opentype"),
    url(/static/media/icomoon.b4c4a330.ttf) format("truetype"),
    url(/static/media/icomoon.4da3998c.woff) format("woff"),
    url(/static/media/icomoon.2836895e.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-back:before {
  content: "\e95a";
  color: #55493c;
}
.icon-twitter:before {
  content: "\e959";
  color: #928ae8;
}
.icon-telegram:before {
  content: "\e958";
  color: #928ae8;
}
.icon-guildsetting:before {
  content: "\e957";
  color: #66778a;
}
.icon-web:before {
  content: "\e955";
  color: #66778a;
}
.icon-pwa:before {
  content: "\e956";
  color: #66778a;
}
.icon-ear:before {
  content: "\e954";
  color: #66778a;
}
.icon-screen:before {
  content: "\e953";
  color: #66778a;
}
.icon-mute:before {
  content: "\e952";
  color: #66778a;
}
.icon-party:before {
  content: "\e951";
  color: #66778a;
}
.icon-rotate:before {
  content: "\e950";
  color: #66778a;
}
.icon-hongbao-record:before {
  content: "\e94e";
  color: #66778a;
}
.icon-hongbao-review:before {
  content: "\e94f";
  color: #66778a;
}
.icon-eyeoff:before {
  content: "\e94c";
  color: #66778a;
}
.icon-eyeon:before {
  content: "\e94d";
  color: #66778a;
}
.icon-fullscreen-open:before {
  content: "\e94a";
  color: #66778a;
}
.icon-fullscreen-close:before {
  content: "\e94b";
  color: #66778a;
}
.icon-youtube:before {
  content: "\e949";
}
.icon-facebook:before {
  content: "\e947";
  color: #66778a;
}
.icon-apple:before {
  content: "\e948";
  color: #66778a;
}
.icon-gift_gdd:before {
  content: "\e943";
  color: #66778a;
}
.icon-guild_gdd:before {
  content: "\e944";
  color: #66778a;
}
.icon-winner_gdd:before {
  content: "\e945";
  color: #66778a;
}
.icon-announce_gdd:before {
  content: "\e946";
  color: #66778a;
}
.icon-reflash:before {
  content: "\e942";
  color: #66778a;
}
.icon-hongbao:before {
  content: "\e941";
  color: #66778a;
}
.icon-guild:before {
  content: "\e940";
  color: #66778a;
}
.icon-emoji:before {
  content: "\e93f";
  color: #66778a;
}
.icon-chat:before {
  content: "\e93e";
  color: #66778a;
}
.icon-block:before {
  content: "\e93d";
  color: #66778a;
}
.icon-image .path1:before {
  content: "\e93b";
  color: rgb(127, 63, 2);
}
.icon-image .path2:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-missioncancel .path1:before {
  content: "\e939";
  color: rgb(127, 63, 2);
}
.icon-missioncancel .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-groupmail:before {
  content: "\e936";
  color: #66778a;
}
.icon-vice:before {
  content: "\e937";
  color: #66778a;
}
.icon-download:before {
  content: "\e938";
  color: #66778a;
}
.icon-plus:before {
  content: "\e935";
  color: #66778a;
}
.icon-process:before {
  content: "\e933";
  color: #66778a;
}
.icon-mission:before {
  content: "\e934";
  color: #66778a;
}
.icon-mail:before {
  content: "\e92e";
  color: #66778a;
}
.icon-newmail:before {
  content: "\e92f";
  color: #66778a;
}
.icon-reply:before {
  content: "\e930";
  color: #66778a;
}
.icon-delete:before {
  content: "\e931";
  color: #66778a;
}
.icon-lock:before {
  content: "\e932";
  color: #66778a;
}
.icon-circle:before {
  content: "\e92d";
  color: #04bb5d;
}
.icon-setting:before {
  content: "\e928";
  color: #fafafa;
}
.icon-arrow_b_2up:before {
  content: "\e929";
  color: #66778a;
}
.icon-changeleader:before {
  content: "\e92a";
  color: #66778a;
}
.icon-closeguild:before {
  content: "\e92b";
  color: #66778a;
}
.icon-outguild:before {
  content: "\e92c";
  color: #66778a;
}
.icon-check:before {
  content: "\e927";
  color: #ffb700;
}
.icon-search:before {
  content: "\e925";
  color: #ffb700;
}
.icon-card:before {
  content: "\e923";
  color: #66778a;
}
.icon-atm:before {
  content: "\e924";
}
.icon-bill:before {
  content: "\e926";
}
.icon-copy:before {
  content: "\e918";
  color: #ffb700;
}
.icon-deposit:before {
  content: "\e919";
  color: #ffb700;
}
.icon-edit:before {
  content: "\e91a";
  color: #ffb700;
}
.icon-line:before {
  content: "\e91b";
  color: #ffb700;
}
.icon-mobilepay:before {
  content: "\e91c";
  color: #ffb700;
}
.icon-share:before {
  content: "\e91d";
  color: #ffb700;
}
.icon-sort:before {
  content: "\e91e";
  color: #ffb700;
}
.icon-sortdown .path1:before {
  content: "\e91f";
  color: rgb(255, 183, 0);
  opacity: 0.32;
}
.icon-sortdown .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(255, 183, 0);
}
.icon-sortup .path1:before {
  content: "\e921";
  color: rgb(255, 183, 0);
}
.icon-sortup .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 183, 0);
  opacity: 0.32;
}
.icon-withdral:before {
  content: "\e917";
  color: #ffb700;
}
.icon-info:before {
  content: "\e916";
  color: #ffb700;
}
.icon-arrow_a_left:before {
  content: "\e90e";
  color: #ffb700;
}
.icon-arrow_a_right:before {
  content: "\e90f";
  color: #ffb700;
}
.icon-arrow_a_up:before {
  content: "\e910";
  color: #ffb700;
}
.icon-arrow_b_down:before {
  content: "\e911";
  color: #ffb700;
}
.icon-arrow_b_left:before {
  content: "\e912";
  color: #ffb700;
}
.icon-arrow_b_right:before {
  content: "\e913";
  color: #ffb700;
}
.icon-arrow_b_up:before {
  content: "\e914";
  color: #ffb700;
}
.icon-arrow_a_down:before {
  content: "\e915";
  color: #ffb700;
}
.icon-close:before {
  content: "\e90d";
  color: #ffb700;
}
.icon-account:before {
  content: "\e900";
  color: #ffb700;
}
.icon-announce:before {
  content: "\e901";
  color: #ffb700;
}
.icon-bankbook:before {
  content: "\e902";
  color: #ffb700;
}
.icon-favoriteoff:before {
  content: "\e903";
  color: #ffb700;
}
.icon-favoriteon:before {
  content: "\e904";
  color: #ffb700;
}
.icon-gift:before {
  content: "\e905";
  color: #ffb700;
}
.icon-home:before {
  content: "\e906";
  color: #ffb700;
}
.icon-menu:before {
  content: "\e907";
  color: #66778a;
}
.icon-news:before {
  content: "\e908";
  color: #ffb700;
}
.icon-reward:before {
  content: "\e909";
  color: #ffb700;
}
.icon-team:before {
  content: "\e90a";
  color: #66778a;
}
.icon-vip:before {
  content: "\e90b";
  color: #ffb700;
}
.icon-winner:before {
  content: "\e90c";
  color: #ffb700;
}

@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

button {
  outline: none;
  border: none;
}

input {
  border-radius: 4px;
  background-color: transparent;
  text-align: center;
  height: 32px;
  border: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*remove ie input "X"*/
input.ie-clearX::-ms-clear {
  display: none;
}

input:focus {
  outline: none;
}

label {
  margin-bottom: 0;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0 none;
  outline: 1px none;
  background-color: transparent;
  font-size: 14px;
}

/*placeholder 样式*/
::-webkit-input-placeholder {
  color: #494f56;
  opacity: 0.32;
}

::-moz-placeholder {
  color: #494f56;
  opacity: 0.32;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #494f56;
  opacity: 0.32;
}

/* ie */
input:-moz-placeholder {
  color: #494f56;
  opacity: 0.32;
}

textarea:focus {
  outline: 0;
  /* Chrome */
}

a:focus {
  text-decoration: none;
  outline: none;
}

/* 版面配置 樣式 START*/
/*tab背景樣式 START*/
/*table樣式 START*/
/*btn樣式 START*/
* {
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
          user-select: none;
}

html {
  font-size: 10px;
}

body,
body input,
body button {
  font-family: "Archivo", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  background-color: #000;
}

body input,
body textarea {
  background-color: transparent;
  -webkit-user-select: auto;
          user-select: auto;
}

img {
  pointer-events: none;
}

/*scrollbar 样式*/
body ::-webkit-scrollbar {
  width: 1px;
  opacity: 0.32;
  background-color: transparent;
  margin-right: 10px;
}

body ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 1px rgba(127, 63, 2, 0.3);
  background-color: rgba(127, 63, 2, 0.32);
}

.guild-memberlist-content .category-tabs::-webkit-scrollbar {
  height: 8px;
}

/*placeholder 样式*/
::-webkit-input-placeholder {
  color: #452201;
  opacity: 0.4;
  font-size: 2.8rem;
}

::-moz-placeholder {
  color: #452201;
  opacity: 0.4;
  font-size: 2.8rem;
}

/*------switch-box start------*/
.switch-box input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: 100ms all;
  margin: 0 auto;
  display: block;
  border-radius: 5rem;
  background-color: rgba(205, 194, 162, 0.48);
  width: 10.4rem;
  height: 6.4rem;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.switch-box input[type="checkbox"]::before {
  content: "";
  transition: 100ms all;
  position: absolute;
  left: 0.4rem;
  top: 0.4rem;
  bottom: 0.4rem;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-color: #fafafa;
  box-shadow: 0 8px 16px 0 rgba(127, 63, 2, 0.32);
  -webkit-animation: button 3s ease-out;
          animation: button 3s ease-out;
}
.switch-box input[type="checkbox"]:focus {
  outline: none;
}
.switch-box input[type="checkbox"]:checked {
  background-color: #f4b63f;
  box-shadow: inset 0 0 0 15px #f4b63f;
  transition: 250ms all;
}
.switch-box input[type="checkbox"]:checked::before {
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
}

/*------switch-box stop------*/
/* checkbox css start */
.checkbox-item {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.checkbox-item input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff8e4;
  border: 0.2rem solid #cdc2a2;
  border-radius: 0.8rem;
}

.checkbox-item input:checked ~ .checkmark {
  background-color: #f4b63f;
  border: 0.2rem solid #f4b63f;
  box-shadow: 0 4px 8px 0 rgba(255, 192, 97, 0.24);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-item input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-item .checkmark:after {
  content: "\e927";
  font-family: "icomoon" !important;
  font-size: 2.4rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  position: absolute;
  left: 0.2rem;
  top: 0px;
}

.checkbox-item .text {
  color: #452201;
  font-weight: 400;
  font-size: 2.4rem;
}

/* checkbox css STOP */
/*pagination css START*/
.pagination-box {
  margin-top: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pagination-box .btn-previous,
.pagination-box .btn-next {
  width: 6.4rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 0.8rem;
}
.pagination-box .btn-previous span:before,
.pagination-box .btn-next span:before {
  font-size: 3.2rem;
  color: #452201;
}
.pagination-box .inputBox {
  width: 9.6rem;
  height: 6.4rem;
  margin: 0 0.8rem;
  padding: 0;
}
.pagination-box .inputBox input {
  text-align: center;
}
.pagination-box span {
  font-size: 2.8rem;
}

/*pagination css STOP*/
/* select css START */
.btn-select {
  width: 50%;
  height: 8rem;
  border-radius: 0.8rem;
  border: 0.2rem solid #b2bbc4;
  margin-bottom: 3.2rem;
  padding-left: 3.2rem;
  position: relative;
}
.btn-select select {
  width: 100%;
  height: 100%;
  color: #e9f0f4;
}
.btn-select select option {
  color: #001b3b;
}
.btn-select:after {
  content: "\e90a";
  font-family: "icomoon" !important;
  font-size: 3.4rem;
  color: #fafafa;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
}

/* select css STOP */
.disabled {
  opacity: 0.32;
}

.show-block {
  display: block;
}

.noShow-block {
  display: none;
}

.win {
  color: #04bb5d;
}

.lose {
  color: #fb5723;
}

.g-wrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/* 空值 樣式 */
.empty {
  min-width: 40rem;
  height: auto;
  padding: 3.2rem 0;
  margin: 0 auto;
}
.empty .imgBox {
  width: 24rem;
  height: 24rem;
  margin: 3.2rem auto;
  background-image: url(/static/media/empty.164a4140.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.empty p {
  text-align: center;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  margin: 3.2rem 0;
  text-align: center !important;
}

/* 表單元件 */
.formBox {
  width: 48rem;
  margin: 0 auto;
  color: #452201;
}
.formBox > div {
  margin-bottom: 5.4rem;
}
.formBox .itemName {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-bottom: 0.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.formBox .inputFocus .inputBox {
  border: 0.4rem solid #f4b63f;
  background-color: #fde397;
}
.formBox .inputFocus .inputBox input {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}

.inputBox {
  width: 100%;
  height: 9.6rem;
  border-radius: 1.6rem;
  border: 0.2rem solid #cdc2a2;
  background-color: #fff8e4;
  position: relative;
}
.inputBox input {
  width: 100%;
  text-align: left;
  height: 100%;
  border: none;
  padding: 0 3.2rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}

.error {
  margin-bottom: 1.6rem;
}
.error .inputBox {
  border: 0.4rem solid #fb5723;
}
.error .inputBox input {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fb5723;
}
.error .tips {
  color: #fb5723;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.4rem;
}

p.error {
  color: #fb5723;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.4rem;
}

/* 按鈕元件樣式 */
.btn-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-confirm:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.btn-receive {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-receive .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-receive:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.btn-cancel {
  min-width: 19.2rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 1.6rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  text-shadow: 2px 2px 0 #fff8e4;
}
.btn-cancel:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.btn-verify {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-verify .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-verify:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.btn-addValue {
  width: 24rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-addValue .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-addValue {
  margin: 0 0.8rem;
}
.btn-addValue:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.btn-addValue .icon-account:before {
  color: #fafafa;
  font-size: 16px;
  margin: 0 4px;
}

.btn-bindNumber {
  width: 24rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-bindNumber .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.btn-bindNumber {
  position: relative;
}
.btn-bindNumber:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.btn-paybabi {
  width: 34rem;
  height: 11.2rem;
  font-size: 3.8rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin: 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-paybabi .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.btn-paybabi .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 0.8rem;
}
.btn-paybabi .icon-money img {
  width: 100%;
  height: 100%;
}

.btn-pay-toolcard {
  min-width: 34rem;
  height: 11.2rem;
  font-size: 3.8rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin: 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-pay-toolcard .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.btn-pay-toolcard .icon-tool {
  width: 6.4rem;
  height: auto;
  margin: 0 0.8rem;
}
.btn-pay-toolcard .icon-tool img {
  width: 100%;
  height: auto;
}

.btn-runout {
  width: auto;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  padding: 0 4.8rem;
  font-size: 2.4rem;
  color: #b2bbc4;
}

/*tab元件樣式*/
.category-tabs {
  width: 70%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 8rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 0.8rem;
  margin: 0 auto;
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 32px;
  border-radius: 20rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.category-tabs > div {
  flex: 1 1;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0.8rem 1.6rem;
  margin: 0 0.4rem;
  color: #452201;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  white-space: nowrap;
}
.category-tabs > div.active {
  text-shadow: 2px 2px 0 #fff8e4;
  box-shadow:
    0 3.2rem 6.4rem 0 rgba(51, 89, 242, 0.48),
    inset -0.8rem -1.6rem 0.8rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.8rem 0.4rem 0 rgba(255, 253, 247, 0.32);
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  border-radius: 200px;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
}

/*scroll btns 樣式*/
.scroll-btns-bar {
  width: 12rem;
  padding: 1.2rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  bottom: 1.6rem;
  right: 2rem;
}
.scroll-btns-bar .btn-icon {
  width: 9.6rem;
  height: 9.6rem;
  font-size: 4.8rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.scroll-btns-bar .btn-icon:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.scroll-btns-bar .btn-icon:active {
  background-color: rgba(51, 89, 242, 0.24);
  border-radius: 100%;
}

.pointIcon {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: #fb5723;
  color: #fafafa;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
  line-height: 4rem;
  margin-left: 0.8rem;
}

/*tipsBox 元件樣式*/
.tips-box {
  position: absolute;
  top: 14rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.tips-box .tips-content {
  min-width: 12.8rem;
  min-height: 4.8rem;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  background-size: 100% 100%;
  border-radius: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  white-space: nowrap;
  position: relative;
}
.tips-box .tips-content:before {
  content: "\e910";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  color: #fa5c1d;
  font-size: 3.6rem;
  font-family: "icomoon" !important;
  position: absolute;
  top: -2.8rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-shadow: none;
}

/*userBox 元件樣式*/
.userImg {
  position: relative;
}
.userImg > img {
  position: relative;
}
.userImg .member-crown {
  width: 7.2rem;
  height: 7.2rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.userImg .member-king {
  width: 7.2rem;
  height: 7.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAC+lBMVEUAAABFIgH69vVFIgFFIgFOLRBFIgFFIgGvoZNFIgFFIgF7Ykrm4t9aOx739/fy8e/q5+T6+vrUzcXs6ef6+vqLdWH6+vr6+vr6+vr6+vr6+vrc1tH6+vrCt636+vr4+Pjt6+ji3dn6+vrOxb339/aejHz6+vq7rqP6+vr6+vr6+vrJwLfFu7H19PP6+vr6+vr6+vr6+vr6+vr1Sjz2Tz73V0DxP0H2VD/2Tjz2UT7xO0PyQkD3XUL4ZkX9mFX2XEHzRz/9klL+nlf3YET+m1b9lVT6cUf+n1f4YkPyUz37ekn5akX5bUboMjv3YEE4iPjzRjr7hE7yUDv/o1j6dkn9nVz7fknzVz/YLS78mmAwiff/pFv6dUf3YkT3W0D1WkD8jVDtNT7+rXD9pmr8iU/tOzP7f0zkMTcqh/b9qm3mNi/8llzxPzfcLjH3WkHgLzQCqXr+sXT7h0zpOTHUKyr9xqL9oWH2UTg9f/glhvUBpHb8klf8j1H7hEkLsoP9pGb3ZEvwN0HJJyX66+cRuIkDnnP8n2fzRjT3ak/0SjjgMy0fxpf7iFnPKCf7kGH3WzjwPTH68O4Xv4/6fVT4cVD9kUH9y6YmzZ78uZkGrn/8ikfzQTL5x7/+w5v+t4T6cED64Nn5aD/aLyr65OD3qZ38uI7+t3z8q3r71sP8rYb629L4v7f1g2//qmP4lYL7m3E/jvr4zcr2tq/6vqn4n4/ohYT3dF70X0f4YTpQ+MlD6rs64rIx2ar3i378pW/6k2j4YD/xrKos06TvlJXvTTRpcI4zioE+m3rveXjwS03+mkV9WZP+wJHsaGv2fGQ0d/Zq/9X51c9yXcTzYVoyWu5KKtA03K1ISa2WZ58ZnoCHQ3Zzd17OOlzgWVvcQUbfXT3jPTrxVjZsNL3dcV/rLFHeTk6qOU45N+87bdVgZ8U/h8BDhrtObrKVMIoproY2hXB0h2SKgFtpYFfXUzrEOTN6/9lPXs06fctHd7y7gZHQiHy0OHjcNl/UQlLrrEFRAAAAMnRSTlMAUv4MKjRGFog+H2XOWfXm1kywE3xv7N4bzsS9qZqHVN3HtqiieyqSZTMLop6VcGo8YLEHAfcAABG9SURBVGjevZkHVJNXFMdNrJbaOrrscHTv/WURSEJYAQKEQBESDAEJM6yypAgILcpSAUWRKluEolSLWqHuOmvV7r333nue03vftxI+2hSo/M9ptSn11/99995378skF7rlzrlXXDH3rhsnTaiumiumGM2ef/GkidKNV1JOmjtB6Jup4brswkkToEuoEXSJ8OfOvl+iOyedZd1I/YNumXR2xeSVUFdMOqu6kAOJW/q2H+zr4Mn3/EO5Xz93/oW3jht8LYvZUle6YUNuuP7gavaTK+dfOKysbr352hlsPG6++P854U36cHPaU+s2lFpCtjjG+5LL+R++6zLKQTPG1WjuoRg16nvbenLWbcjVB1ejZ17XMujLr/0/q/16ilZLSHhfzsKnCFjVTTlp9lX4k3dDkAWaP2YwG7zdwfq6DevWrdsQHhms2i3oJuB3toA6HvKtbEar1Dp9KSgqMkRtlYmpYbqLSUKhrhob+GKK1mqZSh2is1gsuuBAq0xJCcRUnVCzLx8T+ByKUZbM6mUwGLy84qIV0nJKID6fK3b29TU7hOT6MYHPm0XR6pdKIyIiampqJBKJdBepryeOHNlCDZe4OTkXyj15F48eU1GJLmKzWmLMyMhISoK/GRVYTke0Wq2n/IVNw8DbouIXkNznq/3mMXAni9y4PzEjKc9ut+clZUh2wj92e2ol7hKt3GPAidtiWdnW0/PUutwoXeyWccR62vSZFKPm9PK82sxae55xGx6kXCspLHTXenqcFDsGWm3pa0t4CqouWRfYz3w4cwzgKbdTjDrMZQmVg12m2sGtFGg/gJUEHLrDAbw1UHcwHcodQx0oq2A+nTIGMGf4wOK0nAN11duYP+yk3FPrTkId+pgDeL8hODK5dAOUu0WtkrUwn7pNGzV4DsXoYXNZToKtOOQFipaHB5C1YHhRiiO43xoYrLPo9ZYQtSFLibFB3SSaPNarSWyuTMtJKCvWGZkTfesBD7ncU+7xQGj2E46OFTKo9sBAg1ecQql4jvn0BtG0sQ4fBWZba0EagKsYF0dCF3mAFoVmmxyTa4cUFIFyd5d6sf9mumjKGIePivTKzU2bbYuLLUefZFro2ymhoJRsk6Ph1TvLjcYMIqNRgVWHmiUSTR3dBcG1wT5zWlNBmm2xRv8efcgdZzweSMnOzDTlf8BjH97W2Ni4VgrljtUeUc0avkgkEo1tnO5Ir2xtarMtXqApHTqKHzx3khxvZv5bO3izdcmNK0GN5Un2WnuScbCCYuQG4HNHczFxhivNvU2taQhO7NwIw96AFLslJDQX5ormlSu3922vq6tb2TioNXbVJvVz3JnTAXzOKMBzuRCmlxU09QDXz8+7/egT1IDMXULAbAlXbF5Z19vc3Lz9IHDXehnt724lWN7waLLrFq6U0s1tYLgMwD7+UfX7W7IKWfCTNLaYYPtorlpRZe9yHspmXeQ2CvAVfJO2FTTl2JDr45c7VK4s5MBn4Gyb0819za2tGOeVkFvBhsIMexd39Fy8L/zP+zBfSotPN51OK1uAYJ+S9qPuIBqcckZcUFnZ11rQupm4bYzE+aRwY14XfQaCWXRUpdRrPlBQkEAMg/yjCiUg5AJ494GyttaCgs0HzAw2WA3gqryuMyPNQBeOqpS2kFJiDAcE+CUOSbFHYzlpV9p6WOzKZH2kLiRYzYA/okaQ+Jb/UEqzuSZt7mUMIzdgoUav8ASs3EPemIbY5l7EhiM2BA0TcO271Ei6chSl1JReCaWEhiHOwF24uFgtB6xHtS2hraCgtdecDli0C37RsAHASbUmakTNv+SOS+52cSvxpVRQkMYbfuSRnDq4HE6aExISWk8DtjgxPDlKH2kBw8hlwPkcq6OlQ2D8zstd3krNaDgnbTFn+JGEtta23dt7chKgsAEbz3A5w6osAmYaSMsLkA8nt7pKceGtVGze3NTKGUZwTltr0+m2nAToJ4iluZE61rDKy1pY01CbP0BPQloJqbwzYkGKX/WvvaOX9I40bJbIJY572k735MCha4pL4hNzw+F8AcxmlgHAypoGez7pIKthPCok89GTlEB3/IvhjmLz6abNCPH290f0QiTn5CQ8stBP411SAn6dDCM3S4bgrm4yj3hK3BWFZDDrcEF2PuHK9AMFTQll5t9fff75V/s1Pvfei2TQwgUaf+94MFya7GSYBx+hQHKcvd0lngB+wvWDFW/4YbwdemwHn38mDPTMq/5+CEYt8PP3xkDzhoM5wwime2YFDoTMRHiEGkF3C2qYNVyW0JNW+XxY2KP33x8WFvOqv89CgvaBQAM4l8Za+FJSWWUyhbKGadbiB4Dsic2VnQi37Gzeuemfno0udzCMk+Vvz4Q9+iiSY1I/8LsXFABcMAxxjtLj3opYLtAMuBbB1BkyEOIkalqNf2BdaS78Rwd59FWCLs0azkkzPx+DWAI+5R0AYOBqvOMTS5P1lvaQThRwmVICrkLpvjGpFtJ44MmT7y5ChWZnYqRb9LkaesfYMeIGO5szvBgM29JfjAkLQy6Avyz1YQyXJMKu0N45VI86dOgQYIlhHrzlSbxHUkDZmaaPsLZ04fB68xRuVeqt7FI90j3cC8sSzvAvpgIZFBOT+qsFwCTQieH69s76d7478fWyr0989079IYOB4yrdqxpqT0qxcUCQ3zaZTI+JsbYs29t6HiHvVepqsXB1vp6fLMFw2uKSn1NTY2LCYoBbdKzdZ2GAnx8EulTfPvTet2vWg1asWLP022irl4oFSwFsTyIdC7Lqo4GW1aQJqnUHK2GdwwVWncVtVfxuI2a7tNkGhm0Lil8vSkV0ampR0cf6ABLo+Nyo9vp3TqxYf3jfvn2H169Ys+zEOzKrleE6g99mdwx4vYmKol9vAmW72JH7PK6InZYlaFrejZ8CGbFFX9bn3hsAmVWSGNU+dBS4+/Y8vmfvy4cBvPREtAwEXATXAFii1ZLN6i2KVrdMBfucjrzeqGTbmE/ncHPvfG47tEFrxFE6/oNPi4i+ONquAcMYaEtn4RtrVux7/Nlnn92zd9/6FcuWLn1DoaANM2Bm8s58jAVLlUHRcbDRkX2um3XMjfrsPryZPuEF0KPiI1//pajo89ePdpbQpQSG639Ytmb9448/+xOAX4ZYL33ovh8UIDAMoyAUchI2DixgNoEHjEQ1ERHwv6bo4GduOtgXc0XMGF4AqJLSzveOvjek976XOWE9GF625uXHUbRjAL9RCGDgSmmwHLkpmdg5iFa/AC83efh4Y6yRci+DuGRMdiymLWiYcH0CfDQIi/f2obkY6aGqE8vWrNizd++ePXv2HqbB39QolSTQcAVvbEiCIRS55IjFA7ueXrs22m6vrSWPN3Fs77oauPTufAe7D9sSILMQHEDk4wMtiy4lEumNry1dhkm9d+/LYHgNgpdnINidgKsakhaFQsMy5T8Gz+vbqsur14LKa00mXOeUO1nD13HbzdXsXmpLsAGXGTyACVzWcC6CH1oKltevP3z4MMNdsiTJXUoMSyQYa3qJXXVkV3U5YhvXrq0uH7SvyrRnlLdQrC5FMO7Ok2ewTy0HgGvWaPxwiufAmFkM+DVCXrEC+8cyAl6ehFh3BEsVhQ2ZJlO+KS8IqIAFarXaNy4oemf/rof5MegC5JJDnsJWsc1WaTZriv01wAbPAOZupfhwAFcdvw/Iy9aAwC8x/A04ZgwrZepDSbV50nLAguAXtToWHkGDdlGOmnE+YklBnc+moK0MJsiSkhJvb38aDa6Ri/MOgIeqjt0HZECDW+SC4e/BMfhFw0qrWp8cqUPk4KBKpfL1jY01eEUHRTsvkTeJWPBkEfuZrTK9uLjYG0XYPtgryQnHA1jXWfjmEiADGqiABe6SHzPgvYUDW6AzlvtiE5VlqYDrC9wgZv7hmgcHniZizzjNDGBAgjTwF7IBS+YdAFs66zceW7IEgIQKcV6+/Hu7kQSaDrVBHaz2kkGaQz/zQsMY6GqxkIuCIxZdwDYuM3AJlgiZqBIc8ADcPlT44fElgEYqYpcfz28g6ytLVsEUpACwo+EBR+5tLBZb11TRdVyrJobRKIgmx4NwoA2P0us666v+PL58+RJChV+P/5jHGkawu1IBYgyr8IDjgoL6HbBX38Bx8ZoQiW7gxoDiEuRW2fOCopCNeUWoZLC0hByqr0o5hkzCPWayG1nDKMxvwKLhODRsiAPD3Kg1c46byEHnIng69/XWAswqy4OorohEsIznC1SQXg93G5Dz3jx1/LUlrx0/9WZXHptZPBoEXBnhYqC7uRcRDsmVMfydfzXVADgcuag8HQHjQBtFT/DqQ/WFDfbQDz8MhTfsBglgOC5vmmQWHehBsVO7cow0gDHWrLaAZ00czV21alVtLAHTmwNZ/g9ZZYVVDQ0NGVUSvP05sBGFYDqzfOlAcxvjHIFhAIOu4cibbFBFEYglys+MTQxnVhYLgHEHt8qYSxgNs9g3T3322am/atyZUjJgoCN2Oz638cK7iQGfP5sjizcDOYjm5qOy1ZhZZGehyV4cmc0so/x9ehg+ZZTShn0x0EHcNyPzeCb/8EZ+68aBcbb213SyXBPIHsIuhwgOZAdLNMz4fT8sjN47jtVgKfkaVJhZ+7k6cuYys56I6DYHckWvv8ZiIlhUZmZmho5wyfJAwM6G/8CFh57/P1bGoWEMdDT/oOrMnewIxi7Cq8DfPzGP5maCsrOztWAXsWokIxi4rOGM93HvoMHHCq1soLv5i1AYZx6Mnnl1VHqXRLBYECwlCsINRKlkXKARvPETbuGJ+SIDUysODJeLuYtQkFdE57Ef3YQ/yedYfLwlhcamoEJDF3nRXEhZJDuC+YXn8yQvXwMx3CK8GERTz4EwszqH+/jSWTwYX/cSw40MN5RokVwVqKIFZKlUwoJfSo1B4ebxSp4KAh0dEfG0sJSmTh72hR6viygn0+HhulAWu4hIC1tpFsjqBWTO8VfPpCIaV4+PG3x9MdDRm4bf/NwUL4g1ym2G00nXJSdHp7DUB1Ae0iwZLStPznipKJXeeF7Jj8DMigjaJSgl4bP5uSIHnX+Bk+mdyVGRnsglUCK5UoECNEs2Vr39UhEIuA/meanQ8OBqYSnxgRaeMmqe08hQsV0fGUuovLRKFLKV9DnXVL371UsvvvjK66vs0STQfJO+QJjOwmALcwz1cKNFJ0OeI1pK7l4gc7Vs78rvqs3wwkBjZglKaerIXxg767phX4fDfahl4kzLQ86SMbmxlYBq3ONU8K2+U2bdJsws4TELTfPxDlb7esqd5OmOZBJuEP4Wm7QKuXzPmunYn12QhaZRzz2tVsvkzgKniKO7GD3vGEgJrxW7ziyePPXfTYu3Vgf6SuWeRAxZS5OtMjJnwTXMlHDHsMxy8dXXlOGmb5rhhF7d7avK0gKWh3tKpDQZsMglgY7o5jPLhWFhVQlrGlWxH2YAZ7SWjrEVuCoQn9GoeYJSchFuXm5XO6M7+uFGxBdSnkyGShT4xQMurxAMloJSchVu1LwZw7JsN1QQoHkyAcPxGnxJRj/H78EOpeRS00Su4k217FZwaJLcBKyOjVWh4R3CQGMpudbk8wRot1lCNPRKjqzA+R12YTzhbqf9W5hZo8kxRM8cjn4aZy5EIziOBkOktwn2b0EpjSbH8KiHowf6ce4i7CwviDQBA5eVm8DwGE1Pv4gapo79g/S9rALDCI5zeHO4XTBkjd309GuGoyt2lVuthBsLuRXbTXG6TjBEj9m0MMFR4h27iV9QP9xIgk1JEOgxpTc2cAGa2rRjW3//tm7A8gk9XeQis0Zb04iGgLvQBZDQgp41OtNTRo3mucKeNc4kw7Oe8y/ca4ArCPS4480X1wwBkVsbxhdoPt7njIy+feYI2JnQN1wEepz5jXITpPgcSGdXgR7/UeNhz5sl5l+x5rFY4eYw/qMW6obbr5k165rrbuCpwpY17qN2LRcta/xV7Vp4N0w4evyJJUzwiea6RrtO6PEHfMK5PHqC4ywsLtf5fBbQgm7GvdudbU2bOmFhFh62M3vqlLNul2dPw5gT6LQJo/L0yWNg/g29tMeUCLmflAAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.userImg .member-boss {
  width: 7.2rem;
  height: 7.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAC8VBMVEUAAABFIgH6+fVFIgFFIgFHJQX4+PhGIwJFIgFFIgFFIgFFIgH6+vpaOx7y8e98ZE2wopT6+vr6+vr6+vr6+vr6+vrq5+T6+vr6+vrn5OHl4d3NxLyMdmPCt636+vr4+Pj6+vrt6+jSysOqmoz6+vr6+vr6+vri3dnb1tDGvLPj39vVzse7r6SbiHfg29Z9ZU7e2NPX0Mrn4+C2qZxyWD/6+vrpniTqoCbspirrpCjtqy3trS/sqCzikSbllibroib95FTusTP62k3rsDPusDDlqi/94lP831D40EXnmybhjSb73E7wtTTkkybzvzrorTH51Ej+5lXyvDjxujf/6FbxuDX2ykH0wTvfiybTexX752361kr0xT/uszPjpy3oniH74Vn875v53Fv3zEPZghzWfxnlQFD1xz/sszXooyrdiCLPdQ/mRlXzxDz742X53mD73VHflB332FfReg7jmiH75mj742DoTlrutTfcjhr411HaihTJbQb86XH432futT7FaAH59OXpVl/59e7nmxv76JTxcnbbhSD86HuVy3XrXWQ+pUX74ULgkRbMcQv52EPqqCbUgRD24rT76YrtZGlmt1/20FtRrVH40kLusCrhnif23aPva2/vu0HXhRT64Hb/6Frklxj479714sGNyHagznLmoCbsqiTNdAv47NL54IiAwm90vWfuv2DywEbtsDr30VL2zFD1x0rvtSv57sHwzYX1gIHls3LtuVBKp0jy1JPyyHH41mb/62Bds1jvui/36cr3iIj/8Xut1HP/7WvmsD3caynoox3689j5kZDpvYXzenzholT0zEHv1K/32HtnpT3fVDvqxpu/3prsxnPiqmawt0/kR0zckzzViTFlkC3u0KP33pX+8pDl0U2Ls0jmrUj960D8nJrnYFDOy0/crSzu1739t7X9srH5qan4oqOLvl/qgT/qjTuRpDWvoy2y2JHC3oem0oTozUHBpzLWnyWrjBindQ+VzIHGnCOUfhd6S9FVAAAANXRSTlMAUv4IDivyMkYYPSHJWeZniEyjfQ/f1rOL0c2nb5plVCzdroQdbjgYvJ/JspN5xEq/taiPY987WAAAABGQSURBVGjevZl3WFNnFMZJVOqo1trW0W3t3isQkkAYARJG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);
  background-size: 100% 100%;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.userImg .member-identity {
  width: 12.8rem;
  height: 6.4rem;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.userImg .member-identity img {
  width: 100%;
  height: 100%;
}

/*base*/
.love-vip {
  -webkit-animation: border-shine 5s infinite linear;
          animation: border-shine 5s infinite linear;
}
.love-vip:after {
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/static/media/lovecard-heart-a.4ef162af.png);
  background-size: 100% 100%;
  position: absolute;
  left: -0.8rem;
  bottom: -0.8rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@-webkit-keyframes border-shine {
  0% {
    border-color: #f4b63f;
  }
  20% {
    border-color: #3359f2;
  }
  40% {
    border-color: #04bb5d;
  }
  60% {
    border-color: #fb5723;
  }
  80% {
    border-color: #fb8d23;
  }
  100% {
    border-color: #fde397;
  }
}

@keyframes border-shine {
  0% {
    border-color: #f4b63f;
  }
  20% {
    border-color: #3359f2;
  }
  40% {
    border-color: #04bb5d;
  }
  60% {
    border-color: #fb5723;
  }
  80% {
    border-color: #fb8d23;
  }
  100% {
    border-color: #fde397;
  }
}
/*area-title-box 元件樣式*/
.area-title-box {
  width: 100%;
  height: 4.8rem;
  margin-bottom: 3.2rem;
  position: relative;
}
.area-title-box:before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: rgba(205, 194, 162, 0.48);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.area-title-box .area-title {
  min-width: 11.2rem;
  height: 100%;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  background-size: 100% 100%;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 0 3.2rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-shadow: 2px 2px 0 #fff8e4;
  white-space: nowrap;
}

/*VIP 元件樣式 START*/
.levelBox {
  width: 48rem;
  height: 11.2rem;
  background-image: url(data:image/jpeg;base64,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);
  background-size: 100%;
  background-position: center;
  border-radius: 5.6rem;
  margin: 0 auto 1.6rem auto;
  padding: 1.6rem 0.8rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(205, 194, 162, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(205, 194, 162, 0.48),
    inset 0 0.4rem 0.2rem 0 rgba(255, 248, 228, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.levelBox .levelInfo {
  font-size: 2.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.levelBox .levelNumber {
  margin-bottom: 0.8rem;
  font-weight: 800;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.levelBox .text {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-top: 0.4rem;
}
.levelBox .vipImg {
  width: 8rem;
  height: 8rem;
  margin: 0 0.8rem;
  flex-shrink: 0;
}
.levelBox .vipImg img {
  width: 100%;
  height: 100%;
}
.levelBox .nextVip {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}

/*驗證碼元件樣式 START*/
.verifyBox {
  width: 100%;
  margin-top: 3.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.verifyBox input {
  width: 42%;
  height: 9.6rem;
  border: 0.2rem solid #cdc2a2;
  background-color: #fff8e4;
  border-radius: 1.6rem;
}
.verifyBox button {
  width: 56%;
  height: 9.6rem;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.verifyBox button .text {
  height: 8rem;
}

/*singlePage START*/
.singlePage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

/*singlePage-交易結果 START*/
.dealPage {
  background-image: url(/static/media/bg.6131feb8.jpg);
  background-position: bottom;
  background-size: contain;
}
.dealPage .page-main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.dealPage .deal-box p {
  font-size: 4.8rem;
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
}
.dealPage .deal-box.success > div {
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 50%;
  background-color: #04bb5d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 4.8rem auto;
}
.dealPage .deal-box.success > div span:before {
  color: #fafafa;
  font-size: 6.2rem;
}
.dealPage .deal-box.fail > div {
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 50%;
  background-color: #fb5723;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 3.2rem auto;
}
.dealPage .deal-box.fail > div span:before {
  color: #fafafa;
  font-size: 6.2rem;
}
.dealPage .btn-back {
  width: 32rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 auto 32rem auto;
  text-shadow: 2px 2px 0 #fff8e4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.dealPage .btn-back .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.dealPage .btn-back:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/*singlePage-建立捷徑 START*/
.shortcutPage {
  background-image: url(/static/media/bg_addshortcut.fc4d9bb8.jpg);
  background-position: center;
  background-size: contain;
}
.shortcutPage .page-main {
  width: 100%;
  height: 100%;
  position: relative;
}
.shortcutPage .btn-add-desktop {
  min-width: 32rem;
  height: 11.2rem;
  white-space: nowrap;
  padding: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 auto;
  text-shadow: 2px 2px 0 #fff8e4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.shortcutPage .btn-add-desktop .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.shortcutPage .btn-add-desktop {
  position: absolute;
  bottom: 17.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.shortcutPage .btn-add-desktop:active {
  -webkit-transform: translateX(-50%) scale(0.9);
          transform: translateX(-50%) scale(0.9);
}

/*singlePage-系統維護 START*/
.systemPage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 102;
  background-image: url(/static/media/uc_bg.96c2045d.jpg);
  background-position: center;
  background-size: cover;
}
.systemPage .page-main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.systemPage .imgBox {
  width: 90vw;
  height: 90vw;
  max-width: 72rem;
  max-height: 72rem;
  margin: 0 auto;
}
.systemPage .imgBox img {
  width: 100%;
  height: 100%;
}
.systemPage h1 {
  font-size: 7.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  margin: 0;
}
.systemPage h4 {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  margin: 0;
  color: #fb5723;
}
.systemPage h5 {
  font-size: 3.1rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fb5723;
  text-align: center;
  margin-top: 2.8rem;
}
.systemPage h6 {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fb5723;
  text-align: center;
  margin-top: 2.8rem;
}
.systemPage p {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
}
.systemPage.error500 .imgBox,
.systemPage.error403 .imgBox {
  width: 60rem;
  height: 60rem;
  margin: 0 auto;
}
.systemPage.error500 .imgBox img,
.systemPage.error403 .imgBox img {
  width: 100%;
  height: 100%;
}
.systemPage.error500 p,
.systemPage.error403 p {
  font-size: 2.8rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  word-break: break-word;
  margin-top: 3.2rem;
}
.systemPage .btn-confirm {
  width: 32rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.systemPage .btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.systemPage .btn-confirm {
  margin: 3.2rem auto;
}
.systemPage .btn-confirm .text {
  font-size: 3.4rem;
}

/*sharePage-分享好友 50%高度 */
.share-liff-page {
  background-color: #fff;
}

.sharePage .shareImg {
  width: 100%;
}
.sharePage .shareImg img {
  width: 100%;
}
.sharePage span {
  text-align: center;
  margin: 1.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  width: 100%;
  display: block;
  font-weight: 800;
  font-stretch: 90%;
  font-size: 2.8rem;
}

/* loading START */
.loadingArea {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 27, 59, 0.16);
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.loadingArea .loaderBox {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loadingArea .loader {
  width: 20rem;
  height: 8rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation: rubberBand 0.8s infinite;
          animation: rubberBand 0.8s infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  margin: 0 auto;
}
.loadingArea p {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fafafa;
  text-align: center;
  margin: 3.2rem 0;
  letter-spacing: 0.2rem;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rubberBand2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleY(1.25) scaleX(0.75);
    transform: scaleY(1.25) scaleX(0.75);
  }
  40% {
    -webkit-transform: scaleY(0.75) scaleX(1.25);
    transform: scaleY(0.75) scaleX(1.25);
  }
  60% {
    -webkit-transform: scaleY(1.15) scaleX(0.85);
    transform: scaleY(1.15) scaleX(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleY(1.25) scaleX(0.75);
    transform: scaleY(1.25) scaleX(0.75);
  }
  40% {
    -webkit-transform: scaleY(0.75) scaleX(1.25);
    transform: scaleY(0.75) scaleX(1.25);
  }
  60% {
    -webkit-transform: scaleY(1.15) scaleX(0.85);
    transform: scaleY(1.15) scaleX(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rotate-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  75% {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  75% {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate3d-animation {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  25% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  75% {
    -webkit-transform: rotateY(270deg);
            transform: rotateY(270deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate3d-animation {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  25% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  75% {
    -webkit-transform: rotateY(270deg);
            transform: rotateY(270deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@-webkit-keyframes bounce-lobby {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
  }
  60% {
    -webkit-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
  }
}
@keyframes bounce-lobby {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  40% {
    -webkit-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
  }
  60% {
    -webkit-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
  }
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.At-fadeInRight {
  -webkit-animation: fadeInRight 1s;
          animation: fadeInRight 1s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes jackpot-win-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0.8;
  }
  50% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes jackpot-win-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0.8;
  }
  50% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes move-right {
  0% {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes move-right {
  0% {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.login.down-screen {
  height: 100vh;
  position: relative;
  background-image: url(/static/media/main_bg.e20efc99.jpg);
  background-size: cover;
  background-position: bottom center;
}
.login.down-screen .slogan {
  width: 100rem;
  height: 54rem;
  background-image: url(/static/media/slogan_02.a0e3ce18.png);
  background-size: 100% 100%;
  position: absolute;
  left: 7%;
  top: 12%;
  -webkit-animation: bounce-slogan-01 1.2s infinite ease;
          animation: bounce-slogan-01 1.2s infinite ease;
}
.login.down-screen .add-line-box {
  min-width: 28.8rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 72%;
  z-index: 8;
  -webkit-user-select: none;
          user-select: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.login.down-screen .add-line-box img {
  width: 28.8rem;
  height: 28.8rem;
  border-radius: 4.8rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
}
.login.down-screen .add-line-box .btn-countdown {
  width: 20rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.login.down-screen .add-line-box .btn-countdown .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.login.down-screen .add-line-box .btn-countdown {
  margin: 0 auto;
}
.login.down-screen .add-line-box .btn-countdown .icon-reflash:before {
  font-size: 4.8rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin-right: 1.6rem;
}
.login.down-screen .add-line-box .btn-countdown:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.login.down-screen .add-line-box .countdown {
  text-align: center;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.login.down-screen .add-line-box p {
  text-align: center;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  margin: 1.6rem 0 1rem 0;
  font-size: 2.5rem;
}

.promoCode {
  position: absolute;
  right: 3.2rem;
  bottom: 8rem;
  font-size: 4.7rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

.store-name {
  position: absolute;
  right: 3.2rem;
  bottom: 3.2rem;
  font-size: 4.7rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

@-webkit-keyframes bounce-slogan-01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce-slogan-01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.lobby {
  background-image: url(/static/media/lobby-bg.fb28e68c.jpg);
  background-size: cover;
  background-position: center center;
}

.lobby-header {
  width: 100%;
  height: 12.4rem;
  padding: 0 1.6rem 0 1.6rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  box-shadow:
    0 0 0 8px #fafafa,
    0 16px 32px 0 rgba(127, 63, 2, 0.32),
    inset 0 -4px 4px 0 rgba(255, 248, 228, 0.48);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  position: fixed;
  top: 0;
  z-index: 10;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.lobby-header .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.lobby-header .userBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-right: 4.8rem;
  margin-top: 3.2rem;
}
.lobby-header .userBox .bottom {
  margin: 1.6rem 0 0 0.8rem;
}
.lobby-header .userImg {
  width: 12.8rem;
  height: 12.8rem;
  border-radius: 100%;
  border: 0.4rem solid #fff8e4;
}
.lobby-header .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.lobby-header .userImg .pointIcon {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fb5723;
  position: absolute;
  top: 0.4rem;
  left: 0;
  border: 0.2rem solid #fff8e4;
}
.lobby-header .userImg .member-crown,
.lobby-header .userImg .member-king,
.lobby-header .userImg .member-boss {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.lobby-header .userName {
  font-size: 3.6rem;
  font-weight: 800;
  font-stretch: 90%;
}
.lobby-header .userBtns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.lobby-header .userBtns .btn-account {
  width: 15rem;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 20rem;
  padding: 0 0.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.7rem;
  font-weight: 800;
  font-stretch: 90%;
}
.lobby-header .userBtns .btn-account .icon-account {
  height: 4.8rem;
  margin: 0 0.4rem 0.4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.lobby-header .userBtns .btn-account .icon-account:before {
  font-size: 4.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.lobby-header .userBtns .level {
  display: inline-flex;
  align-items: center;
  height: 6.4rem;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-size: 3.7rem;
  padding: 0 0.8rem;
  border-radius: 0.8rem;
  margin-left: 1.6rem;
  position: relative;
}
.lobby-header .userBtns .level b {
  font-size: 4.7rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-left: 0.4rem;
}
.lobby-header .userBtns .level:before {
  content: "\e910";
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  color: #01d69f;
  font-size: 4.8rem;
  font-family: "icomoon" !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  left: -2.6rem;
  top: 0.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  text-shadow: none;
}
.lobby-header .userMoney {
  min-width: 10rem;
  height: 7.2rem;
  background-color: rgba(69, 34, 1, 0.16);
  border-radius: 200px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  box-shadow:
    3px 8px 16px 0 rgba(255, 248, 228, 0.16),
    1px 1px 2px 0 rgba(255, 248, 228, 0.32),
    inset 1px 2px 4px 0 rgba(69, 34, 1, 0.24);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.lobby-header .userMoney .count {
  margin-left: 3.2rem;
  font-size: 3.7rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  padding: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.lobby-header .userMoney .count .btn-reflash {
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.lobby-header .userMoney .count .btn-reflash span:before {
  font-size: 3.2rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  line-height: 8rem;
}
.lobby-header .userMoney .count:active .btn-reflash {
  -webkit-animation: rotate-animation 0.5s;
          animation: rotate-animation 0.5s;
}
.lobby-header .userMoney .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  left: -2.4rem;
}
.lobby-header .userMoney .icon-money img {
  width: 100%;
  height: 100%;
}

nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
nav div[class^="btn-"] {
  height: 8.8rem;
  padding-right: 4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 20rem;
  margin-left: 2.8rem;
}
nav div[class^="btn-"] .imgBox {
  width: 10.8rem;
  height: 10.8rem;
  margin-left: -3rem;
}
nav div[class^="btn-"] .imgBox img {
  width: 100%;
  height: 100%;
}
nav div[class^="btn-"] .text {
  font-size: 3.7rem;
  font-weight: 800;
  font-stretch: 90%;
}
nav div[class^="btn-"]:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
nav div[class^="btn-"].btn-logout {
  width: 88px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
nav div[class^="btn-"].btn-logout .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
nav div[class^="btn-"].btn-logout .text {
  font-size: 2.1rem;
  font-weight: 800;
  font-stretch: 90%;
  border-radius: 6rem;
}

.main-content {
  position: absolute;
  top: 12.4rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.game-tabs-bar {
  width: 14.4rem;
  padding: 1.2rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 21.2rem;
  left: 2rem;
}
.game-tabs-bar .item {
  width: 12rem;
  height: 9.6rem;
  font-size: 3.2rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.game-tabs-bar .item.active {
  box-shadow:
    0 3.2rem 6.4rem 0 rgba(51, 89, 242, 0.48),
    inset -0.8rem -1.6rem 0.8rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.8rem 0.4rem 0 rgba(255, 253, 247, 0.32);
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  border-radius: 200px;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

.btn-volume .vol-l,
.btn-volume .vol-m,
.btn-volume .vol-s {
  width: 65%;
  height: 65%;
  background-size: cover;
}

.btn-volume {
  width: 14.4rem;
  height: 14.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100%;
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-volume:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.btn-volume .vol-s {
  background-image: url(data:image/png;base64,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);
}
.btn-volume .vol-m {
  background-image: url(data:image/png;base64,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);
}
.btn-volume .vol-l {
  background-image: url(data:image/png;base64,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);
}

.line-addfriend,
.tg-addfriend {
  width: 18rem;
  height: 21rem;
  position: fixed;
  right: 0;
  top: 18%;
  z-index: 1;
  border-radius: 32px;
  -webkit-perspective: 500px;
          perspective: 500px;
  -webkit-animation: rubberBand 0.8s infinite;
          animation: rubberBand 0.8s infinite;
}
.line-addfriend img,
.tg-addfriend img {
  width: 100%;
  height: 100%;
}

.group-content .s-card-content .show-jackpot.jackpot-group-style,
.group-content .tallCard .show-jackpot.jackpot-group-style,
.gameCard.bigCard .show-jackpot.jackpot-group-style,
.gameCard .show-jackpot.jackpot-group-style {
  background-image: url(/static/media/jackpot-03.08246748.png);
  background-position: center;
  background-size: 100% 100%;
}
.group-content .s-card-content .show-jackpot.jackpot-group-style:after,
.group-content .tallCard .show-jackpot.jackpot-group-style:after,
.gameCard.bigCard .show-jackpot.jackpot-group-style:after,
.gameCard .show-jackpot.jackpot-group-style:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/jackpot-04.49d895ff.png);
  background-position: center;
  background-size: 100% 100%;
}

.game-card-area {
  width: 100%;
  padding: 8.8rem 21rem 0 21rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.game-card-area .topcard-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
.game-card-area .s-card-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.game-card-area .card-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.game-card-area .card-content .gameCard {
  width: 11.25vw;
  height: 11.25vw;
  margin: 1.62rem;
}
.game-card-area .empty {
  min-width: 40rem;
  height: auto;
  padding: 3.2rem 0;
  margin: 0 auto;
}
.game-card-area .empty .imgBox {
  width: 36rem;
  height: 36rem;
  margin: 3.2rem auto;
  background-image: url(/static/media/empty.164a4140.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.game-card-area .empty p {
  text-align: center;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.1rem;
  margin: 6.4rem 0;
  text-align: center !important;
}

.gameCard {
  width: 11.25vw;
  height: 11.25vw;
  margin: 1.6rem;
  box-shadow: 0 12px 24px 0 rgba(69, 34, 1, 0.48);
  border-radius: 9vw;
  position: relative;
}
.gameCard img {
  width: 100%;
  height: 100%;
}
.gameCard .icon-label {
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: -1.6rem;
  top: 0;
  z-index: 1;
}
.gameCard .icon-label.icon-hot {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-new {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-recommend {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-exclusive {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-lovecard {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-label-event {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-label.icon-monopoly {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
.gameCard .icon-live {
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 4px;
  left: -16px;
  z-index: 1;
  border-radius: 100%;
  -webkit-animation: scale-shadow 1.5s infinite ease-in-out;
          animation: scale-shadow 1.5s infinite ease-in-out;
  pointer-events: none;
}
.gameCard .icon-live img {
  width: 100%;
  height: 100%;
}
.gameCard .favorite {
  width: 5rem;
  height: 5rem;
  background-image: url(data:image/png;base64,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);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: -1.6rem;
  z-index: 1;
  border-radius: 50%;
}
.gameCard .favorite.addlove {
  width: 5rem;
  height: 5rem;
  background-image: url(data:image/png;base64,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);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: -1.6rem;
  border-radius: 50%;
}
.gameCard .show-jackpot {
  width: 90%;
  height: 24%;
  background-image: url(/static/media/jackpot-01.68c1223c.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: -8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gameCard .show-jackpot:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/jackpot-02.24b8ba2b.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: flash 1.5s infinite;
          animation: flash 1.5s infinite;
}
.gameCard .show-jackpot .count {
  width: 100%;
  height: 100%;
  padding: 0.4rem 0 1.4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.1rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.gameCard .show-jackpot-nonPR {
  width: 80%;
  height: 15%;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 0 0 1.6rem 1.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: 9%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gameCard .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0.4rem 0.4rem 0 0;
}
.gameCard .show-jackpot-nonPR .icon-jackpot-nonPR img {
  width: 100%;
  height: 100%;
}
.gameCard .show-jackpot-nonPR .count {
  font-size: 1.9rem;
  margin: 0.4rem 0 0 0;
  font-weight: 500;
  font-stretch: 100%;
}
.gameCard .show-lock {
  width: 10rem;
  height: 4rem;
  line-height: 4rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  background-size: 100% 100%;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.gameCard .show-lock .icon-lock:before {
  font-size: 2.4rem;
  color: #452201;
  margin-left: 0.4rem;
}
.gameCard .repair {
  width: 16rem;
  height: 16rem;
  font-size: 2.5rem;
  border-radius: 100%;
  background-color: rgba(69, 34, 1, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  opacity: 1;
}
.gameCard:has(.repair) {
  opacity: 0.48;
}

.gameCard.bigCard {
  width: 24.46vw;
  height: 24.46vw;
  margin-right: 1rem;
}
.gameCard.bigCard .favorite,
.gameCard.bigCard.addlove {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 0;
  right: -2rem;
}
.gameCard.bigCard .icon-label {
  width: 10rem;
  height: 10rem;
  position: absolute;
  left: -3.5rem;
  top: 0;
}
.gameCard.bigCard .icon-live {
  width: 8rem;
  height: 8rem;
}
.gameCard.bigCard .repair {
  width: 24rem;
  height: 24rem;
  font-size: 3.7rem;
}
.gameCard.bigCard .show-jackpot {
  width: 90%;
  height: 24%;
  position: absolute;
  top: -8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gameCard.bigCard .show-jackpot .count {
  width: 100%;
  height: 100%;
  padding: 0.8rem 0 2.8rem 0;
  font-size: 4.8rem;
}
.gameCard.bigCard .show-jackpot-nonPR {
  width: 80%;
  height: 15%;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 0 0 1.6rem 1.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: 9%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gameCard.bigCard .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 4.8rem;
  height: 4.8rem;
  margin: 1.2rem 0.8rem 0 0;
}
.gameCard.bigCard .show-jackpot-nonPR .icon-jackpot-nonPR img {
  width: 100%;
  height: 100%;
}
.gameCard.bigCard .show-jackpot-nonPR .count {
  font-size: 4.2rem;
  margin: 1.6rem 0 0 0;
  font-weight: 500;
  font-stretch: 100%;
}

.group-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}
.group-content .tallCard-box {
  margin: 0 3.6rem;
}
.group-content .tallCard {
  width: 19.79vw;
  height: 39.58vw;
  flex-shrink: 0;
  background-color: #452201;
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10.2rem;
  margin-top: 6.4rem;
  padding-bottom: 0.4rem;
  position: relative;
}
.group-content .tallCard > img {
  width: 100%;
  margin-top: -6.4rem;
}
.group-content .tallCard p {
  text-align: center;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  font-stretch: 90%;
}
.group-content .tallCard .game-count {
  font-size: 3.6rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 1.2rem;
}
.group-content .tallCard .show-lock {
  position: absolute;
  right: 0;
  bottom: 7.2rem;
}
.group-content .tallCard .icon-label {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: -1.6rem;
  left: -3.2rem;
  z-index: 1;
}
.group-content .tallCard .icon-live {
  width: 8rem;
  height: 8rem;
}
.group-content .tallCard .favorite,
.group-content .tallCard .favorite.addlove {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: -1.6rem;
  right: -3.2rem;
  z-index: 2;
}
.group-content .tallCard .repair {
  width: 24rem;
  height: 24rem;
  font-size: 3.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
}
.group-content .tallCard .show-jackpot {
  width: 90%;
  height: 9.2rem;
  position: absolute;
  top: -8.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.group-content .tallCard .show-jackpot .count {
  width: 100%;
  height: 100%;
  padding: 0 0.8rem 1.8rem;
  font-size: 3.2rem;
}
.group-content .tallCard .show-jackpot-nonPR {
  width: 80%;
  height: 8%;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 0 0 1.6rem 1.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: -2.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.group-content .tallCard .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.8rem 0.4rem 0 0;
}
.group-content .tallCard .show-jackpot-nonPR .count {
  font-size: 3.1rem;
  font-weight: 500;
  font-stretch: 100%;
  margin: 0.8rem 0 0 0;
}
.group-content .tallCard .online-area {
  position: absolute;
  left: 0;
  bottom: 0;
}
.group-content .s-card-content {
  width: 57.65%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 3.6rem 0;
}
.group-content .s-card-content .s-card-box {
  width: 18.75vw;
  height: 18.75vw;
  margin: 3.6rem;
}
.group-content .s-card-content .s-card {
  width: 100%;
  height: 100%;
  margin: 0;
}
.group-content .s-card-content .s-card .game-count {
  height: 6rem;
  background-color: #452201;
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 3rem;
  padding: 0 1.6rem;
  font-size: 3.6rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  position: absolute;
  right: 0;
  bottom: -4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.group-content .s-card-content .icon-label {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 0;
  left: -2.4rem;
  z-index: 1;
}
.group-content .s-card-content .icon-live {
  width: 8rem;
  height: 8rem;
}
.group-content .s-card-content .favorite,
.group-content .s-card-content .favorite.addlove {
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 0;
  right: -3.2rem;
  z-index: 2;
}
.group-content .s-card-content .show-lock {
  position: absolute;
  right: 0;
  bottom: 20px;
}
.group-content .s-card-content .show-jackpot .count {
  width: 100%;
  height: 100%;
  padding: 0 0.8rem 1.6rem;
  font-size: 2.8rem;
}
.group-content .s-card-content .show-jackpot-nonPR {
  width: 80%;
  height: 15%;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 0 0 1.6rem 1.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.group-content .s-card-content .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.8rem 0.4rem 0 0;
}
.group-content .s-card-content .show-jackpot-nonPR .count {
  font-size: 3.1rem;
  font-weight: 500;
  font-stretch: 100%;
  margin: 0.8rem 0 0 0;
}
.group-content.popular .tallCard {
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(51, 89, 242, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.4rem 0 0 rgba(255, 253, 247, 0.32);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 11.9rem;
}
.group-content.popular .s-card-content .s-card .game-count {
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(51, 89, 242, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.4rem 0 0 rgba(255, 253, 247, 0.32);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 3rem;
}

.online-area {
  position: absolute;
  left: 0;
  bottom: -4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.online-area .online-icon {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #fb5723;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.online-area .online-icon span {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.online-area .online-icon span:before {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 3rem;
}
.online-area .online-user-box .userImg {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid rgba(233, 240, 244, 0.88);
  margin-top: 2px;
}
.online-area .online-user-box .userImg img {
  width: 100%;
  height: 100%;
  vertical-align: unset;
}

@-webkit-keyframes scale-shadow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 1px rgba(251, 87, 35, 0.72),
      0 0 0 4px rgba(251, 87, 35, 0.32);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 4px rgba(251, 87, 35, 0.72),
      0 0 0 12px rgba(251, 87, 35, 0.32);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 1px rgba(251, 87, 35, 0.72),
      0 0 0 4px rgba(251, 87, 35, 0.32);
  }
}

@keyframes scale-shadow {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 1px rgba(251, 87, 35, 0.72),
      0 0 0 4px rgba(251, 87, 35, 0.32);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 4px rgba(251, 87, 35, 0.72),
      0 0 0 12px rgba(251, 87, 35, 0.32);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow:
      0 0 0 1px rgba(251, 87, 35, 0.72),
      0 0 0 4px rgba(251, 87, 35, 0.32);
  }
}
/*組合獎池*/
.group-jackpot-block {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.group-jackpot-block .group-jackpot-content {
  padding: 5.6rem 1.6rem 1.6rem 1.6rem;
  width: 48%;
  background-color: #172a28;
  box-shadow:
    inset 0 0 0 1px #65aa83,
    inset 0 0 0 7px #327e7b,
    inset 0 0 0 8px #285178,
    0 4px 8px 0 rgba(69, 34, 1, 0.48),
    0 0 16px 0 #fff8e4;
  border-radius: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  margin: 0 0.82% 1.6rem 0.82%;
  position: relative;
}
.group-jackpot-block .group-jackpot-content .s-card {
  width: 10vw;
  height: 10vw;
  margin: 1.6rem;
}
.group-jackpot-block .group-jackpot-content .show-jackpot {
  width: 44.8rem;
  height: 11.2rem;
  background-image: url(/static/media/jackpot-03.08246748.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: -4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.group-jackpot-block .group-jackpot-content .show-jackpot:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/jackpot-04.49d895ff.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: flash 1.5s infinite;
          animation: flash 1.5s infinite;
}
.group-jackpot-block .group-jackpot-content .show-jackpot .count {
  width: 100%;
  height: 100%;
  font-size: 5rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  padding: 0.8rem 0 1.6rem;
}

/*popup-公會戰贏家*/
.popup-guild-winner {
  width: 100vw;
  height: 100vh;
  max-width: unset;
  max-height: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.castle-box {
  width: 50vh;
  height: 50vh;
  max-width: 360px;
  max-height: 360px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.8);
          transform: translate(-50%, -50%) scale(1.8);
}
.castle-box .castle-img {
  width: 100%;
  height: 100%;
  -webkit-animation: bounce-castle 0.8s forwards ease;
          animation: bounce-castle 0.8s forwards ease;
}
.castle-box .flag-img {
  width: 160px;
  height: 160px;
  position: absolute;
  top: -95px;
  left: 50%;
  -webkit-transform: translate(-10%, -100vh);
          transform: translate(-10%, -100vh);
  z-index: -1;
  -webkit-animation: f lag-img-move 0.8s 0.8s forwards ease-in;
          animation: f lag-img-move 0.8s 0.8s forwards ease-in;
}
.castle-box .text-img {
  width: 45vh;
  height: 45vh;
  max-width: 300px;
  max-height: 300px;
  position: absolute;
  bottom: -90px;
  left: 50%;
  -webkit-transform: translate(-50%, 600px);
          transform: translate(-50%, 600px);
  -webkit-animation: text-img-move 0.8s 1.6s forwards ease;
          animation: text-img-move 0.8s 1.6s forwards ease;
}

@-webkit-keyframes flag-img-move {
  0% {
    -webkit-transform: translate(-10%, -100vh);
    transform: translate(-10%, -100vh);
  }
  80% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  90% {
    -webkit-transform: translate(-10%, -20px);
    transform: translate(-10%, -20px);
  }
  100% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
}

@keyframes flag-img-move {
  0% {
    -webkit-transform: translate(-10%, -100vh);
    transform: translate(-10%, -100vh);
  }
  80% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  90% {
    -webkit-transform: translate(-10%, -20px);
    transform: translate(-10%, -20px);
  }
  100% {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
}
@-webkit-keyframes bounce-castle {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce-castle {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes text-img-move {
  0% {
    -webkit-transform: translate(-50%, 600px) scale(0.4);
    transform: translate(-50%, 600px) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
  90% {
    -webkit-transform: translate(-50%, 10px) scale(1);
    transform: translate(-50%, 10px) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}
@keyframes text-img-move {
  0% {
    -webkit-transform: translate(-50%, 600px) scale(0.4);
    transform: translate(-50%, 600px) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
  90% {
    -webkit-transform: translate(-50%, 10px) scale(1);
    transform: translate(-50%, 10px) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}
.pyro > .before,
.pyro > .after {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  box-shadow:
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff,
    0 0 #fff;
  -webkit-animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
          animation:
    1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards,
    5s position linear infinite backwards;
}

.pyro > .after {
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
          animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
          animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow:
      53px 34.3333333333px hsl(167, 100%, 50%),
      160px 79.3333333333px hsl(42, 100%, 50%),
      -243px -209.6666666667px hsl(131, 100%, 50%),
      -98px -375.6666666667px hsl(231, 100%, 50%),
      19px -357.6666666667px hsl(13, 100%, 50%),
      110px -107.6666666667px hsl(135, 100%, 50%),
      238px -197.6666666667px hsl(13, 100%, 50%),
      -110px -79.6666666667px hsl(310, 100%, 50%),
      148px -183.6666666667px hsl(61, 100%, 50%),
      -30px -48.6666666667px hsl(213, 100%, 50%),
      119px -288.6666666667px hsl(286, 100%, 50%),
      55px -154.6666666667px hsl(40, 100%, 50%),
      -66px -34.6666666667px hsl(297, 100%, 50%),
      -205px -98.6666666667px hsl(114, 100%, 50%),
      78px -303.6666666667px hsl(78, 100%, 50%),
      -184px -242.6666666667px hsl(272, 100%, 50%),
      -80px -17.6666666667px hsl(247, 100%, 50%),
      97px -92.6666666667px hsl(89, 100%, 50%),
      -200px -222.6666666667px hsl(158, 100%, 50%),
      -182px -249.6666666667px hsl(257, 100%, 50%),
      -172px -187.6666666667px hsl(48, 100%, 50%),
      83px -2.6666666667px hsl(329, 100%, 50%),
      -1px -75.6666666667px hsl(348, 100%, 50%),
      -86px -82.6666666667px hsl(322, 100%, 50%),
      -208px 20.3333333333px hsl(213, 100%, 50%),
      39px -386.6666666667px hsl(86, 100%, 50%),
      77px -394.6666666667px hsl(213, 100%, 50%),
      165px -341.6666666667px hsl(138, 100%, 50%),
      -74px 14.3333333333px hsl(120, 100%, 50%),
      -222px 81.3333333333px hsl(179, 100%, 50%),
      -205px -67.6666666667px hsl(117, 100%, 50%),
      122px 62.3333333333px hsl(340, 100%, 50%),
      -81px 74.3333333333px hsl(160, 100%, 50%),
      -213px -291.6666666667px hsl(345, 100%, 50%),
      -177px 59.3333333333px hsl(55, 100%, 50%),
      -108px -244.6666666667px hsl(210, 100%, 50%),
      -209px -192.6666666667px hsl(312, 100%, 50%),
      -131px -371.6666666667px hsl(2, 100%, 50%),
      238px -165.6666666667px hsl(275, 100%, 50%),
      -56px -233.6666666667px hsl(303, 100%, 50%),
      139px -365.6666666667px hsl(155, 100%, 50%),
      86px -251.6666666667px hsl(109, 100%, 50%),
      -30px -50.6666666667px hsl(103, 100%, 50%),
      -127px -244.6666666667px hsl(24, 100%, 50%),
      -109px -35.6666666667px hsl(343, 100%, 50%),
      101px -28.6666666667px hsl(153, 100%, 50%),
      -152px -148.6666666667px hsl(261, 100%, 50%),
      -47px 69.3333333333px hsl(256, 100%, 50%),
      168px -169.6666666667px hsl(338, 100%, 50%),
      -171px -153.6666666667px hsl(175, 100%, 50%),
      54px -303.6666666667px hsl(86, 100%, 50%);
  }
}

@keyframes bang {
  to {
    box-shadow:
      53px 34.3333333333px hsl(167, 100%, 50%),
      160px 79.3333333333px hsl(42, 100%, 50%),
      -243px -209.6666666667px hsl(131, 100%, 50%),
      -98px -375.6666666667px hsl(231, 100%, 50%),
      19px -357.6666666667px hsl(13, 100%, 50%),
      110px -107.6666666667px hsl(135, 100%, 50%),
      238px -197.6666666667px hsl(13, 100%, 50%),
      -110px -79.6666666667px hsl(310, 100%, 50%),
      148px -183.6666666667px hsl(61, 100%, 50%),
      -30px -48.6666666667px hsl(213, 100%, 50%),
      119px -288.6666666667px hsl(286, 100%, 50%),
      55px -154.6666666667px hsl(40, 100%, 50%),
      -66px -34.6666666667px hsl(297, 100%, 50%),
      -205px -98.6666666667px hsl(114, 100%, 50%),
      78px -303.6666666667px hsl(78, 100%, 50%),
      -184px -242.6666666667px hsl(272, 100%, 50%),
      -80px -17.6666666667px hsl(247, 100%, 50%),
      97px -92.6666666667px hsl(89, 100%, 50%),
      -200px -222.6666666667px hsl(158, 100%, 50%),
      -182px -249.6666666667px hsl(257, 100%, 50%),
      -172px -187.6666666667px hsl(48, 100%, 50%),
      83px -2.6666666667px hsl(329, 100%, 50%),
      -1px -75.6666666667px hsl(348, 100%, 50%),
      -86px -82.6666666667px hsl(322, 100%, 50%),
      -208px 20.3333333333px hsl(213, 100%, 50%),
      39px -386.6666666667px hsl(86, 100%, 50%),
      77px -394.6666666667px hsl(213, 100%, 50%),
      165px -341.6666666667px hsl(138, 100%, 50%),
      -74px 14.3333333333px hsl(120, 100%, 50%),
      -222px 81.3333333333px hsl(179, 100%, 50%),
      -205px -67.6666666667px hsl(117, 100%, 50%),
      122px 62.3333333333px hsl(340, 100%, 50%),
      -81px 74.3333333333px hsl(160, 100%, 50%),
      -213px -291.6666666667px hsl(345, 100%, 50%),
      -177px 59.3333333333px hsl(55, 100%, 50%),
      -108px -244.6666666667px hsl(210, 100%, 50%),
      -209px -192.6666666667px hsl(312, 100%, 50%),
      -131px -371.6666666667px hsl(2, 100%, 50%),
      238px -165.6666666667px hsl(275, 100%, 50%),
      -56px -233.6666666667px hsl(303, 100%, 50%),
      139px -365.6666666667px hsl(155, 100%, 50%),
      86px -251.6666666667px hsl(109, 100%, 50%),
      -30px -50.6666666667px hsl(103, 100%, 50%),
      -127px -244.6666666667px hsl(24, 100%, 50%),
      -109px -35.6666666667px hsl(343, 100%, 50%),
      101px -28.6666666667px hsl(153, 100%, 50%),
      -152px -148.6666666667px hsl(261, 100%, 50%),
      -47px 69.3333333333px hsl(256, 100%, 50%),
      168px -169.6666666667px hsl(338, 100%, 50%),
      -171px -153.6666666667px hsl(175, 100%, 50%),
      54px -303.6666666667px hsl(86, 100%, 50%);
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
/*--------------------------Popup css start------------------------*/
.popup-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.popup-box .p-content {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 100;
  border-radius: 3.2rem;
}
.popup-box .p-content .close-footer {
  position: fixed;
  top: 0;
  right: 3.2rem;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-box .p-content .close-footer .btn-close {
  width: 9.6rem;
  height: 9.6rem;
  margin: 0.8rem 0;
  background-color: #452201;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100%;
}
.popup-box .p-content .close-footer .btn-close .icon-close:before {
  font-size: 3.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-box .p-content .close-footer .btn-close:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-box .p-content .close-footer .btn-prev {
  width: 9.6rem;
  height: 9.6rem;
  padding: 0 8px;
  margin: 0.8rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100px;
  font-size: 1.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
}
.popup-box .p-content .close-footer .btn-prev .icon-arrow_b_left:before {
  font-size: 3.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-box .p-content .close-footer .btn-prev:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-box .p-content .close-footer .btn-play-game {
  width: 24rem;
  height: 9.6rem;
  margin: 0 1.6rem 3.2rem 1.6rem;
  padding: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 100px;
}
.popup-box .p-content .close-footer .btn-play-game .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-box .p-content .close-footer .btn-play-game {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-box .p-content .close-footer .btn-play-game:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.mask {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(69, 34, 1, 0.24);
  z-index: 100;
  -webkit-backdrop-filter: blur(1.6rem);
          backdrop-filter: blur(1.6rem);
}

.diamond-style .mask {
  background-color: rgba(95, 2, 127, 0.48);
}

.popup {
  width: 80rem;
  height: 90%;
  background-color: #fafafa;
  border: 1.6rem solid #f4b63f;
  border-radius: 4.8rem;
  position: absolute;
  bottom: -4rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.popup .popupBg {
  width: 100%;
  height: 100%;
}
.popup .p-header {
  width: 100%;
  height: 14.4rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: -10rem;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  overflow: hidden;
}
.popup .p-header .headerBox {
  width: 80%;
  height: 60%;
  margin: -3.2rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup .p-header .headerBox > div {
  flex: 1 1;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  padding: 0 1.6rem;
  white-space: nowrap;
  position: relative;
}
.popup .p-header .headerBox > div:after {
  content: "";
  display: block;
  width: 1px;
  height: 3.6rem;
  background-color: rgba(253, 227, 151, 0.48);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.popup .p-header .headerBox > div:last-child:after {
  display: none;
}
.popup .p-header .headerBox > div .pointIcon {
  position: absolute;
  top: -2.4rem;
  right: 0;
}
.popup .p-header .headerBox .title {
  flex: 1 1;
  padding: 0.8rem 3.2rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: -0.8rem;
}
.popup .p-header .active span {
  height: 5.6rem;
  line-height: 4.5rem;
  padding: 0.8rem 1.6rem;
  border-radius: 20rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.16);
}
.popup .p-body {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 2.4rem 0 3.2rem 0;
}
.popup .p-footer {
  position: fixed;
  bottom: 6.4rem;
}

.popup-s {
  width: 80rem;
  height: 80%;
  background-color: #fafafa;
  border: 1.6rem solid #f4b63f;
  border-radius: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: popup-zoomIn 0.5s;
          animation: popup-zoomIn 0.5s;
}
.popup-s .popupBg {
  width: 100%;
  height: 100%;
}
.popup-s .p-header {
  width: 100%;
  height: 14.4rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: -8rem;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  overflow: hidden;
}
.popup-s .p-header .headerBox {
  width: 80%;
  height: 60%;
  margin: -3.2rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-s .p-header .headerBox > div {
  flex: 1 1;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  white-space: nowrap;
  position: relative;
}
.popup-s .p-header .headerBox > div:after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 3.6rem;
  background-color: rgba(253, 227, 151, 0.48);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.popup-s .p-header .headerBox > div:last-child:after {
  display: none;
}
.popup-s .p-header .headerBox .title {
  flex: 1 1;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin-bottom: 0.8rem;
}
.popup-s .p-header .active span {
  height: 5.6rem;
  line-height: 4.5rem;
  padding: 0.8rem 1.6rem;
  border-radius: 20rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.16);
}
.popup-s .p-body {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-s .p-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 0 3.2rem 0;
}
.popup-s .body-content {
  width: 100%;
  height: 100%;
  padding: 3.2rem;
  margin: 0 auto;
  font-size: 2.8rem;
  text-align: center;
  line-height: 4.8rem;
}
.popup-s .btn-confirm {
  width: 24rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.popup-s .btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-s .btn-confirm .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 0.8rem;
}
.popup-s .btn-confirm .icon-money img {
  width: 100%;
  height: 100%;
}
.popup-s .btn-cancel {
  width: 24rem;
  height: 9.6rem;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}

/*update 231023 START*/
/*popup-in-popup - 放在popup裡的 popup*/
.popup-s.popup-in-popup .messageContent {
  padding: 6.4rem 6.4rem 3.2rem 6.4rem;
}
.popup-s.popup-in-popup .messageContent .body-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-s.popup-in-popup .btn-confirm,
.popup-s.popup-in-popup .btn-cancel {
  margin: 0 auto;
}
.popup-s.popup-in-popup .p-footer {
  bottom: 0;
  padding: 0 3.2rem;
}

.poster-popup {
  width: 60vh;
  height: 60vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: popup-zoomIn 0.5s;
          animation: popup-zoomIn 0.5s;
}
.poster-popup img {
  width: 100%;
  height: 100%;
}
.poster-popup .btn-golink {
  width: 32rem;
  height: 11.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.poster-popup .btn-golink .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.poster-popup .btn-golink {
  position: absolute;
  left: 50%;
  bottom: -6rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.poster-popup .btn-golink:active {
  -webkit-transform: scale(0.9) translate(-50%, 0);
          transform: scale(0.9) translate(-50%, 0);
}
.poster-popup .btn-golink .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}

/*lobby ad-poup --- 首儲  popup-first-addvalue*/
.popup-first-addvalue {
  position: absolute;
  top: 32%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-first-addvalue .fast-payment-list {
  margin: -64px 0 16px 0;
  padding: 0;
}
.popup-first-addvalue .fast-payment-list li {
  height: 133px;
  font-size: 14px;
}
.popup-first-addvalue .fast-payment-list li > div > div:first-child {
  min-width: 72px;
  height: 24px;
  margin: 0 auto;
  line-height: 14px;
}
.popup-first-addvalue .fast-payment-list li > div [class^="icon-"]:before {
  font-size: 20px;
  margin: 0 2px;
}
.popup-first-addvalue .fast-payment-list hr {
  margin: 0.8rem 0 1.6rem 0;
  border-top: 1px solid rgba(205, 194, 162, 0.48);
}
.popup-first-addvalue .fast-payment-list .pointBox {
  border: none;
  margin: 0;
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-first-addvalue .fast-payment-list .pointBox.original {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0.4;
}
.popup-first-addvalue .fast-payment-list .pointBox.original .count {
  text-decoration: line-through;
}
.popup-first-addvalue .fast-payment-list .btn-paymoney {
  height: 8rem;
}
.popup-first-addvalue .btn-gostore {
  width: 24rem;
  height: 8rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 20rem;
}
.popup-first-addvalue .btn-gostore:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-first-addvalue .btn-gostore .text {
  font-size: 14px;
  font-weight: 800;
  font-stretch: 90%;
}

/*popup-message START*/
.popup-message {
  height: auto;
  max-height: 65rem;
}
.popup-message .messageContent {
  padding: 12rem 6.4rem 6.4rem 6.4rem;
  max-height: 49rem;
}
.popup-message .p-footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-message .tips-box {
  position: absolute;
  top: 12rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.popup-message .weblink {
  word-wrap: break-word;
}

/*.popup-message-空資料*/
.popup-s .empty {
  padding: 9.6rem 0;
}

/*.popup-message-分享成功*/
.share-done > div {
  width: 12.8rem;
  height: 12.8rem;
  background-color: #04bb5d;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
}
.share-done > div span:before {
  font-size: 6.2rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.share-done p {
  margin-top: 4.8rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}

.share-fail > div {
  width: 12.8rem;
  height: 12.8rem;
  background-color: #fb5723;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
}
.share-fail > div span:before {
  font-size: 6.2rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.share-fail p {
  margin-top: 4.8rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}

/*.popup-message-加line好友*/
.popup-addLineFriend {
  height: 70%;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.popup-addLineFriend .p-body {
  padding: 4.8rem 6.4rem 2.4rem 6.4rem;
  max-height: unset;
}
.popup-addLineFriend .body-content {
  padding: 0;
}
.popup-addLineFriend .body-content .qrcode-box {
  width: 32rem;
  height: 32rem;
  margin: 0 auto 3.2rem auto;
  padding: 1.6rem;
}
.popup-addLineFriend .body-content .qrcode-box img {
  width: 100%;
  height: 100%;
}
.popup-addLineFriend .body-content .step-box {
  padding-bottom: 0.8rem;
}
.popup-addLineFriend .body-content .step-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom: 3.2rem;
}
.popup-addLineFriend .body-content .step-box .order-box {
  width: 8rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-addLineFriend .body-content .step-box .order-box .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-addLineFriend .body-content .step-box .order-box {
  margin-right: 1.6rem;
  flex-shrink: 0;
}
.popup-addLineFriend .body-content .step-box p {
  font-size: 3.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin: 0;
  text-align: left;
}
.popup-addLineFriend .body-content .step-box .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  background-image: url(/static/media/money.c3004fa6.png);
  background-size: cover;
  margin: 0 0.8rem;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}

/*popup-grading-分級*/
.popup-grading .body-content {
  padding: 6.4rem 4.8rem 3.2rem 4.8rem;
}
.popup-grading .gradingBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-grading .gradingBox p {
  text-align: center;
  color: #452201;
}
.popup-grading .gradingBox .level {
  width: 12.8rem;
  height: 12.8rem;
  margin-bottom: 4.8rem;
}
.popup-grading .gradingBox .level img {
  width: 100%;
  height: 100%;
}
.popup-grading .gradingBox .button-bar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 3.2rem 0;
}
.popup-grading .gradingBox .button-bar .btn-nofull {
  width: 19.2rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-grading .gradingBox .button-bar .btn-nofull .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-grading .gradingBox .button-bar .btn-nofull {
  margin: 0 5%;
  text-decoration: none;
}
.popup-grading .gradingBox .button-bar .btn-nofull:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-grading .gradingBox .button-bar .btn-full {
  width: 19.2rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-grading .gradingBox .button-bar .btn-full .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-grading .gradingBox .button-bar .btn-full {
  margin: 0 5%;
}
.popup-grading .gradingBox .button-bar .btn-full:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-grading .noShow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 24px;
}

@-webkit-keyframes popup-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes popup-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes popup-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  50% {
    opacity: translate(-50%, -50%) 1;
  }
}
@keyframes popup-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  50% {
    opacity: translate(-50%, -50%) 1;
  }
}
@-webkit-keyframes popup-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes popup-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
/*平板以上大小*/
@media screen and (orientation: landscape) and (min-height: 500px) {
  .popup-first-addvalue {
    width: 600px;
    height: 600px;
    max-width: unset;
    max-height: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    position: absolute;
    top: 45%;
    left: 50%;
  }
  .popup-first-addvalue img {
    max-width: 300px;
    max-height: 300px;
    flex-shrink: 0;
  }
  .popup-first-addvalue .fast-payment-list {
    width: 300px;
    flex-shrink: 0;
    margin: 0;
  }
  .popup-first-addvalue .btn-gostore {
    position: absolute;
    left: 6px;
    top: 65%;
  }
  .popup-s-style2 {
    max-height: 550px;
  }
}
/* popup 公告 START */
.popup-announcement .postContent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}
.popup-announcement .menuL {
  width: 35%;
  height: 100%;
  padding: 1.6rem 1.6rem 9.6rem 1.6rem;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  line-height: 3.2rem;
  border-right: 0.2rem solid rgba(205, 194, 162, 0.32);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-announcement .menuL > div {
  padding: 1.6rem;
  min-height: 9.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-announcement .menuL .active {
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  background-color: rgba(69, 34, 1, 0.16);
  border-radius: 1.6rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  box-shadow:
    3px 8px 16px 0 rgba(255, 248, 228, 0.16),
    1px 1px 2px 0 rgba(255, 248, 228, 0.32),
    inset 1px 2px 4px 0 rgba(69, 34, 1, 0.24);
}
.popup-announcement .body-content {
  width: 65%;
  height: 100%;
  padding: 3.2rem 3.2rem 9.6rem 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-announcement .body-content .text {
  font-size: 3.2rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-announcement .body-content .text h1 {
  font-size: 5rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.popup-announcement .body-content .text h2 {
  font-size: 4.2rem;
  color: #7f3f02;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
.popup-announcement .body-content .text h3 {
  font-size: 3.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.8rem;
  margin-bottom: 0;
}
.popup-announcement .body-content .text h4 {
  font-size: 3.2rem;
  color: #fb8d23;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 4.8rem;
  margin-bottom: 1.6rem;
}
.popup-announcement .body-content .text h5 {
  font-size: 2.8rem;
  color: #fb5723;
  margin-top: 0;
  margin-bottom: 0;
}
.popup-announcement .body-content .text h6 {
  font-size: 2.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
.popup-announcement .body-content .text p {
  margin-bottom: 0.8rem;
  min-height: 0.8rem;
  word-break: break-word;
}
.popup-announcement .body-content .text ul {
  padding-left: 3.2rem;
}
.popup-announcement .body-content .text ul li {
  list-style: disc;
}
.popup-announcement .body-content .text ol {
  padding-left: 3.2rem;
}
.popup-announcement .body-content .text ol li {
  list-style: decimal;
}

/* popup 活動 START */
.popup-active .activeContent {
  width: 100%;
  height: 100%;
  padding: 4.8rem 3.2rem 8.8rem 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-active .activeContent .leaderboard-area li {
  pointer-events: none;
}
.popup-active .activeContent .coin-category {
  min-width: 14.4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: rgba(69, 34, 1, 0.2);
  box-shadow:
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  position: absolute;
  top: 1.6rem;
  left: 3.2rem;
  z-index: 1;
  padding: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-active .activeContent .coin-category .coin-box {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  left: -2rem;
  top: -0.4rem;
}
.popup-active .activeContent .coin-category .coin-box img {
  width: 100%;
  height: 100%;
}
.popup-active .activeContent .coin-category .text {
  padding-left: 1.6rem;
  font-size: 2.4rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
}
.popup-active .bannerImg {
  width: 70rem;
  height: 35.9rem;
  border-radius: 1.6rem;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin: 0 auto 3.2rem auto;
  position: relative;
}
.popup-active h1 {
  font-size: 5rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.popup-active h4 {
  font-size: 3.2rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-active h6 {
  font-size: 2.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.8rem;
}
.popup-active .text {
  font-size: 3.2rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-active .text h2 {
  font-size: 4.2rem;
  color: #7f3f02;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
.popup-active .text h3 {
  font-size: 3.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.8rem;
  margin-bottom: 0;
}
.popup-active .text h4 {
  font-size: 3.2rem;
  color: #fb8d23;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 4.8rem;
  margin-bottom: 1.6rem;
}
.popup-active .text h5 {
  font-size: 2.8rem;
  color: #fb5723;
  margin-top: 0;
  margin-bottom: 0;
}
.popup-active .text h6 {
  font-size: 2.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
.popup-active .text p {
  margin-bottom: 0.8rem;
  min-height: 0.8rem;
  word-break: break-word;
  font-size: 2.8rem !important;
}
.popup-active .text p span {
  font-size: 2.8rem !important;
}
.popup-active .text ul {
  padding-left: 3.2rem;
}
.popup-active .text ul li {
  list-style: disc;
}
.popup-active .text ol {
  padding-left: 3.2rem;
}
.popup-active .text ol li {
  list-style: decimal;
  margin-bottom: 3.2rem;
}
.popup-active .activeList {
  width: 100%;
  height: auto;
  padding-top: 3.2rem;
}
.popup-active .activeCard {
  width: 60rem;
  height: 28.8rem;
  margin: 0 auto 3.2rem auto;
  position: relative;
  border-radius: 2.4rem;
  box-shadow:
    0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.24),
    inset 0 -0.6rem 0 0 #7f3f02;
  background-color: #452201;
  overflow: hidden;
}
.popup-active .activeCard .activeImg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
}
.popup-active .activeCard .activeImg:before {
  content: "";
  width: 100%;
  height: 16.4rem;
  background-image: linear-gradient(to bottom, rgba(69, 34, 1, 0), #452201);
  background-size: 100% 100%;
  display: block;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  z-index: 0;
}
.popup-active .activeCard h4 {
  font-size: 3.6rem;
  line-height: 4.5rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  padding: 0 2.4rem 0.8rem 2.4rem;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.popup-active .activeCard h6 {
  font-size: 2.4rem;
  padding: 0 2.4rem 0.8rem;
  font-size: 2.4rem;
  font-weight: 400;
}
.popup-active .activeCard .coin-category {
  min-width: 14.4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: rgba(69, 34, 1, 0.2);
  box-shadow:
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  position: absolute;
  top: 1.6rem;
  left: 3.2rem;
  z-index: 1;
  padding: 0 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-active .activeCard .coin-category .coin-box {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  left: -2rem;
  top: -0.4rem;
}
.popup-active .activeCard .coin-category .coin-box img {
  width: 100%;
  height: 100%;
}
.popup-active .activeCard .coin-category .text {
  padding-left: 1.6rem;
  font-size: 2.4rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
}

/* 活動頁-獎池活動 START */
.jackpot-block {
  width: 100%;
  height: 12.8rem;
  background-image: url(/static/media/jackpot_bg.49836e5f.jpg);
  background-size: 100% 100%;
  border-radius: 1.6rem 1.6rem 0 0;
  margin-top: 3.2rem;
  position: relative;
}
.jackpot-block .jackpotImg {
  width: 18rem;
  height: 18rem;
  background-image: url(/static/media/jackpot.bdce7fb3.png);
  background-size: 100% 100%;
  position: absolute;
  left: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.jackpot-block .jackpotMoney {
  position: absolute;
  right: 1.6rem;
  top: 3.2rem;
  font-size: 5.4rem;
  text-align: right;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.jackpot-block .jackpotMoney span {
  font-size: 2.4rem;
  font-weight: 600;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #f4b63f;
}
.jackpot-block.active-end {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.jackpot-activeInfo {
  width: 100%;
  padding: 1.6rem 3.2rem 0 3.2rem;
  background-color: rgba(69, 34, 1, 0.16);
  border-radius: 0 0 3.2rem 3.2rem;
  margin-bottom: 3.2rem;
}
.jackpot-activeInfo li {
  min-height: 8rem;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.jackpot-activeInfo li:last-child {
  border-bottom: none;
}
.jackpot-activeInfo li .text {
  width: 15%;
  font-size: 2.4rem;
}
.jackpot-activeInfo li .winnerName {
  width: 50%;
  font-size: 2.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.jackpot-activeInfo li .count {
  width: 35%;
  text-align: right;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.jackpot-activeInfo .userImg {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  border: 0.4rem solid #f4b63f;
  margin: 0 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.jackpot-activeInfo .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.jackpot-activeInfo .userName {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}

/*popup 個人資訊 START*/
.popup-personal p {
  margin: 0;
  font-size: 2.4rem;
  color: #f4b63f;
}
.popup-personal .p-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-personal .love-card-Box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background-color: #452201;
  border-radius: 2.4rem;
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -3px 0 0 #7f3f02;
  margin: 3.2rem 0;
  padding-right: 1.6rem;
}
.popup-personal .love-card-Box .areaL {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding-left: 1.6rem;
}
.popup-personal .love-card-Box .img-box {
  width: 16.8rem;
  height: 9.6rem;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.48);
  margin-right: 1.6rem;
}
.popup-personal .love-card-Box .img-box img {
  width: 100%;
  height: 100%;
}
.popup-personal .love-card-Box .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-personal .love-card-Box .text .state {
  color: #04bb5d;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-personal .love-card-Box .btn-receive {
  min-width: 12rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
}
.popup-personal .love-card-Box .btn-receive .text {
  background-image: none;
  box-shadow: none;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 0.8rem 0 0;
}
.popup-personal .love-card-Box .btn-receive .text span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.2rem;
}
.popup-personal .love-card-Box .btn-start-up {
  min-width: 12rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
}
.popup-personal .love-card-Box .btn-start-up .text {
  width: 100%;
  height: 100%;
  background-image: none;
  box-shadow: none;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 0.8rem 0 1.6rem;
}
.popup-personal .love-card-Box .btn-start-up .text span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.2rem;
}
.popup-personal .love-card-Box .btn-start-up:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-personal .love-card-Box .btn-store {
  min-width: 16.8rem;
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-personal .love-card-Box .btn-store .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-personal .love-card-Box .btn-store {
  display: none;
}
.popup-personal .love-card-Box .btn-store .text {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 0.8rem 0 0;
}
.popup-personal .love-card-Box .btn-store span:before {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 3.2rem;
}
.popup-personal .love-card-Box .btn-store:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-personal .love-card-Box.no-card .img-box img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.popup-personal .love-card-Box.no-card .text .state {
  color: #fb5723;
}
.popup-personal .love-card-Box.no-card .btn-receive {
  display: none;
}
.popup-personal .love-card-Box.no-card .btn-store {
  display: block;
}
.popup-personal .love-card-Box.no-card .btn-start-up {
  display: block;
}

.p-body.personalContent {
  padding: 4.8rem 6.4rem 4rem 6.4rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.p-body.personalContent .btnBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 2.4rem;
}
.p-body.personalContent .btnBox .tips-box {
  width: 100%;
  position: absolute;
  top: 115%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.p-body.personalContent .btn-removeFriend {
  width: 24rem;
  height: 9.6rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 0.8rem;
}
.p-body.personalContent .btn-removeFriend:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.p-body.personalContent .btn-get-password {
  width: 24rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.p-body.personalContent .btn-get-password .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.p-body.personalContent .btn-get-password {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 100px;
  margin: 0 0.8rem;
}
.p-body.personalContent .btn-get-password .text {
  line-height: 2.8rem;
  text-align: center;
  border-radius: 100px;
  font-size: 2.8rem;
}
.p-body.personalContent .btn-get-password:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.personInfo-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 3.2rem;
}
.personInfo-block .userBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.personInfo-block .userImg {
  width: 19.2rem;
  height: 19.2rem;
  border-radius: 100%;
  margin-right: 1.6rem;
  border: 0.8rem solid #f4b63f;
}
.personInfo-block .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.personInfo-block .userImg p {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}
.personInfo-block .userImg .member-crown,
.personInfo-block .userImg .member-king,
.personInfo-block .userImg .member-boss {
  width: 6.4rem;
  height: 6.4rem;
  position: absolute;
  right: -1.2rem;
  top: -2.4rem;
}
.personInfo-block .userImg.love-vip {
  -webkit-animation: border-shine 5s infinite linear;
          animation: border-shine 5s infinite linear;
}
.personInfo-block .userImg.love-vip:after {
  content: "";
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  background-image: url(/static/media/lovecard-heart-a.4ef162af.png);
  background-size: 100% 100%;
  position: absolute;
  left: -2.4rem;
  bottom: -0.8rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
}
.personInfo-block .name-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.personInfo-block .name-box p {
  margin: 0;
  font-size: 2.4rem;
  color: #f4b63f;
  text-align: left;
}
.personInfo-block .userName {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}

.signText-box {
  width: 100%;
  height: auto;
  min-height: 11.2rem;
  max-height: 19.2rem;
  margin-top: 1.6rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 1.6rem 3.2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 1.6rem;
  position: relative;
}
.signText-box .text {
  width: 100%;
  max-height: 16rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 2.8rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: left;
  word-break: break-word;
  white-space: pre-wrap;
}

.pk-box {
  width: 100%;
  height: 12.8rem;
  background-image: url(/static/media/pk_my_bg_0.b499dc05.jpg);
  background-size: cover;
  background-position: center center;
  padding: 0 1.6rem 0 0;
  margin-top: 1.6rem;
  border-radius: 2.4rem;
  box-shadow:
    4px 8px 16px 0 rgba(69, 34, 1, 0.32),
    inset 0 -4px 4px 0 rgba(69, 34, 1, 0.24),
    inset 0 6px 4px 0 rgba(255, 248, 228, 0.48);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  line-height: 1.5;
}
.pk-box .no-pk-box {
  display: none;
}
.pk-box.no-pk {
  position: relative;
}
.pk-box.no-pk .no-pk-box {
  background-color: rgba(6, 4, 3, 0.48);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pk-box.no-pk p {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.pk-box.close-pk {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.4;
}
.pk-box .areaL {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.pk-box .pkImg {
  height: 100%;
}
.pk-box .pkImg img {
  height: 100%;
}
.pk-box .pkInfo {
  color: #452201;
  font-size: 5rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: left;
}
.pk-box .pkInfo .text {
  font-size: 2.4rem;
}
.pk-box .winInfo {
  margin-top: -0.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.pk-box .winInfo .winningStreak {
  min-width: 10.4rem;
  height: 3.4rem;
  padding: 0 0.4rem;
  box-shadow:
    0 3.2rem 6.4rem 0 rgba(51, 89, 242, 0.48),
    inset -0.8rem -1.6rem 0.8rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.8rem 0.4rem 0 rgba(255, 253, 247, 0.32);
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  border-radius: 1.6rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}
.pk-box .winInfo .winningRate {
  min-width: 10.4rem;
  height: 3.4rem;
  padding: 0 0.4rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  border-radius: 1.6rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.8rem;
}
.pk-box .btn-pk {
  min-width: 17.2rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.pk-box .btn-pk .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pk-box .btn-pk .text {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  padding: 0 0.8rem 0 1.6rem;
}
.pk-box .btn-pk span:before {
  color: #452201;
  font-size: 3.2rem;
}
.pk-box .btn-pk:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.pk-box .btn-pk-history {
  min-width: 11.2rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pk-box .btn-pk-history .icon-bill {
  margin: 0 0.4rem 0 0;
}
.pk-box .btn-pk-history .icon-bill:before {
  color: #7f3f02;
  font-size: 3.2rem;
}
.pk-box .btn-pk-history:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.limitedWallet-box {
  width: 100%;
  height: 12.8rem;
  background-image: url(/static/media/limitedwallet_bg.53af2d6c.png);
  background-size: cover;
  background-position: center center;
  padding: 0 1.6rem 0 0;
  margin-top: 1.6rem;
  border-radius: 2.4rem;
  box-shadow:
    2px 4px 8px 0 rgba(69, 34, 1, 0.32),
    inset 0 -2px 2px 0 rgba(69, 34, 1, 0.24),
    inset 0 3px 2px 0 rgba(255, 248, 228, 0.48);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .areaL {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .limitedWalletImg {
  height: 100%;
}
.limitedWallet-box .limitedWalletImg img {
  height: 100%;
}
.limitedWallet-box .limitedWalletInfo .timer {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: left;
  white-space: nowrap;
  line-height: 1.4;
}
.limitedWallet-box .limitedWalletInfo .text {
  font-size: 5rem;
  padding: 0 3px;
}
.limitedWallet-box .limitedWalletBalanceInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .limitedWalletBalance {
  min-width: 10.4rem;
  height: 3.4rem;
  padding-right: 1.6rem;
  box-shadow:
    1px 1px 2px rgba(255, 248, 228, 0.32),
    3px 8px 16px rgba(255, 248, 228, 0.16),
    inset 1px 2px 4px rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 100px;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .limitedWalletBalance img {
  width: auto;
  height: 120%;
  margin: -4px 0 0 -4px;
}
.limitedWallet-box .limitedWalletBalance span {
  padding-left: 3px;
}
.limitedWallet-box .btn-limitedWallet {
  min-width: 17.2rem;
  height: 8rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .btn-limitedWallet .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  padding: 0 0.8rem 0 1.6rem;
  line-height: 16px;
}
.limitedWallet-box .btn-limitedWallet span:before {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 3.2rem;
  color: #7f3f02;
}
.limitedWallet-box .btn-limitedWallet:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.limitedWallet-box .btn-limitedWallet-history {
  min-width: 11.2rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.limitedWallet-box .btn-limitedWallet-history .icon-bill {
  margin: 0 0.4rem 0 0;
}
.limitedWallet-box .btn-limitedWallet-history .icon-bill:before {
  color: #7f3f02;
  font-size: 3.2rem;
}
.limitedWallet-box .btn-limitedWallet-history:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.achievement-box {
  width: 100%;
  height: 14.4rem;
  background-color: rgba(51, 89, 242, 0.08);
  border-radius: 2.4rem;
  margin-top: 1.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 1.2rem 2.4rem;
}
.achievement-box .areaL {
  flex-shrink: 0;
}
.achievement-box .areaL > div {
  font-size: 2.8rem;
  line-height: 4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.achievement-box .areaL .done-text {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  margin-left: 1.6rem;
}
.achievement-box .areaL .count {
  font-size: 3.8rem;
  color: #f4b63f;
  margin: 0 0.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.achievement-box .areaR {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.achievement-box .areaR .btn-more {
  width: 4.8rem;
  height: 4.8rem;
  margin-left: 1.6rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.achievement-box .areaR .btn-more span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.4rem;
}
.achievement-box .areaR .btn-more:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.achievement-box .imgBox {
  width: 8rem;
  height: 8rem;
  margin: 0 0.8rem 0 0;
  box-shadow: 0 1.6rem 2.4rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 50%;
}
.achievement-box .imgBox img {
  width: 100%;
  height: 100%;
}

.wangbi-box {
  width: 100%;
  height: 12.8rem;
  background-image: url(/static/media/wangbi-my-bg.7baf72f5.jpg);
  background-size: cover;
  background-position: center center;
  padding: 0 1.6rem 0 0;
  margin-top: 1.6rem;
  border-radius: 2.4rem;
  box-shadow:
    2px 4px 8px 0 rgba(69, 34, 1, 0.32),
    inset 0 -2px 2px 0 rgba(69, 34, 1, 0.24),
    inset 0 3px 2px 0 rgba(255, 248, 228, 0.48);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.wangbi-box .areaL {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.wangbi-box .imgBox {
  height: 90%;
}
.wangbi-box .imgBox img {
  height: 100%;
}
.wangbi-box .wangbiInfo {
  font-size: 5rem;
  font-weight: 800;
  font-stretch: 90%;
}
.wangbi-box .btn-wangbi-exchange {
  min-width: 12rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  padding: 0 0.8rem 0 1.6rem;
}
.wangbi-box .btn-wangbi-exchange .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.wangbi-box .btn-wangbi-exchange .text .icon-arrow_b_right:before {
  color: #7f3f02;
  font-size: 3.2rem;
}
.wangbi-box .btn-wangbi-exchange:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.wangbi-box .btn-wangbi-history {
  width: 11.2rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.wangbi-box .btn-wangbi-history .icon-bill {
  margin: 0 0.4rem 0 0;
}
.wangbi-box .btn-wangbi-history .icon-bill:before {
  color: #7f3f02;
  font-size: 3.2rem;
}
.wangbi-box .btn-wangbi-history:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.memberInfo-box {
  width: 100%;
  border-radius: 3.2rem;
  padding: 1.6rem;
  margin-top: 4.8rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  border: 0.8rem solid #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}
.memberInfo-box .memberlevel {
  width: 38%;
  padding-right: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.memberInfo-box .memberlevel .btn-vipInfo {
  width: 14.4rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 0.8rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  line-height: 2.4rem;
  text-align: center;
}
.memberInfo-box .memberlevel .btn-vipInfo:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.memberInfo-box .vipImg {
  width: 14.4rem;
  height: 14.4rem;
  margin-top: -6.4rem;
  box-shadow: 0 1.6rem 2.4rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 50%;
}
.memberInfo-box .vipImg img {
  width: 100%;
  height: 100%;
}
.memberInfo-box .levelNumber {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  margin-bottom: 1.6rem;
}
.memberInfo-box .levelNumber span {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem;
}
.memberInfo-box ul {
  width: 62%;
}
.memberInfo-box li {
  min-height: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 2px solid rgba(205, 194, 162, 0.48);
  color: #452201;
  font-weight: 500;
  text-shadow: 2px 2px 0 #fff8e4;
}
.memberInfo-box li:last-child {
  border: none;
}
.memberInfo-box li .text {
  font-size: 2.4rem;
  color: #452201;
  font-weight: 500;
  text-shadow: 2px 2px 0 #fff8e4;
  line-height: 2.4rem;
  text-align: left;
}
.memberInfo-box li .count {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
}
.memberInfo-box li .count .btn-edit,
.memberInfo-box li .count .btn-goKYC {
  width: 4.8rem;
  height: 4.8rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-left: 1.6rem;
}
.memberInfo-box li .count .btn-edit span:before,
.memberInfo-box li .count .btn-goKYC span:before {
  font-size: 2.4rem;
  color: #452201;
}
.memberInfo-box li .count .btn-edit:active,
.memberInfo-box li .count .btn-goKYC:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/*popup-bankbook  存摺  START*/
.p-body.bankbookContent {
  padding: 6.4rem 0 6.4rem 0;
}
.p-body.bankbookContent .area-title-box {
  width: calc(100% - 6.4rem);
  padding: 0 3.2rem;
  margin: 0 auto 3.2rem auto;
}

.bankbook-table {
  width: 100%;
  height: 100%;
}
.bankbook-table .table-header {
  width: 100%;
  background-color: #452201;
  border-bottom: 2px solid rgba(178, 187, 196, 0.32);
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.bankbook-table .table-header > div {
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.bankbook-table .table-body {
  padding-bottom: 7.2rem;
  position: absolute;
  top: 11.4rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.bankbook-table .table-body .time {
  font-size: 2.4rem;
}
.bankbook-table .table-body .tipsTxt {
  width: 100%;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 500;
  font-stretch: 100%;
}
.bankbook-table li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  border-bottom: 2px solid rgba(205, 194, 162, 0.32);
}
.bankbook-table li > div {
  min-height: 8rem;
  padding: 1.6rem;
  font-size: 2.8rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.bankbook-table .time {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.bankbook-table .item {
  width: 42%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.bankbook-table .count {
  width: 35%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}

.diamond-bankbook-table .time {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.diamond-bankbook-table .item {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.diamond-bankbook-table .kind {
  width: 14%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.diamond-bankbook-table .count {
  width: 33%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}

/*popup-好友*/
.popup-friend .body-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.popup-friend .category-tabs {
  width: 50%;
  position: unset;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  margin: 4rem auto 3.2rem auto;
}
.popup-friend .searchBar {
  width: 60%;
  min-width: 240px;
  height: 9.6rem;
  margin: 0 auto;
  position: relative;
}
.popup-friend .searchBar .inputBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 4.8rem;
}
.popup-friend .searchBar .inputBox input {
  width: calc(100% - 64px);
  text-align: left;
  padding: 0 0 0 1.6rem;
}
.popup-friend .searchBar .btn-search {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-friend .searchBar .btn-search .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-friend .searchBar .btn-search {
  margin: 0 0.8rem;
}
.popup-friend .searchBar .btn-search .icon-search {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-friend .searchBar .btn-search .icon-search:before {
  font-size: 2.4rem;
  color: #452201;
}
.popup-friend .searchBar .btn-search:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-friend .searchBar .btn-clear {
  width: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-friend .searchBar .btn-clear .icon-close {
  width: 4.8rem;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-friend .searchBar .btn-clear .icon-close:before {
  font-size: 2.4rem;
  color: #7f3f02;
  display: block;
}
.popup-friend .searchBar .btn-clear:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.friend-list {
  padding: 1.6rem 3.2rem 96px 3.2rem;
  position: absolute;
  top: 9.6rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.friend-list li {
  width: 100%;
  height: 9.6rem;
  border-radius: 3.2rem;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  background-color: #fff8e4;
  border: 0.8rem solid #f4b63f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
}
.friend-list li .btn-delete {
  width: 12rem;
  height: 5.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}
.friend-list li .btn-delete:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.friend-list li:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.friend-list .userBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.friend-list .userBox .userImg {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  border: 0.4rem solid #f4b63f;
}
.friend-list .userBox .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.friend-list .userBox .userImg .member-crown,
.friend-list .userBox .userImg .member-king,
.friend-list .userBox .userImg .member-boss {
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.friend-list .userBox .userImg .member-identity {
  width: 6.4rem;
  height: 3.2rem;
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.friend-list .userBox .userImg.love-vip {
  -webkit-animation: border-shine 5s infinite linear;
          animation: border-shine 5s infinite linear;
}
.friend-list .userBox .userImg.love-vip:after {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url(/static/media/lovecard-heart-a.4ef162af.png);
  background-size: 100% 100%;
  position: absolute;
  left: -1.4rem;
  bottom: -0.8rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
}
.friend-list .userBox .userName {
  margin-left: 1.6rem;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}

.search-done .status {
  width: 14.4rem;
  height: 5.6rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-shadow: 2px 2px 0 #fff8e4;
  opacity: 0.48;
}
.search-done .addfriend .status {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.search-done .addfriend .status .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.search-done .addfriend .status {
  opacity: 1;
}
.search-done .empty {
  width: 100%;
  height: 100%;
  padding: 3.2rem 0;
}
.search-done .empty .imgBox {
  width: 24rem;
  height: 24rem;
  margin: 0 auto;
  background-image: url(/static/media/empty.164a4140.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search-done .empty p {
  text-align: center;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.4rem;
  margin: 3.2rem 0;
}

/* 排行榜元件 */
.leaderboard-area {
  width: 100%;
}
.leaderboard-area .area-title-box {
  margin-bottom: 0;
}
.leaderboard-area .area-title {
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}
.leaderboard-area p {
  font-size: 2.4rem;
  color: #452201;
  text-align: right;
  margin: 1.6rem 0;
}
.leaderboard-area ul {
  width: 100%;
}
.leaderboard-area ul .areaL {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.leaderboard-area ul .areaR {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.leaderboard-area li {
  width: 100%;
  height: 9.6rem;
  margin-bottom: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background-color: #fff8e4;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  border: 0.8rem solid #f4b63f;
  border-radius: 3.2rem;
  font-size: 2.4rem;
}
.leaderboard-area li.top1,
.leaderboard-area li.top2,
.leaderboard-area li.top3 {
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  background-image: top;
  background-size: cover;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  border: 0.8rem solid #fafafa;
  border-radius: 3.2rem;
}
.leaderboard-area li.top1 .leaderImg,
.leaderboard-area li.top2 .leaderImg,
.leaderboard-area li.top3 .leaderImg {
  margin-top: -3.2rem;
}
.leaderboard-area li.top1 .leaderImg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAMAAABNO5HnAAAC/VBMVEUAAAB2gZN2gZN2gZN2gZN2gZN2gZN2gZN2gZN3gZS/Upl2gZNNLJx8doZxdpSnN0WjQk6GYW+bkIGFh4vtsFdPL5xaRZr//vNVPZvTpWReTZlmXZaTMzr///5QMZxSNZzaSl2slndpZ5aLUt////92gZPnXHH///+LUt/orln///////+LUt+LUt/JomnbSl3////jVmubTVrgU2fgq12NP0jnXXKVVmTnXXLiVWqCTNf//eelO0nlrFuRNz+LUt+LR1LCn2yIUVzeT2L////nXXL+/NrHTHz86tDaSl1TOZvaqWD///+LUt/aSl2LUt+LUt+LUt/gU2b///+LUt/aSl26nHD//ejaSl3784CLUt/784DaSl3784D784D21l7uo1n784DDQE7wsVVfMsX/+OT////slFRMKZ2KLz+rNkFDJZ+LUt+YShrnXXKULjTaSl1YL7P55W/yu1fzwln67Xk2Hn8+I5HvqFj87sJaL7x5KDWeUB32013xt2PxtldQK6jtnFX//ff1zlz432n322P0yVuYNWKxtGftmFX+9tj32mmaN0tJKKT32nJdMcHzxlvwrVfupFfUSluPMkCgMz/673z54Yb/++x5RdROKqFBJJf56HPLRFTAP0z766+8PUv16YH65ZdpPMX56nfWfU+xOUZTLLI5IIb44XRULazmsG3gVGiWN0KYLzf76qL99PBcOJTdnmK9Y0356ub88s387rhkPrKdbIDVc371y2TwqmLnqVmUM1i2O0nkyY/ywGn++eHw0NNyQM2skKTFi2vRbVvHS1bki1JtJ0+ETNvrvcT406789Y1ySorzvIb43nyreXHNXWn++871x5mHW37tx3TxsXD1zm/jpWrPlWraUmXJcE2xVkilSUZ4UbuKZ7Lcj5jUw5HYiGGolF7KVlTDdzn9+LKZdafo3Ijo43qIMlScQkOtYCj76NblrLLhoKeAV6a+p5u7hmyUUUqCKzi5leaSXN3119v98sNaOnmYbV/v5vXtpa7JtpBl+f+GAAAAX3RSTlMAemgIO09zIBRcEC77hIL92ZuRgvfvvRDMyrCd8fDm3sCekIZaRemc8O/hwEAgvZyAXb8g3s/HrqOAbiDs5uLAv7SucEBANP348NbW0NDQoFsw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);
  background-size: 100% 100%;
  background-position: center;
}
.leaderboard-area li.top2 .leaderImg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAMAAABNO5HnAAADAFBMVEUAAAB2gZN2gZN2gZN2gZN2gZN2gZN2gZOBho52gZP///////+AjJ52gZP///92gZP///92gZPtsFejQE17eIh2gZP///92gZOslnf///92gZOFkKOOVmN2gZP////////784Dorlngq13JomlaRZqekX/784D///+aTVtwdZSqOURRM5yEj6LYqWKNQEn////784D784D////VpmP///+Aa3qTLzjlrFv784D///5UO5v784DCn2x9iJpmYJf////////784D784DPpGb879STMzqRNz+KSlR/iZ26nHD784CSjIWCX2xPL5yCjaCMYnF5hZf89Y+fRlP784D784D784D784BfUJl7hpj++9L+/Nz21l7uo1n/+OT784DwsVXDQE7////slFThci6KLz+rNkFfMsVMKZ2GkaSULjRDJZ/55W82Hn/xulfzxFn67Hjvp1h5KDXxt2P10V31zlz673v//ff201332Wf22GD322P866/tnFX76KL56XSYNWLuoFaxtGftmFW+PkxRK6f0ylv+9tj44Wv43mjws1aaN0vwrVjzwVv98sz54Ibkfjj0yFvxtVr/++z323L87MD98cPxtlaTM0FCI5Dyv1jpk024PEmxOUb87bj4337yvFv+9tw5IIb44XShMjtbML/545HmsG3vrFX46XzVe0+gNUWYLzf65Zv32m7vqmRWLreQlJ3yuVqUM1iNMUHmgz30ymTwqVz++eHRbVvehVFtJ0/Ea0zyvVf30av0xZTzvIL43Hflq1yfREPojEL103Ltx3TjpWrzwWi7YU2nN0b+9NTrr1rjeTP99Ov869pRK69IJ6a9onvfm2XYiGHKVlSyV0eWPELwuHP++9D9+LL65Zn89ZCjmo7o43rLpnHwr27YqmjFjmWnkl2IMlT1yob1y2z9+sb527779IixnoSUZ3aldmbHS1GUUUqrTkiCKzj88Jv42Zyal5VhOpVuSIxILH3Oc09ZN5b55JB4SIdlQ3R8VW/Kf2OqnGCkQ0zgcS4bI8ZiAAAAW3RSTlMAegg9cyBca4JNwBC9LvAX4WT33oJUQA+fgDb0qkUgoPDv3r28kxBgvoP14t7ZzZCAZTDNsI/55uDTz8C0nZhwUEAgxfTx4ruurJiLm+/L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);
  background-size: 100% 100%;
  background-position: center;
}
.leaderboard-area li.top2 .userName,
.leaderboard-area li.top2 .userMoney {
  text-shadow: none;
}
.leaderboard-area li.top3 .leaderImg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoCAMAAABNO5HnAAAC/VBMVEUAAAB2gZN2gZN2gZN2gZN2gZN2gZP784B2gZN2gZN2gZP784B7eIh2gZN2gZOjQU3///+Fh4vtsFdbR5p2gZP89IWIYG5OLJ2bkIH784D///////////9RM5z////784BVPJv784DJoml2gZN2gZN2gZOAa3pxdpSUMDeSNDvgq12NQUqaT1xmYJf///+qOEPorlmlO0nlrFv784CeR1TSpWWKSlS+nm6UV2WHVGD784D////////////784D784D784CQOkLaqWD////784CxmHX///+olXn784D784D//vP784D///////z////+/OFsbZX21l7uo1n/+OTDQE7784DwsVX////slFSKLz/hci6rNkFfMsVMKZ2ULjRDJZ82Hn/zxFl5KDXyu1fvp1j67Hj55W/xt2P434DuoFeYNWJRK6ixtGf10l3zwVztm1X+9dbxtVj//ffvq2T0xl3673yaN0v0yVv1zlvyv1jyuVjql0743HHwrVf21F3wr1XAP0z56XT322L22GC8PUv867D43nntmFXlgTr305axOUY5IIb32Wjxs1btnVXoikOSMkH54Ib1zl3nhj/78X744WrvqVn+++v+9tzmsG2gMjv46Xz87blBI47sl1XslVTpkEn98ctZL7yUM1jUe0+2O0mmN0aNMUHjeTT98MNVLbT33Wfsm1H545HzvYHRbVvEa0y5X0ygRERdMcH65Zvvpln406776afcmWVrJ0+fNUWnNT6ZMT3idTD44270wmn32Gb88s376KH1x5ntx3TjpWr21XHxsXD99Ov75tL747tIJ6f1y4v55HX1zW7UhGDKVlSWPEL54atEJZVuR4Xo43rnjlPhiFHagVCvU0j87MD42qH89JDwunH1zGWnk17++9P9+sZfOZWUZ3bBi2bmqVnHS1GJMlCUUUpOLZrxsl7wrV787uDzwI1ILH2peG/Oc0+pT0byvGXxvlLurE3qmUP89Z753pl8VW+qnGCFMl+dclPYfVJ3K06li1ubfqj0AAAAUXRSTlMAeghzPVwr8B9rTRCCZBbcwIL3uVQvnPSRgEAQ8OLg0M3AvUU2D4+C9+zezLuYIPfv7Obgysi7sKyqoJCAcGBQINzWsLCkoJuQcFJAMNZg54ux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);
  background-size: 100% 100%;
  background-position: center;
}
.leaderboard-area li.self {
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  background-image: top;
  background-size: cover;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(51, 89, 242, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.4rem 0 0 rgba(255, 253, 247, 0.32);
  border: 0.8rem solid #fafafa;
  border-radius: 3.2rem;
}
.leaderboard-area li.self .userMoney,
.leaderboard-area li.self .userName {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.leaderboard-area li:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.leaderboard-area .leaderImg {
  width: 9.6rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #f4b63f;
  text-shadow:
    4px 4px 4px rgba(69, 34, 1, 0.72),
    2px 2px 2px rgba(69, 34, 1, 0.72),
    -2px -2px 0 #fafafa;
}
.leaderboard-area .userImg {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  border: 0.4rem solid #f4b63f;
  margin: 0 0.8rem 0 -0.8rem;
  flex-shrink: 0;
}
.leaderboard-area .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.leaderboard-area .userImg .member-crown,
.leaderboard-area .userImg .member-king,
.leaderboard-area .userImg .member-boss {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
}
.leaderboard-area .userName {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.leaderboard-area .icon-money {
  width: 4rem;
  height: 4rem;
  margin: 0 0.4rem 0.6rem 0.4rem;
  flex-shrink: 0;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.leaderboard-area .icon-money img {
  width: 100%;
  height: 100%;
}
.leaderboard-area .userMoney {
  font-size: 3.2rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  padding-right: 1.6rem;
}
.leaderboard-area .no-person {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 3.2rem;
  opacity: 0.32;
  font-weight: 800;
  font-stretch: 90%;
}
.leaderboard-area .no-person:active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*popup 富豪榜 START*/
.popup-leaderboard {
  height: 80%;
}
.popup-leaderboard .popup-topbg {
  width: 100%;
  height: 24rem;
  background-image: url(/static/media/headbg-leaderboard.66102ae6.png);
  background-size: 100% 100%;
  background-position: top;
  position: absolute;
  bottom: 100%;
}
.popup-leaderboard .leaderboardContent {
  position: relative;
  padding: 0 0 6.4rem 0;
}
.popup-leaderboard .leaderboardContent .body-content {
  width: 100%;
  height: 100%;
  padding: 4.8rem 3.2rem 96px 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-leaderboard .leaderboardContent .leaderboard-area > p {
  justify-content: center;
  margin-bottom: 1.6rem;
  font-size: 2.4rem;
  color: #452201;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-leaderboard .current-period-content .body-content {
  padding: 0 0 7.2rem 0;
}
.popup-leaderboard .current-period-content .battleboard-area {
  position: unset;
  padding: 4.8rem 3.2rem;
}
.popup-leaderboard .current-period-content .battleboard-area li {
  margin-bottom: 2.4rem;
  position: relative;
}
.popup-leaderboard
  .current-period-content
  .battleboard-area
  li.self
  .icon-arrow_b_right {
  position: absolute;
  right: 0.8rem;
  display: none;
}
.popup-leaderboard
  .current-period-content
  .battleboard-area
  li.self
  .icon-arrow_b_right:before {
  font-size: 4.8rem;
}
.popup-leaderboard .game-king-content .body-content {
  padding: 4.8rem 2.4rem 6.4rem 3.2rem;
}
.popup-leaderboard .currentBox {
  height: 12rem;
  padding: 0px 3.2rem 0 3.2rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  position: fixed;
  bottom: 0;
  left: -1.6rem;
  right: -1.6rem;
  z-index: 10;
}
.popup-leaderboard .currentBox .areaL {
  height: 9.6rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-leaderboard .currentBox .areaR {
  height: 9.6rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.popup-leaderboard .currentBox .leaderImg {
  width: 9.6rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #f4b63f;
  text-shadow:
    4px 4px 4px rgba(69, 34, 1, 0.72),
    2px 2px 2px rgba(69, 34, 1, 0.72),
    -2px -2px 0 #fafafa;
}
.popup-leaderboard .currentBox .userImg {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  border: 0.4rem solid #f4b63f;
  margin: 0 0.8rem;
  flex-shrink: 0;
}
.popup-leaderboard .currentBox .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.popup-leaderboard .currentBox .userName {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-leaderboard .currentBox .icon-money {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 0.4rem 0.6rem 0.4rem;
  flex-shrink: 0;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-leaderboard .currentBox .icon-money img {
  width: 100%;
  height: 100%;
}
.popup-leaderboard .currentBox .userMoney {
  font-size: 3.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-shadow: 2px 2px 0 #fff8e4;
  padding-right: 2.4rem;
}

/*popup-s 會員名片-詳細資訊 START*/
.popup-mamber-card .body-content {
  width: 100%;
  height: auto;
  padding: 0;
}
.popup-mamber-card .lockdownFriend-box {
  width: 100%;
  height: 9.6rem;
  padding: 1.6rem 2.4rem;
  background-color: rgba(251, 87, 35, 0.8);
  border-radius: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.popup-mamber-card .lockdownFriend-box p {
  margin-bottom: 0;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 2.8rem;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-mamber-card .lockdownFriend-box .btn-unlock {
  padding: 0 2.4rem;
  height: 6.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}

/*popup-level VIP 等級  START*/
.popup-level {
  height: 90%;
}
.popup-level .viplevelContent {
  padding: 4.8rem 3.2rem 3.2rem 3.2rem;
  overflow: auto;
}
.popup-level p {
  padding: 0 1.6rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  line-height: 3.6rem;
}
.popup-level p span {
  margin: 0 0.4rem;
  color: #f4b63f;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-level .levelBox {
  height: 16rem;
  width: 100%;
  border-radius: 200px;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.48);
  margin: 0 auto 4.8rem auto;
}
.popup-level .levelBox .vipImg {
  width: 14.4rem;
  height: 14.4rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-level .levelBox .levelTextBox {
  width: calc(100% - 34.4rem);
}
.popup-level .levelBox .levelTextBox > .text {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  margin: 1.6rem 0;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-level .levelBox .levelTextBox li {
  height: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(205, 194, 162, 0.48);
}
.popup-level .levelBox .levelTextBox li > div {
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: left;
}
.popup-level .levelBox .levelTextBox li:last-child {
  border: none;
}
.popup-level .levelBox .levelTextBox li .count {
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: right;
}
.popup-level .levelBox .levelTextBox li .count span {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-level .levelBox .levelTextBox .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 0.8rem 0;
}
.popup-level .levelBox .levelTextBox .btns > div {
  flex: 1 1;
  height: 7.2rem;
  font-size: 2.4rem;
  margin: 0 1.6rem;
}
.popup-level .levelBox .levelTextBox .btns .text {
  color: #fff8e4;
  margin-top: 0;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-level .levelBox .levelTextBox .btns .btn-kyc {
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-level .levelBox .levelTextBox .btns .btn-kyc .text {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-level .levelBox .levelTextBox .btns .btn-kyc:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-level .levelBox .tips-box {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.popup-level .area-title-box {
  margin: 3.2rem 0;
}

.levelBox.best-level {
  width: 80%;
  background-image: unset;
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 3.2rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 0 3.2rem;
  margin-top: 4.8rem;
}
.levelBox.best-level .vipImg {
  width: 21.6rem;
  height: 21.6rem;
  margin-left: -6.4rem;
}
.levelBox.best-level .levelTextBox {
  width: calc(100% - 15.2rem);
}

.levelTable {
  width: 100%;
  font-size: 1.9rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
.levelTable .table-header {
  background-color: #452201;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  box-shadow:
    2px 4px 8px 0 rgba(69, 34, 1, 0.32),
    inset 0 -3px 0 0 #7f3f02;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 10;
}
.levelTable .table-header > div {
  width: 12.8rem;
  padding: 8px;
}
.levelTable .table-body {
  width: calc(100% - 12.8rem);
  margin-bottom: 16rem;
}
.levelTable .table-body ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.levelTable .table-body li {
  flex: 1 1;
  border-right: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.levelTable .table-body li.active {
  background-color: rgba(251, 195, 35, 0.24);
}
.levelTable .table-body li .item {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
}
.levelTable .order {
  width: 100%;
  height: 14.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top: 0.2rem solid rgba(205, 194, 162, 0.48);
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.levelTable .order span {
  margin-top: 0.8rem;
  font-size: 1.9rem;
  font-weight: 800;
  font-stretch: 90%;
}
.levelTable .order .orderImg {
  width: 7.2rem;
  height: 7.2rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.levelTable .order .orderImg img {
  width: 100%;
  height: 100%;
}
.levelTable .item {
  height: 8rem;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/*popup-level VIP 等級說明  START*/
.p-body.viplevel-info-Content {
  padding: 3.2rem 0 16rem 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.p-body.viplevel-info-Content .body-content {
  padding: 0 3.2rem;
}
.p-body.viplevel-info-Content ul {
  padding-left: 3.2rem;
  margin-bottom: 8rem;
}
.p-body.viplevel-info-Content li {
  list-style: decimal;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  margin-bottom: 2.4rem;
  line-height: 4rem;
}

.animateBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
}
.animateBox .light-animate {
  width: 100vw;
  height: 100vw;
  -webkit-animation: honbao-rotateIn 1.5s linear infinite;
          animation: honbao-rotateIn 1.5s linear infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.animateBox-top {
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
}
.animateBox-top .light-animate {
  width: 100vw;
  height: 100vw;
  -webkit-animation: honbao-rotateIn 1.5s infinite;
          animation: honbao-rotateIn 1.5s infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.popup-honbao {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  -webkit-animation: honbao-bounceIn 0.8s;
          animation: honbao-bounceIn 0.8s;
}
.popup-honbao .popup-topbg {
  width: 520px;
  height: 260px;
  background-image: url(/static/media/headbg-honbao.00f9b955.png);
  background-size: 100% 100%;
  background-position: top;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
}
.popup-honbao.honbao-diamond .popup-topbg {
  background-image: url(/static/media/headbg-honbao-d.238904ff.png);
}
.popup-honbao .p-body {
  width: 100%;
  height: auto;
}
.popup-honbao p {
  font-size: 2.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-honbao h1.count {
  font-size: 13rem;
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 10px;
}

.popup-s.popup-honbao {
  min-height: 240px;
  height: auto;
  max-height: 65rem;
}
.popup-s.popup-honbao .p-body {
  padding-top: 32px;
}

.popup-s.no-honbao {
  height: 320px;
}
.popup-s.no-honbao .p-body {
  padding-top: 0;
}
.popup-s.no-honbao .empty {
  width: 120px;
  height: 120px;
  margin: 16px auto 8px auto;
  min-width: 120px;
  padding: 0;
}
.popup-s.no-honbao .empty img {
  width: 100%;
  height: 100%;
}

.popup-honbao-list .p-body {
  padding: 0 0 12.8rem 0;
  position: absolute;
  top: 3.2rem;
  z-index: 0;
  background-color: #fafafa;
  border-radius: 3.2rem;
}
.popup-honbao-list .honbaoTextBox {
  height: 32.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-honbao-list .empty {
  width: 17.6rem;
  min-width: 17.6rem;
  height: 17.6rem;
  margin: 0 auto 3.2rem auto;
  padding: 0;
}
.popup-honbao-list .empty img {
  width: 100%;
  height: 100%;
}
.popup-honbao-list h4 {
  font-size: 2.8rem;
  color: #f4b63f;
  text-align: center;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-honbao-list .honbao-info {
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
  font-weight: 500;
  font-stretch: 100%;
}

.awarded-list {
  width: 100%;
  position: absolute;
  top: 32rem;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 6.4rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.awarded-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.awarded-list h4 {
  font-size: 2.4rem;
  color: rgba(6, 4, 3, 0.48);
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
}
.awarded-list .table-header {
  height: 4.8rem;
  background-color: #452201;
  color: #fff8e4;
  box-shadow:
    2px 4px 8px 0 rgba(69, 34, 1, 0.32),
    inset 0 -3px 0 0 #7f3f02;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.awarded-list .table-header > div {
  height: 4.8rem;
  width: 50%;
  text-align: center;
  border-right: 0.2rem solid rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
}
.awarded-list .table-header > div:last-child {
  border: none;
}
.awarded-list .nickName {
  width: 50%;
  min-height: 8rem;
  border-right: 0.2rem solid rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  white-space: break-spaces;
  word-break: break-word;
  padding: 1.6rem;
  font-size: 2.8rem;
}
.awarded-list .count {
  width: 50%;
  min-height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  white-space: break-spaces;
  word-break: break-word;
  padding: 1.6rem;
  font-size: 2.8rem;
}

.popup-honbao-list.get-honbao {
  height: calc(90% - 24rem);
}
.popup-honbao-list.get-honbao .popup-topbg {
  width: 100%;
  height: 38.4rem;
  background-image: url(/static/media/headbg-honbao.00f9b955.png);
  background-size: 100% 100%;
  background-position: top;
  position: absolute;
  bottom: 100%;
}
.popup-honbao-list.get-honbao.honbao-diamond .popup-topbg {
  background-image: url(/static/media/headbg-honbao-d.238904ff.png);
}
.popup-honbao-list.get-honbao h1.count {
  font-size: 13rem;
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  margin: 0 0 3.2rem 0;
}

/*道具式紅包 START*/
.popup-honbao-tool .tool-card {
  width: 100px;
  height: 100px;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 4.8rem auto 1.6rem auto;
}
.popup-honbao-tool .tool-card p {
  font-size: 2.4rem;
  text-align: center;
  padding: 0 0.8rem;
  margin: 0;
  font-weight: 800;
  font-stretch: 90%;
  white-space: nowrap;
  overflow: hidden;
}
.popup-honbao-tool .gameIcon {
  width: 100%;
  height: 100%;
  padding: 8px;
  position: relative;
}
.popup-honbao-tool .gameIcon img {
  width: 100%;
  height: 100%;
}
.popup-honbao-tool .gameIcon .toolx2 {
  width: 48px;
  height: 39px;
  position: absolute;
  top: -12px;
  left: 0;
}
.popup-honbao-tool .gameIcon .toolx2 img {
  width: 100%;
  height: 100%;
}
.popup-honbao-tool .gameIcon .pointIcon {
  position: absolute;
  top: 0;
  right: 0;
}
.popup-honbao-tool .toolIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-honbao-tool .toolIcon p {
  position: unset;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
  -webkit-transform: none;
          transform: none;
}
.popup-honbao-tool .toolIcon img {
  width: 70px;
  height: 56px;
  margin-bottom: 3px;
}
.popup-honbao-tool .empty .tool-card {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.48;
  margin-top: 8px;
}

.popup-s.popup-honbao-tool .p-body {
  padding-top: 16px;
}

.popup-honbao-list.popup-honbao-tool.get-honbao .honbaoTextBox {
  height: 220px;
}
.popup-honbao-list.popup-honbao-tool.get-honbao .awarded-list {
  top: 220px;
}
.popup-honbao-list.popup-honbao-tool.get-honbao .tool-card {
  margin: 24px auto 8px auto;
}
.popup-honbao-list.popup-honbao-tool .tool-card {
  margin: 16px auto 8px auto;
}
.popup-honbao-list.popup-honbao-tool .honbaoTextBox {
  height: 200px;
}
.popup-honbao-list.popup-honbao-tool .honbaoTextBox h4 {
  line-height: 24px;
  margin: 0;
}
.popup-honbao-list.popup-honbao-tool .honbaoTextBox .honbao-info {
  margin: 8px 0;
}
.popup-honbao-list.popup-honbao-tool .awarded-list {
  top: 200px;
}
.popup-honbao-list.popup-honbao-tool .empty {
  width: 100px;
  height: 120px;
}

.no-honbao-tool .empty {
  padding: 0 0 16px 0;
}

.popup-honbao.popup-treasure-chest .popup-topbg {
  width: 100%;
  height: 170px;
  background-image: url(/static/media/popuphead_chest.bf16ff7e.png);
  background-size: 100% 100%;
  background-position: top;
  position: absolute;
  bottom: 100%;
  overflow: hidden;
}

@-webkit-keyframes honbao-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%) scale(0.3);
    transform: translate(-50%, -40%) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -40%) scale(1.05);
    transform: translate(-50%, -40%) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, -40%) scale(0.9);
    transform: translate(-50%, -40%) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -40%) scale(1);
    transform: translate(-50%, -40%) scale(1);
  }
}

@keyframes honbao-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%) scale(0.3);
    transform: translate(-50%, -40%) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -40%) scale(1.05);
    transform: translate(-50%, -40%) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, -40%) scale(0.9);
    transform: translate(-50%, -40%) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -40%) scale(1);
    transform: translate(-50%, -40%) scale(1);
  }
}
@-webkit-keyframes honbao-bounceIn-center {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes honbao-bounceIn-center {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes honbao-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes honbao-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
/*popup-s 紅包申請 START*/
.popup-honbao-apply .p-body {
  height: 450px;
}
.popup-honbao-apply .category-tabs {
  width: auto;
  max-width: 300px;
  position: absolute;
  top: 32px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.popup-honbao-apply .searchBar {
  width: 60%;
  min-width: 240px;
  height: 40px;
  margin: 0 auto 16px auto;
  position: relative;
}
.popup-honbao-apply .searchBar .inputBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .searchBar .inputBox input {
  width: calc(100% - 64px);
  text-align: left;
  padding: 0;
}
.popup-honbao-apply .searchBar .icon-search {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .searchBar .icon-search:before {
  font-size: 16px;
  color: #7f3f02;
}
.popup-honbao-apply .searchBar .btn-clear {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .searchBar .btn-clear .icon-close {
  width: 24px;
  height: 24px;
  background-color: rgba(205, 194, 162, 0.48);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .searchBar .btn-clear .icon-close:before {
  font-size: 12px;
  color: #7f3f02;
  display: block;
}
.popup-honbao-apply .searchBar .btn-clear:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-honbao-apply .honbao-apply-content {
  position: absolute;
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 24px 32px;
  text-align: left;
}
.popup-honbao-apply .formBox {
  width: 100%;
}
.popup-honbao-apply .select-guild-box {
  width: 100%;
  min-height: 72px;
  background-color: rgba(51, 89, 242, 0.08);
  border-radius: 12px;
  padding: 12px 16px;
}
.popup-honbao-apply .select-guild-box .guild-name {
  font-size: 14px;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  padding-top: 12px;
}
.popup-honbao-apply .tipsTxt {
  font-size: 12px;
  font-weight: 500;
  font-stretch: 100%;
  margin: 16px 0;
}
.popup-honbao-apply .btn-select-guild {
  width: 190px;
  height: 48px;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
}
.popup-honbao-apply .btn-select-guild:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-honbao-apply .btn-select-guild .text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 90%;
  line-height: 14px;
  word-wrap: break-word;
}
.popup-honbao-apply .btn-select-guild .text span:before {
  color: #452201;
  font-size: 16px;
}
.popup-honbao-apply .btn-confirm {
  margin: 0 auto;
}
.popup-honbao-apply .btn-confirm.disabled:active {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.popup-honbao-apply .select-guild-content .body-content {
  padding: 16px 0;
}
.popup-honbao-apply .select-guild-content .tipsTxt {
  padding: 0 16px;
  margin: 0;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .select-guild-table .table-header {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background-color: #452201;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 12px;
  box-shadow:
    2px 4px 8px 0 rgba(69, 34, 1, 0.32),
    inset 0 -3px 0 0 #7f3f02;
}
.popup-honbao-apply .select-guild-table .table-header > div {
  height: 100%;
  padding: 0 16px;
}
.popup-honbao-apply .select-guild-table .table-body {
  position: absolute;
  top: 156px;
  left: 0;
  right: 0;
  bottom: 72px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-honbao-apply .select-guild-table .table-body li {
  height: 48px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 0 16px;
  border-bottom: 1px solid rgba(205, 194, 162, 0.48);
}
.popup-honbao-apply .select-guild-table .table-body li.check-done {
  background-color: rgba(251, 195, 35, 0.24);
}
.popup-honbao-apply .select-guild-table .name {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-honbao-apply .select-guild-table .btn-check {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-right: 8px;
}
.popup-honbao-apply .checkbox-item {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.popup-honbao-apply .checkbox-item .checkmark {
  background-color: rgba(205, 194, 162, 0.48);
  border: none;
}

@media screen and (max-width: 375px) and (max-height: 667px) {
  .popup-honbao-apply .p-body {
    height: 400px;
  }
  .popup-honbao-apply .p-body.select-guild-content {
    height: 380px;
  }
}
/*橫版手機*/
@media screen and (orientation: landscape) and (min-width: 400px) and (max-height: 550px) {
  .popup-s.popup-honbao {
    width: 340px;
    min-height: 60px;
  }
  .popup-s.popup-honbao .popup-topbg {
    width: 320px;
    height: 160px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .popup-s.popup-honbao h1.count {
    font-size: 48px;
    margin-top: 8px;
  }
  .popup-s.popup-honbao .p-body {
    padding-top: 16px;
  }
  .popup-s.popup-honbao-tool {
    width: 340px;
    min-height: 200px;
  }
  .popup-s.popup-honbao-tool .popup-topbg {
    width: 240px;
    height: 120px;
  }
  .popup-s.popup-honbao-tool .body-content {
    padding: 0 16px;
  }
  .popup-s.popup-honbao-tool .body-content p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .popup-s.popup-honbao-tool .tool-card {
    margin: 8px auto 8px auto;
  }
  .popup-s.popup-honbao-tool .gameIcon .toolx2 {
    position: absolute;
    top: -8px;
    left: 0;
  }
  .popup-s.popup-honbao-tool.no-honbao-tool .empty {
    padding: 4px 0;
  }
  .popup-honbao-list.get-honbao .popup-topbg {
    width: 64rem;
    height: 32rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .popup-honbao-list .body-content {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .popup-honbao-list .awarded-list {
    position: unset;
  }
  .popup-s.popup-honbao-apply {
    max-height: none;
    height: calc(100% - 24rem);
    position: absolute;
    top: 45%;
  }
  .popup-s.popup-honbao-apply .p-body {
    max-height: calc(100% - 11.2rem);
  }
  .popup-s.popup-honbao-apply .select-guild-table .table-body {
    position: unset;
  }
}
@media screen and (min-width: 500px) and (min-width: 550px) {
  .animateBox-top {
    width: 100%;
    height: auto;
  }
}
.popup-box-effects {
  width: 96rem;
  height: 96rem;
  z-index: 101;
}

.effects-zindex .popup-box-effects {
  z-index: 99;
}

.mask:has(.popup-chat) {
  background-color: rgba(6, 4, 3, 0.48);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}

/*萬用*/
.effects-name-default {
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 96rem);
          transform: translate(-50%, 96rem);
}
.effects-name-default .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-default .honbao-effects-default {
  width: 100%;
  height: 100%;
  -webkit-animation: effects-default-move 5s ease-in-out;
          animation: effects-default-move 5s ease-in-out;
}

.default-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.default-content .honbao-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-animation:
    effects-default-honbao-move 2.5s ease-in-out,
    effects-default-rubberBand 0.5s 0.5s ease-in-out infinite;
          animation:
    effects-default-honbao-move 2.5s ease-in-out,
    effects-default-rubberBand 0.5s 0.5s ease-in-out infinite;
}
.default-content .honbao-box img {
  width: 100%;
}
.default-content .man-box {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.default-content .man-box img {
  width: 100%;
}
.default-content .light-box {
  width: 100%;
  position: absolute;
  top: 60%;
  -webkit-animation: effects-default-rotateIn 2s ease-in-out infinite;
          animation: effects-default-rotateIn 2s ease-in-out infinite;
}
.default-content .light-box img {
  width: 100%;
}
.default-content .money-box {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.default-content .money-box img {
  width: 100%;
}

@-webkit-keyframes effects-default-move {
  0% {
    -webkit-transform: translate(0, 96rem);
            transform: translate(0, 96rem);
  }
  25% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  50% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  75% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  100% {
    -webkit-transform: translate(0, 96rem);
            transform: translate(0, 96rem);
  }
}

@keyframes effects-default-move {
  0% {
    -webkit-transform: translate(0, 96rem);
            transform: translate(0, 96rem);
  }
  25% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  50% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  75% {
    -webkit-transform: translate(0, -96rem);
            transform: translate(0, -96rem);
  }
  100% {
    -webkit-transform: translate(0, 96rem);
            transform: translate(0, 96rem);
  }
}
@-webkit-keyframes effects-default-honbao-move {
  0% {
    bottom: -96rem;
  }
  25% {
    bottom: -96rem;
  }
  50% {
    bottom: -96rem;
  }
  75% {
    bottom: 0;
  }
  100% {
    bottom: 0;
  }
}
@keyframes effects-default-honbao-move {
  0% {
    bottom: -96rem;
  }
  25% {
    bottom: -96rem;
  }
  50% {
    bottom: -96rem;
  }
  75% {
    bottom: 0;
  }
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes effects-default-rubberBand {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  25% {
    -webkit-transform: scaleX(1.05);
            transform: scaleX(1.05);
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  75% {
    -webkit-transform: scaleX(1.1);
            transform: scaleX(1.1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes effects-default-rubberBand {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  25% {
    -webkit-transform: scaleX(1.05);
            transform: scaleX(1.05);
  }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  75% {
    -webkit-transform: scaleX(1.1);
            transform: scaleX(1.1);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes effects-default-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes effects-default-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*端午節*/
.effects-name-dragon-boat {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0, 96rem);
          transform: translate(0, 96rem);
  -webkit-animation: effects-dragon-boat-move 5s ease-in-out;
          animation: effects-dragon-boat-move 5s ease-in-out;
}
.effects-name-dragon-boat .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-dragon-boat .honbao-effects-dragon-boat {
  width: 100%;
  height: 100%;
}

.dragon-boat-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.dragon-boat-content .man-box {
  width: 72rem;
  height: 72rem;
  position: absolute;
  left: 50%;
  bottom: -72rem;
  -webkit-transform: translateX(-45%);
          transform: translateX(-45%);
  background-image: url(/static/media/dbf_03.750692f2.png);
  background-size: 100%;
  -webkit-animation:
    effects-dragon-man-move 5s ease-in-out,
    effects-dragon-man-fly 1s infinite ease-in-out;
          animation:
    effects-dragon-man-move 5s ease-in-out,
    effects-dragon-man-fly 1s infinite ease-in-out;
}
.dragon-boat-content .man-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.wave {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: url(data:image/png;base64,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);
  background-size: 1000px 100px;
}
.wave#wave1 {
  z-index: 10;
  opacity: 1;
  bottom: 0;
  -webkit-animation: animateWaves 4s linear infinite;
          animation: animateWaves 4s linear infinite;
}
.wave#wave2 {
  z-index: 10;
  opacity: 0.5;
  bottom: 10px;
  -webkit-animation: animate 4s linear infinite !important;
          animation: animate 4s linear infinite !important;
}
.wave#wave3 {
  z-index: 10;
  opacity: 0.2;
  bottom: 15px;
  -webkit-animation: animateWaves 3s linear infinite;
          animation: animateWaves 3s linear infinite;
}
.wave#wave4 {
  z-index: 9;
  opacity: 0.7;
  bottom: 20px;
  -webkit-animation: animate 3s linear infinite;
          animation: animate 3s linear infinite;
}

@-webkit-keyframes animateWaves {
  0% {
    background-position-x: 1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}

@keyframes animateWaves {
  0% {
    background-position-x: 1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}
@-webkit-keyframes animate {
  0% {
    background-position-x: -1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}
@keyframes animate {
  0% {
    background-position-x: -1000px;
  }
  100% {
    background-positon-x: 0px;
  }
}
@-webkit-keyframes effects-dragon-boat-move {
  0%,
  100% {
    -webkit-transform: translate(0, 72rem);
            transform: translate(0, 72rem);
  }
  25%,
  50%,
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes effects-dragon-boat-move {
  0%,
  100% {
    -webkit-transform: translate(0, 72rem);
            transform: translate(0, 72rem);
  }
  25%,
  50%,
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes effects-dragon-man-move {
  0%,
  25% {
    bottom: -72rem;
  }
  50%,
  70%,
  100% {
    bottom: -2rem;
  }
}
@keyframes effects-dragon-man-move {
  0%,
  25% {
    bottom: -72rem;
  }
  50%,
  70%,
  100% {
    bottom: -2rem;
  }
}
@-webkit-keyframes effects-dragon-man-fly {
  0% {
    -webkit-transform: translate(-60%, 2rem) rotate(-16deg);
            transform: translate(-60%, 2rem) rotate(-16deg);
  }
  50% {
    -webkit-transform: translate(-60%, 0px) rotate(0);
            transform: translate(-60%, 0px) rotate(0);
  }
  100% {
    -webkit-transform: translate(-60%, 2rem) rotate(-16deg);
            transform: translate(-60%, 2rem) rotate(-16deg);
  }
}
@keyframes effects-dragon-man-fly {
  0% {
    -webkit-transform: translate(-60%, 2rem) rotate(-16deg);
            transform: translate(-60%, 2rem) rotate(-16deg);
  }
  50% {
    -webkit-transform: translate(-60%, 0px) rotate(0);
            transform: translate(-60%, 0px) rotate(0);
  }
  100% {
    -webkit-transform: translate(-60%, 2rem) rotate(-16deg);
            transform: translate(-60%, 2rem) rotate(-16deg);
  }
}
/*暑假*/
.effects-name-summer {
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 96rem);
          transform: translate(-50%, 96rem);
}
.effects-name-summer .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-summer .honbao-effects-summer {
  width: 100%;
  height: 100%;
  -webkit-animation: effects-default-move 5s ease-in-out;
          animation: effects-default-move 5s ease-in-out;
}

.summer-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.summer-content .summer-bg-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-animation: effects-default-honbao-move 2.5s ease-in-out;
          animation: effects-default-honbao-move 2.5s ease-in-out;
}
.summer-content .summer-bg-box img {
  width: 100%;
}
.summer-content .man-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-animation: effects-default-honbao-move 2.5s ease-in-out;
          animation: effects-default-honbao-move 2.5s ease-in-out;
}
.summer-content .man-box img {
  width: 100%;
}
.summer-content .text-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-animation: effects-default-rubberBand 0.5s ease-in-out infinite;
          animation: effects-default-rubberBand 0.5s ease-in-out infinite;
}
.summer-content .text-box img {
  width: 100%;
}

/*中秋節*/
.effects-name-moon {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: effects-moon-fadeIn 3.8s ease-in-out;
          animation: effects-moon-fadeIn 3.8s ease-in-out;
  opacity: 0;
}
.effects-name-moon .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-moon .honbao-effects-moon {
  width: 100%;
  height: 100%;
}
.effects-name-moon .moon-content {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/autumn_01.2a0b8c25.png);
  background-size: 100% 100%;
  position: relative;
}
.effects-name-moon .moon-content .rabbit-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/autumn_02.3696dbd5.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.effects-name-moon .moon-content .man-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/autumn_03.c27ad17e.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-animation: effects-man-bounceIn 0.5s 0.5s ease-in forwards;
          animation: effects-man-bounceIn 0.5s 0.5s ease-in forwards;
}

@-webkit-keyframes effects-man-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes effects-man-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes effects-moon-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.95);
            transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes effects-moon-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.95);
            transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
/*萬聖節*/
.effects-name-halloween {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.effects-name-halloween .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-halloween .honbao-effects-halloween {
  width: 100%;
  height: 100%;
}
.effects-name-halloween .halloween-content {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-animation: effects-halloween-fadeIn 8s ease-in;
          animation: effects-halloween-fadeIn 8s ease-in;
  opacity: 0;
}
.effects-name-halloween .halloween-content .candy-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/halloween_01.9ea1ca22.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-animation: effects-man-bounceIn 0.5s ease-in forwards;
          animation: effects-man-bounceIn 0.5s ease-in forwards;
}
.effects-name-halloween .halloween-content .man-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/halloween_02.358ebeb1.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-animation: effects-man-bounceIn 0.5s 0.5s ease-in forwards;
          animation: effects-man-bounceIn 0.5s 0.5s ease-in forwards;
}
.effects-name-halloween .halloween-content .ghost-bg {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/halloween_03.c149bfa6.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-animation: effects-ghost-fadeIn 8s 0.8s linear forwards;
          animation: effects-ghost-fadeIn 8s 0.8s linear forwards;
  opacity: 0;
}

@-webkit-keyframes effects-ghost-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(10px, -5px);
            transform: translate(10px, -5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes effects-ghost-fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  50% {
    opacity: 0.6;
    -webkit-transform: translate(0px, 5px);
            transform: translate(0px, 5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(10px, -5px);
            transform: translate(10px, -5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes effects-halloween-fadeIn {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes effects-halloween-fadeIn {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*復活節*/
.effects-name-easter {
  width: 60vh;
  height: 60vh;
  position: fixed;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.effects-name-easter .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-easter .honbao-effects-easter {
  width: 100%;
  height: 100%;
}

.easter-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.easter-content .man-box {
  width: 60vh;
  height: 60vh;
  position: absolute;
  left: 50%;
  bottom: -70vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(/static/media/easter_02.2930a303.png);
  background-size: 100% 100%;
  -webkit-animation: effects-easter-move 5s 0.5s ease-in-out;
          animation: effects-easter-move 5s 0.5s ease-in-out;
}
.easter-content .egg-box {
  width: 20rem;
  position: absolute;
  top: -3.2rem;
  right: -2.4rem;
  -webkit-animation: egg-bounce 1s 1.5s ease-in-out infinite;
          animation: egg-bounce 1s 1.5s ease-in-out infinite;
}
.easter-content .egg-box img {
  width: 100%;
}
.easter-content .egg-box:after {
  content: "";
  display: block;
  width: 300px;
  height: 300px;
  background-image: url(/static/media/light.aca051bc.png);
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.64;
  -webkit-animation: egg-light-rotate 2s ease-in-out infinite;
          animation: egg-light-rotate 2s ease-in-out infinite;
}
.easter-content .meadow-box {
  width: 100vw;
  height: 360px;
  position: absolute;
  bottom: -360px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(/static/media/easter_01.8fc1e0e4.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: repeat no-repeat;
  -webkit-animation: effects-easter-meadow-move 5s ease-in-out;
          animation: effects-easter-meadow-move 5s ease-in-out;
  pointer-events: none;
}
.easter-content .meadow-box img {
  width: 100%;
}

@-webkit-keyframes effects-easter-move {
  0% {
    -webkit-transform: translate(-50%, 70vh);
            transform: translate(-50%, 70vh);
  }
  25% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  50% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  75% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  100% {
    -webkit-transform: translate(-50%, 70vh);
            transform: translate(-50%, 70vh);
  }
}

@keyframes effects-easter-move {
  0% {
    -webkit-transform: translate(-50%, 70vh);
            transform: translate(-50%, 70vh);
  }
  25% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  50% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  75% {
    -webkit-transform: translate(-50%, -65vh);
            transform: translate(-50%, -65vh);
  }
  100% {
    -webkit-transform: translate(-50%, 70vh);
            transform: translate(-50%, 70vh);
  }
}
@-webkit-keyframes effects-easter-meadow-move {
  0% {
    bottom: -400px;
  }
  20%,
  40%,
  60%,
  90% {
    bottom: 0;
  }
  100% {
    bottom: -400px;
  }
}
@keyframes effects-easter-meadow-move {
  0% {
    bottom: -400px;
  }
  20%,
  40%,
  60%,
  90% {
    bottom: 0;
  }
  100% {
    bottom: -400px;
  }
}
@-webkit-keyframes egg-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes egg-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes egg-light-rotate {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(-200deg);
    transform: translate(-50%, -50%) rotate(-200deg);
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
}
@keyframes egg-light-rotate {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(-200deg);
    transform: translate(-50%, -50%) rotate(-200deg);
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
}
/*聖誕*/
.effects-name-Xams {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.effects-name-Xams .p-content {
  width: 100%;
  height: 100%;
}
.effects-name-Xams .honbao-effects-Xams {
  width: 100%;
  height: 100%;
}
.effects-name-Xams .Xams-content {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-animation: effects-Xams-fadeInOut 6s ease-in-out;
          animation: effects-Xams-fadeInOut 6s ease-in-out;
  opacity: 0;
}
.effects-name-Xams .Xams-content .crystal-ball-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/xmas_01.a21c6567.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-animation: effects-Xams-fadeInUp 5s ease-in-out;
          animation: effects-Xams-fadeInUp 5s ease-in-out;
}
.effects-name-Xams .Xams-content .gift-box {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-animation: effects-Xams-rubberBand 0.5s 0.8s ease-out infinite;
          animation: effects-Xams-rubberBand 0.5s 0.8s ease-out infinite;
}
.effects-name-Xams .Xams-content .gift-box img {
  width: 100%;
  height: 100%;
}
.effects-name-Xams .Xams-content .man-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/xmas_03.d2ca01f3.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-animation: effects-man-bounceIn 0.5s 1s ease-in forwards;
          animation: effects-man-bounceIn 0.5s 1s ease-in forwards;
}

@-webkit-keyframes effects-Xams-fadeInOut {
  0% {
    opacity: 0;
  }
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes effects-Xams-fadeInOut {
  0% {
    opacity: 0;
  }
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes effects-Xams-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes effects-Xams-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes effects-Xams-rubberBand {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scaleX(1.05);
            transform: scaleX(1.05);
  }
  50% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scaleX(1.1);
            transform: scaleX(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes effects-Xams-rubberBand {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scaleX(1.05);
            transform: scaleX(1.05);
  }
  50% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scaleX(1.1);
            transform: scaleX(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
/*新年*/
.effects-name-new-year .new-year-content .firecracker-box,
.effects-name-new-year .new-year-content .role-box,
.effects-name-new-year .new-year-content .spring-couplets-box,
.effects-name-new-year .new-year-content .base-map-box {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 100% 100%;
}

.effects-name-new-year {
  width: 80vh;
  height: 80vh;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: new-year-move 3.8s ease-in-out;
          animation: new-year-move 3.8s ease-in-out;
  opacity: 0;
}
.effects-name-new-year .new-year-content {
  width: 80vh;
  height: 80vh;
  position: relative;
}
.effects-name-new-year .new-year-content .base-map-box {
  background-image: url(/static/media/new-year_01.4a4d957d.png);
}
.effects-name-new-year .new-year-content .spring-couplets-box {
  background-image: url(/static/media/new-year_02.923f4d87.png);
  left: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  -webkit-animation: new-year-spring-couplet-move 0.3s 0.5s ease-in forwards;
          animation: new-year-spring-couplet-move 0.3s 0.5s ease-in forwards;
}
.effects-name-new-year .new-year-content .role-box {
  background-image: url(/static/media/new-year_04.580b06a1.png);
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  -webkit-animation: new-year-bounceIn 0.5s 0.5s ease-in forwards;
          animation: new-year-bounceIn 0.5s 0.5s ease-in forwards;
}
.effects-name-new-year .new-year-content .firecracker-box {
  background-image: url(/static/media/new-year_03.02ee74be.png);
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-animation:
    1s new-year-popup,
    0.5s new-year-rotate 1s ease-in forwards infinite;
          animation:
    1s new-year-popup,
    0.5s new-year-rotate 1s ease-in forwards infinite;
}

@media screen and (orientation: landscape) {
  .effects-name-new-year {
    position: fixed;
    bottom: 0;
    right: -550px;
  }
  .new-year-content {
    position: absolute;
    top: 28%;
    right: 0;
  }
}
@-webkit-keyframes new-year-move {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.95);
            transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes new-year-move {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.95);
            transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes new-year-spring-couplet-move {
  0% {
    opacity: 0;
    bottom: -70px;
  }
  50% {
    opacity: 0.5;
    bottom: -60px;
  }
  70% {
    opacity: 0.7;
    bottom: -40px;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes new-year-spring-couplet-move {
  0% {
    opacity: 0;
    bottom: -70px;
  }
  50% {
    opacity: 0.5;
    bottom: -60px;
  }
  70% {
    opacity: 0.7;
    bottom: -40px;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@-webkit-keyframes new-year-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes new-year-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes new-year-popup {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes new-year-popup {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes new-year-rotate {
  0%,
  30% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  40%,
  80% {
    -webkit-transform: scale(1.05) rotate(3deg);
    transform: scale(1.05) rotate(3deg);
  }
  70%,
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes new-year-rotate {
  0%,
  30% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  40%,
  80% {
    -webkit-transform: scale(1.05) rotate(3deg);
    transform: scale(1.05) rotate(3deg);
  }
  70%,
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.jackpot-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/static/media/jackpot_01.8c687960.jpg);
  background-size: cover;
  background-position: center center;
}
.jackpot-screen .light-animate {
  width: 100vw;
  height: 100vw;
  -webkit-animation: jackpot-rotateIn 8s linear infinite;
          animation: jackpot-rotateIn 8s linear infinite;
}

/*累積獎池 START*/
.jackpot-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.jackpot-content .jackpot-img {
  width: 1200px;
  height: 622px;
  background-image: url(/static/media/jackpot_03.9a315aaf.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 5%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.jackpot-content .show-jackpot {
  width: 87.5%;
  height: 44%;
  background-image: url(/static/media/jackpot_04a.a5a5a493.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.jackpot-content .show-jackpot:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/jackpot_04b.272ed9b8.png);
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: flash 1.5s infinite;
          animation: flash 1.5s infinite;
}
.jackpot-content .show-jackpot .count {
  width: 100%;
  height: 100%;
  padding: 6rem 0 0 0;
  margin-bottom: 1.6rem;
  font-size: 23rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  text-align: center;
}
.jackpot-content .show-jackpot.jackpot-group-style {
  background-position: center;
  background-size: 100% 100%;
  background-image: url(/static/media/Jackpot_04c.d3936512.png);
}
.jackpot-content .show-jackpot.jackpot-group-style:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/Jackpot_04d.467cc4fc.png);
  background-position: center;
  background-size: 100% 100%;
}
.jackpot-content .show-jackpot-nonPR {
  min-width: 56rem;
  height: 18.6rem;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 4.8rem 4.8rem 0 0;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.jackpot-content .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 20rem;
  height: 20rem;
  position: absolute;
  left: -8rem;
  bottom: 1.2rem;
}
.jackpot-content .show-jackpot-nonPR .icon-jackpot-nonPR img {
  width: 100%;
  height: 100%;
}
.jackpot-content .show-jackpot-nonPR .count {
  width: 100%;
  padding: 0 2rem 0 12rem;
  font-weight: 500;
  font-stretch: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.jackpot-content .show-jackpot-nonPR .count span {
  width: 100%;
  font-size: 10rem;
  text-align: center;
  white-space: nowrap;
}
.jackpot-content .timer {
  width: 80rem;
  height: 18.6rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  border: 1.6rem solid #fafafa;
  border-radius: 4.8rem 4.8rem 0 0;
  padding: 0 0.8rem;
  font-size: 5.7rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-weight: 800;
  font-stretch: 90%;
}
.jackpot-content .timer span {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin: 0 1.6rem;
  font-size: 11.1rem;
}
.jackpot-content .moneyF {
  width: 100%;
  height: 50vh;
  position: absolute;
  left: 50%;
  bottom: -28rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-animation: moneyF-shake 4s ease-in-out infinite;
          animation: moneyF-shake 4s ease-in-out infinite;
}
.jackpot-content .moneyF img {
  width: 100%;
}
.jackpot-content .moneyC {
  width: 110%;
  height: 50vh;
  position: absolute;
  left: 50%;
  bottom: -16rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-animation: moneyC-shake 5s ease-in-out infinite;
          animation: moneyC-shake 5s ease-in-out infinite;
}
.jackpot-content .moneyC img {
  width: 100%;
}
.jackpot-content .moneyB {
  width: 110%;
  height: 50vh;
  position: absolute;
  left: 50%;
  bottom: -16rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  -webkit-animation: moneyB-shake 5s 0.5s ease-in-out infinite;
          animation: moneyB-shake 5s 0.5s ease-in-out infinite;
}
.jackpot-content .moneyB img {
  width: 100%;
}

@-webkit-keyframes moneyB-shake {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  25% {
    -webkit-transform: translate(-50%, 3rem);
            transform: translate(-50%, 3rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  75% {
    -webkit-transform: translate(-50%, 3rem);
            transform: translate(-50%, 3rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes moneyB-shake {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  25% {
    -webkit-transform: translate(-50%, 3rem);
            transform: translate(-50%, 3rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  75% {
    -webkit-transform: translate(-50%, 3rem);
            transform: translate(-50%, 3rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes moneyC-shake {
  0% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  25% {
    -webkit-transform: translate(-50%, -3rem);
            transform: translate(-50%, -3rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  75% {
    -webkit-transform: translate(-50%, -3rem);
            transform: translate(-50%, -3rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
}
@keyframes moneyC-shake {
  0% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  25% {
    -webkit-transform: translate(-50%, -3rem);
            transform: translate(-50%, -3rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  75% {
    -webkit-transform: translate(-50%, -3rem);
            transform: translate(-50%, -3rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
}
@-webkit-keyframes moneyF-shake {
  0% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  25% {
    -webkit-transform: translate(-50%, -1.5rem);
            transform: translate(-50%, -1.5rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  75% {
    -webkit-transform: translate(-50%, -1.5rem);
            transform: translate(-50%, -1.5rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
}
@keyframes moneyF-shake {
  0% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  25% {
    -webkit-transform: translate(-50%, -1.5rem);
            transform: translate(-50%, -1.5rem);
  }
  50% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
  75% {
    -webkit-transform: translate(-50%, -1.5rem);
            transform: translate(-50%, -1.5rem);
  }
  100% {
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
  }
}
/*中獎池 START*/
.jackpot-win .mask {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
.jackpot-win .popup-topbg-animate #moneyBox {
  position: absolute;
  top: 0;
  left: 0;
}
.jackpot-win .popup-topbg-animate #moneyBox img {
  width: 120%;
  height: 120%;
}
.jackpot-win .popup-s.popup-jackpot-win {
  width: 70%;
  height: 55%;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation: jackpot-win-bounceIn 0.8s;
          animation: jackpot-win-bounceIn 0.8s;
}
.jackpot-win .popup-s.popup-jackpot-win .popup-topbg {
  width: 72rem;
  height: 36rem;
  position: absolute;
  bottom: 98%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.jackpot-win .popup-s.popup-jackpot-win .p-body {
  width: 100%;
  height: 100%;
  padding-top: 3.2rem;
}
.jackpot-win .popup-s.popup-jackpot-win .p-body .body-content {
  padding-top: 8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.jackpot-win .popup-s.popup-jackpot-win p {
  font-size: 3.8rem;
  font-weight: 900;
  color: #f4b63f;
  margin-bottom: 0;
}
.jackpot-win .popup-s.popup-jackpot-win h1.count {
  font-size: 15rem;
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  margin: 1.6rem 0 3.2rem 0;
}

@-webkit-keyframes jackpot-win-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(0.3);
    transform: translate(-50%, 0) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1.05);
    transform: translate(-50%, 0) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
    transform: translate(-50%, 0) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}

@keyframes jackpot-win-bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0) scale(0.3);
    transform: translate(-50%, 0) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1.05);
    transform: translate(-50%, 0) scale(1.05);
  }
  70% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
    transform: translate(-50%, 0) scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
    transform: translate(-50%, 0) scale(1);
  }
}
@-webkit-keyframes jackpot-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes jackpot-rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.gamePage .main-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.game-block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/static/media/lobby-bg.fb28e68c.jpg);
  background-size: cover;
  background-position: center;
}
.game-block .iframe-area {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  flex-direction: row;
}

.iframe-area {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.iframe-box {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.iframe-box iframe {
  width: 100%;
  height: 100%;
}

.game-block.multiple-view {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.game-block.multiple-view .iframe-box {
  flex: 1 1;
  min-width: 33.3333%;
}
.game-block.multiple-view .iframe-box:last-child {
  margin-bottom: 0;
}

.react-draggable-div {
  width: 100vw;
  position: absolute;
  top: 0;
  z-index: 1;
}

/* 遊戲頁獎池 START */
.jackpot-area {
  width: 100%;
  height: 64px;
  background-image: url(/static/media/jackpot_bg.49836e5f.jpg);
  background-size: cover;
  background-position: bottom;
  position: relative;
}
.jackpot-area .jackpotImg {
  width: 100px;
  height: 56px;
  background-image: url(/static/media/jackpot.bdce7fb3.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 8px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.jackpot-area .jackpotMoney {
  width: calc(100% - 156px);
  position: absolute;
  top: 4px;
  right: 0;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  padding: 0 4px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  font-weight: 800;
  font-stretch: 90%;
}
.jackpot-area .jackpotMoney span {
  font-size: 27px;
}
.jackpot-area .jackpotMoney p {
  font-size: 12px;
  font-weight: 600;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #f4b63f;
  margin: 0 0 0 4px;
}
.jackpot-area .show-jackpot-nonPR {
  min-width: 132px;
  max-width: 180px;
  height: 25px;
  box-shadow:
    0 0 0 0.8rem #fafafa,
    0 2.4rem 2.4rem -1.6rem #fb5723,
    0 0.8rem 1.6rem 0 rgba(51, 89, 242, 0.32),
    inset 0 -0.4rem 0 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(
    90deg,
    #23a3fb 0%,
    #3359f2 15%,
    #fb5723 85%,
    #fbc323 100%
  );
  border-radius: 100px;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: absolute;
  right: -8px;
  bottom: 0;
  z-index: 1;
}
.jackpot-area .show-jackpot-nonPR .icon-jackpot-nonPR {
  width: 32px;
  height: 32px;
  margin: 2px 0 0 -8px;
}
.jackpot-area .show-jackpot-nonPR .icon-jackpot-nonPR img {
  width: 100%;
  height: 100%;
}
.jackpot-area .show-jackpot-nonPR .count {
  font-size: 12px;
  padding: 0 12px 0 0;
  font-weight: 500;
  font-stretch: 100%;
}
.jackpot-area .show-jackpot-nonPR .count span {
  font-size: 14px;
}
.jackpot-area .timer {
  min-width: 100px;
  max-width: 131px;
  height: 28px;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  border: 4px solid #fafafa;
  border-right: none;
  border-bottom: none;
  border-radius: 16px 0 0 0;
  padding: 0 4px;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 800;
  font-stretch: 90%;
}
.jackpot-area .timer span {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin: 0 2px;
}
.jackpot-area .jackpot-double {
  width: 50px;
  height: 40px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(30%, 10px);
          transform: translate(30%, 10px);
}
.jackpot-area .jackpot-double .btn-open-timer {
  -webkit-animation: rubberBand2 0.8s infinite;
          animation: rubberBand2 0.8s infinite;
}
.jackpot-area .jackpot-double .btn-open-timer img {
  width: 100%;
  height: 100%;
}
.jackpot-area .jackpot-double .double-timer {
  font-size: 12px;
  font-weight: 500;
  font-stretch: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.jackpot-area .jackpot-double .double-timer .tips-content {
  background-image: linear-gradient(107deg, #fff8e4, #fff8e4);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  box-shadow:
    0 4px 8px 0 rgba(251, 141, 35, 0.24),
    inset -4px -4px 4px 0 rgba(205, 194, 162, 0.24),
    inset 4px 4px 4px 0 #fafafa;
}
.jackpot-area .jackpot-double .double-timer .tips-content:before {
  color: #fff8e4;
}
.jackpot-area .jackpot-double .double-timer span {
  margin: 0 2px;
  color: #f4b63f;
}

.no-jackpot {
  width: 100%;
  height: 64px;
  background-image: url(/static/media/jackpot_bg.49836e5f.jpg);
  background-size: cover;
  background-position: bottom;
}
.no-jackpot:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(/static/media/jackpot_logo.076963fe.png);
  background-size: 100% 100%;
  background-position: center;
}

.btn-gameClose-R {
  width: 64px;
  height: 40px;
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 10;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  border-radius: 16px 0 0 16px;
  font-size: 12px;
  text-shadow: 2px 2px 0 #fff8e4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.btn-gameClose-L {
  width: 64px;
  height: 40px;
  position: fixed;
  top: 12px;
  left: 0;
  z-index: 20;
  padding-right: 8px;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  border-radius: 0 16px 16px 0;
  font-size: 12px;
  text-shadow: 2px 2px 0 #fff8e4;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.btn-gameClose-L span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 16px;
}

.btn-add-game {
  width: 72px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.btn-add-game .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.btn-add-game {
  position: absolute;
  top: 12px;
  left: 80px;
  z-index: 10;
}
.btn-add-game span:before {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin-left: 4px;
}

/*遊戲頁Popup-無框 START*/
.game-mask {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(69, 34, 1, 0.16);
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.game-popup-box .p-content {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 100;
  border-radius: 16px;
}
.game-popup-box .p-content .close-footer {
  position: fixed;
  top: 50%;
  right: 3.2rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.game-popup-box .p-content .btn-close {
  width: 9.6rem;
  height: 9.6rem;
  margin: 0.8rem 0;
  background-color: #452201;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100%;
}
.game-popup-box .p-content .btn-close .icon-close:before {
  font-size: 3.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.game-popup-box .p-content .btn-close:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.game-popup-box .btn-get-tool {
  min-width: 19.2rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.game-popup-box .btn-get-tool .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.game-popup-box .btn-get-tool {
  margin: 0 1.6rem 3.2rem 1.6rem;
}
.game-popup-box .btn-get-tool:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.game-popup-box .btn-get-tool .text {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.game-popup-box .btn-confirm {
  width: 20rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.game-popup-box .btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.game-popup-box .btn-confirm {
  margin: 0 1.6rem 3.2rem 1.6rem;
}

.game-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: popup-zoomIn 0.5s;
          animation: popup-zoomIn 0.5s;
}
.game-popup .adImg-box {
  width: 64rem;
  height: 64rem;
}
.game-popup .adImg-box img {
  width: 100%;
  height: 100%;
}
.game-popup button {
  margin: -5.6rem auto 0 auto;
  background-color: transparent;
  display: block;
}
.game-popup button .btn-golink,
.game-popup button .btn-goStore {
  width: 32rem;
  height: 11.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.game-popup button .btn-golink .text,
.game-popup button .btn-goStore .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.game-popup button .btn-golink,
.game-popup button .btn-goStore {
  margin: 0 auto;
  position: relative;
}
.game-popup button .btn-golink:active,
.game-popup button .btn-goStore:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.game-popup button .btn-golink .text,
.game-popup button .btn-goStore .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.game-popup .btn-golink,
.game-popup .btn-goStore {
  width: 32rem;
  height: 11.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.game-popup .btn-golink .text,
.game-popup .btn-goStore .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.game-popup .btn-golink,
.game-popup .btn-goStore {
  margin: -28px auto 0 auto;
  position: relative;
}
.game-popup .btn-golink:active,
.game-popup .btn-goStore:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.game-popup .btn-golink .text,
.game-popup .btn-goStore .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.game-popup .agreeBox {
  width: 70%;
  margin: 6.4rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.game-popup .agreeBox .checkmark {
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: -2.4rem;
  left: 0;
}
.game-popup .agreeBox .checkmark:after {
  content: "\e927";
  font-family: "icomoon" !important;
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  position: absolute;
  left: 0.8rem;
  top: 0.2rem;
  font-size: 2.8rem;
}
.game-popup .agreeBox > span {
  padding-left: 6.4rem;
  font-size: 2.8rem;
  letter-spacing: 0.2rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

/*多檯遊戲清單 START*/
.game-full-popup {
  width: 80rem;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.game-full-popup .currentBox {
  width: 100%;
  height: 18rem;
  padding: 2.4rem 3.2rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 4.8rem 4.8rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.multiple-game-block {
  padding: 6.4rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.multiple-game-block h4 {
  font-size: 19px;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  text-align: center;
}
.multiple-game-block .list {
  padding: 24px 0 142px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.multiple-game-block .list .gameCard {
  width: 22%;
  margin: 0 1.5% 8px 1.5%;
  border-radius: 9vw;
  box-shadow: 0 8px 16px 0 rgba(69, 34, 1, 0.48);
  position: relative;
}
.multiple-game-block .list .gameCard img {
  width: 100%;
  height: 100%;
}
.multiple-game-block .list .gameCard .icon-check {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #04bb5d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 1;
}
.multiple-game-block .list .gameCard .icon-check:before {
  font-size: 16px;
  color: #fafafa;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.multiple-game-block .list .gameCard.pick img {
  opacity: 0.4;
}

.pick-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pick-box p {
  width: 72px;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin: 0;
  text-align: center;
}
.pick-box .gameCard {
  width: 72px;
  height: 72px;
  border-radius: 9vw;
  box-shadow: 0 8px 16px 0 rgba(69, 34, 1, 0.48);
  margin: 0 8px;
  position: relative;
  flex-shrink: 0;
}
.pick-box .gameCard img {
  width: 100%;
  height: 100%;
}
.pick-box .btn-delete {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100%;
  position: absolute;
  top: -4px;
  right: -4px;
}
.pick-box .btn-delete span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 16px;
}
.pick-box .game-empty {
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 24px;
  background-image: none;
  position: relative;
  opacity: 0.48;
}
.pick-box .game-empty .gameIcon {
  padding: 12px;
}
.pick-box .game-empty span {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 800;
  font-stretch: 90%;
}

/*遊戲頁 確認兌換 START*/
.popup-s.popup-confirm-exchange {
  min-height: 18rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: honbao-bounceIn-center 0.8s;
          animation: honbao-bounceIn-center 0.8s;
}
.popup-s.popup-confirm-exchange .p-header {
  height: auto;
  min-height: 12.8rem;
}
.popup-s.popup-confirm-exchange .p-body {
  width: 100%;
  height: 100%;
  padding-top: 3.2rem;
}
.popup-s.popup-confirm-exchange .p-body .btn-confirm {
  margin: 0 auto;
}
.popup-s.popup-confirm-exchange .p-body .body-content {
  height: auto;
}
.popup-s.popup-confirm-exchange h4 {
  font-size: 3.8rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-bottom: 3.2rem;
}
.popup-s.popup-confirm-exchange .itemName {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #f4b63f;
  margin-bottom: 0;
}
.popup-s.popup-confirm-exchange .count {
  font-size: 5rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-bottom: 0;
}
.popup-s.popup-confirm-exchange .area-title-box {
  margin-bottom: 1.6rem;
}
.popup-s.popup-confirm-exchange .area-title {
  min-width: 6.4rem;
  padding: 0 1.6rem;
  background-color: #fafafa;
  background-image: none;
}
.popup-s.popup-confirm-exchange .area-title span {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.popup-s.popup-confirm-exchange .area-title span:before {
  font-size: 3.2rem;
  color: #f4b63f;
}
.popup-s.popup-confirm-exchange .tipsTxt {
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-top: 3.2rem;
}
.popup-s.popup-confirm-exchange .agreeBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 5.6rem auto 3.2rem auto;
}
.popup-s.popup-confirm-exchange .agreeBox > div {
  padding-left: 1.6rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-s.popup-confirm-exchange .checkbox-item {
  width: 4.8rem;
  height: 4.8rem;
}
.popup-s.popup-confirm-exchange .checkbox-item input:checked ~ .checkmark {
  background-color: #f4b63f;
}
.popup-s.popup-confirm-exchange .checkbox-item .checkmark {
  width: 4.8rem;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  border: none;
}
.popup-s.popup-confirm-exchange .checkbox-item .checkmark:after {
  content: "\e927";
  font-family: "icomoon" !important;
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  position: absolute;
  left: 1.2rem;
  top: 0.8rem;
}

/*遊戲頁-轉直屏*/
.phone-turn {
  width: 360px;
  height: 360px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: popup-zoomIn 0.5s;
          animation: popup-zoomIn 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.phone-turn img {
  width: 200px;
  height: 200px;
}
.phone-turn p {
  font-size: 16px;
  color: #fafafa;
  margin-top: 16px;
}

/*遊戲頁-轉橫屏*/
.phone-turn.landscape img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*遊戲頁-抽中道具*/
.popup-tool-prize {
  position: relative;
}
.popup-tool-prize .adImg-box {
  width: 100vw;
  height: 100vw;
  background-image: url(/static/media/Popup_Event_04.ab150b67.png);
  background-size: 100% 100%;
}
.popup-tool-prize .tool-card {
  width: 100px;
  height: 100px;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0 8px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 16%);
          transform: translate(-50%, 16%);
}
.popup-tool-prize .tool-card p {
  font-size: 12px;
  text-align: center;
  padding: 0 4px;
  margin: 0;
  font-weight: 800;
  font-stretch: 90%;
  white-space: nowrap;
  overflow: hidden;
}
.popup-tool-prize .tool-card-chest {
  width: 150px;
  height: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
}
.popup-tool-prize .tool-card-chest .toolIcon {
  width: 100%;
  height: 100%;
  padding: 0;
}
.popup-tool-prize .tool-card-chest .toolIcon img {
  width: 100%;
  height: 100%;
}
.popup-tool-prize .gameIcon {
  width: 100%;
  height: 100%;
  padding: 8px;
  position: relative;
}
.popup-tool-prize .gameIcon img {
  width: 100%;
  height: 100%;
}
.popup-tool-prize .gameIcon .toolx2 {
  width: 48px;
  height: 39px;
  position: absolute;
  top: -12px;
  left: 0;
}
.popup-tool-prize .gameIcon .toolx2 img {
  width: 100%;
  height: 100%;
}
.popup-tool-prize .toolIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-tool-prize .toolIcon p {
  position: unset;
  font-size: 12px;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
  -webkit-transform: none;
          transform: none;
}
.popup-tool-prize .toolIcon img {
  width: 70px;
  height: 56px;
  margin-bottom: 3px;
}
.popup-tool-prize p {
  width: 100%;
  font-size: 19px;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
  position: absolute;
  left: 50%;
  bottom: -8px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
}

/*程式端需求*/
.screen > div {
  z-index: 2;
}

/*popup-tasks 任務 START*/
.popup-task .area-title {
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}
.popup-task .tipsTxt {
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  text-align: center;
}
.popup-task .taskContent {
  padding: 6.4rem 3.2rem;
}
.popup-task .btns {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  margin: 0 0 4.8rem 0;
}
.popup-task .btn-missioncancel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 0.8rem;
  flex-shrink: 0;
}
.popup-task .btn-missioncancel .text {
  font-size: 2.4rem;
  margin-top: 0.8rem;
}
.popup-task .btn-missioncancel:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-task .icon-missioncancel .path1 {
  width: 4rem;
  height: 4rem;
  font-size: 4rem;
}
.popup-task .btn-history {
  width: 19.2rem;
  height: 8rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.8rem;
}
.popup-task .btn-history .text {
  font-size: 2.8rem;
}
.popup-task .btn-history:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-task .btn-tasksInfo {
  width: 21.6rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-task .btn-tasksInfo .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-task .btn-tasksInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.8rem;
}
.popup-task .btn-tasksInfo .text {
  font-size: 2.8rem;
}
.popup-task .btn-tasksInfo span:before {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-right: 1.6rem;
}
.popup-task .btn-tasksInfo:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.task-box {
  position: absolute;
  top: 31.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.8rem 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.task-box.junior .infoTxt {
  width: calc(100% - 24rem);
  padding-right: 1.6rem;
}
.task-box.junior .level01 {
  background-image: url(/static/media/mission_l_01.582fa438.png);
  background-size: 100% 100%;
}
.task-box.junior .level02 {
  background-image: url(/static/media/mission_l_02.9ae4817e.png);
  background-size: 100% 100%;
}
.task-box.junior .level03 {
  background-image: url(/static/media/mission_l_03.4f79cbb7.png);
  background-size: 100% 100%;
}
.task-box.junior .level04 {
  background-image: url(/static/media/mission_l_04.64d93528.png);
  background-size: 100% 100%;
}
.task-box.junior .level05 {
  background-image: url(/static/media/mission_l_05.9411d811.png);
  background-size: 100% 100%;
}
.task-box.junior .level06 {
  background-image: url(/static/media/mission_l_06.c4955e38.png);
  background-size: 100% 100%;
}
.task-box.junior .level07 {
  background-image: url(/static/media/mission_l_07.b9e0d4b7.png);
  background-size: 100% 100%;
}
.task-box.junior .level08 {
  background-image: url(/static/media/mission_l_08.7ee4427d.png);
  background-size: 100% 100%;
}
.task-box.senior .infoTxt {
  width: calc(100% - 24rem);
}
.task-box.senior .level01 {
  background-image: url(/static/media/mission_h_01.2b93a230.png);
  background-size: 100% 100%;
}
.task-box.senior .level02 {
  background-image: url(/static/media/mission_h_02.bbd18187.png);
  background-size: 100% 100%;
}
.task-box.senior .level03 {
  background-image: url(/static/media/mission_h_03.5ae191d1.png);
  background-size: 100% 100%;
}
.task-box.senior .level04 {
  background-image: url(/static/media/mission_h_04.7264ea15.png);
  background-size: 100% 100%;
}
.task-box.senior .level05 {
  background-image: url(/static/media/mission_h_05.d321f050.png);
  background-size: 100% 100%;
}
.task-box.senior .level06 {
  background-image: url(/static/media/mission_h_06.e6eb8a8a.png);
  background-size: 100% 100%;
}
.task-box.senior .level07 {
  background-image: url(/static/media/mission_h_07.72c805a8.png);
  background-size: 100% 100%;
}
.task-box.senior .level08 {
  background-image: url(/static/media/mission_h_08.71e7c14d.png);
  background-size: 100% 100%;
}
.task-box .task-list {
  width: 100%;
  padding: 1.6rem 0 6.4rem 0;
}

.task-item {
  width: 100%;
  min-height: 24rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 4.8rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  margin: 0 0 3.2rem 0;
  position: relative;
}
.task-item.under-grade {
  pointer-events: none;
}
.task-item.under-grade > div {
  opacity: 0.24;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}
.task-item.under-grade h6 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  font-size: 3.8rem;
  color: #452201;
  text-shadow: 4px 4px 0 #fff8e4;
  text-align: center;
  font-weight: 800;
  font-stretch: 90%;
}
.task-item.task-item-recommend {
  border: 0.2rem solid #fb8d23;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
}
.task-item.task-item-recommend .icon-label-missiontop {
  width: 9.6rem;
  height: 9.6rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  z-index: 1;
}
.task-item .taskCount {
  width: 24rem;
  height: 24rem;
  position: relative;
}
.task-item .taskCount .countBox {
  width: 27.2rem;
  height: 7.6rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.task-item .taskCount .countBox > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: -0.8rem;
}
.task-item .taskCount .countBox .count {
  font-size: 3.6rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
}
.task-item .taskCount .icon-money {
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.task-item .taskCount .icon-money img {
  width: 100%;
  height: 100%;
}
.task-item .infoTxt {
  height: 100%;
  min-height: 12.4rem;
  padding: 2.4rem 1.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.task-item .infoTxt > div {
  font-size: 2.8rem;
  line-height: 4rem;
  margin-bottom: 0.8rem;
}
.task-item .infoTxt > div span {
  font-size: 2.8rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem;
}
.task-item .infoTxt p {
  font-size: 2.4rem;
  color: rgba(6, 4, 3, 0.48);
  font-weight: 500;
  font-stretch: 100%;
  margin: 0.8rem 0 0 0;
}
.task-item .infoTxt .btn-go-task {
  width: 20rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.task-item .infoTxt .btn-go-task .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.task-item .infoTxt .btn-go-task {
  margin-bottom: 0;
  margin-left: auto;
  justify-self: flex-end;
}
.task-item .infoTxt .btn-go-task .text {
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  padding-left: 2.4rem;
}
.task-item .infoTxt .btn-go-task span:before {
  font-size: 3.2rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.task-item .infoTxt .task-game-area {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-flow: wrap;
}
.task-item .infoTxt .task-game-box {
  width: -webkit-min-content;
  width: min-content;
  height: 8rem;
  min-width: 8rem;
  background-color: rgba(205, 194, 162, 0.48);
  border-radius: 2.8rem;
  padding: 0.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.task-item .infoTxt .task-game-box li {
  width: 6.4rem;
  height: 6.4rem;
  margin-right: 0.4rem;
}
.task-item .infoTxt .task-game-box li img {
  width: 100%;
}
.task-item .infoTxt .task-game-box li:last-child {
  margin-right: 0;
}

/*popup-get-task 領取任務 START*/
.popup-get-task {
  height: auto;
  max-height: 90%;
}
.popup-get-task .body-content {
  height: auto;
}
.popup-get-task .gameImg-box {
  width: 17.6rem;
  height: 17.6rem;
  margin: 0 auto 3.2rem auto;
}
.popup-get-task .gameImg-box img {
  width: 100%;
  height: 100%;
}
.popup-get-task .p-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup-get-task .p-footer h6 {
  margin: 0 0 1.6rem 0;
  color: #452201;
  font-size: 2.8rem;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-get-task .infoTxt {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 3.8rem;
  line-height: 6rem;
  font-weight: 500;
  font-stretch: 100%;
  padding-top: 4.8rem;
}
.popup-get-task .infoTxt span {
  font-size: 5rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.8rem;
}
.popup-get-task .infoTxt p {
  font-size: 2.8rem;
  line-height: 3.6rem;
  color: rgba(6, 4, 3, 0.48);
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 500;
  font-stretch: 100%;
  margin: 2px 0;
}
.popup-get-task .infoTxt .task-game-box {
  margin: 3.2rem 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.popup-get-task .infoTxt .task-game-box li {
  width: 11.2rem;
}
.popup-get-task .infoTxt .task-game-box li img {
  width: 100%;
}
.popup-get-task .infoTxt .task-game-box li p {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
}
.popup-get-task .infoTxt .count {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 3.2rem 0 4.8rem 0;
}
.popup-get-task .infoTxt .count .icon-money {
  width: 8rem;
  height: 8rem;
  flex-shrink: 0;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-get-task .infoTxt .count .icon-money img {
  width: 100%;
  height: 100%;
}
.popup-get-task .infoTxt .count span {
  font-size: 9.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-get-task .btn-get-task {
  min-width: 31.2rem;
  height: 11.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.popup-get-task .btn-get-task .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-get-task .btn-get-task {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-get-task .btn-get-task .text {
  padding: 0 3.2rem;
}
.popup-get-task .btn-get-task .count {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-get-task .btn-get-task .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  margin-right: 1.6rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-get-task .btn-get-task .icon-money img {
  width: 100%;
  height: 100%;
}
.popup-get-task .btn-get-task:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/*popup-task-progress 任務進行中 START*/
.popup-task-progress .task-box {
  position: absolute;
  top: 24.8rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-task-progress .infoTxt {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 500;
  font-stretch: 100%;
  padding-right: 1.6rem;
}
.popup-task-progress .infoTxt span {
  font-size: 3.8rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem;
}

.taskInfo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 3.2rem;
}
.taskInfo .infoTxt-box {
  width: 100%;
}
.taskInfo .gameImg-box {
  width: 17.6rem;
  height: 17.6rem;
  flex-shrink: 0;
  margin-right: 3.2rem;
}
.taskInfo .gameImg-box img {
  width: 100%;
  height: 100%;
}
.taskInfo .count {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.taskInfo .count .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  flex-shrink: 0;
  margin-right: 0.8rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.taskInfo .count .icon-money img {
  width: 100%;
  height: 100%;
}
.taskInfo .count span {
  font-size: 5rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}

.progress-item {
  width: 100%;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 4.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin: 0 0 3.2rem 0;
  padding: 1.6rem;
}
.progress-item.not-start {
  opacity: 0.48;
}
.progress-item.miss {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.48;
}
.progress-item p {
  margin: 0;
}
.progress-item p span {
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
}
.progress-item .date {
  width: 9.2rem;
  height: 10.2rem;
  border-radius: 3.2rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: 800;
  font-stretch: 90%;
  font-size: 2.8rem;
  line-height: 4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.progress-item .date .day {
  font-size: 5rem;
  color: #452201;
}
.progress-item .gameImg {
  width: 12rem;
  height: 12rem;
}
.progress-item .gameImg img {
  width: 100%;
  height: 100%;
}
.progress-item .progress-box {
  width: calc(100% - 23.6rem);
  margin: 0 1.6rem;
  font-size: 2.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
}
.progress-item .progress-box p {
  margin: 0 0 0.8rem 0;
  line-height: 3.2rem;
}
.progress-item .progress-box .percent {
  position: relative;
  width: 100%;
  height: 6.4rem;
  padding: 0.6rem;
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 20rem;
}
.progress-item .progress-box .percent .progressValue {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.progress-item .progress-box .percent .progress {
  height: 100%;
  width: 100%;
  min-width: 5.2rem;
  border-radius: 20rem;
  box-shadow:
    0 0 0.6rem 0 rgba(69, 34, 1, 0.16),
    inset 0 0.4rem 0.4rem 0 rgba(255, 248, 228, 0.48);
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.progress-item .state {
  width: 9.6rem;
}
.progress-item .state > div {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  background: rgba(0, 27, 59, 0.19);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.progress-item .state > div span:before {
  color: #fafafa;
  font-size: 2.8rem;
}
.progress-item .state p {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 0.8rem;
  text-align: center;
  line-height: 2.8rem;
}
.progress-item .state .success {
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}
.progress-item .state .on-going {
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(51, 89, 242, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.4rem 0 0 rgba(255, 253, 247, 0.32);
}

/*挑戰任務 START*/
.popup-task.task-challenge .senior .infoTxt {
  width: calc(100% - 24rem);
}
.popup-task.task-challenge .senior .level01 {
  background-image: url(/static/media/mission_c_01.6fe866b3.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level02 {
  background-image: url(/static/media/mission_c_02.4e7b9bf4.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level03 {
  background-image: url(/static/media/mission_c_03.8d15816a.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level04 {
  background-image: url(/static/media/mission_c_04.8d186bcf.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level05 {
  background-image: url(/static/media/mission_c_05.21ed00c0.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level06 {
  background-image: url(/static/media/mission_c_06.4bde5cda.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level07 {
  background-image: url(/static/media/mission_c_07.3045d14d.png);
  background-size: 100% 100%;
}
.popup-task.task-challenge .senior .level08 {
  background-image: url(/static/media/mission_c_08.9f1609f4.png);
  background-size: 100% 100%;
}

/*單一內容-挑戰任務 START*/
.popup-task-progress.task-challenge .infoTxt {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-task-progress.task-challenge .progress-box {
  width: calc(100% - 26.4rem);
}
.popup-task-progress.task-challenge .progress-box .percent .progress {
  min-width: 0;
}

/*任務完成 START*/
.task-state h1 {
  color: #452201;
  text-shadow: 4px 4px 0 #fff8e4;
  font-size: 7.4rem;
  text-align: center;
  font-weight: 800;
  font-stretch: 90%;
}
.task-state div {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 500;
  font-stretch: 100%;
}
.task-state.finish {
  width: 56rem;
  height: 56rem;
  margin: 2.4rem auto 4.8rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-image: url(/static/media/missiondone.903b1c9c.jpg);
  background-size: cover;
  background-position: center bottom;
}
.task-state.finish .count {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.task-state.finish .count .icon-money {
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 1.6rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.task-state.finish .count .icon-money img {
  width: 100%;
  height: 100%;
}
.task-state.finish .count span {
  font-size: 5rem;
  color: #452201;
  text-shadow: 4px 4px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
}
.task-state.finish .btn-receive {
  width: 32rem;
  height: 11.2rem;
  margin: 2.4rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.task-state.finish .btn-receive .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.task-state.finish .btn-receive .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.task-state.fail {
  margin: 0 auto 4.8rem auto;
}
.task-state.fail .btn-reselect {
  width: 32rem;
  height: 11.2rem;
  margin: 0 auto;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-top: 4.8rem;
}
.task-state.fail .btn-reselect .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.task-state.fail .btn-reselect:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/*任務詳情 START*/
.popup-task-detail .taskContent {
  padding: 4.8rem 0 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-task-detail .taskContent .taskInfo {
  padding: 0 3.2rem;
  margin-bottom: 0;
}
.popup-task-detail .taskContent .task-box {
  min-height: 20rem;
  position: unset;
  padding: 3.2rem;
}
.popup-task-detail .infoTxt {
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 800;
  font-stretch: 90%;
  padding-right: 1.6rem;
}
.popup-task-detail .infoTxt span {
  font-size: 3.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem;
}
.popup-task-detail .infoTxt p {
  font-size: 2.4rem;
  color: rgba(6, 4, 3, 0.48);
  font-weight: 500;
  font-stretch: 100%;
  margin: 0.8rem 0 0 0;
}

/*任務-歷史紀錄 START*/
.popup-task-history .task-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 6.4rem;
  padding: 6.4rem 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-task-history .progress-item p {
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-task-history .progress-item .progress-box {
  width: calc(100% - 28.4rem);
}
.popup-task-history .progress-item .progress-box .count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-task-history .progress-item .progress-box .count span {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-task-history .progress-item .progress-box .count .icon-money {
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
  box-shadow: 0 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-task-history .progress-item .progress-box .count .icon-money img {
  width: 100%;
  height: 100%;
}
.popup-task-history .progress-item.miss {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}
.popup-task-history .progress-item.miss .state > div {
  background-color: #fb5723;
}
.popup-task-history .progress-item.cancel .state > div {
  background-color: #66778a;
}
.popup-task-history .progress-item:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-task-history .progress-item .icon-arrow_b_right {
  height: 100%;
  width: 6.4rem;
  text-align: right;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-task-history .progress-item .icon-arrow_b_right:before {
  font-size: 6.2rem;
  color: #7f3f02;
  text-shadow: 2px 2px 0 #fff8e4;
}

/*任務說明 popup-task-info START*/
.popup-task-info .task-info-content {
  height: calc(100% - 13.6rem);
}
.popup-task-info .body-content {
  padding: 9.6rem 6.4rem;
  text-align: left;
}
.popup-task-info .body-content ul {
  padding-left: 4.8rem;
}
.popup-task-info .body-content li {
  list-style: decimal;
  font-size: 3.2rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-bottom: 3.2rem;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-task-info .btn-confirm {
  width: 32rem;
  height: 11.2rem;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-task-info .btn-confirm .text {
  font-size: 3.8rem;
}

.up-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*彩帶 START*/
.ribbon {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/*登入-up screen*/
.login.up-screen {
  background-image: url(/static/media/login_bg.3766e97b.jpg);
  background-position: top;
  background-size: cover;
}
.login.up-screen .logo-box {
  width: 100vw;
  height: 900px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -54%);
          transform: translate(-50%, -54%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login.up-screen .logo-box img {
  height: 100%;
}
.login.up-screen .light-box {
  width: 100vw;
  height: 100vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.login.up-screen .light-box:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(/static/media/bg-light.c5abf5ee.png);
  background-position: center center;
  background-size: cover;
  -webkit-animation: rotate-animation 30s linear infinite;
          animation: rotate-animation 30s linear infinite;
  opacity: 0.32;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
}
.login.up-screen .light-box img {
  width: 100%;
  height: 100%;
}
.login.up-screen .add-line-box {
  width: 28.8rem;
  height: 28.8rem;
  position: fixed;
  right: 6%;
  top: 65%;
  z-index: 8;
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
.login.up-screen .add-line-box img {
  width: 100%;
  height: 100%;
  border-radius: 48px;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
}
.login.up-screen .add-line-box .add-line-text {
  width: 48rem;
  height: 12rem;
  background-image: url(/static/media/jackpot-01.68c1223c.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 98%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 3.7rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
  text-align: center;
  line-height: 10rem;
  -webkit-animation: bounce-jackpot 1s ease-in-out infinite;
          animation: bounce-jackpot 1s ease-in-out infinite;
}
.login.up-screen .add-line-box .add-line-text:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/static/media/jackpot-02.24b8ba2b.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: flash 1.5s infinite;
          animation: flash 1.5s infinite;
}
.login.up-screen .add-line-box p {
  text-align: center;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.5rem;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 1.6rem;
}
@-webkit-keyframes bounce-jackpot {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50%) translateY(-5px);
    transform: translateX(-50%) translateY(-5px);
  }
  60% {
    -webkit-transform: translateX(-50%) translateY(-5px);
    transform: translateX(-50%) translateY(-5px);
  }
}
@keyframes bounce-jackpot {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50%) translateY(-5px);
    transform: translateX(-50%) translateY(-5px);
  }
  60% {
    -webkit-transform: translateX(-50%) translateY(-5px);
    transform: translateX(-50%) translateY(-5px);
  }
}
.login.up-screen .money-box {
  pointer-events: none;
}
.login.up-screen .money-box.areaLR {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/mm_07.09a192ae.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: moneyLR-move 5s infinite ease-in-out;
          animation: moneyLR-move 5s infinite ease-in-out;
}
.login.up-screen .money-box.areaFull {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/mm_06.3e4af013.png);
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-animation: moneyFull-move 5s infinite ease-in;
          animation: moneyFull-move 5s infinite ease-in;
}
.login.up-screen .dog-box {
  width: 67.1rem;
  height: 58.7rem;
  background-image: url(/static/media/dog.73175422.png);
  background-size: cover;
  background-position: center top;
  position: absolute;
  right: -2%;
  bottom: 14%;
  -webkit-animation: dog-move 3s 0.5s infinite ease-in-out;
          animation: dog-move 3s 0.5s infinite ease-in-out;
}
.login.up-screen .man-box {
  width: 63.9rem;
  height: 68.9rem;
  background-image: url(/static/media/man.b213ea39.png);
  background-size: cover;
  background-position: center top;
  position: absolute;
  left: -1%;
  bottom: -2%;
  -webkit-animation: man-move 5s 0.3s infinite ease-in-out;
          animation: man-move 5s 0.3s infinite ease-in-out;
}
.login.up-screen {
  /*紅包雨 START*/
}
.login.up-screen .honbaoflakes {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.login.up-screen .honbaoflake {
  width: 150px;
  height: 150px;
  position: absolute;
  top: -150px;
  left: -150px;
  z-index: -1;
  -webkit-user-select: none;
          user-select: none;
  cursor: default;
  -webkit-animation-name: honbaoflakes-fall, honbaoflakes-shake;
          animation-name: honbaoflakes-fall, honbaoflakes-shake;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear, ease-in-out;
          animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;
          animation-iteration-count: infinite, infinite;
  -webkit-animation-play-state: running, running;
          animation-play-state: running, running;
}
.login.up-screen .honbaoflake img {
  width: 100%;
  height: 100%;
}
.login.up-screen .honbaoflake:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 1s, 0s;
          animation-delay: 1s, 0s;
}
.login.up-screen .honbaoflake:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.login.up-screen .honbaoflake:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 4s, 0.5s;
          animation-delay: 4s, 0.5s;
}
.login.up-screen .honbaoflake:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s, 2s;
          animation-delay: 4s, 2s;
}
.login.up-screen .honbaoflake:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s, 2s;
          animation-delay: 2s, 2s;
}
.login.up-screen .honbaoflake:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 1s, 4s;
          animation-delay: 1s, 4s;
  -webkit-transform: rotate(265deg);
          transform: rotate(265deg);
}
.login.up-screen .honbaoflake:nth-of-type(6) {
  width: 120px;
  height: 90px;
  top: -150px;
  left: 60%;
  -webkit-animation-delay: 5s, 3s;
          animation-delay: 5s, 3s;
  -webkit-transform: rotate(265deg);
          transform: rotate(265deg);
}
.login.up-screen .honbaoflake:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 1s, 5s;
          animation-delay: 1s, 5s;
}
.login.up-screen .honbaoflake:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s, 0s;
          animation-delay: 1s, 0s;
}
.login.up-screen .honbaoflake:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
          animation-delay: 3s, 1.5s;
}
.login.up-screen .honbaoflake:nth-of-type(10) {
  left: 10%;
  -webkit-animation-delay: 2s, 2s;
          animation-delay: 2s, 2s;
}
.login.up-screen .honbaoflake:nth-of-type(11) {
  left: 5%;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  -webkit-transform: rotate(265deg);
          transform: rotate(265deg);
}
.login.up-screen .honbaoflake:nth-of-type(12) {
  left: 20%;
  -webkit-animation-delay: 4s, 0.5s;
          animation-delay: 4s, 0.5s;
}

@-webkit-keyframes man-move {
  0% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  25% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  50% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  75% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  100% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
}

@keyframes man-move {
  0% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  25% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  50% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  75% {
    -webkit-transform: translate(0, -75px);
            transform: translate(0, -75px);
  }
  100% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
}
@-webkit-keyframes dog-move {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, -20px);
            transform: translate(0px, -20px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes dog-move {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, -20px);
            transform: translate(0px, -20px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes moneyFull-move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes moneyFull-move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes moneyLR-move {
  0% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  25% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  75% {
    -webkit-transform: translate(0px, -50px);
            transform: translate(0px, -50px);
  }
  100% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
}
@keyframes moneyLR-move {
  0% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  25% {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  50% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
  75% {
    -webkit-transform: translate(0px, -50px);
            transform: translate(0px, -50px);
  }
  100% {
    -webkit-transform: translate(0px, -10px);
            transform: translate(0px, -10px);
  }
}
@-webkit-keyframes honbaoflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@keyframes honbaoflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes honbaoflakes-shake {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes honbaoflakes-shake {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
/*遊戲中-up screen*/
.ani-game-arcade main {
  width: 100%;
  height: 100%;
}
.ani-game-arcade .screen-up-box {
  width: 100%;
  height: 100%;
}

.style-arcade .arcade-bg {
  width: 100%;
  height: 100%;
}
.style-arcade .arcade-bg img {
  width: 100%;
  height: 100%;
}
.style-arcade .arcade-bg video {
  display: none;
}
.style-arcade .arcade-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: arcade-logo-pulse 1.5s ease-in-out infinite;
          animation: arcade-logo-pulse 1.5s ease-in-out infinite;
}
.style-arcade .arcade-logo img {
  width: 100%;
}

.screen-up-box.video-style-arcade img {
  display: none;
}
.screen-up-box.video-style-arcade video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@-webkit-keyframes arcade-logo-pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes arcade-logo-pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
.style-game .game-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 105% 105%;
  background-position: center;
  -webkit-animation: game-bg-move 15s ease-in-out infinite;
          animation: game-bg-move 15s ease-in-out infinite;
}
.style-game .game-bg img {
  width: 120%;
  height: 120%;
  object-position: center;
}
.style-game .game-icon-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 105% 105%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation: game-img-move 10s ease-in-out infinite;
          animation: game-img-move 10s ease-in-out infinite;
}
.style-game .game-icon-img img {
  object-position: center;
  -webkit-animation: game-img-move2 15s ease-in infinite;
          animation: game-img-move2 15s ease-in infinite;
}
.style-game .game-icon-text {
  position: absolute;
  top: 58%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation: game-text-pulse 1.5s ease-in-out infinite;
          animation: game-text-pulse 1.5s ease-in-out infinite;
}
.style-game .game-icon-text img {
  width: 100%;
}

@-webkit-keyframes game-bg-move {
  0% {
    background-position: center;
  }
  25% {
    background-position: center 5%;
  }
  50% {
    background-position: 5% center;
  }
  75% {
    background-position: 5% 5%;
  }
  100% {
    background-position: center;
  }
}

@keyframes game-bg-move {
  0% {
    background-position: center;
  }
  25% {
    background-position: center 5%;
  }
  50% {
    background-position: 5% center;
  }
  75% {
    background-position: 5% 5%;
  }
  100% {
    background-position: center;
  }
}
@-webkit-keyframes game-img-move {
  0% {
    background-position: center;
  }
  25% {
    background-position: center -5%;
  }
  50% {
    background-position: 5% center;
  }
  75% {
    background-position: 5% -5%;
  }
  100% {
    background-position: center center;
  }
}
@keyframes game-img-move {
  0% {
    background-position: center;
  }
  25% {
    background-position: center -5%;
  }
  50% {
    background-position: 5% center;
  }
  75% {
    background-position: 5% -5%;
  }
  100% {
    background-position: center center;
  }
}
@-webkit-keyframes game-img-move2 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  25% {
    -webkit-transform: translate(30px, 25px) scale(1);
            transform: translate(30px, 25px) scale(1);
  }
  50% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  75% {
    -webkit-transform: translate(-15px, 20px) scale(1);
            transform: translate(-15px, 20px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@keyframes game-img-move2 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  25% {
    -webkit-transform: translate(30px, 25px) scale(1);
            transform: translate(30px, 25px) scale(1);
  }
  50% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  75% {
    -webkit-transform: translate(-15px, 20px) scale(1);
            transform: translate(-15px, 20px) scale(1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@-webkit-keyframes game-text-pulse {
  0% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, 0) scale(1.05);
            transform: translate(-50%, 0) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
}
@keyframes game-text-pulse {
  0% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
  50% {
    -webkit-transform: translate(-50%, 0) scale(1.05);
            transform: translate(-50%, 0) scale(1.05);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
}
/*popup-level VIP 等級  START*/
.popup-achievement {
  height: 90%;
}
.popup-achievement .achievement-content {
  padding: 4.8rem 3.2rem 14.4rem 3.2rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-achievement .area-title-box {
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
}
.popup-achievement .recent-lovegame-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-bottom: 4.8rem;
}
.popup-achievement .recent-lovegame-box p {
  margin-bottom: 0;
  font-size: 2.8rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-achievement .recent-lovegame-box p.tipsTxt {
  font-size: 2.4rem;
  color: #f4b63f;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-achievement .recent-lovegame-box .card-img-box {
  width: 14.4rem;
  height: 14.4rem;
  border-radius: 18vw;
  box-shadow: 0 8px 16px 0 rgba(69, 34, 1, 0.48);
  margin: 0 8px;
}
.popup-achievement .recent-lovegame-box .card-img-box img {
  width: 100%;
  height: 100%;
}

.achievement-imgBox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.achievement-imgBox .imgBox {
  width: 14.4rem;
  height: 14.4rem;
  margin: 0 calc((100% - 57.6rem) / 8) 1.6rem calc((100% - 57.6rem) / 8);
}
.achievement-imgBox .imgBox img {
  width: 100%;
  height: 100%;
}
.achievement-imgBox .imgBox.disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

/*PK-血條 START*/
.pk-freespins-progress-box,
.pk-progress-box {
  width: 120rem;
  height: 24rem;
  padding: 0 2rem;
  border-radius: 20rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.pk-freespins-progress-box .userImg,
.pk-progress-box .userImg {
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
}
.pk-freespins-progress-box .userImg img,
.pk-progress-box .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.pk-freespins-progress-box .userImg.user1,
.pk-progress-box .userImg.user1 {
  border: 1rem solid #3359f2;
}
.pk-freespins-progress-box .userImg.user2,
.pk-progress-box .userImg.user2 {
  border: 1rem solid #fb5723;
}
.pk-freespins-progress-box .progress-box,
.pk-progress-box .progress-box {
  width: 74rem;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pk-freespins-progress-box .progress-box .percent,
.pk-progress-box .progress-box .percent {
  position: relative;
  width: 100%;
  height: 12rem;
  padding: 1rem;
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 8rem;
  box-shadow:
    1.5rem 4rem 8rem 0 rgba(255, 248, 228, 0.16),
    0.5rem 0.5rem 1rem 0 rgba(255, 248, 228, 0.32),
    inset 0.52rem 1rem 2rem 0 rgba(69, 34, 1, 0.24);
}
.pk-freespins-progress-box .progress-box .percent .progress,
.pk-progress-box .progress-box .percent .progress {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  font-size: 4.8rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin-bottom: 0;
}
.pk-freespins-progress-box .progress-box .percent .user1,
.pk-progress-box .progress-box .percent .user1 {
  border-radius: 20rem 0 0 20rem;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.pk-freespins-progress-box .progress-box .percent .user2,
.pk-progress-box .progress-box .percent .user2 {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  position: absolute;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
  border-radius: 0 20rem 20rem 0;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.pk-freespins-progress-box .progress-box .percent .progressValue,
.pk-progress-box .progress-box .percent .progressValue {
  width: 80%;
  font-size: 4.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-weight: 500;
  font-stretch: 100%;
  text-align: center;
}
.pk-freespins-progress-box .info-box,
.pk-progress-box .info-box {
  width: 74rem;
  height: 10rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0.4rem auto;
}
.pk-freespins-progress-box .info-box .time-box,
.pk-progress-box .info-box .time-box {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 5.6rem;
  font-weight: 800;
  font-stretch: 90%;
  padding-right: 12rem;
}
.pk-freespins-progress-box .info-box .count,
.pk-progress-box .info-box .count {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 4.8rem;
  padding-left: 12rem;
}
.pk-freespins-progress-box .info-box .game-img,
.pk-progress-box .info-box .game-img {
  width: 24rem;
  height: 24rem;
  position: absolute;
  bottom: -14rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pk-freespins-progress-box .info-box .game-img img,
.pk-progress-box .info-box .game-img img {
  width: 100%;
  height: 100%;
}

.pk-progress-box {
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  box-shadow:
    0 0 0.6rem 0 rgba(69, 34, 1, 0.16),
    inset 0 0.4rem 0.4rem 0 rgba(255, 248, 228, 0.48);
}
.pk-progress-box .progress-box .percent .user1 {
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(51, 89, 242, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.4rem 0 0 rgba(255, 253, 247, 0.32);
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
}
.pk-progress-box .progress-box .percent .user2 {
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}

.pk-freespins-progress-box {
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}
.pk-freespins-progress-box .progress-box .percent .user1 {
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
}
.pk-freespins-progress-box .progress-box .percent .user2 {
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(250, 250, 250, 0.32);
}
.pk-freespins-progress-box .info-box {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

/*gamePage pk-screen */
.pk-screen {
  width: 100%;
  height: 100%;
}
.pk-screen main {
  width: 100%;
  height: 100%;
}
.pk-screen .pk-screen-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.pk-screen .pk-screen-content > img {
  width: 100%;
}
.pk-screen .pk-screen-content video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  z-index: -1;
}
.pk-screen .pk-info-block .pk-icon-img {
  width: 72rem;
  height: 50rem;
  margin: 0 auto 2.4rem auto;
}
.pk-screen .pk-info-block .pk-icon-img img {
  width: 100%;
}
.pk-screen .pk-info-block .pk-member-name {
  width: 100%;
  margin: 1.6rem auto 0 auto;
  padding: 0 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-direction: row;
  font-size: 5.6rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}

/*gamePage PK-倒數 START*/
.pk-block .countdown-box .number {
  font-size: 560px;
  text-shadow: 16px 16px 0 rgba(69, 34, 1, 0.48);
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pk-block .countdown-box .number-1 {
  -webkit-animation: pkNumber 1s 2s forwards;
          animation: pkNumber 1s 2s forwards;
  opacity: 0;
}
.pk-block .countdown-box .number-2 {
  -webkit-animation: pkNumber 1s 1s forwards;
          animation: pkNumber 1s 1s forwards;
  opacity: 0;
}
.pk-block .countdown-box .number-3 {
  -webkit-animation: pkNumber 1s forwards;
          animation: pkNumber 1s forwards;
  opacity: 0;
}

@-webkit-keyframes pkNumber {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  90% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes pkNumber {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  90% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.popup-pk .pk-content {
  padding: 4.8rem 6.4rem 4rem 6.4rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-pk .pk-tabs {
  width: 100%;
  height: 9.6rem;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 0.8rem;
  margin: 0 auto;
  background-color: rgba(51, 89, 242, 0.08);
  border-radius: 20rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.popup-pk .pk-tabs > div {
  flex: 1 1;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0.8rem 1.6rem;
  margin: 0 0.4rem;
  color: #452201;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  white-space: nowrap;
}
.popup-pk .pk-tabs > div.active {
  text-shadow: 2px 2px 0 #fff8e4;
  box-shadow:
    0 3.2rem 6.4rem 0 rgba(51, 89, 242, 0.48),
    inset -0.8rem -1.6rem 0.8rem 0 rgba(35, 163, 251, 0.72),
    inset 0 0.8rem 0.4rem 0 rgba(255, 253, 247, 0.32);
  background-image: linear-gradient(115deg, #61a2ff, #0033ff);
  border-radius: 20rem;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  color: #fff8e4;
}
.popup-pk .tips-text {
  text-align: center;
  color: #fb5723;
  font-weight: 800;
  font-stretch: 90%;
  margin: 1.6rem 0 3.2rem 0;
  font-size: 1.6rem;
}
.popup-pk .select-game-box {
  width: 100%;
  height: 14.4rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 4.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 3.2rem 0;
  padding: 0 2.4rem;
}
.popup-pk .select-game-box.empty .game-info {
  opacity: 0.4;
}
.popup-pk .select-game-box.empty .game-icon {
  position: relative;
}
.popup-pk .select-game-box.empty .game-icon > span {
  font-size: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-pk .select-game-box .game-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-pk .select-game-box .game-info .game-name {
  padding-left: 2.4rem;
  font-size: 2.8rem;
}
.popup-pk .select-game-box .game-info .game-icon {
  width: 8rem;
  height: 8rem;
  flex-shrink: 0;
}
.popup-pk .select-game-box .game-info .game-icon img {
  width: 100%;
  height: 100%;
}
.popup-pk .select-game-box .btn-select-game {
  width: 20rem;
  height: 7.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-pk .select-game-box .btn-select-game .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-pk .select-game-box .btn-select-game {
  flex-shrink: 0;
}
.popup-pk .select-game-box .btn-select-game .text {
  font-size: 2.1rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk .btn-slide-toggle {
  width: 100%;
  height: 11.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 90%;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
  font-size: 2.4rem;
}
.popup-pk .btn-slide-toggle .icon-arrow_b_right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-pk .btn-slide-toggle .icon-arrow_b_right:before {
  font-size: 4rem;
}
.popup-pk .btn-slide-toggle.open .icon-arrow_b_right:before {
  content: "\e914";
  font-family: "icomoon" !important;
}
.popup-pk #pk-info-box,
.popup-pk #pk-invite-info-box,
.popup-pk #pk-random-info-box,
.popup-pk #pk-freespins-info-box {
  background-color: rgba(51, 89, 242, 0.08);
  padding: 3.2rem 3.2rem 1.6rem 6.4rem;
  display: none;
}
.popup-pk #pk-info-box li,
.popup-pk #pk-invite-info-box li,
.popup-pk #pk-random-info-box li,
.popup-pk #pk-freespins-info-box li {
  text-align: left;
  list-style: decimal;
  margin-bottom: 1.6rem;
  padding-left: 1.6rem;
  font-size: 2.1rem;
}
.popup-pk .btn-pk-start,
.popup-pk .btn-pk-invite,
.popup-pk .btn-pk-random,
.popup-pk .btn-pk-freespins {
  width: 240px;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-pk .btn-pk-start .text,
.popup-pk .btn-pk-invite .text,
.popup-pk .btn-pk-random .text,
.popup-pk .btn-pk-freespins .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-pk .btn-pk-start,
.popup-pk .btn-pk-invite,
.popup-pk .btn-pk-random,
.popup-pk .btn-pk-freespins {
  margin: 4.8rem auto;
}
.popup-pk .btn-pk-start .text,
.popup-pk .btn-pk-invite .text,
.popup-pk .btn-pk-random .text,
.popup-pk .btn-pk-freespins .text {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk .btn-pk-start:active,
.popup-pk .btn-pk-invite:active,
.popup-pk .btn-pk-random:active,
.popup-pk .btn-pk-freespins:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.pk-game-block {
  padding: 6.4rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.pk-game-block h4 {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  text-align: center;
}
.pk-game-block .list {
  padding: 4.8rem 0 14.2rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.pk-game-block .list .gameCard {
  width: 16rem;
  height: 16rem;
  margin: 0 19.512195122px 1.6rem 19.512195122px;
  border-radius: 9vw;
  box-shadow: 0 8px 16px 0 rgba(69, 34, 1, 0.48);
  position: relative;
}
.pk-game-block .list .gameCard img {
  width: 100%;
  height: 100%;
}
.pk-game-block .list .gameCard .icon-check {
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 100%;
  background-color: #04bb5d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  z-index: 1;
}
.pk-game-block .list .gameCard .icon-check:before {
  font-size: 3.2rem;
  color: #fafafa;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.pk-game-block .list .gameCard.pick img {
  opacity: 0.4;
}

.pk-pick-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.pk-pick-box > p {
  flex: 1 1;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin: 0;
  text-align: center;
  flex-shrink: 0;
}
.pk-pick-box .gameCard {
  width: 12rem;
  height: 12rem;
  border-radius: 18vw;
  box-shadow: 0 8px 16px 0 rgba(69, 34, 1, 0.48);
  margin: 0 1.6rem;
  position: relative;
  flex-shrink: 0;
}
.pk-pick-box .gameCard img {
  width: 100%;
  height: 100%;
}
.pk-pick-box .gameCard.no-card {
  box-shadow:
    0.6rem 1.6rem 3.2rem 0 rgba(255, 248, 228, 0.16),
    0.2rem 0.2rem 0.4rem 0 rgba(255, 248, 228, 0.32),
    inset 0.2rem 0.4rem 0.8rem 0 rgba(69, 34, 1, 0.24);
  background-color: rgba(69, 34, 1, 0.2);
  border-radius: 3.2rem;
  background-image: none;
  padding: 1.6rem;
  opacity: 0.4;
}
.pk-pick-box .gameCard.no-card p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 800;
  font-stretch: 90%;
  font-size: 2.4rem;
}
.pk-pick-box .game-name {
  flex: 2 1;
  font-size: 3.8rem;
  line-height: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.pk-pick-box .btn-confirm {
  flex-shrink: 0;
  margin: 0 0 0 1.6rem;
}
.pk-pick-box .btn-confirm .text {
  font-size: 2.8rem;
}

.popup-pk-record .p-body {
  padding: 4.8rem 0 0 0;
}
.popup-pk-record .body-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.popup-pk-record .category-tabs {
  width: 70%;
}
.popup-pk-record .pk-table {
  width: 100%;
  position: absolute;
  top: 10.2rem;
  left: 0;
  bottom: 0;
  right: 0;
}
.popup-pk-record .pk-table .table-header {
  width: 100%;
  height: 4.8rem;
  background-color: #452201;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.32);
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-pk-record .pk-table .table-header > div {
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-pk-record .pk-table .table-header .record {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem 0 0;
}
.popup-pk-record .pk-table .table-body {
  padding-bottom: 17.6rem;
  position: absolute;
  top: 4.8rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-pk-record .pk-table .table-body li {
  width: 100%;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-pk-record .pk-table .table-body li > div {
  height: 9.6rem;
  border-right: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.popup-pk-record .pk-table .table-body li > div:last-child {
  border-right: none;
}
.popup-pk-record .pk-table .table-body li .record {
  font-size: 2.8rem;
}
.popup-pk-record .pk-table .table-body .tipsTxt {
  width: 100%;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-pk-record .pk-table .object {
  width: 32%;
  padding-left: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.popup-pk-record .pk-table .object .date {
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #f4b63f;
}
.popup-pk-record .pk-table .object .name {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-record .pk-table .status {
  width: 21%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #452201;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-record .pk-table .status .win {
  color: #04bb5d;
}
.popup-pk-record .pk-table .status .lose {
  color: #fb5723;
}
.popup-pk-record .pk-table .record {
  width: 25%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem 0 0;
}
.popup-pk-record .freespins-pk-record .table-header {
  width: 100%;
  height: 8rem;
}
.popup-pk-record .freespins-pk-record .table-body {
  padding-bottom: 17.6rem;
  position: absolute;
  top: 8rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-pk-record .freespins-pk-record .status {
  width: 18%;
}
.popup-pk-record .freespins-pk-record .record {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  padding: 0 1.6rem 0 0;
  font-size: 2.4rem;
  line-height: 3rem;
}
.popup-pk-record .freespins-pk-record .record .own {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-record .freespins-pk-record .count {
  width: 28%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem 0 0;
  font-size: 2.8rem;
}
.popup-pk-record .cancel-pk-record .time {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem;
  font-size: 2.8rem;
}
.popup-pk-record .cancel-pk-record .object {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 1.6rem;
  font-size: 2.8rem;
}

.popup-pk-wait .pk-wait-content .userBox {
  width: 20rem;
  height: 20rem;
  position: relative;
  margin: 0 auto 4.8rem auto;
}
.popup-pk-wait .pk-wait-content .userBox .userImg {
  border-radius: 100%;
  border: 0.8rem solid #f4b63f;
}
.popup-pk-wait .pk-wait-content .userBox img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.popup-pk-wait .pk-wait-content .userBox .ani-bg-box {
  width: 24rem;
  height: 24rem;
  position: absolute;
  left: -20%;
  top: -20%;
}
.popup-pk-wait .pk-wait-content .userBox .ani-bg-box .ani-bg {
  width: 88.23%;
  height: 88.23%;
  border-radius: 30% 50%;
  background-color: #fb8d23;
  opacity: 0.24;
  -webkit-animation: aura 4s infinite linear;
          animation: aura 4s infinite linear;
  position: absolute;
  top: 15%;
  left: 15%;
}
.popup-pk-wait .pk-wait-content .userBox .ani-bg-box .bg02 {
  width: 76.47%;
  height: 76.47%;
  border-radius: 55% 20% 35% 21%;
  position: absolute;
  top: 20%;
  left: 20%;
  -webkit-animation-delay: -20s;
          animation-delay: -20s;
  background-color: #fb5723;
  opacity: 0.24;
}
.popup-pk-wait .pk-wait-content .userBox .ani-bg-box .bg03 {
  width: 100%;
  height: 100%;
  border-radius: 60% 35% 20% 30%;
  position: absolute;
  top: 5%;
  left: 5%;
  animation-direction: reverse;
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
  background-color: #f4b63f;
  opacity: 0.24;
}

.popup-message.pk-freespins .btn-go-store {
  min-width: 24rem;
  max-width: 40rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-message.pk-freespins .btn-go-store .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-message.pk-freespins .btn-go-store {
  margin: 0;
}
.popup-message.pk-freespins .btn-go-store .text {
  font-size: 2.8rem;
  padding: 3.2rem;
  line-height: 3.2rem;
}
.popup-message.pk-freespins .btn-go-store:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

@-webkit-keyframes aura {
  25%,
  75% {
    border-radius: 60% 40% 40% 60%/60% 40% 60% 40%;
  }
  50% {
    border-radius: 40% 60% 60% 40%/40% 60% 40% 60%;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes aura {
  25%,
  75% {
    border-radius: 60% 40% 40% 60%/60% 40% 60% 40%;
  }
  50% {
    border-radius: 40% 60% 60% 40%/40% 60% 40% 60%;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.popup .popup-pk-wait .p-footer {
  bottom: 0;
}

.popup-pk-freespins-pair .pk-rule-box,
.popup-pk-random-pair .pk-rule-box,
.popup-pk-freespins .pk-rule-box,
.popup-pk-random .pk-rule-box,
.popup-pk-invitation .pk-rule-box {
  width: 100%;
  border-radius: 3.2rem;
  padding: 0 3.2rem;
  background-image: linear-gradient(to bottom, #fbc323, #fde397);
  border: 0.8rem solid #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
}
.popup-pk-freespins-pair .pk-rule-box .item,
.popup-pk-random-pair .pk-rule-box .item,
.popup-pk-freespins .pk-rule-box .item,
.popup-pk-random .pk-rule-box .item,
.popup-pk-invitation .pk-rule-box .item {
  height: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.popup-pk-freespins-pair .pk-rule-box .item .count,
.popup-pk-random-pair .pk-rule-box .item .count,
.popup-pk-freespins .pk-rule-box .item .count,
.popup-pk-random .pk-rule-box .item .count,
.popup-pk-invitation .pk-rule-box .item .count {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}

.popup-pk-freespins-pair .info-text-box,
.popup-pk-random-pair .info-text-box,
.popup-pk-invitation .info-text-box {
  width: 85%;
  margin: 0 auto;
}
.popup-pk-freespins-pair .info-text-box .btn-slide-toggle,
.popup-pk-random-pair .info-text-box .btn-slide-toggle,
.popup-pk-invitation .info-text-box .btn-slide-toggle {
  width: 100%;
  height: 9.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.48);
}
.popup-pk-freespins-pair .info-text-box .btn-slide-toggle .icon-arrow_b_right,
.popup-pk-random-pair .info-text-box .btn-slide-toggle .icon-arrow_b_right,
.popup-pk-invitation .info-text-box .btn-slide-toggle .icon-arrow_b_right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-pk-freespins-pair
  .info-text-box
  .btn-slide-toggle
  .icon-arrow_b_right:before,
.popup-pk-random-pair
  .info-text-box
  .btn-slide-toggle
  .icon-arrow_b_right:before,
.popup-pk-invitation
  .info-text-box
  .btn-slide-toggle
  .icon-arrow_b_right:before {
  font-size: 4rem;
}
.popup-pk-freespins-pair
  .info-text-box
  .btn-slide-toggle.open
  .icon-arrow_b_right:before,
.popup-pk-random-pair
  .info-text-box
  .btn-slide-toggle.open
  .icon-arrow_b_right:before,
.popup-pk-invitation
  .info-text-box
  .btn-slide-toggle.open
  .icon-arrow_b_right:before {
  content: "\e914";
  font-family: "icomoon" !important;
}
.popup-pk-freespins-pair .info-text-box .slide-toggle-box,
.popup-pk-random-pair .info-text-box .slide-toggle-box,
.popup-pk-invitation .info-text-box .slide-toggle-box {
  background-color: rgba(51, 89, 242, 0.08);
  padding: 3.2rem 3.2rem 1.6rem 6.4rem;
  display: none;
}
.popup-pk-freespins-pair .info-text-box .slide-toggle-box li,
.popup-pk-random-pair .info-text-box .slide-toggle-box li,
.popup-pk-invitation .info-text-box .slide-toggle-box li {
  text-align: left;
  list-style: decimal;
  margin-bottom: 1.6rem;
  padding-left: 1.6rem;
}

.popup-pk-invitation .body-content {
  padding: 4.8rem 6.4rem;
}
.popup-pk-invitation .game-icon-box {
  width: 18rem;
  height: 18rem;
  margin: 0 auto;
}
.popup-pk-invitation .game-icon-box img {
  width: 100%;
  height: 100%;
}
.popup-pk-invitation .user-name {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 1.6rem 0;
}
.popup-pk-invitation .btns-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 3.2rem 0 4.8rem 0;
}
.popup-pk-invitation .btns-box > div {
  margin: 0 1.6rem;
}
.popup-pk-invitation .btn-reject {
  min-width: 14.4rem;
  height: 8rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-invitation .btn-reject:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-pk-invitation .btn-accept {
  height: 12.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.popup-pk-invitation .btn-accept .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-pk-invitation .btn-accept .text {
  padding: 0 3.2rem;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-invitation .btn-accept .text .timer {
  font-size: 7.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: rgba(69, 34, 1, 0.16);
  margin-left: 1.6rem;
}
.popup-pk-invitation .btn-accept:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.popup-pk-freespins .btns-box,
.popup-pk-random .btns-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 3.2rem 0;
  margin-top: 3.2rem;
}
.popup-pk-freespins .btns-box > div,
.popup-pk-random .btns-box > div {
  margin: 0 0.8rem;
}
.popup-pk-freespins .btns-box .pk-state,
.popup-pk-random .btns-box .pk-state {
  width: 56rem;
  min-height: 11.2rem;
  background-color: rgba(51, 89, 242, 0.32);
  border-radius: 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 0 3.2rem 0 4.8rem;
}
.popup-pk-freespins .btns-box .pk-state p,
.popup-pk-random .btns-box .pk-state p {
  color: #3359f2;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0;
}
.popup-pk-freespins .btns-box .btn-cancel,
.popup-pk-random .btns-box .btn-cancel {
  min-width: 12.8rem;
  height: 6.4rem;
  font-size: 2.4rem;
}

.popup-pk-freespins-pair .body-content,
.popup-pk-random-pair .body-content {
  padding: 4.8rem 6.4rem;
}
.popup-pk-freespins-pair .game-icon-empty-box,
.popup-pk-random-pair .game-icon-empty-box {
  width: 12.8rem;
  height: 12.8rem;
  margin: 0 auto;
  position: relative;
  opacity: 0.32;
}
.popup-pk-freespins-pair .game-icon-empty-box img,
.popup-pk-random-pair .game-icon-empty-box img {
  width: 100%;
  height: 100%;
}
.popup-pk-freespins-pair .game-icon-empty-box span,
.popup-pk-random-pair .game-icon-empty-box span {
  font-size: 4.8rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-pk-freespins-pair .user-name,
.popup-pk-random-pair .user-name {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 3.2rem 0 1.6rem 0;
}
.popup-pk-freespins-pair .btns-box,
.popup-pk-random-pair .btns-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 3.2rem 0;
}
.popup-pk-freespins-pair .btns-box > div,
.popup-pk-random-pair .btns-box > div {
  margin: 0 1.6rem;
}
.popup-pk-freespins-pair .btn-reject,
.popup-pk-random-pair .btn-reject {
  min-width: 14.4rem;
  height: 8rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-freespins-pair .btn-reject:active,
.popup-pk-random-pair .btn-reject:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.popup-pk-freespins-pair .btn-accept,
.popup-pk-random-pair .btn-accept {
  width: 24rem;
  height: 12.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 20rem;
}
.popup-pk-freespins-pair .btn-accept .text,
.popup-pk-random-pair .btn-accept .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-pk-freespins-pair .btn-accept .text,
.popup-pk-random-pair .btn-accept .text {
  padding: 0 16px;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-freespins-pair .btn-accept .text .timer,
.popup-pk-random-pair .btn-accept .text .timer {
  font-size: 7.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: rgba(69, 34, 1, 0.16);
  margin-left: 8px;
}
.popup-pk-freespins-pair .btn-accept:active,
.popup-pk-random-pair .btn-accept:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.popup-pk-result {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-animation: popup-pk-result-zoomInOut 15s forwards;
          animation: popup-pk-result-zoomInOut 15s forwards;
  overflow: hidden;
}
.popup-pk-result .pk-result-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.popup-pk-result .pk-result-content .pk-freespins-progress-box .pkImg,
.popup-pk-result .pk-result-content .pk-progress-box .pkImg {
  width: 32rem;
  height: 24rem;
  position: absolute;
  bottom: -13.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-pk-result .pk-result-content .pk-freespins-progress-box .pkImg img,
.popup-pk-result .pk-result-content .pk-progress-box .pkImg img {
  width: 100%;
}
.popup-pk-result .member-result-block {
  width: 56rem;
  height: 56rem;
  margin: 0 auto;
}
.popup-pk-result .member-result-block .light {
  width: 100rem;
  height: 100rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.popup-pk-result .member-result-block .light img {
  width: 100%;
  height: 100%;
  -webkit-animation: light-rotateIn 2s linear infinite;
          animation: light-rotateIn 2s linear infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.popup-pk-result .member-result-block .result-box {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/pk_result_01.ee9b93e5.png);
  background-size: 100% 100%;
  position: relative;
}
.popup-pk-result .member-result-block .result-box .userImg {
  width: 28rem;
  height: 28rem;
  border: 0.4rem solid #fff8e4;
  border-radius: 100%;
  position: absolute;
  top: 11rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.popup-pk-result .member-result-block .result-box .userImg img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.popup-pk-result .member-result-block .result-box .bg-bottom {
  position: absolute;
  bottom: 0;
}
.popup-pk-result .member-result-block .result-box .bg-bottom img {
  width: 100%;
  height: 100%;
}
.popup-pk-result .member-result-block .result-box .bg-bottom .winner-name {
  font-size: 3.8rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  text-align: center;
  font-weight: 800;
  font-stretch: 90%;
  position: absolute;
  bottom: 4.8rem;
  left: 0;
  right: 0;
}
.popup-pk-result .coin-ani-box {
  width: 100%;
  position: absolute;
  top: 10%;
  -webkit-animation: coin-ani 4s infinite;
          animation: coin-ani 4s infinite;
}
.popup-pk-result .coin-ani-box img {
  width: 100%;
}
.popup-pk-result .coin-ani-box.p2-win {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.popup-pk-result .pk-member-name {
  width: 100%;
  margin: 1.6rem auto 0 auto;
  padding: 0 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-direction: row;
  font-size: 5.6rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-pk-result .pk-member-money {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-size: 14px;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-pk-result .pk-member-money .user1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-pk-result .pk-member-money .user2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.popup-pk-result .pk-member-money .img-box {
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 0.8rem;
}
.popup-pk-result .pk-member-money .img-box img {
  width: 100%;
  height: 100%;
}
.popup-pk-result .pk-member-money .count {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-pk-result.lose-style .light {
  display: none;
}
.popup-pk-result.lose-style .result-box {
  background-image: none;
}
.popup-pk-result.lose-style .result-box .userImg {
  width: 28.8rem;
  height: 28.8rem;
  border: 0.8rem solid #fafafa;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.popup-pk-result.lose-style .bg-bottom {
  position: absolute;
  left: 0;
  right: 0;
}
.popup-pk-result.lose-style .bg-bottom img {
  display: none;
}
.popup-pk-result.lose-style canvas {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.4;
}
.popup-pk-result.lose-style .pk-progress-box {
  margin: 0 auto;
}
.popup-pk-result.tie-style .light {
  display: none;
}
.popup-pk-result.tie-style .result-box {
  background-image: none;
}
.popup-pk-result.tie-style .result-box .userImg {
  width: 28.8rem;
  height: 28.8rem;
  border: 0.8rem solid #fafafa;
}
.popup-pk-result.tie-style .bg-bottom {
  position: absolute;
  left: 0;
  right: 0;
}
.popup-pk-result.tie-style .bg-bottom img {
  display: none;
}
.popup-pk-result.tie-style canvas {
  display: none;
}
.popup-pk-result.tie-style .pk-progress-box {
  margin: 0 auto;
}

@-webkit-keyframes light-rotateIn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 1;
  }
}

@keyframes light-rotateIn {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 1;
  }
}
/*彩帶 START*/
.ribbon {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media screen and (orientation: landscape) and (min-width: 400px) {
  .pk-result {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes popup-zoomInOut {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20%,
  40%,
  60%,
  80%,
  90% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
}
@keyframes popup-zoomInOut {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
  20%,
  40%,
  60%,
  80%,
  90% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
            transform: translate(-50%, -50%) scale(0.3);
  }
}
@-webkit-keyframes popup-pk-result-zoomInOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  20%,
  40%,
  60%,
  80%,
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
}
@keyframes popup-pk-result-zoomInOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  20%,
  40%,
  60%,
  80%,
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
}
@-webkit-keyframes coin-ani {
  0% {
    display: block;
  }
  100% {
    display: none;
  }
}
@keyframes coin-ani {
  0% {
    display: block;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes count-scale-ani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes count-scale-ani {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.login-ph {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0 20rem;
}
.login-ph main {
  width: 100%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.login-ph main h1 {
  font-size: 6.5rem;
  margin-bottom: 7.2rem;
  font-weight: 800;
  font-stretch: 90%;
}
.login-ph .login-block {
  width: 100%;
  height: 50vh;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}

.input-login-box {
  flex: 1 1;
}
.input-login-box .formBox .itemName {
  font-size: 2.4rem;
  margin-top: 8px;
  margin-bottom: 1.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.input-login-box .formBox .inputBox input {
  font-weight: 500;
  font-stretch: 100%;
}
.input-login-box .formBox .inputBox:has(input:focus) {
  border: 0.4rem solid #f4b63f;
  background-color: #fde397;
}
.input-login-box .formBox .inputBox:has(input:focus) input {
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.input-login-box .formBox .verifyBox {
  margin-bottom: 3.2rem;
}
.input-login-box .formBox .verifyBox input {
  width: 52%;
  font-size: 2.8rem;
  text-align: left;
  padding: 3.2rem;
}
.input-login-box .formBox .verifyBox input:focus {
  border: 0.4rem solid #f4b63f;
  background-color: #fde397;
  font-weight: 800;
  font-stretch: 90%;
}
.input-login-box .formBox .verifyBox button {
  width: 46%;
}
.input-login-box .formBox .tipsTxt {
  font-size: 2.4rem;
  margin-bottom: 5.2rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.input-login-box .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.input-login-box .btn-cancel {
  width: 24rem;
  height: 9.6rem;
  font-size: 2.8rem;
  cursor: pointer;
}
.input-login-box .btn-cancel:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.input-login-box .btn-confirm {
  width: 24rem;
  height: 9.6rem;
  font-size: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.input-login-box .btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.input-login-box .btn-confirm {
  cursor: pointer;
}
.input-login-box .btn-confirm:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.line-box {
  flex: 1 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.line-box .line {
  width: 0.2rem;
  height: 50%;
  background-color: rgba(205, 194, 162, 0.48);
  margin: 0.8rem 0;
}
.line-box .line-text {
  height: 2.8rem;
  font-size: 2.5rem;
}

.qrcode-login-box {
  flex: 1 1;
  flex-shrink: 0;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.qrcode-login-box img {
  width: 28.8rem;
  height: 28.8rem;
  border-radius: 4.8rem;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
}
.qrcode-login-box .btn-countdown {
  width: 20rem;
  height: 9.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(127, 63, 2, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.qrcode-login-box .btn-countdown .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(110deg, #00dda4, #03a57b);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(3, 165, 123, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(0, 221, 164, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.qrcode-login-box .btn-countdown {
  margin: 0 auto;
  cursor: pointer;
}
.qrcode-login-box .btn-countdown .icon-reflash:before {
  font-size: 4.8rem;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  margin-right: 1.6rem;
}
.qrcode-login-box .btn-countdown:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.qrcode-login-box .countdown {
  text-align: center;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  font-size: 2.8rem;
  font-weight: 800;
  font-stretch: 90%;
}
.qrcode-login-box p {
  text-align: center;
  font-weight: 800;
  font-stretch: 90%;
  margin: 1.6rem 0 2.5rem 0;
  font-size: 2.5rem;
}

.keyboard-block {
  width: 52%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(1.6rem);
          backdrop-filter: blur(1.6rem);
  background-color: rgba(69, 34, 1, 0.24);
  z-index: 1;
}
.keyboard-block ul {
  padding: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.keyboard-block ul li {
  width: 14.4rem;
  height: 14.4rem;
  border-radius: 100%;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 10rem;
  font-size: 8.8rem;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 1.6rem;
  cursor: pointer;
}
.keyboard-block ul li:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.keyboard-block ul .btn-clear {
  font-size: 3.7rem;
}
.keyboard-block ul .btn-back .icon-back {
  line-height: 7.2rem;
}
.keyboard-block ul .btn-back .icon-back:before {
  color: #7f3f02;
  font-size: 7.2rem;
}
.keyboard-block .close-footer {
  position: fixed;
  top: 0;
  right: 3.2rem;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.keyboard-block .close-footer .btn-close {
  width: 9.6rem;
  height: 9.6rem;
  margin: 0.8rem 0;
  background-color: #452201;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 100%;
}
.keyboard-block .close-footer .btn-close .icon-close:before {
  font-size: 3.6rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.keyboard-block .close-footer .btn-close:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

:lang(en) nav div[class^="btn-"] {
  height: 7.2rem;
  padding-right: 2.8rem;
}
:lang(en) nav div[class^="btn-"] .imgBox {
  width: 8rem;
  height: 8rem;
}
:lang(en) nav div[class^="btn-"] .text {
  font-size: 3.1rem;
}
:lang(en) nav div[class^="btn-"].btn-logout {
  width: 10.4rem;
  margin-left: 1.6rem;
  padding: 0.8rem;
}
:lang(en) nav div[class^="btn-"].btn-logout .text {
  font-size: 2.1rem;
}
:lang(en) .game-tabs-bar {
  border-radius: 6.4rem;
}
:lang(en) .game-tabs-bar .item {
  font-size: 2.8rem;
}
:lang(en) .levelTable {
  font-size: 1.7rem;
}
:lang(en) .levelTable .table-header > div {
  align-items: flex-start;
}
:lang(en) .gameCard .icon-hot {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
:lang(en) .gameCard .icon-new {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
:lang(en) .gameCard .icon-recommend {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
:lang(en) .gameCard .icon-exclusive {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
:lang(en) .gameCard .icon-lovecard {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
}
:lang(en) .gameCard.bigCard .repair {
  width: 32rem;
  height: 32rem;
  font-size: 4.8rem;
}
:lang(en) .memberInfo-box li .count {
  line-height: 2.4rem;
  text-align: right;
}
:lang(en) .task-box.junior .level01 {
  background-image: url(/static/media/mission_l_01.59c00ef4.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level02 {
  background-image: url(/static/media/mission_l_02.2e6ee2bf.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level03 {
  background-image: url(/static/media/mission_l_03.7cdf3834.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level04 {
  background-image: url(/static/media/mission_l_04.6e70b722.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level05 {
  background-image: url(/static/media/mission_l_05.16744974.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level06 {
  background-image: url(/static/media/mission_l_06.45eff0d2.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level07 {
  background-image: url(/static/media/mission_l_07.ac7e6e59.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.junior .level08 {
  background-image: url(/static/media/mission_l_08.5291a4c2.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level01 {
  background-image: url(/static/media/mission_h_01.5d6dae86.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level02 {
  background-image: url(/static/media/mission_h_02.43609644.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level03 {
  background-image: url(/static/media/mission_h_03.e8f898a6.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level04 {
  background-image: url(/static/media/mission_h_04.bffa56d3.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level05 {
  background-image: url(/static/media/mission_h_05.7b5c70a7.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level06 {
  background-image: url(/static/media/mission_h_06.7eccfa5c.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level07 {
  background-image: url(/static/media/mission_h_07.e9d4ac85.png);
  background-size: 100% 100%;
}
:lang(en) .task-box.senior .level08 {
  background-image: url(/static/media/mission_h_08.1c9063da.png);
  background-size: 100% 100%;
}
:lang(en) .task-item.task-item-recommend .icon-label-missiontop {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAABfVBMVEUAAAD7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSPdeh7/+OT68NypWRTkfh/fr4zkmmP4iyLclmHngSCsWxX//////vv9+PXfhTr2iiL/+ObYdh28ZBf//PTnybDrtpP6jCPy4Mv98t7fw6fdgznTdBy4Yhf/+envhiHJbRr/+++waDHziCLy0LzyzKjclFn1iSLbeR3CaBm/Zhn78Or018Hq1b3prYXZi07rgyDhfB6zXxWvXBX88eT448vtv6LUsJHqtY3Qp4zQpYPKm3nmpHTXmmy+hFrVfjXZeB3PcRvMbxrGahn//fj99/D99er259/x5d746dHv38n128bsyrXyz7Tkx67tvZrdt5rksY3psoTSj2C8hGDIdjO7bjLaeB324dLx2L3qyKfovJ7tu5Hjr4TkoW7CkG7Yk2HNjF7HiVzUj1jikFDQhUvIgErOgke5Yxe1YBZxaCzrAAAAFXRSTlMAgPPOcxSR/Pfat1dOJxntjWlmBQTZl+tpAAADB0lEQVRIx53V91vaQBgH8Kt7dLe8l0NigkYUQRARUEERENx7j7qq1tW959/e95LwUJPAPc33V/g8945LQmxpbG9qa33U4jEyDPB9vqABZDx3cs+qGuqNHypu3t8V3C+grOEePq7zWN2oP0gpDZwB9FRzzxsszJPhLvn+1wLSCyiFnd2Deo8lPSWsM3l4zdi6ROkaFB3d/TqbA1iFU0qPUju9lwGaT3id3NNmBxfyn0I/pQODAO8oTW2F7e6Jx9EFxzZMGQrS1FDYXmdzFZdgWV2udgffsBnZNhfszxKv6a5ObrmM70au2R/Z4p7Z5il7wYf7+8auurvOgEsprc5sWRxpcHK+EP57qbtrbiOrQb+0zmYmZOt9qXNw3Xu+C7wwwbkNNXUwCj/RDVscaXJyXZF0rIPi2tXUC3/8I+zYXWOLs1NVLqVP6F5NT4RH0NXsUAHuAnSZqTFAGdhFx/qKNkfqLU7j52GRSzEALukHdF67a7Q8R9rB671IehlBB3CJRzs60m458NgfP06rbKksf9idfaY4F9DmKH3JB2NIL2w5O9J2d54h0AZQYn+GHO7x4Dyd0lqB+h4WYRBlP+gymlD4vXZM5dpkjD10VGSUsc1qjpRZWCmBNhug9B+ZYEO91Ryp9IdZjUtSWZ5DUdlEVxuGsb/JAkCORk15lMpmeH8CqPD+4jlNm5VWDHnDpkvoakNZAW0S50JnQ4VA/osub/u25VqOGHVq4MP7maeBXI6ufJb4HuTajph1hsAnUWnhkCaT0k3nubEHAQzrdS5CJ8qv/G3fvx1T+R4EMMxPjGBburxcz9Oo6lXGRY4ooPR4sc6y7NxZYSyBdYoCGgBKNKaciv0W14nBudyRUXVcVtAJo8+lIqdU1jeCThxjLmW5BuN9ep3imHPBnGCdbNt8D4pj1sg/2vtY51DRcOLIpsSP/dhEpU5xPKYMJseylrkIYFm+zVqedxE0ZZRZnRiixP3ZnRiidNqfGGL0964LiPlPR9w64tYRt464dcStI24dceuIW0fcur83Y7f1x2knowAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .infoTxt {
  width: calc(100% - 24rem);
}
:lang(en) .popup-task.task-challenge .senior .level01 {
  background-image: url(/static/media/mission_c_01.8dbe6db7.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level02 {
  background-image: url(/static/media/mission_c_02.b342f892.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level03 {
  background-image: url(/static/media/mission_c_03.62dceefe.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level04 {
  background-image: url(/static/media/mission_c_04.fef78e1f.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level05 {
  background-image: url(/static/media/mission_c_05.59ca29a6.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level06 {
  background-image: url(/static/media/mission_c_06.53846a4b.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level07 {
  background-image: url(/static/media/mission_c_07.b4033e9d.png);
  background-size: 100% 100%;
}
:lang(en) .popup-task.task-challenge .senior .level08 {
  background-image: url(/static/media/mission_c_08.9f91716a.png);
  background-size: 100% 100%;
}
:lang(en) .task-state h1 {
  line-height: 7.2rem;
}
:lang(en) .task-state div {
  font-size: 2.4rem;
}
:lang(en) .task-state.finish {
  width: 64rem;
  height: 64rem;
}
:lang(en) .jackpot-area .jackpotImg {
  background-image: url(/static/media/jackpot.6436a974.png);
  background-size: 100% 100%;
}
:lang(en) .jackpot-block .jackpotImg {
  background-image: url(/static/media/jackpot.6436a974.png);
  background-size: 100% 100%;
}
:lang(en) .fast-payment-list .history-payment .icon-label-last {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAABaFBMVEUAAAD7jSP6jCP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSP7jSPdeh7/+OSpWRTjfh/////4iyL78NzogSCtWxXclmHfhTrmfx/rtpPZdx3/+uvkmmP2iiLshCH/+en1iSLqgiCwaDDwhiG4YhezXxaxXRX//PT//PLhfB798dzx4Mvyy6jfr4zHahnAZxj//vn/++/99OX46N/24dPv3sftv6LmpHXCjme8gljdgznziCLUdBzQcRvMbhr9+PX46Nr13Mny0Lzlxqfgw6ftv5/buZ3Uj1jikE/uhCH77d366tX56dHr2Mn02cLu17/tzrvy0LfiyrbUr4/PpofImnjXmWe2dUTCcjTIbRq8ZBf17env5N7238704Mfq1bzwxaTXs5ztvprZsZLjr4TXqYPCkHHRlmnSj2G8hGDEhlnZi07fhTnSfTi8cDSjOscSAAAAFXRSTlMAgP7zkHMXzfe3Z1cnEwTv29jQT04m6E6ZAAACwElEQVRIx53UaVvaQBAH8C2o1dq7ZWYTMCaQyA0FazmsglTwPutt69n7vvv1O0SfrkGS+Oy8Sd78nt3/zCTsUvUN9gzcu9MfsisQcqlrHepW7/WQqBEDjPBVXF9PMHTRAeigBHzd7V5iThedtWDIz92kS3Y69dFGrOjjHgS7udFVDbzdjUA3h4dcK3m7UFeHk2kNvNzDztat2/dExMd/YMijLx35knEDFijfy7Z8RtJtDvedLgXter/KuZDdHOt1uiGA2sREDcqa1nwiZJd9CXbE05+qBdP8CC06+lzGhRPV4zxQgXk1sYmL2RIo53InZnTb635nY8BSzbHcFOc/vgMobRlp5FLCuSWMQ62CX3j6wyu1MkebSrLBtdZlx6475jA9DfUC4paqFhKIG78hCXCilTOXXd8FlwGAYhHmENFEfEuPT834yHpSEU7UoMPV6mT1bSKLR3wK8V2+KPrp1lNyC2phe43oz6k0T/OvFXzBmy6ODYiFIVdFNJd1iGX5/uuV2croEZ9xcezuf2jARBV3EHE8CrCrVhMF/MzzRRfHghcGYZm4fxAhOl+3niNuHmq8PO3imGNn9hAP/q6QNPfWvtEOaKcKOV+YAX0cI8czW2jfN6/lSylyXjCQPE+5jLiyq5qTiJPHTSNF+Twh7ZUStvcUKFqhOpZtLKV5TvFyzHa6RdJ+qydo9mXOczw/EybnBeP0Ac6eyUAR3iBNXWuljJi3Y/b81MTosC3jsGYiNspJsS9eJ1rjiBFbUtpl+ieWAr6O2fOzImeS0kb1+TTPZ8j5w7ACw2eS0qpRKIm+eEMhySXGToyWcJ5QyDlyOR4T9/SGQmLbZWPC+UAhlxzODwq5xIXzh0L+0oTzh0IaAKfC+UNRIyH63iUg1dUdk3VM1jFZx2Qdk3VM1jFZx2Qdk3VM1jFZx2Qdk3VM1v0DwwiohdL7XwoAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
:lang(en) .popup-addLineFriend .body-content .step-box .icon-wangbi-money {
  width: 6.4rem;
  height: 6.4rem;
  background-image: url(/static/media/money-wangbi.b6d25e87.png);
  background-size: cover;
  margin: 0 0.8rem;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
:lang(en) .popup-box .p-content .close-footer .btn-prev {
  line-height: 1.8rem;
}
:lang(en) .popup-level .levelBox .btns {
  margin: 0 auto 3.2rem auto;
  position: absolute;
  top: 27rem;
  left: 3.2rem;
  right: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
:lang(en) .popup-level .viplevelContent .area-title-box {
  margin: 11rem 0 3.2rem 0;
}

.popup-wangbi-exchange .area-icon,
.popup-wangbi-wallet .wangbi-current-box .area-icon {
  width: 32px;
  height: 100%;
  background-color: #fafafa;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0) rotate(180deg);
          transform: translate(-50%, 0) rotate(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-exchange .area-icon span:before,
.popup-wangbi-wallet .wangbi-current-box .area-icon span:before {
  font-size: 16px;
  color: #f4b63f;
}

/*旺幣錢包 START*/
.popup-wangbi-wallet .p-body {
  padding: 32px 16px 64px 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-wangbi-wallet .wangbi-current-box {
  padding: 12px 16px 16px 16px;
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 200px;
  border-radius: 12px;
}
.popup-wangbi-wallet .wangbi-current-box .icon-money {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-wallet .wangbi-current-box .icon-money img {
  width: 36px;
  height: 36px;
  box-shadow: 0 4px 8px 0 rgba(69, 34, 1, 0.48);
  border-radius: 100%;
}
.popup-wangbi-wallet .wangbi-current-box .pointBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  line-height: 24px;
}
.popup-wangbi-wallet .wangbi-current-box .pointBox .text {
  font-size: 12px;
  font-weight: 600;
  color: #f4b63f;
  line-height: 17px;
}
.popup-wangbi-wallet .wangbi-current-box .pointBox .count {
  font-size: 19px;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  line-height: 21px;
}
.popup-wangbi-wallet .wangbi-current-box .area-title-box {
  margin: 8px 0;
}
.popup-wangbi-wallet .wangbi-current-box .icon-arrow_b_2up:before {
  font-size: 16px;
  color: #f4b63f;
}
.popup-wangbi-wallet .wangbi-current-box .safeImg {
  width: 48px;
  height: 48px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-wallet .wangbi-current-box .safeImg img {
  width: 36px;
  height: 36px;
}
.popup-wangbi-wallet .formBox {
  margin: 24px auto 48px auto;
}
.popup-wangbi-wallet .wangbi-wallet-info {
  width: 100%;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-wangbi-wallet .wangbi-wallet-info li {
  list-style: decimal;
  margin-bottom: 8px;
}
.popup-wangbi-wallet .btn-exchange {
  width: 144px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-wangbi-wallet .btn-exchange .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-wallet .btn-exchange {
  margin: 24px auto;
}

/*旺幣紀錄 START*/
.popup-wangbi-record .p-body {
  padding-top: 6.4rem;
}
.popup-wangbi-record .record-table {
  width: 100%;
  height: 100%;
}
.popup-wangbi-record .record-table .table-header {
  width: 100%;
  background-color: #452201;
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-record .record-table .table-header > div {
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-wangbi-record .record-table .table-body {
  padding-bottom: 8.8rem;
  position: absolute;
  top: 11.2rem;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-wangbi-record .record-table .table-body .time {
  font-size: 2.4rem;
}
.popup-wangbi-record .record-table .table-body .tipsTxt {
  width: 100%;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-wangbi-record .record-table li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.32);
}
.popup-wangbi-record .record-table li > div {
  min-height: 4.8rem;
  padding: 1.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-wangbi-record .record-table .time {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.popup-wangbi-record .record-table .item {
  width: 42%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-record .record-table .count {
  width: 35%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-record .record-table .count.extractTxt {
  color: #fb5723;
}

/*旺幣兌換 START*/
.popup-wangbi-exchange .wangbi-exchange-content {
  padding: 32px 8px 24px 8px;
}
.popup-wangbi-exchange .itemName {
  color: #f4b63f;
  font-size: 12px;
  margin: 0;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-wangbi-exchange .count {
  font-size: 25px;
  font-weight: 800;
  font-stretch: 90%;
}
.popup-wangbi-exchange .line-point-box .count {
  font-size: 37px;
  margin: 0;
}
.popup-wangbi-exchange .btns-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.popup-wangbi-exchange .btns-box .btn-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 10rem;
}
.popup-wangbi-exchange .btns-box .btn-confirm .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ff8700, #ff3700);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 87, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 141, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.48);
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
  border-radius: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

/*旺幣兌換成功 START*/
.p-body.copylinkContent {
  padding: 24px 24px 0 24px;
}

.copylink-box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}
.copylink-box > div {
  margin: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.copylink-box > div p {
  font-size: 12px;
  color: #452201;
  font-weight: 800;
  font-stretch: 90%;
  margin-top: 10px;
  margin-bottom: 0;
}
.copylink-box .btn-copy {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fafafa;
  box-shadow: 0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32);
  padding: 0.8rem;
  border-radius: 100%;
}
.copylink-box .btn-copy .text {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(121deg, #fbc323, #fb8d23);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(251, 141, 35, 0.48),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(251, 195, 35, 0.72),
    inset 0 0.4rem 0.2rem 0 rgba(255, 253, 247, 0.32);
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.copylink-box .btn-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  border-radius: 100%;
}
.copylink-box .btn-copy .icon-copy:before {
  font-size: 32px;
  color: #452201;
}
.copylink-box .btn-copy:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

/* looby 限時錢包提示 */
@-webkit-keyframes slideLeft {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideLeft {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.limited-wallet-reminder {
  min-width: 18rem;
  min-height: 18rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: fixed;
  top: 380px;
  right: 0;
  z-index: 1;
  -webkit-transform: translateX(320px);
          transform: translateX(320px);
}
.limited-wallet-reminder.open {
  -webkit-animation: slideLeft 0.6s ease-out forwards;
          animation: slideLeft 0.6s ease-out forwards;
}
.limited-wallet-reminder.open .limited-wallet-reminder-box {
  opacity: 1;
}
.limited-wallet-reminder .icon-arrow_a_left {
  color: #7f3f02;
  font-size: 2.4rem;
  margin-left: 16px;
}

.btn-limited-wallet-reminder {
  width: 18rem;
  height: 18rem;
  position: absolute;
  left: -13.6rem;
  z-index: 1;
  cursor: pointer;
}
.btn-limited-wallet-reminder img {
  width: 100%;
  height: 100%;
}

.limited-wallet-reminder-box {
  width: 36rem;
  height: 11.2rem;
  background-image: linear-gradient(135deg, #fafafa, #e9f0f4);
  box-shadow:
    0 1.6rem 3.2rem 0 rgba(69, 34, 1, 0.32),
    inset -0.4rem -0.8rem 0.4rem 0 rgba(127, 63, 2, 0.16),
    inset 0 0.4rem 0.2rem 0 #fafafa;
  text-shadow: 2px 2px 0 #fff8e4;
  color: #452201;
  border-radius: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0.8rem 0.8rem 0.8rem 2.4rem;
  opacity: 0;
}
.limited-wallet-reminder-box .timer {
  font-size: 2.4rem;
}
.limited-wallet-reminder-box .timer span {
  font-size: 3.7rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem 0 1.2rem;
}
.limited-wallet-reminder-box .img-box {
  width: 4rem;
  height: 4rem;
  margin-right: 4px;
}
.limited-wallet-reminder-box .img-box img {
  width: 100%;
  height: 100%;
}
.limited-wallet-reminder-box .count-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.limited-wallet-reminder-box .count-box .count {
  font-size: 3.1rem;
  font-weight: 800;
  font-stretch: 90%;
}

/* 限時錢包紀錄 START */
.popup-limited-wallet-record .record-table {
  width: 100%;
  height: 100%;
}
.popup-limited-wallet-record .record-table .table-header {
  width: 100%;
  background-color: #452201;
  box-shadow:
    0.4rem 0.8rem 1.6rem 0 rgba(69, 34, 1, 0.32),
    inset 0 -0.6rem 0 0 #7f3f02;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-limited-wallet-record .record-table .table-header > div {
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 2.4rem;
  font-weight: 800;
  font-stretch: 90%;
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.popup-limited-wallet-record .record-table .table-body {
  padding-bottom: 8.8rem;
  position: absolute;
  top: 186px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup-limited-wallet-record .record-table .table-body .time {
  font-size: 2.4rem;
}
.popup-limited-wallet-record .record-table .table-body .tipsTxt {
  width: 100%;
  height: 4.8rem;
  background-color: rgba(205, 194, 162, 0.48);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 2.4rem;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-limited-wallet-record .record-table li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  border-bottom: 0.2rem solid rgba(205, 194, 162, 0.32);
}
.popup-limited-wallet-record .record-table li > div {
  min-height: 4.8rem;
  padding: 1.6rem;
  font-size: 2.4rem;
  font-weight: 500;
  font-stretch: 100%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-limited-wallet-record .record-table .table-body {
  position: absolute;
  top: 50px;
}
.popup-limited-wallet-record .record-table .time {
  width: 26%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.popup-limited-wallet-record .record-table .item {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.popup-limited-wallet-record .record-table .count {
  width: 34%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}

/* 限時錢包說明 START */
.popup-limited-wallet-info .limited-wallet-info-content {
  height: calc(100% - 13.6rem);
}
.popup-limited-wallet-info .body-content {
  padding: 9.6rem 6.4rem;
  text-align: left;
}
.popup-limited-wallet-info .body-content h4 {
  font-size: 16px;
  margin: 24px 0 8px 0;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-limited-wallet-info .body-content ul {
  padding-left: 32px;
}
.popup-limited-wallet-info .body-content ul.sec-list {
  margin: 8px 0;
}
.popup-limited-wallet-info .body-content ul.sec-list li {
  list-style: disc;
}
.popup-limited-wallet-info .body-content li {
  list-style: decimal;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  margin-bottom: 8px;
  font-weight: 500;
  font-stretch: 100%;
}
.popup-limited-wallet-info .btn-confirm {
  width: 32rem;
  height: 11.2rem;
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
}

/* popup-honbao 限時錢包-領到 START */
.popup-honbao .limited-wallet-box,
.popup-honbao-list .limited-wallet-box {
  height: 6.4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  box-shadow:
    1px 1px 2px 0 rgba 255,
    248,
    228,
    0.32,
    3px 8px 16px 0 rgba(255, 248, 228, 0.16),
    inset 1px 2px 4px 0 rgba(69, 34, 1, 0.24);
  border-radius: 3.2rem;
  background-color: rgba(69, 34, 1, 0.2);
  padding: 0 1.6rem 0 0;
  margin: 1.6rem auto;
}
.popup-honbao .limited-wallet-box .img-box,
.popup-honbao-list .limited-wallet-box .img-box {
  width: 9.6rem;
  height: 9.6rem;
  flex-shrink: 0;
  margin-left: -1.6rem;
}
.popup-honbao .limited-wallet-box .img-box img,
.popup-honbao-list .limited-wallet-box .img-box img {
  width: 100%;
  height: 100%;
}
.popup-honbao .limited-wallet-box .timer,
.popup-honbao-list .limited-wallet-box .timer {
  color: 2px 2px 0 rgba(69, 34, 1, 0.48);
  text-shadow: 2px 2px 0 #fff8e4;
  font-size: 2.4rem;
}
.popup-honbao .limited-wallet-box .timer .text,
.popup-honbao-list .limited-wallet-box .timer .text {
  font-size: 3.8rem;
  font-weight: 800;
  font-stretch: 90%;
  margin: 0 0.4rem 0 0.8rem;
}

.limited-wallet .awarded-list {
  position: absolute;
  top: 232px;
}

@media screen and (orientation: landscape) and (min-width: 400px) and (max-height: 500px) {
  .popup-limited-wallet-info .p-body {
    max-height: 240px;
  }
}
@media (max-width: 1024px) {
  .userMoney .limited-wallet-reminder {
    top: 35px;
    left: 35px;
  }
}
@media screen and (orientation: landscape) and (min-width: 1023.98px) and (min-height: 719.98px) {
  .popup-honbao-list .limited-wallet h1.count {
    font-size: 8rem;
    margin: 0 0 1.6rem 0;
  }
  .popup-honbao-list .limited-wallet .awarded-list {
    position: absolute;
    top: 320px;
  }
  .popup-limited-wallet-record .p-body.limited-wallet-content {
    padding: 64px 0;
  }
  .popup-limited-wallet-record
    .p-body.limited-wallet-content
    .record-table
    .table-body {
    position: absolute;
    top: 112px;
  }
}
.lobby-header .userName {
  color: #fff8e4;
  text-shadow: 2px 2px 0 rgba(69, 34, 1, 0.48);
}
.lobby-header .userMoney .light01 {
  width: 160px;
  height: 160px;
  background-image: url(/static/media/light-03.ef441ac9.png);
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
  z-index: -1;
  -webkit-animation: rotate-animation-trunL 10s infinite linear;
          animation: rotate-animation-trunL 10s infinite linear;
}
.lobby-header .userMoney .icon-money > img {
  -webkit-animation: bounceIn-money 0.5s infinite ease-in-out;
          animation: bounceIn-money 0.5s infinite ease-in-out;
}
.lobby-header .userMoney .icon-money:after {
  content: "";
  display: block;
  width: 72px;
  height: 72px;
  background-image: url(/static/media/switch_dia.5420ffa3.png);
  background-size: 100%;
  position: absolute;
  top: 2px;
  left: -36px;
  z-index: -1;
  display: none;
}

.money-tips-box {
  position: absolute;
  left: 50%;
  bottom: -72px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: shine-money-tips 5s infinite;
          animation: shine-money-tips 5s infinite;
}
.money-tips-box .tips-content {
  min-width: 120px;
  height: 56px;
  background-color: #fafafa;
  box-shadow: 0 8px 16px 0 rgba(127, 63, 2, 0.32);
  border-radius: 8px;
  padding: 0 8px;
  font-size: 19px;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
  font-weight: 800;
  font-stretch: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  white-space: nowrap;
}
.money-tips-box .tips-content:before {
  content: "\e910";
  display: block;
  width: 48px;
  height: 48px;
  color: #fafafa;
  font-size: 48px;
  font-family: "icomoon" !important;
  position: absolute;
  top: -28px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-shadow: none;
}

.diamond-style .lobby-header {
  background-image: linear-gradient(
    180deg,
    rgb(170, 24, 220) 0%,
    rgb(95, 2, 127) 100%
  );
}
.diamond-style .lobby-header .userMoney .icon-money:after {
  background-image: url(/static/media/switch_ba.28268c37.png);
  background-size: 100%;
}
.diamond-style .game-tabs-bar {
  box-shadow:
    0 4px 16px 0 rgba(95, 2, 127, 0.72),
    inset -2px -4px 2px 0 rgba(127, 63, 2, 0.16),
    inset 0 2px 1px 0 #fafafa;
}
.diamond-style .game-tabs-bar .item.active {
  box-shadow:
    0 8px 16px 0 rgba(95, 2, 127, 0.48),
    inset 0 -4px 2px 0 rgba(250, 250, 250, 0.24),
    inset 0 2px 1px 0 rgba(250, 250, 250, 0.32);
  background-color: #5f027f;
  background-image: unset;
}
.diamond-style .gameCard .show-jackpot {
  background-image: url(/static/media/jackpot-01_d.0763885f.png);
}
.diamond-style .gameCard .show-jackpot.jackpot-group-style {
  background-image: url(/static/media/jackpot-03_d.f13f618d.png);
}
.diamond-style .gameCard.w-100-card .show-jackpot {
  background-image: url(/static/media/jackpot7.0dce764c.png);
}
.diamond-style .gameCard.w-100-s-card .show-jackpot {
  background-image: url(/static/media/jackpot-01_d.0763885f.png);
}
.diamond-style .group-jackpot-block .group-jackpot-content .show-jackpot {
  background-image: url(/static/media/jackpot-03_d.f13f618d.png);
}
.diamond-style .mask {
  background-color: rgba(95, 2, 127, 0.24);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.diamond-style .jackpot-area {
  background-image: url(/static/media/jackpot_dia_bg.f368ee2f.jpg);
}
.diamond-style.lobby .lobby-header .userMoney .icon-money:after {
  background-image: url(/static/media/switch_ba.28268c37.png);
  background-size: 100%;
}
.diamond-style .p-body.bankbookContent .table-body {
  position: absolute;
  top: 96px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.diamond-style .popup-gift .formBox .inputBox {
  border-color: rgba(95, 2, 127, 0.16);
  background-color: rgba(95, 2, 127, 0.16);
}
.diamond-style .popup-gift .inputFocus .inputBox {
  border-color: rgba(95, 2, 127, 0.48);
}

/*popup-鑽石幣切換*/
.popup-message-coin-switch .messageContent {
  padding: 2.4rem 6.4rem 0 6.4rem;
}
.popup-message-coin-switch p {
  font-size: 25px;
  margin: 16px 0;
  font-weight: 800;
  font-stretch: 90%;
  color: #452201;
  text-shadow: 2px 2px 0 #fff8e4;
}
.popup-message-coin-switch .coin-imgBox {
  width: 240px;
  height: 240px;
  margin: 0 auto;
  background-image: url(/static/media/coin_switch_b.eaa54a1a.webp);
  background-size: cover;
}

.diamond-style .popup-message-coin-switch .coin-imgBox {
  background-image: url(/static/media/coin_switch_d.db2c3788.webp);
  background-size: cover;
}

@-webkit-keyframes bounceIn-money {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn-money {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rotate-animation-trunL {
  0% {
    -webkit-transform: translate(-60%, -50%) rotate(0deg);
            transform: translate(-60%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-60%, -50%) rotate(-360deg);
            transform: translate(-60%, -50%) rotate(-360deg);
  }
}
@keyframes rotate-animation-trunL {
  0% {
    -webkit-transform: translate(-60%, -50%) rotate(0deg);
            transform: translate(-60%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-60%, -50%) rotate(-360deg);
            transform: translate(-60%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes shine-money-tips {
  0% {
    opacity: 1;
    bottom: -72px;
  }
  40% {
    opacity: 1;
    bottom: -72px;
  }
  50% {
    opacity: 0;
    bottom: -64px;
  } /* 快速 fade out */
  80% {
    opacity: 0;
    bottom: -64px;
  }
  100% {
    opacity: 1;
    bottom: -72px;
  } /* 快速 fade in */
}
@keyframes shine-money-tips {
  0% {
    opacity: 1;
    bottom: -72px;
  }
  40% {
    opacity: 1;
    bottom: -72px;
  }
  50% {
    opacity: 0;
    bottom: -64px;
  } /* 快速 fade out */
  80% {
    opacity: 0;
    bottom: -64px;
  }
  100% {
    opacity: 1;
    bottom: -72px;
  } /* 快速 fade in */
}