@charset "UTF-8";
* {
  border: 0;
  box-sizing: border-box;
  font-weight: normal;
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  list-style: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html,
body {
  min-height: 100%; }

button {
  background-color: rgba(0, 0, 0, 0);
  color: inherit; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none; }

h1,
h2,
h3,
h4,
h5,
p {
  font-weight: normal; }

img {
  pointer-events: none; }

html {
  font-family: Verdana, Raleway, HelveticaNeue, "Source Sans Pro", Helvetica, Arial, "PingFangTC", "Yu Gothic", "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  line-height: 1.5; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.25rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.333rem; }

h6 {
  font-size: 1rem;
  font-weight: bold; }

p {
  font-size: 1rem; }

a {
  color: currentColor;
  text-decoration: none;
  font-size: 1rem;
  display: inline-block; }

label {
  margin: 0;
  padding: 0; }

@media (min-width: 576px) {
  .test___mobile___BGqjd {
    display: none; } }

@media (max-width: 575.98px) {
  .test___pc___1JzC5 {
    display: none; } }

.Common___wrapper___1Sqr9 {
  position: relative;
  padding: 0 12%; }
  .Common___wrapper___1Sqr9 > img {
    width: 100%; }

@keyframes Common___animation___1QNER {
  from {
    right: 0; }
  to {
    right: 25%; } }
  .Common___wrapper___1Sqr9 .Common___text___1MLQn {
    animation: Common___animation___1QNER .5s;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70%;
    top: 0%;
    right: 25%;
    width: 20%; }
    .Common___wrapper___1Sqr9 .Common___text___1MLQn > h6 {
      color: #c86e61;
      font-size: 32px;
      text-align: center;
      margin-bottom: 20px; }
  .Common___wrapper___1Sqr9 .Common___none_amimation___2hCAm {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 70%;
    top: 0%;
    right: 25%;
    width: 20%; }
    .Common___wrapper___1Sqr9 .Common___none_amimation___2hCAm > h6 {
      color: #c86e61;
      font-size: 32px;
      text-align: center;
      margin-bottom: 20px; }
  .Common___wrapper___1Sqr9 .Common___btns___1iwIl {
    position: absolute;
    bottom: 0;
    width: 40%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-wrap: nowrap;
    justify-content: center; }
    .Common___wrapper___1Sqr9 .Common___btns___1iwIl > button {
      width: 20%;
      margin: 0 10px; }
      .Common___wrapper___1Sqr9 .Common___btns___1iwIl > button > img {
        width: 100%; }

.Referral___container___20IfI {
  padding: 5%; }
  .Referral___container___20IfI .Referral___title___YRJRB {
    background-color: #4D65A3;
    color: white;
    text-align: center;
    padding: 5px 0;
    font-size: 15px; }
  .Referral___container___20IfI .Referral___content___GXZtX {
    padding: 2%;
    text-align: left;
    background-color: #c6d2dd;
    font-size: 15px; }
    .Referral___container___20IfI .Referral___content___GXZtX > h6 {
      color: #0A0F4C;
      font-size: 15px;
      margin: 10px 0; }
    .Referral___container___20IfI .Referral___content___GXZtX > p {
      font-size: 15px;
      margin: 0; }

.Slot___wrapper___G03OY {
  padding: 2% 5% 0; }
  .Slot___wrapper___G03OY .Slot___hundred___3LTDh {
    position: absolute;
    width: 30%;
    z-index: 10;
    color: white;
    background: #C97165;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    margin-top: 3%; }
  .Slot___wrapper___G03OY .Slot___tab___VwgTB {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 3%; }
    .Slot___wrapper___G03OY .Slot___tab___VwgTB > a {
      width: 15%;
      margin: 0 2%; }
      .Slot___wrapper___G03OY .Slot___tab___VwgTB > a > img {
        width: 100%; }
  .Slot___wrapper___G03OY .Slot___content___34Pbi {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .Slot___wrapper___G03OY .Slot___content___34Pbi > button {
      position: relative;
      width: 18%;
      margin: 0 1% 2%; }
      .Slot___wrapper___G03OY .Slot___content___34Pbi > button .Slot___none___1NGiv {
        position: relative;
        width: 100%;
        padding-top: 80%;
        background-color: transparent; }
      .Slot___wrapper___G03OY .Slot___content___34Pbi > button .Slot___placeholder___1_4bx {
        position: relative;
        width: 100%;
        padding-top: 80%;
        background-color: #4e4e54; }
      .Slot___wrapper___G03OY .Slot___content___34Pbi > button > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }

.Carousel___container___2MKS5 {
  position: relative;
  width: 90%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden; }
  .Carousel___container___2MKS5 .Carousel___placeholder___35Sng {
    width: 100%; }
    @media (min-width: 576px) {
      .Carousel___container___2MKS5 .Carousel___placeholder___35Sng {
        padding-top: 40.5%; } }
    @media (max-width: 575.98px) {
      .Carousel___container___2MKS5 .Carousel___placeholder___35Sng {
        padding-top: 45%; } }
  .Carousel___container___2MKS5 .Carousel___carousel___1BMrT {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___slider___T1JnQ {
      position: relative;
      left: -100%;
      display: flex;
      height: 100%;
      flex-shrink: 0;
      transition: all .5s; }
      .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___slider___T1JnQ .Carousel___img___2wadS {
        flex-basis: 20%;
        width: 20%;
        flex-shrink: 0;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___slider___T1JnQ .Carousel___img___2wadS > img {
          width: 100%; }
    .Carousel___container___2MKS5 .Carousel___carousel___1BMrT > button {
      top: 0;
      height: 100%; }
    .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___previous___3O7uu {
      position: absolute;
      left: 0%; }
    .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___next___36iZm {
      position: absolute;
      right: 0%; }
    .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___progress___3EPhd {
      position: absolute;
      bottom: 3%;
      left: 50%;
      transform: translate(-50%);
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: nowrap; }
      .Carousel___container___2MKS5 .Carousel___carousel___1BMrT .Carousel___progress___3EPhd > img {
        width: 10px;
        margin: 0 5px; }

.Carousel___wrapper___1Z6B1 {
  position: relative; }
  @media (min-width: 576px) {
    .Carousel___wrapper___1Z6B1 .Carousel___placeholder___3IXeS {
      position: relative;
      margin: 0 auto;
      width: 90%;
      padding-top: 40.5%; }
    .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ {
      position: absolute;
      top: 0;
      left: 5%;
      width: 90%;
      height: 100%;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___slide___UO1Gw {
        min-width: 100%;
        transition: .5s;
        cursor: pointer; }
        .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___slide___UO1Gw > img {
          width: 100%; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI > button {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 10%;
        height: 80%; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI .Carousel___left___1pv4w {
        left: 0; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI .Carousel___right___2DQd2 {
        right: 0; }
    .Carousel___wrapper___1Z6B1 .Carousel___progress___3fVIH {
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      bottom: 5%; }
      .Carousel___wrapper___1Z6B1 .Carousel___progress___3fVIH > img {
        margin: 0 5px;
        width: 10px; } }
  @media (max-width: 575.98px) {
    .Carousel___wrapper___1Z6B1 .Carousel___placeholder___3IXeS {
      position: relative;
      width: 100%;
      padding-top: 45%; }
    .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ {
      position: absolute;
      left: 5%;
      top: 0;
      width: 90%;
      height: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___slide___UO1Gw {
        min-width: 100%;
        transition: .5s;
        cursor: pointer; }
        .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___slide___UO1Gw > img {
          border-radius: 20px;
          width: 100%; }
      .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI {
        display: none; }
        .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI > button {
          position: absolute;
          top: 50%;
          transform: translate(0, -50%);
          width: 10%;
          height: 80%; }
        .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI .Carousel___left___1pv4w {
          left: 0; }
        .Carousel___wrapper___1Z6B1 .Carousel___carousel___3ByFJ .Carousel___btns___1vvBI .Carousel___right___2DQd2 {
          right: 0; }
    .Carousel___wrapper___1Z6B1 .Carousel___progress___3fVIH {
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      bottom: 5%;
      display: none; }
      .Carousel___wrapper___1Z6B1 .Carousel___progress___3fVIH > img {
        margin: 0 5px;
        width: 10px; } }

@media (min-width: 576px) {
  .Rank___wrapper___eun7L {
    margin: 5% 10% 0;
    display: flex; }
    .Rank___wrapper___eun7L > div {
      position: relative;
      margin: 0 20px; }
    .Rank___wrapper___eun7L .Rank___left_container___24Hjv {
      position: relative;
      width: 60%;
      display: flex;
      align-items: center; }
      .Rank___wrapper___eun7L .Rank___left_container___24Hjv > img {
        width: 100%; }
      .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT {
        position: absolute;
        display: flex;
        align-items: center;
        right: 6%;
        z-index: 1;
        width: 64%;
        justify-content: center; }
        .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span {
          display: inline-block;
          width: 33%;
          text-align: center; }
          .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span > p {
            margin: 0; }
          .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span .Rank___name___3Eozi {
            font-size: 18px;
            color: #606870;
            font-weight: bold; }
          .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span .Rank___amount___1lmU6 {
            color: #566e8d;
            font-size: 14px; }
        .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span:nth-child(1) {
          position: relative;
          top: -30px;
          left: -4%; }
        .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span:nth-child(2) {
          position: relative;
          top: -40px; }
        .Rank___wrapper___eun7L .Rank___left_container___24Hjv .Rank___text___3VUtT > span:nth-child(3) {
          position: relative;
          top: -20px;
          left: 4%; }
    .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y {
      width: 40%; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > h6 {
        color: #606870;
        font-size: 19px; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > p {
        color: #96A6BB;
        font-size: 14px; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table {
        color: #566E8D;
        width: 100%;
        text-align: center;
        border: 1px solid #ccd7e6; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr:nth-child(even) {
          background: #e2e5e8; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr > td {
          border: 1px solid #ccd7e6;
          height: 30px; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr > td:nth-child(1) {
          width: 20%; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr > td:nth-child(2), .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr > td:nth-child(3) {
          width: 40%; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table .Rank___vip___24z3G {
          width: 20px; } }

@media (max-width: 575.98px) {
  .Rank___wrapper___eun7L {
    position: relative;
    display: flex;
    width: 100%; }
    .Rank___wrapper___eun7L .Rank___pc___1_qtF {
      display: none; }
    .Rank___wrapper___eun7L > div {
      position: relative;
      margin: 0 20px; }
    .Rank___wrapper___eun7L .Rank___left_container___24Hjv {
      display: none; }
    .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y {
      width: 100%;
      text-align: center; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > h6 {
        color: #606870;
        font-size: 19px; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > p {
        color: #96A6BB;
        font-size: 14px; }
      .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table {
        color: #566E8D;
        width: 100%;
        text-align: center;
        border: 1px solid #ccd7e6;
        background-color: white; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table > tr:nth-child(even) {
          background: #e2e5e8; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table td {
          border: 1px solid #ccd7e6;
          height: 30px; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table .Rank___width___dHZCY {
          width: 25%; }
        .Rank___wrapper___eun7L .Rank___right_container___1Hm7Y > table .Rank___vip___24z3G {
          width: 20px; } }

.MobileHeader___container___MIiWR {
  position: relative;
  width: 100%;
  padding: 0 5%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10; }
  .MobileHeader___container___MIiWR .MobileHeader___logo___34y6P {
    width: 80px; }
    .MobileHeader___container___MIiWR .MobileHeader___logo___34y6P > img {
      width: 100%; }
  .MobileHeader___container___MIiWR .MobileHeader___menu___3Lp_4 {
    width: 30px; }

.MobileHeader___content___347SG {
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: white;
  width: 100%;
  height: 100vh;
  padding-top: 50px; }
  .MobileHeader___content___347SG .MobileHeader___top_container___1GJJi {
    width: 80%;
    margin: 0 auto;
    background-color: #f0f7fd;
    display: flex;
    justify-content: center; }
    .MobileHeader___content___347SG .MobileHeader___top_container___1GJJi > a,
    .MobileHeader___content___347SG .MobileHeader___top_container___1GJJi > button {
      width: 40%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 2%;
      color: #666f75;
      font-size: 16px; }
      .MobileHeader___content___347SG .MobileHeader___top_container___1GJJi > a > img,
      .MobileHeader___content___347SG .MobileHeader___top_container___1GJJi > button > img {
        width: 60%;
        margin-bottom: 10px; }
  .MobileHeader___content___347SG .MobileHeader___member_center___2W_vp {
    width: 70%;
    margin: 5% auto 0; }
    .MobileHeader___content___347SG .MobileHeader___member_center___2W_vp > p {
      font-size: 15px;
      border-left: 4px solid #d7967f;
      padding-left: 20px; }
    .MobileHeader___content___347SG .MobileHeader___member_center___2W_vp .MobileHeader___btns___2WH_V {
      display: flex;
      flex-wrap: wrap; }
      .MobileHeader___content___347SG .MobileHeader___member_center___2W_vp .MobileHeader___btns___2WH_V > button {
        border: 1px solid #376594;
        width: 45%;
        margin: 0 2.5% 5%;
        border-radius: 5px;
        padding: 5px 0;
        color: #666f75;
        display: flex;
        align-items: center;
        height: 40px;
        justify-content: center; }
        .MobileHeader___content___347SG .MobileHeader___member_center___2W_vp .MobileHeader___btns___2WH_V > button > img {
          width: 30px;
          margin-right: 5px; }
  .MobileHeader___content___347SG .MobileHeader___cooperator___1obqu {
    text-align: center; }
    .MobileHeader___content___347SG .MobileHeader___cooperator___1obqu .MobileHeader___logo___34y6P {
      overflow-y: scroll;
      display: flex;
      align-items: center;
      flex-wrap: nowrap; }
      .MobileHeader___content___347SG .MobileHeader___cooperator___1obqu .MobileHeader___logo___34y6P > img {
        width: 70px; }
  .MobileHeader___content___347SG .MobileHeader___info___1cxqZ {
    border-bottom: #e4c3bf 2px solid;
    border-top: #e4c3bf 2px solid;
    display: flex;
    justify-content: space-around;
    padding: 5px 0;
    color: #b9301e;
    text-align: center; }
    .MobileHeader___content___347SG .MobileHeader___info___1cxqZ > a {
      width: 10%; }
  .MobileHeader___content___347SG .MobileHeader___bottom___zBlnh {
    text-align: center;
    margin-top: 5%; }
    .MobileHeader___content___347SG .MobileHeader___bottom___zBlnh > a {
      margin: 0 10px; }
      .MobileHeader___content___347SG .MobileHeader___bottom___zBlnh > a > img {
        width: 30px; }

.MobileUserData___container___2obdc {
  background-color: #d4deea;
  display: flex;
  align-items: center;
  padding: 5px 1%;
  height: 40px;
  justify-content: space-around; }
  .MobileUserData___container___2obdc > button {
    width: 20%; }
    .MobileUserData___container___2obdc > button > img {
      width: 100%; }

@media (min-width: 576px) {
  .MobileIndex___wrapper___1EgnM {
    display: none; } }

@media (max-width: 575.98px) {
  .MobileIndex___wrapper___1EgnM {
    position: relative;
    display: flex;
    width: 100%;
    overflow-y: scroll;
    padding: 0 5%; }
    .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv {
      position: relative;
      background: linear-gradient(180deg, #F3F3F3 0%, #FFFFFF 48.96%, #F3F3F3 100%);
      padding: 10px 5px;
      overflow-y: scroll;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 10px;
      width: 12%;
      margin-right: 3%;
      margin-top: 10px;
      height: calc(100% - 65px); }
      .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv > button {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #9BA6B8;
        margin-bottom: 40px; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv > button > img {
          width: 18px;
          height: 18px;
          margin-bottom: 5px; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv > button > span {
          pointer-events: none; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv .MobileIndex___on___2Ukan {
        position: relative;
        animation: MobileIndex___animation___1PXz1 .5s;
        transition: .3s;
        width: 30px;
        height: 30px; }
  @keyframes MobileIndex___animation___1PXz1 {
    0% {
      width: 18px;
      height: 18px; }
    100% {
      width: 30px;
      height: 30px; } }
      .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv .MobileIndex___text_on___3bw4F {
        color: #C87064; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___tabs___1iybv .MobileIndex___placeholder___2Jnjp {
        visibility: hidden; }
    .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP {
      position: relative;
      width: 100%;
      overflow-y: scroll;
      padding-bottom: 60px;
      padding-top: 10px; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___game_wrapper___bqQ-5 {
        position: relative;
        width: 100%; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___game_wrapper___bqQ-5 > button {
          position: relative;
          margin-bottom: 5%;
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          border-radius: 15px; }
          .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___game_wrapper___bqQ-5 > button > img {
            border-radius: 15px;
            width: 100%; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot1___rL662 {
        position: absolute;
        left: -10px;
        top: -10px;
        width: 30%;
        z-index: 1; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot1___rL662 > img {
          z-index: 1;
          width: 100%; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot2___A8CFA {
        position: absolute;
        left: -10px;
        top: 10%;
        width: 30%;
        z-index: 1; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot2___A8CFA > img {
          z-index: 1;
          width: 100%; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot3___19l2x {
        position: absolute;
        left: -10px;
        top: 20%;
        width: 30%;
        z-index: 1; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot3___19l2x > img {
          z-index: 1;
          width: 100%; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot4___2My7D {
        position: absolute;
        left: -10px;
        top: 32%;
        width: 30%;
        z-index: 1; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP .MobileIndex___hot4___2My7D > img {
          z-index: 1;
          width: 100%; }
      .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP > div {
        position: relative;
        left: 5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 95%; }
        .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP > div > button {
          position: relative;
          margin-bottom: 5%;
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          border-radius: 15px; }
          .MobileIndex___wrapper___1EgnM .MobileIndex___content___2r6lP > div > button > img {
            border-radius: 15px;
            width: 100%; }
  .MobileIndex___slot___25tMP {
    text-align: center;
    margin: 5% auto; }
    .MobileIndex___slot___25tMP .MobileIndex___btns___25g-O {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      .MobileIndex___slot___25tMP .MobileIndex___btns___25g-O > a {
        position: relative;
        padding-top: 22%;
        width: 45%;
        margin: 2.5%; }
        .MobileIndex___slot___25tMP .MobileIndex___btns___25g-O > a > img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
      .MobileIndex___slot___25tMP .MobileIndex___btns___25g-O .MobileIndex___on___2Ukan {
        border: 2px solid #a4705a;
        border-radius: 35px;
        overflow: hidden; }
    .MobileIndex___slot___25tMP .MobileIndex___games___1koVq {
      padding-bottom: 20%; }
      .MobileIndex___slot___25tMP .MobileIndex___games___1koVq > button {
        position: relative;
        width: 40%;
        margin: 2.5%; }
        .MobileIndex___slot___25tMP .MobileIndex___games___1koVq > button .MobileIndex___hundred___7AZUL {
          position: absolute;
          top: 0;
          width: 30%;
          background: #C97165;
          border: 2px solid #FFFFFF;
          border-radius: 10px;
          color: white;
          margin-top: 3%; }
        .MobileIndex___slot___25tMP .MobileIndex___games___1koVq > button .MobileIndex___placeholder___2Jnjp {
          position: relative;
          width: 100%;
          background-color: #4e4e54; }
        .MobileIndex___slot___25tMP .MobileIndex___games___1koVq > button .MobileIndex___none___1iJE6 {
          position: relative;
          width: 100%;
          background-color: transparent; }
        .MobileIndex___slot___25tMP .MobileIndex___games___1koVq > button > img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%; } }

@media (max-width: 575.98px) {
  .MobileRank___wrapper___2Poym {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .MobileRank___wrapper___2Poym > h6 {
      color: #606870;
      font-size: 16px; }
    .MobileRank___wrapper___2Poym .MobileRank___content___1sihp {
      position: relative;
      width: 100%; }
      .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 8px;
        width: 100%;
        background: url(/_next/static/images/BG-d00a4a9d019058e81ce5c0b68444aaae.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 0 5% 10px;
        min-height: 60px; }
        .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p .MobileRank___rank___2vCJv {
          width: 15%;
          font-size: 16px; }
          .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p .MobileRank___rank___2vCJv > img {
            width: 70%; }
        .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p .MobileRank___middle___1MxCq {
          display: flex;
          align-items: center;
          width: 60%;
          height: 100%;
          padding: 0 10%; }
          .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p .MobileRank___middle___1MxCq > img {
            width: 20px;
            margin-left: 10px; }
        .MobileRank___wrapper___2Poym .MobileRank___content___1sihp > p .MobileRank___amount___3baEj {
          text-align: left;
          width: 25%;
          color: #C87064; } }

@media (min-width: 576px) {
  .CustomService___wrapper___36gBP {
    margin: 2% 20%;
    background: linear-gradient(#fff, #d4dbf1);
    text-align: center; }
    .CustomService___wrapper___36gBP .CustomService___mobile___219Cw {
      display: none; }
    .CustomService___wrapper___36gBP .CustomService___mobile_btn___2WPW_ {
      display: none; }
    .CustomService___wrapper___36gBP > h6 {
      font-size: 22px;
      margin-top: 30px;
      color: #606870;
      font-weight: bold; }
    .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 {
      margin: 2% 10%;
      display: flex;
      justify-content: center; }
      .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div {
        background-color: white;
        width: 40%;
        margin: 0 5px; }
        .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(1) {
          padding: 5px 0;
          width: 100%;
          background: linear-gradient(to left, #ffe6dd, #f2b6a2);
          position: relative;
          color: #a4705a !important;
          font-size: 16px; }
          .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(1) > img {
            width: 28px;
            margin-right: 5px; }
        .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(2) {
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #c15445;
          font-size: 20px;
          padding: 5% 5% 10%; }
          .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(2) > img {
            width: 50%; }
    .CustomService___wrapper___36gBP > p {
      color: #606870;
      width: 40%;
      font-size: 16px;
      margin: 0 auto; } }

@media (max-width: 575.98px) {
  .CustomService___wrapper___36gBP {
    margin: 2% 5%; }
    .CustomService___wrapper___36gBP > h6 {
      display: none; }
    .CustomService___wrapper___36gBP .CustomService___mobile___219Cw {
      box-shadow: 0 5px 10px #ccd7e6;
      margin-bottom: 10%;
      padding: 5px 10px; }
      .CustomService___wrapper___36gBP .CustomService___mobile___219Cw > span {
        display: inline-block; }
    .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 {
      text-align: center; }
      .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div {
        background-color: white;
        width: 100%;
        box-shadow: 0 5px 10px #ccd7e6;
        margin-bottom: 5%; }
        .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(1) {
          padding: 5px 0;
          width: 100%;
          background: linear-gradient(to left, #ffe6dd, #f2b6a2);
          position: relative;
          color: #a4705a !important;
          font-size: 16px; }
          .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(1) > img {
            width: 28px;
            margin-right: 5px; }
        .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(2) {
          display: flex;
          flex-direction: column;
          align-items: center;
          color: #c15445;
          font-size: 20px;
          padding: 5% 5% 2%; }
          .CustomService___wrapper___36gBP .CustomService___qrcode___2TmF5 > div > div:nth-child(2) > img {
            width: 50%; }
    .CustomService___wrapper___36gBP .CustomService___wechat_notice___NJLIY {
      font-size: 14px;
      color: #677389; }
    .CustomService___wrapper___36gBP .CustomService___mobile_btn___2WPW_ {
      font-size: 14px;
      border: 1px solid grey;
      height: 35px;
      width: 142px;
      line-height: 32px;
      border-radius: 20px;
      margin: 5% auto 0;
      background: linear-gradient(#fff, #c0ccda, #c0ccda, white); }
    .CustomService___wrapper___36gBP > p {
      color: #606870;
      width: 40%;
      font-size: 16px;
      margin: 0 auto;
      display: none; } }

.FAQ___container___1rTJX {
  padding: 2% 5%; }
  .FAQ___container___1rTJX .FAQ___box___3TSlQ {
    box-shadow: 0 5px 10px #ccd7e6;
    margin-bottom: 3%;
    padding: 2% 3%;
    font-size: 16px; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ .FAQ___title___3BEpa {
      height: 40px;
      line-height: 40px;
      color: #a4705a !important;
      background: linear-gradient(to left, #ffe6dd, #f2b6a2);
      text-align: center; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ > ul {
      margin-top: 3%; }
      .FAQ___container___1rTJX .FAQ___box___3TSlQ > ul > li {
        position: relative;
        margin-left: 1em;
        list-style-type: Decimal; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ .FAQ___color1___1l0Xw {
      color: #a4705a;
      font-weight: bold;
      font-size: 16px;
      margin-top: 3%; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ > p {
      font-size: 16px;
      font-weight: bold;
      margin: 0; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ .FAQ___top___311_R {
      margin-top: 3%; }
    .FAQ___container___1rTJX .FAQ___box___3TSlQ .FAQ___color2___1dnZw {
      color: #ff9900;
      font-weight: bold;
      font-size: 16px;
      margin-top: 3%; }

.Register___link___1Fp9s {
  font-size: 15px;
  color: blue;
  text-decoration: underline; }

@media (min-width: 576px) {
  .Register___container___1tBAj {
    position: relative;
    padding: 5% 5%;
    box-shadow: 0 5px 10px #ccd7e6; }
    .Register___container___1tBAj .Register___girl___9xANx {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      left: 0;
      animation: Register___animation___3w9G4 .8s; }
  @keyframes Register___animation___3w9G4 {
    from {
      left: -100%; }
    to {
      left: 0%; } }
    .Register___container___1tBAj .Register___dice___3Vze7 {
      position: absolute;
      top: 5%;
      right: 10%;
      width: 100px;
      z-index: 1; }
    .Register___container___1tBAj .Register___form___3N8U8 {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 10%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-end;
      width: 600px;
      overflow: hidden; }
      .Register___container___1tBAj .Register___form___3N8U8 .Register___right_bg___21l2- {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1; }
      .Register___container___1tBAj .Register___form___3N8U8 > form {
        margin-bottom: 3%;
        width: 60%; }
        .Register___container___1tBAj .Register___form___3N8U8 > form > h6 {
          font-size: 22px;
          color: #C85F62;
          margin-bottom: 20px; }
        .Register___container___1tBAj .Register___form___3N8U8 > form > div {
          position: relative;
          font-size: 16px;
          background: #F9fafc;
          border: 1px solid #ccd7e6;
          padding-left: 20px;
          color: #376594;
          height: 40px;
          border-radius: 7px;
          box-shadow: inset 0 2px 4px 0 #b8c3d6;
          margin-bottom: 10px;
          display: flex;
          align-items: center; }
          .Register___container___1tBAj .Register___form___3N8U8 > form > div > img {
            margin-right: 10px;
            width: 20px; }
          .Register___container___1tBAj .Register___form___3N8U8 > form > div > input, .Register___container___1tBAj .Register___form___3N8U8 > form > div > select {
            width: 100%;
            background-color: transparent; }
        .Register___container___1tBAj .Register___form___3N8U8 > form .Register___checkbox___1Qgwh {
          display: flex;
          font-size: 15px; }
          .Register___container___1tBAj .Register___form___3N8U8 > form .Register___checkbox___1Qgwh > input {
            position: relative;
            top: 1.5px;
            margin-right: 10px; }
        .Register___container___1tBAj .Register___form___3N8U8 > form .Register___get_code___16uda {
          position: relative;
          font-size: 14px;
          color: #e1b09f;
          font-weight: bold;
          line-height: 35px;
          border: 2px solid #e1b09f;
          text-align: center;
          border-radius: 5px;
          float: right;
          padding: 2px 20px; } }

@media (max-width: 575.98px) {
  .Register___container___1tBAj {
    position: relative;
    box-shadow: 0 5px 10px #ccd7e6;
    padding: 5% 0;
    width: 90%;
    left: 5%;
    margin-top: 5%; }
    .Register___container___1tBAj > img {
      display: none; }
    .Register___container___1tBAj .Register___form___3N8U8 {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .Register___container___1tBAj .Register___form___3N8U8 .Register___right_bg___21l2- {
        display: none; }
      .Register___container___1tBAj .Register___form___3N8U8 > form {
        width: 90%;
        margin: 0 auto; }
        .Register___container___1tBAj .Register___form___3N8U8 > form > h6 {
          font-size: 22px;
          color: #C85F62;
          margin-bottom: 20px;
          display: none; }
        .Register___container___1tBAj .Register___form___3N8U8 > form > div {
          position: relative;
          font-size: 16px;
          background: #F9fafc;
          border: 1px solid #ccd7e6;
          padding-left: 20px;
          color: #376594;
          height: 40px;
          border-radius: 7px;
          box-shadow: inset 0 2px 4px 0 #b8c3d6;
          margin-bottom: 10px;
          display: flex;
          align-items: center; }
          .Register___container___1tBAj .Register___form___3N8U8 > form > div > img {
            margin-right: 10px;
            width: 20px; }
          .Register___container___1tBAj .Register___form___3N8U8 > form > div > input, .Register___container___1tBAj .Register___form___3N8U8 > form > div > select {
            width: 100%;
            background-color: transparent; }
        .Register___container___1tBAj .Register___form___3N8U8 > form .Register___checkbox___1Qgwh {
          display: flex;
          font-size: 15px; }
          .Register___container___1tBAj .Register___form___3N8U8 > form .Register___checkbox___1Qgwh > input {
            position: relative;
            top: 1.5px;
            margin-right: 10px; }
        .Register___container___1tBAj .Register___form___3N8U8 > form .Register___get_code___16uda {
          position: relative;
          font-size: 14px;
          color: #e1b09f;
          font-weight: bold;
          line-height: 35px;
          border: 2px solid #e1b09f;
          text-align: center;
          border-radius: 5px;
          float: right;
          padding: 2px 20px;
          margin-bottom: 5%; }
        .Register___container___1tBAj .Register___form___3N8U8 > form .Register___submit___3YdXH {
          position: relative;
          left: 50%;
          transform: translate(-50%); } }

.Common___wrapper___24a2_ {
  margin-top: 30px; }
  .Common___wrapper___24a2_ .Common___tabs___Fdkbt {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    @media (min-width: 576px) {
      .Common___wrapper___24a2_ .Common___tabs___Fdkbt {
        width: 65%; } }
    @media (max-width: 575.98px) {
      .Common___wrapper___24a2_ .Common___tabs___Fdkbt {
        width: 70%; } }
    .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a {
      position: relative; }
      @media (min-width: 576px) {
        .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a {
          width: 16%;
          margin: 0 10px; }
          .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a > img {
            width: 100%;
            height: 50px; } }
      @media (max-width: 575.98px) {
        .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a {
          width: 28%;
          margin: 2%; }
          .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a > img {
            width: 100%;
            height: 30px; } }
      .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a > span {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        color: #606870; }
      .Common___wrapper___24a2_ .Common___tabs___Fdkbt > a .Common___white___2rGsF {
        color: white; }
  .Common___wrapper___24a2_ .Common___content___3EWDJ {
    width: 80%;
    margin: 2% auto 0;
    background: #f8f9fe;
    font-size: 14px;
    padding: 20px 2%; }
    .Common___wrapper___24a2_ .Common___content___3EWDJ > h5 {
      color: #606870;
      font-weight: bold;
      font-size: 18px; }
    .Common___wrapper___24a2_ .Common___content___3EWDJ > h6 {
      color: #606870;
      font-size: 14px;
      margin-top: 20px; }
    .Common___wrapper___24a2_ .Common___content___3EWDJ > ol > li {
      margin-left: 30px;
      margin-bottom: 20px;
      list-style-type: decimal; }
    .Common___wrapper___24a2_ .Common___content___3EWDJ > ul > li {
      margin-left: 30px;
      list-style-type: square; }

@media (min-width: 576px) {
  .Wrapper___wrapper___2yIqy {
    position: relative;
    border-radius: 5px;
    padding: 2% 15%;
    display: flex;
    align-items: flex-start; }
    .Wrapper___wrapper___2yIqy .Wrapper___icon___2PulG {
      width: 30px; }
    .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy {
      box-shadow: 0px 5px 5px #ccd7e6;
      width: 24%;
      color: #333;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: space-between; }
      .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy > h6 {
        color: #606870;
        border-left: 4px solid #d7967f;
        padding: 15px 0 15px 10px;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        border-bottom: 1px solid #dfdfdf; }
      .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy .Wrapper___bg___1bBa3 {
        display: flex;
        align-items: center;
        background: linear-gradient(to right, #fbeae4, #fef8f6); }
      .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy > a:hover {
        color: #333;
        background: linear-gradient(to right, #fbeae4, #fef8f6); }
      .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy > a {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        font-size: 16px;
        padding: 20px 20%;
        text-decoration: none;
        white-space: nowrap; }
    .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW {
      width: 73%;
      margin-left: 2%; }
      .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW > h4 {
        font-size: 17px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        color: #a4705a !important;
        background: linear-gradient(to left, #ffe6dd, #f2b6a2); }
      .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW .Wrapper___content___3UI2R {
        padding: 45px 20px 90px 20px !important;
        box-shadow: 0 2px 6px -1px #d5e5f4, inset -2px 0 4px 0 #fff, inset 2px -3px 4px 0 #fff; } }

@media (max-width: 575.98px) {
  .Wrapper___wrapper___2yIqy {
    position: relative;
    border-radius: 5px;
    padding: 2% 5%;
    display: flex;
    align-items: flex-start; }
    .Wrapper___wrapper___2yIqy .Wrapper___tabs___18dQy {
      display: none; }
    .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW {
      width: 100%; }
      .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW > h4 {
        display: none; }
      .Wrapper___wrapper___2yIqy .Wrapper___children___gilCW .Wrapper___content___3UI2R {
        padding: 45px 20px 90px 20px !important;
        box-shadow: 0 2px 6px -1px #d5e5f4, inset -2px 0 4px 0 #fff, inset 2px -3px 4px 0 #fff; } }

.Deposit___notice_text___1kFxh {
  text-align: left;
  font-size: 15px; }

.Deposit___link___1iEax {
  font-size: 15px;
  color: blue;
  text-decoration: underline; }

@media (min-width: 576px) {
  .Deposit___tabs___1MfxF {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .Deposit___tabs___1MfxF > button {
      cursor: pointer;
      width: 200px;
      line-height: 40px;
      height: 40px;
      transition: 0.3s;
      font-size: 14px;
      border: 1px solid #dbe3f1;
      text-align: center;
      border-radius: 5px; }
    .Deposit___tabs___1MfxF .Deposit___on___32HFU {
      color: #d7967f;
      border: 1px solid #d7967f;
      border-bottom: 1px solid;
      box-shadow: 0px 2px;
      font-weight: bold; }
  .Deposit___content___3CaAR .Deposit___atm___2IZRF, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj {
    text-align: center;
    padding: 0 20%; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___bank___3OJOb, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___bank___3OJOb {
      text-align: left;
      margin-top: 10%; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___bank___3OJOb > img, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___bank___3OJOb > img {
        width: 100px;
        height: 100px !important;
        margin: 0 auto;
        cursor: pointer; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 16px;
      background: #F9fafc;
      border: 1px solid #ccd7e6;
      border-radius: 7px;
      box-shadow: inset 0 2px 4px 0 #b8c3d6;
      padding: 5px 10px;
      margin-top: 5%; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset > input, .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset > select, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset > input, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset > select {
        width: 100%;
        background-color: transparent;
        padding-left: 5px; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset ::placeholder, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset ::placeholder {
        color: #376594; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___text___3xmyg, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___text___3xmyg {
      text-align: right;
      margin-top: 5%;
      color: #858F99;
      font-size: 15px; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___text___3xmyg > span, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___text___3xmyg > span {
        color: #663399;
        font-weight: 900; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___submit___3CR-j, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___submit___3CR-j {
      margin-top: 5%; }
  .Deposit___content___3CaAR .Deposit___vip___2JCli {
    padding: 5% 20%;
    text-align: center; }
    .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset {
      display: flex;
      align-items: center;
      margin-top: 5%; }
      .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset > label {
        width: 20%; }
      .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset > input {
        width: 80%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
    .Deposit___content___3CaAR .Deposit___vip___2JCli .Deposit___text___3xmyg {
      text-align: right;
      margin-top: 5%;
      color: #858F99;
      font-size: 15px; }
  .Deposit___notice___3wD0L {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99; }
    .Deposit___notice___3wD0L .Deposit___box___SHdTB {
      width: 360px;
      border-radius: 2px 2px 0 0; }
      .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___head___2YSn4 {
        background-color: #F8F8F8;
        padding: 5%; }
      .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 {
        background-color: white;
        padding: 5%; }
        .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 > p {
          color: #333333;
          font-size: 15px; }
        .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR {
          margin-top: 10%;
          display: flex;
          justify-content: flex-end; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button {
            padding: 5px 10px;
            border-radius: 5px; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button:nth-child(1) {
            background-color: #1E9FFF;
            border: 1px solid #1E9FFF;
            color: white; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button:nth-child(2) {
            border: 1px solid black;
            margin-left: 10px; } }

@media (max-width: 575.98px) {
  .Deposit___tabs___1MfxF {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .Deposit___tabs___1MfxF > button {
      cursor: pointer;
      width: 100px;
      line-height: 40px;
      height: 40px;
      transition: 0.3s;
      font-size: 14px;
      border: 1px solid #dbe3f1;
      text-align: center;
      border-radius: 5px; }
    .Deposit___tabs___1MfxF .Deposit___on___32HFU {
      color: #d7967f;
      border: 1px solid #d7967f;
      border-bottom: 1px solid;
      box-shadow: 0px 2px;
      font-weight: bold; }
  .Deposit___content___3CaAR .Deposit___atm___2IZRF, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj {
    text-align: center;
    padding: 5% 0; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___bank___3OJOb, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___bank___3OJOb {
      text-align: left;
      margin-top: 10%; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___bank___3OJOb > img, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___bank___3OJOb > img {
        width: 100px;
        height: 100px !important;
        margin: 0 auto;
        cursor: pointer; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 16px;
      background: #F9fafc;
      border: 1px solid #ccd7e6;
      border-radius: 7px;
      box-shadow: inset 0 2px 4px 0 #b8c3d6;
      padding: 5px 10px;
      margin-top: 5%; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset > input, .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset > select, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset > input, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset > select {
        width: 100%;
        background-color: transparent;
        padding-left: 5px; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF > fieldset ::placeholder, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj > fieldset ::placeholder {
        color: #376594; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___text___3xmyg, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___text___3xmyg {
      text-align: right;
      margin-top: 5%;
      color: #858F99;
      font-size: 15px; }
      .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___text___3xmyg > span, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___text___3xmyg > span {
        color: #663399;
        font-weight: 900; }
    .Deposit___content___3CaAR .Deposit___atm___2IZRF .Deposit___submit___3CR-j, .Deposit___content___3CaAR .Deposit___convenience_store___3ypPj .Deposit___submit___3CR-j {
      margin-top: 5%; }
  .Deposit___content___3CaAR .Deposit___vip___2JCli {
    padding: 5% 0%;
    text-align: center; }
    .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset {
      display: flex;
      align-items: center;
      margin-top: 5%; }
      .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset > label {
        width: 20%; }
      .Deposit___content___3CaAR .Deposit___vip___2JCli > fieldset > input {
        width: 80%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
    .Deposit___content___3CaAR .Deposit___vip___2JCli .Deposit___text___3xmyg {
      text-align: right;
      margin-top: 5%;
      color: #858F99;
      font-size: 15px; }
  .Deposit___notice___3wD0L {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99; }
    .Deposit___notice___3wD0L .Deposit___box___SHdTB {
      width: 360px;
      border-radius: 2px 2px 0 0; }
      .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___head___2YSn4 {
        background-color: #F8F8F8;
        padding: 5%; }
      .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 {
        background-color: white;
        padding: 5%; }
        .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 > p {
          color: #333333;
          font-size: 15px; }
        .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR {
          margin-top: 10%;
          display: flex;
          justify-content: flex-end; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button {
            padding: 5px 10px;
            border-radius: 5px; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button:nth-child(1) {
            background-color: #1E9FFF;
            border: 1px solid #1E9FFF;
            color: white; }
          .Deposit___notice___3wD0L .Deposit___box___SHdTB .Deposit___body___MIkk5 .Deposit___btns___slKhR > button:nth-child(2) {
            border: 1px solid black;
            margin-left: 10px; } }

@media (min-width: 576px) {
  .Fixtime___table___35cEN {
    position: relative;
    text-align: center;
    margin: 0 auto 5%;
    width: 80%;
    border: 1px solid #a4705a;
    font-size: 14px; }
    .Fixtime___table___35cEN > thead > tr > td {
      text-align: center;
      border-bottom: 1px solid #a4705a;
      display: block;
      background: linear-gradient(to left, #ffe6dd, #f2b6a2);
      color: #a4705a;
      font-weight: bold;
      width: 100%;
      font-size: 14px;
      padding: 10px 0; }
    .Fixtime___table___35cEN > tbody > tr > td {
      display: inline-block;
      width: 50%;
      padding: 10px 0; }
    .Fixtime___table___35cEN tr {
      border-bottom: 1px solid #a4705a; } }

@media (max-width: 575.98px) {
  .Fixtime___table___35cEN {
    position: relative;
    text-align: center;
    margin: 0 auto 5%;
    width: 100%;
    border: 1px solid #a4705a;
    font-size: 14px; }
    .Fixtime___table___35cEN > thead > tr > td {
      text-align: center;
      border-bottom: 1px solid #a4705a;
      display: block;
      background: linear-gradient(to left, #ffe6dd, #f2b6a2);
      color: #a4705a;
      font-weight: bold;
      width: 100%;
      font-size: 14px;
      padding: 10px 0; }
    .Fixtime___table___35cEN > tbody > tr > td {
      display: inline-block;
      width: 50%;
      padding: 10px 0; }
    .Fixtime___table___35cEN tr {
      border-bottom: 1px solid #a4705a; } }

@media (min-width: 576px) {
  .History___container___1mq2K {
    position: relative; }
    .History___container___1mq2K > fieldset {
      margin-bottom: 5%;
      width: 100%;
      font-size: 15px;
      display: flex;
      align-items: center; }
      .History___container___1mq2K > fieldset > label {
        width: 20%; }
      .History___container___1mq2K > fieldset > select {
        display: flex;
        align-items: center;
        width: 80%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        padding-left: 40px;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
      .History___container___1mq2K > fieldset .History___date_picker___3ociC {
        width: 80%;
        font-size: 12px; }
        .History___container___1mq2K > fieldset .History___date_picker___3ociC > button {
          width: 45%;
          font-size: 16px;
          background: #F9fafc;
          border: 1px solid #ccd7e6;
          padding-left: 40px;
          border-radius: 7px;
          box-shadow: inset 0 2px 4px 0 #b8c3d6;
          padding: 5px 10px; }
        .History___container___1mq2K > fieldset .History___date_picker___3ociC .History___to___3aqXv {
          margin: 0 2.5%; }
    .History___container___1mq2K > button {
      display: flex;
      justify-content: center;
      margin: 0 auto; }
    .History___container___1mq2K .History___table___39jQS {
      width: 100%;
      overflow-x: scroll; }
      .History___container___1mq2K .History___table___39jQS > table {
        position: relative;
        text-align: center;
        margin: 5% 0;
        width: 100%;
        border: 1px solid #a4705a;
        font-size: 14px; }
        .History___container___1mq2K .History___table___39jQS > table > thead {
          background: linear-gradient(to left, #ffe6dd, #f2b6a2); }
          .History___container___1mq2K .History___table___39jQS > table > thead > tr > td {
            text-align: center;
            border-bottom: 1px solid #a4705a;
            color: #a4705a;
            font-weight: bold;
            font-size: 14px;
            padding: 10px 0;
            border: 1px solid black; }
        .History___container___1mq2K .History___table___39jQS > table > tbody > tr > td {
          border-bottom: 1px solid #a4705a;
          padding: 10px 0;
          border: 1px solid black;
          min-width: 100px; }
  .History___pageNumber___1hns9 {
    right: 3%;
    text-align: right; }
    .History___pageNumber___1hns9 .History___num_page___3ofsX {
      font-size: 12px;
      margin-right: 10px; }
    .History___pageNumber___1hns9 .History___num_page_orange___33xvz {
      font-size: 15px;
      margin-right: 10px;
      color: #ca7366; } }

@media (max-width: 575.98px) {
  .History___container___1mq2K > fieldset {
    margin-bottom: 5%;
    width: 100%;
    font-size: 15px;
    display: flex;
    align-items: center; }
    .History___container___1mq2K > fieldset > label {
      width: 20%; }
    .History___container___1mq2K > fieldset > select {
      display: flex;
      align-items: center;
      width: 80%;
      font-size: 16px;
      background: #F9fafc;
      border: 1px solid #ccd7e6;
      padding-left: 40px;
      border-radius: 7px;
      box-shadow: inset 0 2px 4px 0 #b8c3d6;
      padding: 5px 10px; }
    .History___container___1mq2K > fieldset .History___date_picker___3ociC {
      width: 80%;
      font-size: 12px; }
      .History___container___1mq2K > fieldset .History___date_picker___3ociC > button {
        width: 45%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        padding-left: 40px;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
      .History___container___1mq2K > fieldset .History___date_picker___3ociC .History___to___3aqXv {
        margin: 0 2.5%; }
  .History___container___1mq2K > button {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
  .History___container___1mq2K .History___table___39jQS {
    width: 100%;
    overflow-x: scroll; }
    .History___container___1mq2K .History___table___39jQS > table {
      position: relative;
      text-align: center;
      margin: 5% 0;
      width: 100%;
      border: 1px solid #a4705a;
      font-size: 14px; }
      .History___container___1mq2K .History___table___39jQS > table > thead {
        background: linear-gradient(to left, #ffe6dd, #f2b6a2); }
        .History___container___1mq2K .History___table___39jQS > table > thead > tr > td {
          text-align: center;
          border-bottom: 1px solid #a4705a;
          color: #a4705a;
          font-weight: bold;
          font-size: 14px;
          padding: 10px 0;
          border: 1px solid black; }
      .History___container___1mq2K .History___table___39jQS > table > tbody > tr > td {
        border-bottom: 1px solid #a4705a;
        padding: 10px 0;
        border: 1px solid black;
        min-width: 100px; }
  .History___pageNumber___1hns9 {
    right: 3%;
    text-align: right; }
    .History___pageNumber___1hns9 .History___num_page___3ofsX {
      font-size: 12px;
      margin-right: 10px; }
    .History___pageNumber___1hns9 .History___num_page_orange___33xvz {
      font-size: 15px;
      margin-right: 10px;
      color: #FEE892; } }

@media (min-width: 576px) {
  .BindBankCard___container___1fxjF {
    width: 80%;
    margin: 0 auto; }
    .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 30%; }
      .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        display: flex; }
        .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > input, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > select, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > button, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594;
          width: 100%; }
        .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span ::placeholder {
          color: #376594; }
    .BindBankCard___container___1fxjF .BindBankCard___text___Yb1Qu {
      text-align: right;
      color: #663399; }
    .BindBankCard___container___1fxjF .BindBankCard___btns___1YWlq {
      text-align: center; } }

@media (max-width: 575.98px) {
  .BindBankCard___container___1fxjF {
    width: 100%;
    margin: 0 auto; }
    .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 30%; }
      .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        display: flex; }
        .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > input, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > select, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > button, .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594;
          width: 100%; }
        .BindBankCard___container___1fxjF .BindBankCard___form___1odg7 > fieldset > span ::placeholder {
          color: #376594; }
    .BindBankCard___container___1fxjF .BindBankCard___text___Yb1Qu {
      text-align: right;
      color: #663399; }
    .BindBankCard___container___1fxjF .BindBankCard___btns___1YWlq {
      text-align: center; } }

@media (min-width: 576px) {
  .Info___container___1L5ri {
    width: 80%;
    margin: 0 auto; }
    .Info___container___1L5ri .Info___form___1dsvm > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .Info___container___1L5ri .Info___form___1dsvm > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 30%; }
      .Info___container___1L5ri .Info___form___1dsvm > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
        .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > input, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > select, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > button, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594;
          width: 100%;
          text-align: left; }
        .Info___container___1L5ri .Info___form___1dsvm > fieldset > span ::placeholder {
          color: #376594; }
    .Info___container___1L5ri .Info___text___mvbQA {
      text-align: right;
      color: #663399; }
    .Info___container___1L5ri .Info___btns___RVNyA {
      text-align: center; } }

@media (max-width: 575.98px) {
  .Info___container___1L5ri {
    margin: 0 auto; }
    .Info___container___1L5ri .Info___form___1dsvm > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .Info___container___1L5ri .Info___form___1dsvm > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 30%; }
      .Info___container___1L5ri .Info___form___1dsvm > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
        .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > input, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > select, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > button, .Info___container___1L5ri .Info___form___1dsvm > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594;
          width: 100%;
          text-align: left; }
        .Info___container___1L5ri .Info___form___1dsvm > fieldset > span ::placeholder {
          color: #376594; }
    .Info___container___1L5ri .Info___text___mvbQA {
      text-align: right;
      color: #663399; }
    .Info___container___1L5ri .Info___btns___RVNyA {
      margin-top: 5%;
      text-align: center; } }

@media (min-width: 576px) {
  .ResetPassword___container___1vT_a {
    width: 80%;
    margin: 0 auto; }
    .ResetPassword___container___1vT_a > form > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .ResetPassword___container___1vT_a > form > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 30%; }
      .ResetPassword___container___1vT_a > form > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
        .ResetPassword___container___1vT_a > form > fieldset > span > input, .ResetPassword___container___1vT_a > form > fieldset > span > select, .ResetPassword___container___1vT_a > form > fieldset > span > button, .ResetPassword___container___1vT_a > form > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594; }
        .ResetPassword___container___1vT_a > form > fieldset > span ::placeholder {
          color: #376594; }
    .ResetPassword___container___1vT_a .ResetPassword___text___1qbEq {
      text-align: right;
      color: #663399; }
    .ResetPassword___container___1vT_a .ResetPassword___btns___3O71H {
      text-align: center; } }

@media (max-width: 575.98px) {
  .ResetPassword___container___1vT_a {
    margin: 0 auto; }
    .ResetPassword___container___1vT_a > form > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .ResetPassword___container___1vT_a > form > fieldset > label {
        position: relative;
        line-height: 100%;
        width: 40%; }
      .ResetPassword___container___1vT_a > form > fieldset > span {
        width: 60%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        display: flex;
        align-items: center; }
        .ResetPassword___container___1vT_a > form > fieldset > span > input, .ResetPassword___container___1vT_a > form > fieldset > span > select, .ResetPassword___container___1vT_a > form > fieldset > span > button, .ResetPassword___container___1vT_a > form > fieldset > span > span {
          padding-left: 10px;
          background-color: transparent;
          color: #376594; }
        .ResetPassword___container___1vT_a > form > fieldset > span ::placeholder {
          color: #376594; }
    .ResetPassword___container___1vT_a .ResetPassword___text___1qbEq {
      text-align: right;
      color: #663399; }
    .ResetPassword___container___1vT_a .ResetPassword___btns___3O71H {
      text-align: center; } }

@media (min-width: 576px) {
  .Own___container___2Lim3 {
    width: 80%;
    margin: 0 auto; }
    .Own___container___2Lim3 .Own___top___b_g4H {
      margin-bottom: 5%;
      font-size: 14px;
      width: 40%;
      display: flex;
      justify-content: space-between; }
      .Own___container___2Lim3 .Own___top___b_g4H .Own___vip___1XOc4 {
        display: flex;
        align-items: center; }
        .Own___container___2Lim3 .Own___top___b_g4H .Own___vip___1XOc4 > img {
          width: 30px;
          margin-left: 10px; }
      .Own___container___2Lim3 .Own___top___b_g4H .Own___search_vip___3clPE {
        width: 130px;
        height: 80%;
        float: right;
        margin-top: 5px;
        margin-left: 10px;
        text-align: center;
        border: 1px solid #ea8767;
        color: #ea8767;
        border-radius: 5px;
        line-height: 32px; }
    .Own___container___2Lim3 > fieldset {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .Own___container___2Lim3 > fieldset > label {
        width: 15%; }
      .Own___container___2Lim3 > fieldset > span {
        width: 70%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px; }
        .Own___container___2Lim3 > fieldset > span > input {
          padding-left: 10px;
          background-color: transparent;
          color: #376594; }
        .Own___container___2Lim3 > fieldset > span ::placeholder {
          color: #376594; }
      .Own___container___2Lim3 > fieldset > a {
        text-align: center;
        width: 15%; }
      .Own___container___2Lim3 > fieldset .Own___mobile___3W4GK {
        display: none; } }

@media (max-width: 575.98px) {
  .Own___container___2Lim3 {
    width: 100%; }
    .Own___container___2Lim3 .Own___top___b_g4H {
      margin-bottom: 5%;
      font-size: 14px;
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .Own___container___2Lim3 .Own___top___b_g4H .Own___vip___1XOc4 {
        display: flex;
        align-items: center; }
        .Own___container___2Lim3 .Own___top___b_g4H .Own___vip___1XOc4 > img {
          width: 30px;
          margin-left: 10px; }
      .Own___container___2Lim3 .Own___top___b_g4H .Own___search_vip___3clPE {
        width: 130px;
        height: 80%;
        float: right;
        margin-top: 5px;
        margin-left: 10px;
        text-align: center;
        border: 1px solid #ea8767;
        color: #ea8767;
        border-radius: 5px;
        line-height: 32px; }
    .Own___container___2Lim3 > fieldset {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      margin-bottom: 5%; }
      .Own___container___2Lim3 > fieldset > label {
        display: none; }
      .Own___container___2Lim3 > fieldset > span {
        width: 100%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        margin-bottom: 5%; }
        .Own___container___2Lim3 > fieldset > span > input {
          padding-left: 10px;
          background-color: transparent;
          color: #376594; }
        .Own___container___2Lim3 > fieldset > span ::placeholder {
          color: #376594; }
      .Own___container___2Lim3 > fieldset > a {
        text-align: center;
        font-size: 14px;
        width: 100%; }
      .Own___container___2Lim3 > fieldset .Own___mobile___3W4GK {
        position: relative;
        top: 2px;
        color: #638ab1;
        margin-left: 5%; } }

.Loading___container___2KhA4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  color: white; }
  .Loading___container___2KhA4 .Loading___loader___3Ger4 {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .Loading___container___2KhA4 .Loading___loader___3Ger4 > span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 2px solid white;
      animation: Loading___animate___lQNHp 5s linear infinite; }
    .Loading___container___2KhA4 .Loading___loader___3Ger4 > span:nth-child(1) {
      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
    .Loading___container___2KhA4 .Loading___loader___3Ger4 > span:nth-child(2) {
      animation-direction: reverse;
      border-radius: 78% 22% 70% 30% / 45% 65% 35% 55%; }
    .Loading___container___2KhA4 .Loading___loader___3Ger4 > span:nth-child(3) {
      animation-duration: 3s;
      border-radius: 63% 37% 30% 70% / 45% 65% 35% 55%; }

@keyframes Loading___animate___lQNHp {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .Loading___container___2KhA4 .Loading___loader___3Ger4 > h2 {
      font-weight: 500;
      font-family: consolas; }

@media (min-width: 773px) {
  .Transfer___container___OYLGJ .Transfer___btns___RIiFo {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 3%;
    width: 60%; }
    .Transfer___container___OYLGJ .Transfer___btns___RIiFo > button {
      height: 100%;
      border: 1px solid #ea8767;
      color: #ea8767;
      border-radius: 5px;
      line-height: 32px;
      padding: 5px 10px; }
  .Transfer___container___OYLGJ > table {
    margin: 0 auto;
    width: 60%;
    border: 1px solid #a4705a; }
    .Transfer___container___OYLGJ > table > thead {
      width: 100%;
      height: 40px;
      border-bottom: 1px solid #a4705a;
      background: linear-gradient(to left, #ffe6dd, #f2b6a2);
      font-weight: bold;
      color: #a4705a;
      text-align: center; }
      .Transfer___container___OYLGJ > table > thead > tr > td:nth-child(1) {
        width: 50%;
        border-right: 1px solid #a4705a; }
    .Transfer___container___OYLGJ > table > tbody {
      text-align: center;
      width: 100%;
      font-weight: bold;
      text-align: center; }
      .Transfer___container___OYLGJ > table > tbody .Transfer___loader___3wEoG {
        display: block;
        margin: 0 auto;
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        border-top: 3px solid black;
        width: 20px;
        height: 20px;
        animation: Transfer___spin___HPuW6 2s linear infinite; }
  @keyframes Transfer___spin___HPuW6 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
      .Transfer___container___OYLGJ > table > tbody > tr > td {
        height: 40px;
        border-bottom: 1px solid #a4705a; }
      .Transfer___container___OYLGJ > table > tbody > tr > td {
        border-right: 1px solid #a4705a; }
  .Transfer___container___OYLGJ .Transfer___form___3Suzh {
    margin: 5% auto 0;
    width: 60%; }
    .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 3%; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > label, .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > img {
        position: absolute;
        left: -10%; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > select, .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > input {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        padding-left: 40px;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        color: #376594; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset ::placeholder {
        color: #376594; }
  .Transfer___container___OYLGJ .Transfer___submit___1ifIe {
    display: flex;
    margin: 5% auto 0; } }

@media (max-width: 773px) {
  .Transfer___container___OYLGJ .Transfer___btns___RIiFo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%; }
    .Transfer___container___OYLGJ .Transfer___btns___RIiFo > button {
      height: 100%;
      border: 1px solid #ea8767;
      color: #ea8767;
      border-radius: 5px;
      line-height: 32px;
      padding: 5px 10px; }
  .Transfer___container___OYLGJ > table {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #a4705a; }
    .Transfer___container___OYLGJ > table > thead {
      width: 100%;
      height: 40px;
      border-bottom: 1px solid #a4705a;
      background: linear-gradient(to left, #ffe6dd, #f2b6a2);
      font-weight: bold;
      color: #a4705a;
      text-align: center; }
      .Transfer___container___OYLGJ > table > thead > tr > td:nth-child(1) {
        width: 50%;
        border-right: 1px solid #a4705a; }
    .Transfer___container___OYLGJ > table > tbody {
      text-align: center;
      width: 100%;
      font-weight: bold;
      text-align: center; }
      .Transfer___container___OYLGJ > table > tbody .Transfer___loader___3wEoG {
        display: block;
        margin: 0 auto;
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        border-top: 3px solid black;
        width: 20px;
        height: 20px;
        animation: Transfer___spin___HPuW6 2s linear infinite; }
  @keyframes Transfer___spin___HPuW6 {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
      .Transfer___container___OYLGJ > table > tbody > tr > td {
        height: 40px;
        border-bottom: 1px solid #a4705a; }
      .Transfer___container___OYLGJ > table > tbody > tr > td {
        border-right: 1px solid #a4705a; }
  .Transfer___container___OYLGJ .Transfer___form___3Suzh {
    margin: 10% auto 0; }
    .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 3%;
      width: 100%; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > label, .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > img {
        position: relative;
        width: 8%;
        margin-right: 2%; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > select, .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset > input {
        display: flex;
        width: 90%;
        align-items: center;
        font-size: 16px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        padding-left: 40px;
        border-radius: 7px;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        padding: 5px 10px;
        color: #376594; }
      .Transfer___container___OYLGJ .Transfer___form___3Suzh > fieldset ::placeholder {
        color: #376594; }
  .Transfer___container___OYLGJ .Transfer___submit___1ifIe {
    display: flex;
    margin: 5% auto 0; } }

@media (min-width: 576px) {
  .Withdraw___container___1jc3q {
    padding: 0 20%; }
    .Withdraw___container___1jc3q .Withdraw___announcement___28-iT {
      position: relative;
      border: 3px solid #d7967f;
      border-radius: 8px;
      width: 100%;
      margin-bottom: 5%;
      text-align: left;
      padding: 10px; }
  .Withdraw___links___3zhma {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .Withdraw___links___3zhma > a {
      margin-bottom: 10px;
      font-size: 15px; }
      .Withdraw___links___3zhma > a > span {
        color: #663399;
        margin-left: 5px; }
  .Withdraw___content___8Imoc {
    text-align: center; }
    .Withdraw___content___8Imoc .Withdraw___text___2T8WS {
      color: #711DBF;
      font-weight: 900;
      text-align: left;
      margin-bottom: 5%; }
    .Withdraw___content___8Imoc .Withdraw___min___3-x7k {
      text-align: right;
      color: #858F99; }
    .Withdraw___content___8Imoc > fieldset {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 16px;
      background: #F9fafc;
      border: 1px solid #ccd7e6;
      border-radius: 7px;
      box-shadow: inset 0 2px 4px 0 #b8c3d6;
      padding: 5px 10px;
      margin-bottom: 5%;
      -webkit-text-security: "disc"; }
      .Withdraw___content___8Imoc > fieldset > input, .Withdraw___content___8Imoc > fieldset > select {
        width: 100%;
        background-color: transparent;
        padding-left: 10px;
        color: #376594;
        -webkit-text-security: "disc"; }
      .Withdraw___content___8Imoc > fieldset ::placeholder {
        color: #376594; }
    .Withdraw___content___8Imoc .Withdraw___submit___16h46 {
      margin-top: 5%; } }

@media (max-width: 575.98px) {
  .Withdraw___container___1jc3q .Withdraw___announcement___28-iT {
    position: relative;
    border: 3px solid #d7967f;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 5%;
    text-align: left;
    padding: 10px; }
  .Withdraw___links___3zhma {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .Withdraw___links___3zhma > a {
      margin-bottom: 10px;
      font-size: 15px; }
      .Withdraw___links___3zhma > a > span {
        color: #663399;
        margin-left: 5px; }
  .Withdraw___content___8Imoc {
    text-align: center; }
    .Withdraw___content___8Imoc .Withdraw___text___2T8WS {
      color: #711DBF;
      font-weight: 900;
      text-align: left;
      margin-bottom: 5%; }
    .Withdraw___content___8Imoc .Withdraw___min___3-x7k {
      text-align: right;
      color: #858F99; }
    .Withdraw___content___8Imoc > fieldset {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 16px;
      background: #F9fafc;
      border: 1px solid #ccd7e6;
      border-radius: 7px;
      box-shadow: inset 0 2px 4px 0 #b8c3d6;
      padding: 5px 10px;
      margin-bottom: 5%; }
      .Withdraw___content___8Imoc > fieldset > input, .Withdraw___content___8Imoc > fieldset > select {
        width: 80%;
        background-color: transparent;
        padding-left: 10px;
        color: #376594; }
      .Withdraw___content___8Imoc > fieldset ::placeholder {
        color: #376594; }
    .Withdraw___content___8Imoc .Withdraw___submit___16h46 {
      margin-top: 5%; } }

.Promotion___wrapper___1hHAg {
  padding: 5%; }
  @media (min-width: 576px) {
    .Promotion___wrapper___1hHAg > button {
      position: relative;
      margin: 1%;
      overflow: hidden;
      width: 48%;
      padding-top: 21.5%; }
      .Promotion___wrapper___1hHAg > button > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 98%;
        border-radius: 10px; } }
  @media (max-width: 575.98px) {
    .Promotion___wrapper___1hHAg > button {
      position: relative;
      margin: 1%;
      overflow: hidden;
      width: 100%;
      padding-top: 45%; }
      .Promotion___wrapper___1hHAg > button > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 10px; } }
  .Promotion___wrapper___1hHAg > button:hover {
    box-shadow: 0 8px 12px 0 rgba(250, 169, 158, 0.9), 0 10px 25px 0 rgba(250, 169, 158, 0.8);
    border-radius: 10px; }
    .Promotion___wrapper___1hHAg > button:hover .Promotion___flash___10KrR {
      animation: Promotion___animation___1Sys8 .5s; }
    .Promotion___wrapper___1hHAg > button:hover > img {
      width: 100%; }

@keyframes Promotion___animation___1Sys8 {
  from {
    position: absolute;
    top: -50%;
    z-index: 1;
    height: 200%;
    width: 20%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(30deg);
    left: 0%; }
  to {
    position: absolute;
    top: -50%;
    z-index: 1;
    height: 200%;
    width: 20%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
    transform: rotate(30deg);
    left: 100%; } }

.Promotion___detailsBox___2JS96 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: block;
  background-color: rgba(0, 0, 0, 0.7); }

@keyframes Promotion___fadeIn___edh7m {
  0% {
    height: 0px;
    opacity: 0; }
  100% {
    height: 90%;
    opacity: 1; } }
  .Promotion___detailsBox___2JS96 .Promotion___box___128zC {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    display: block;
    color: black;
    overflow-y: scroll;
    height: 90%;
    animation: Promotion___fadeIn___edh7m 1s;
    background: white; }
    @media (min-width: 576px) {
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC {
        width: 100%;
        min-width: 500px;
        max-width: 1120px; } }
    @media (max-width: 575.98px) {
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC {
        width: 100%; } }
    .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___head___3Z2l7 {
      position: relative;
      background: linear-gradient(90deg, #9968fd, #fc49af) no-repeat center top !important;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      color: white;
      height: 50px;
      padding: 0 2%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___head___3Z2l7 > span {
        font-size: 18px; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___head___3Z2l7 > button {
        width: 20px;
        height: 20px;
        opacity: .5; }
        .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___head___3Z2l7 > button > img {
          width: 100%; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___head___3Z2l7 > button:hover {
        animation: Promotion___rotate___a0Cra .5s; }

@keyframes Promotion___rotate___a0Cra {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(180deg); } }
    .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 {
      position: relative;
      line-height: 30px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      white-space: pre-line;
      padding: 5%;
      font-size: 15px; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 > img {
        width: 100%;
        margin-bottom: 2%; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 > h6 {
        font-size: 17px;
        color: #55225D; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___color___EBRJ5 {
        color: #55225D; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___decimal___2OqFD > li {
        position: relative;
        left: 1em;
        list-style-type: decimal; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___circle___Jd6qu > li {
        position: relative;
        left: 1em;
        list-style-type: disc; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___none___3y-_G > li {
        list-style-type: none; }
      .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___perfect_attendance___19OHb {
        width: 100%;
        border: 1px solid black;
        margin-bottom: 2%; }
        .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___perfect_attendance___19OHb > thead {
          background-color: #af61e1;
          color: white; }
          .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___perfect_attendance___19OHb > thead > tr > td {
            text-align: center;
            border: 2px solid black;
            width: 25%; }
        .Promotion___detailsBox___2JS96 .Promotion___box___128zC .Promotion___content___3e4S9 .Promotion___perfect_attendance___19OHb > tbody > tr > td {
          text-align: center;
          border: 2px solid black;
          width: 25%; }

.PageNumber___container___3WrSQ {
  margin-top: 5%;
  text-align: right; }
  .PageNumber___container___3WrSQ > button {
    padding: 1%;
    border-radius: 8px;
    margin: 0 3px; }
  .PageNumber___container___3WrSQ .PageNumber___on___26WR7 {
    color: #ca7366; }

@media (min-width: 576px) {
  .CSFeedBack___tabs___1lj9p {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .CSFeedBack___tabs___1lj9p > button {
      cursor: pointer;
      width: 200px;
      line-height: 40px;
      height: 40px;
      transition: 0.3s;
      font-size: 14px;
      border: 1px solid #dbe3f1;
      text-align: center;
      border-radius: 5px; }
    .CSFeedBack___tabs___1lj9p .CSFeedBack___on___1-ZW5 {
      color: #d7967f;
      border: 1px solid #d7967f;
      border-bottom: 1px solid;
      box-shadow: 0px 2px;
      font-weight: bold; }
  .CSFeedBack___avatar_wrapper___F_3Dl {
    margin-top: 5%; }
  .CSFeedBack___avatar___kMb6c {
    height: 100px;
    width: 100px;
    border-radius: 50%; }
  .CSFeedBack___content___1aSKs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP {
      position: relative;
      min-width: 25%;
      margin: 5% 10% 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___name___3BeaJ {
        margin-bottom: 3%;
        font-size: 18px; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___group_name___ZXXB8 {
        color: #EA8767;
        margin-bottom: 3%; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___score___IgHhO {
        display: flex;
        margin-bottom: 5%; }
        .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___score___IgHhO > img {
          margin: 2px;
          width: 18px; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___feedback___1ORGr {
        background: linear-gradient(90deg, #9968fd, #fc49af) no-repeat center top !important;
        color: white;
        padding: 5px 10px;
        font-size: 18px;
        border-radius: 8px;
        margin-bottom: 5%;
        width: 100%; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___tips___xv6JW {
        background-color: #ca7366;
        color: white;
        padding: 5px 10px;
        font-size: 18px;
        border-radius: 8px;
        width: 100%; }
  .CSFeedBack___alert_block___o035O {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998; }
    .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      width: 500px;
      padding-bottom: 10px; }
      .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___title___29tVF {
        color: white;
        background: linear-gradient(90deg, #9968fd, #fc49af) no-repeat center top !important;
        padding: 10px 20px;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___title___29tVF .CSFeedBack___close___3Q3Ty {
          width: 30px; }
      .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 {
        padding: 1% 10%;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset {
          display: flex;
          align-items: center;
          width: 80%;
          font-size: 16px;
          background: #F9fafc;
          border: 1px solid #ccd7e6;
          border-radius: 7px;
          box-shadow: inset 0 2px 4px 0 #b8c3d6;
          padding: 5px 10px;
          margin-top: 5%;
          margin-bottom: 3%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset > input {
            width: 100%;
            background-color: transparent;
            padding-left: 5px; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset ::placeholder {
            color: #376594; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus {
          position: relative;
          width: 100%;
          font-size: 20px;
          display: flex;
          align-items: center;
          margin-top: 5%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___left___3MjBR {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 15px; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___left___3MjBR .CSFeedBack___name___3BeaJ {
              white-space: nowrap; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___mobile_style___1RpIO {
            display: flex;
            justify-content: space-around;
            width: 100%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 {
            width: 70%; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z {
              position: relative;
              display: flex;
              align-items: center; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___number___3AO65 {
                display: none; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z > img {
                width: 10px;
                margin: 3px; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 20px;
                width: 100%;
                height: 10px;
                background-color: #e1e1e1;
                font-size: 10px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h .CSFeedBack___color___2oL1w {
                  position: absolute;
                  left: 0;
                  background-color: #f1be42;
                  height: 10px;
                  border-radius: 20px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h .CSFeedBack___text___2gPcc {
                  z-index: 1; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 .CSFeedBack___feedback_amounts___JrdHd {
              font-size: 30px;
              font-weight: 800; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(2) {
              display: flex; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(2) > img {
                width: 10px;
                margin: 3px; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(3) {
              font-size: 15px; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(4) {
              display: none; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___write_feedback_wrapper___1azsU {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          margin-top: 3%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___write_feedback_wrapper___1azsU .CSFeedBack___write_feedback___3miFe {
            background-color: #ca7366;
            color: white;
            padding: 5px 10px;
            font-size: 18px;
            border-radius: 8px; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC {
          width: 100%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___page_number___2RnkD {
            height: 30px; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- {
            height: 50vh;
            overflow-y: scroll; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP {
              margin-bottom: 5%; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(1) {
                font-weight: 800;
                font-size: 18px; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) {
                display: flex;
                align-items: center; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) > img {
                  width: 10px;
                  margin: 3px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) .CSFeedBack___time___1Wy-S {
                  margin-left: 5%; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(3) {
                white-space: pre-line; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___score_star___1aivV {
          display: flex;
          align-items: center;
          margin: 1% 0; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___score_star___1aivV .CSFeedBack___star_btn___3tUlV {
            width: 30px;
            margin: 3px; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > textarea {
          margin: 3% 0;
          width: 90%;
          min-height: 150px;
          border: 1px solid #ea8767;
          padding: 1%; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 ::placeholder {
          color: #ea8767; } }

@media (max-width: 575.98px) {
  .CSFeedBack___tabs___1lj9p {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .CSFeedBack___tabs___1lj9p > button {
      cursor: pointer;
      width: 150px;
      line-height: 40px;
      height: 40px;
      transition: 0.3s;
      font-size: 14px;
      border: 1px solid #dbe3f1;
      text-align: center;
      border-radius: 5px;
      white-space: nowrap; }
    .CSFeedBack___tabs___1lj9p .CSFeedBack___on___1-ZW5 {
      color: #d7967f;
      border: 1px solid #d7967f;
      border-bottom: 1px solid;
      box-shadow: 0px 2px;
      font-weight: bold; }
  .CSFeedBack___avatar_wrapper___F_3Dl {
    margin-top: 5%; }
  .CSFeedBack___avatar___kMb6c {
    height: 100px;
    width: 100px;
    border-radius: 50%; }
  .CSFeedBack___content___1aSKs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP {
      position: relative;
      min-width: 25%;
      margin: 5% 5% 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___name___3BeaJ {
        margin-bottom: 3%;
        font-size: 18px; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___score___IgHhO {
        display: flex;
        margin-bottom: 5%; }
        .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___score___IgHhO > img {
          margin: 2px;
          width: 18px; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___group_name___ZXXB8 {
        color: #EA8767;
        margin-bottom: 3%; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___feedback___1ORGr {
        background: linear-gradient(90deg, #9968fd, #fc49af) no-repeat center top !important;
        color: white;
        padding: 5px 10px;
        font-size: 18px;
        border-radius: 8px;
        margin-bottom: 5%;
        width: 100%; }
      .CSFeedBack___content___1aSKs .CSFeedBack___item___3ICVP .CSFeedBack___tips___xv6JW {
        background-color: #ca7366;
        color: white;
        padding: 5px 10px;
        font-size: 18px;
        border-radius: 8px;
        width: 100%; }
  .CSFeedBack___alert_block___o035O {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998; }
    .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      width: 300px;
      padding-bottom: 10px; }
      .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___title___29tVF {
        color: white;
        background: linear-gradient(90deg, #9968fd, #fc49af) no-repeat center top !important;
        padding: 10px 20px;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___title___29tVF .CSFeedBack___close___3Q3Ty {
          width: 30px; }
      .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 {
        padding: 1% 10%;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset {
          display: flex;
          align-items: center;
          width: 80%;
          font-size: 16px;
          background: #F9fafc;
          border: 1px solid #ccd7e6;
          border-radius: 7px;
          box-shadow: inset 0 2px 4px 0 #b8c3d6;
          padding: 5px 10px;
          margin-top: 5%;
          margin-bottom: 3%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset > input {
            width: 100%;
            background-color: transparent;
            padding-left: 5px; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > fieldset ::placeholder {
            color: #376594; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus {
          width: 100%;
          font-size: 20px;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-top: 5%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___left___3MjBR {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            font-size: 15px; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___left___3MjBR > div {
              white-space: nowrap; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___mobile_style___1RpIO {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 {
            width: 100%; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z {
              position: relative;
              display: flex;
              align-items: center; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z > img {
                width: 10px;
                margin: 0 3px;
                display: none; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___number___3AO65 {
                font-size: 15px;
                line-height: 15px;
                width: 10px; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 20px;
                width: 100%;
                height: 10px;
                background-color: #e1e1e1;
                font-size: 10px;
                margin-left: 5px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h .CSFeedBack___color___2oL1w {
                  position: absolute;
                  left: 0;
                  background-color: #f1be42;
                  height: 10px;
                  border-radius: 20px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___middle___1bVp5 .CSFeedBack___average_star___3cS1Z .CSFeedBack___percentage___2lU-h .CSFeedBack___text___2gPcc {
                  z-index: 1; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 .CSFeedBack___feedback_amounts___JrdHd {
              line-height: 30px;
              font-size: 30px;
              font-weight: 800; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(2) {
              display: flex; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(2) > img {
                width: 10px;
                margin: 3px; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(3) {
              display: none; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___customer_service_score___2Vkus .CSFeedBack___right___2MpX5 > div:nth-child(4) {
              font-size: 15px; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___write_feedback_wrapper___1azsU {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          margin-top: 3%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___write_feedback_wrapper___1azsU .CSFeedBack___write_feedback___3miFe {
            background-color: #ca7366;
            color: white;
            padding: 5px 10px;
            font-size: 15px;
            border-radius: 8px; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC {
          margin-top: 3%;
          width: 100%; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___page_number___2RnkD {
            height: 30px; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- {
            height: 25vh;
            overflow-y: scroll; }
            .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP {
              margin-bottom: 5%; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(1) {
                font-weight: 800;
                font-size: 18px; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) {
                display: flex;
                align-items: center; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) > img {
                  width: 10px;
                  margin: 3px; }
                .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(2) .CSFeedBack___time___1Wy-S {
                  margin-left: 5%; }
              .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___row_three___3f0YC .CSFeedBack___comments___3E6_- .CSFeedBack___item___3ICVP > div:nth-child(3) {
                white-space: pre-line; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___score_star___1aivV {
          display: flex;
          align-items: center;
          margin: 1% 0; }
          .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 .CSFeedBack___score_star___1aivV .CSFeedBack___star_btn___3tUlV {
            width: 30px;
            margin: 3px; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 > textarea {
          margin: 3% 0;
          width: 90%;
          min-height: 150px;
          border: 1px solid #ea8767;
          padding: 1%; }
        .CSFeedBack___alert_block___o035O .CSFeedBack___white_box___1J-31 .CSFeedBack___alert_content___KwPc2 ::placeholder {
          color: #ea8767; } }

@media (min-width: 576px) {
  .Login___wrapper___3glfW {
    display: none; } }

@media (max-width: 575.98px) {
  .Login___title___1bPC5 {
    display: none; }
  .Login___wrapper___3glfW {
    position: relative;
    margin: 5% auto 0;
    width: 90%;
    border-radius: 8px;
    padding: 5%;
    box-shadow: 0 5px 10px #ccd7e6; }
    .Login___wrapper___3glfW > form {
      position: relative;
      margin-bottom: 10%; }
      .Login___wrapper___3glfW > form > fieldset {
        margin-bottom: 5%;
        font-size: 18px;
        background: #F9fafc;
        border: 1px solid #ccd7e6;
        box-shadow: inset 0 2px 4px 0 #b8c3d6;
        height: 40px;
        border-radius: 7px;
        padding-left: 10px;
        display: flex;
        align-items: center; }
        .Login___wrapper___3glfW > form > fieldset ::placeholder {
          font-size: 14px; }
        .Login___wrapper___3glfW > form > fieldset > img {
          padding-right: 5px; }
        .Login___wrapper___3glfW > form > fieldset > input {
          width: 100%;
          background-color: transparent;
          border-bottom: 1px solid white;
          color: #376594; }
      .Login___wrapper___3glfW > form .Login___forget_password___22Pw7 {
        position: absolute;
        right: 0;
        border: 1px solid black;
        border-radius: 5px;
        padding: 0 5px; }
      .Login___wrapper___3glfW > form .Login___remember_password___3lOXY {
        position: relative;
        left: 50%;
        transform: translate(-50%);
        display: inline-block;
        color: #5f6c7b;
        font-size: 14px; }
        .Login___wrapper___3glfW > form .Login___remember_password___3lOXY > input {
          position: relative;
          top: 2px;
          margin: 10px; }
      .Login___wrapper___3glfW > form > button {
        position: relative;
        left: 10%;
        width: 80%;
        font-size: 15px;
        border-radius: 8px;
        color: black;
        padding: 5px 0; }
  .Login___join___3-Vit {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    height: 30px;
    color: #5f6c7b;
    font-size: 15px; }
    .Login___join___3-Vit > a {
      font-size: 17px;
      color: #FF2200; } }

@media (min-width: 576px) {
  .Maintain___pc_bg___1VpRC {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 100vh; }
  .Maintain___mobile_bg___31LA8 {
    display: none; }
  .Maintain___container___3_SBb {
    position: relative;
    top: 10vh;
    height: 80vh;
    left: 10%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8); }
    .Maintain___container___3_SBb > h6 {
      position: relative;
      background: linear-gradient(90deg, #A55BFD 3.62%, #FD1EB2 95.89%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-size: 80px;
      margin: 2% 0; }
    .Maintain___container___3_SBb > p {
      position: relative;
      color: white; }
    .Maintain___container___3_SBb .Maintain___pc___2b0v8 {
      position: relative;
      width: 60%;
      display: flex;
      align-items: center;
      justify-content: space-around; }
      .Maintain___container___3_SBb .Maintain___pc___2b0v8 > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
        width: 80%; }
        .Maintain___container___3_SBb .Maintain___pc___2b0v8 > div .Maintain___icon___mq-qa {
          width: 30px; }
        .Maintain___container___3_SBb .Maintain___pc___2b0v8 > div .Maintain___code___3Y7Hw {
          width: 200px;
          margin: 10% 0; }
    .Maintain___container___3_SBb .Maintain___mobile___4RvO9 {
      display: none; } }

@media (max-width: 575.98px) {
  .Maintain___pc_bg___1VpRC {
    display: none; }
  .Maintain___mobile_bg___31LA8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    height: 100vh; }
  .Maintain___container___3_SBb {
    position: relative;
    top: 10vh;
    height: 80vh;
    left: 10%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center; }
    .Maintain___container___3_SBb > h6 {
      background: linear-gradient(90deg, #A55BFD 3.62%, #FD1EB2 95.89%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-size: 60px;
      margin: 2% 0; }
    .Maintain___container___3_SBb > p {
      color: white; }
    .Maintain___container___3_SBb .Maintain___pc___2b0v8 {
      display: none; }
    .Maintain___container___3_SBb .Maintain___mobile___4RvO9 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 80%; }
      .Maintain___container___3_SBb .Maintain___mobile___4RvO9 > button {
        background: linear-gradient(180deg, #FEEEE8 0%, #C96B52 100%);
        box-shadow: 0px 4px 3px #CF7962;
        border-radius: 20px;
        min-width: 60%;
        margin: 5% 0;
        padding: 2% 2%;
        display: flex;
        align-items: center;
        color: white; }
        .Maintain___container___3_SBb .Maintain___mobile___4RvO9 > button > img {
          width: 30px;
          margin-right: 10px; } }

@media (min-width: 576px) {
  .Common___container___24mGE {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: black; } }

@media (max-width: 575.98px) {
  .Common___bg___2xQeF {
    display: none; }
  .Common___bg_m___2kcZG {
    position: relative;
    width: 100%;
    height: 100vh; }
  .Common___box___2gauH {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
    color: white;
    height: 50vh; }
  .Common___logo___2A4js {
    width: 50%; }
  .Common___text___1a8Ai {
    position: relative;
    top: 60%;
    font-size: 28px; } }