/* noto-sans-sc-regular - chinese-simplified */
select{
  color: black;
}
select option:disabled{
  color: var(--enabled-color);
}
input::-webkit-input-placeholder{
  color: var(--enabled-color);
}
input::-moz-placeholder{
  color: var(--enabled-color);
}
input:-ms-input-placeholder{
  color: var(--enabled-color);
}
input::-ms-input-placeholder{
  color: var(--enabled-color);
}
input::placeholder{
  color: var(--enabled-color);
}
textarea::placeholder{
  color: var(--enabled-color);
}

@font-face {
    font-family: 'title';
    font-style: normal;
    font-weight: 400;
}

.header_bottom_after_popup_wallet,
.header_wallet_balance > span:last-child{
  padding-top: 4px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.promo_popup_list .title .progress {
  border-radius: 9px!important;
  width: 90%;
}

.amount,.turnover_details_leftbox .content_block:nth-child(1), .turnover_details_leftbox .content_block:nth-child(3),.withdrawal_charge_fee,.withdrawal_actual_amount,.wallet_top,.withdrawal_today_budget,.promo_popup_rebate_price,#nav-signinpromo .title,.promo_status_list .clear_mission .button_area,.deposit_actual_received,.transfer_main_wallet_amount{
  
}
a {
    color: unset;
    border: unset;
    margin: 0px;
    background-color: unset;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
    color: unset;
    border: unset;
    background-color: unset;
}
body, html {
    background: var(--index_bg) !important;
    padding: 0;
    margin: 0 auto;
    /*width: 1200px;*/
    color: var(--txt_general);
    font-family:gilroy_light,Microsoft YaHei, sans-serif;
    font-size: 14px;
    /*overflow-x:hidden;*/
}
/*input, select, a {
    cursor: pointer;
}*/
select, a {
    cursor: pointer;
}
header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 10;

}
footer {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    background: var(--enabled-color);
    margin: 0 auto;
    z-index: 10;

}
.promo_status_list::-webkit-scrollbar-thumb
{
  background: var(--treasure_scrollbar_fill);
  border-radius: 3px;
}
.promo_status_list::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: var(--treasure_scrollbar_bg);
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.link{
  color: var(--primary-color);
}

::-webkit-scrollbar
{
  width: 6px;
  height: 6px;
  background-color: var(--scroll_bar_bg);
}

::-webkit-scrollbar-thumb
{
  background-color: var(--scroll_bar_fill);
  border-radius: 3px;
}
.fallback_perload{ position: absolute;left: -9000px;top:-90000px; }
.btn{
  border-radius: var(--btn_radius);
}
.btn.btn_white{
  outline: none;
  padding: 8px 20px;
  background: var(--btn_minor_enabled_bg);
  border: var(--btn_minor_enabled_borderthick) solid var(--btn_minor_enabled_border);
  color: var(--btn_minor_enabled_txt);
  border-radius: 24px;
  font-size: 14px;
  line-height: 18px;
}
.btn.btn_white:hover{
  background: var(--btn_minor_hover_bg);
  border: var(--btn_minor_hover_borderthick) solid var(--btn_minor_hover_border);
  color: var(--btn_minor_hover_txt);
}
.btn.btn_white:active{
  background: var(--btn_minor_activated_bg);
  border: var(--btn_minor_activated_borderthick) solid var(--btn_minor_activated_border);
  color: var(--btn_minor_activated_txt);
}

.btn-radio{
  display: inline-block;
}
.btn-radio .checkbox{
  display: flex;
  align-items: center;
}
.btn-radio .checkbox label {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;
  margin: 2px 4px 2px 0;
  background: var(--tick_reserve) no-repeat center center;
  background-size: 100% 100%;
}
.btn-radio .checkbox label:after {
  /* border: 2px solid var(--select_activaed);
  border-top: none;
  border-right: none; */
  content: "";
  height: 16px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  /* transform: rotate(-45deg); */
  width: 16px;
}
.btn-radio .checkbox input[type="radio"], .btn-radio .checkbox input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
.btn-radio .checkbox input[type="radio"]:checked + label:after {
  opacity: 1;
  background: var(--tick_reserve_active) no-repeat center center;
  background-size: 100% 100%;
}

.btn-radio > div{
  color: var(--select_default_txt_unchecked);
  font-weight: var(--select_default_weight_unchecked);
}

.btn_checked{
  color: var(--select_default_txt_checked);
  font-weight: var(--select_default_weight_checked);
}

/* 
.btn-radio {
  margin-bottom: 0px;
  cursor: pointer;
  display: inline-block;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.btn-radio:not(:first-child) {
  margin-left: 20px;
}

@media screen and (max-width: 480px) {
  .btn-radio {
    display: block;
    float: none;
  }

  .btn-radio:not(:first-child) {
    margin-left: 0;
    margin-top: 15px;
  }
}

.btn-radio svg {
  fill: none;
  margin-right: 8px;
  vertical-align: middle;
}

.btn-radio svg circle {
  stroke-width: 2;
  stroke: #C8CCD4;
}

.btn-radio svg path {
  stroke: var(--primary-color);
}

.btn-radio svg path.inner {
  stroke-width: 6;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
}

.btn-radio svg path.outer {
  stroke-width: 2;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
}

.btn-radio input {
  display: none;
}

.btn-radio input:checked + svg path {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.btn-radio input:checked + svg path.inner {
  stroke-dashoffset: 38;
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s;
}

.btn-radio input:checked + svg path.outer {
  stroke-dashoffset: 0;
}

.btn-radio span {
  display: inline-block;
  vertical-align: middle;
} */

.btn.disabled, .btn:disabled, .button:disabled{
  background: var(--btn_major_disabled_bg);
  color: var(--btn_major_disabled_txt);
  font-weight: var(--btn_major_disabled_weight);
  border: var(--btn_major_disabled_borderthick) solid var(--btn_major_disabled_border);
  box-shadow: var(--btn_major_disabled_shadow), var(--btn_major_disabled_innershadow);
}

.select2-container--default .select2-selection--single {
    background-color: var(--white-color);
    border: 1px solid #aaa;
    border-radius: var(--textfield_radius);
    height: 44px!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    line-height: 48px;
    font-size: 16px!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top:unset!important;
}
.select2-container--open .select2-selection--single{
   border: 1px solid var(--black-color)!important;
}
.select2{
  margin:4px 0px 8px!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  padding-left:40px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: var(--general_textfield_dropdown_hover_bg)!important;
  color:var(--general_textfield_dropdown_hover_txt)!important;
  font-weight: var(--general_textfield_dropdown_hover_weight)!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--general_textfield_dropdown_active_bg)!important;
  color:var(--general_textfield_dropdown_active_txt)!important;
  font-weight: var(--general_textfield_dropdown_active_weight)!important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left:12px;
  color:var(--general_textfield_txt_filled)!important;
}

.form-control::-webkit-input-placeholder{
  color:var(--enabled-color);
}

.form-control::-moz-placeholder{
 color:var(--enabled-color);
}

.form-control:-ms-input-placeholder{
  color:var(--enabled-color);
}

.form-control::-ms-input-placeholder{
  color:var(--enabled-color);
}

.form-control::placeholder{
  color:var(--enabled-color);
}

#login_form input, #register_form input, #forgot_form input{
  font-size: 17px;
  padding: 0px 16px!important;
  line-height: 48px;
  background-color: var(--general_textfield_bg_empty);
  font-weight: var(--general_textfield_weight_empty);
  color: var(--general_textfield_txt_empty);
  border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_border_empty);
  box-shadow: var(--general_textfield_shadow_empty), var(--general_textfield_innershadow_empty);
}
#login_form input:focus, #register_form input:focus, #forgot_form input:focus{
  background-color: var(--general_textfield_bg_focused);
  font-weight: var(--general_textfield_weight_focused);
  border: var(--general_textfield_borderthick_focused) solid var(--general_textfield_border_focused);
  box-shadow: var(--general_textfield_shadow_focused), var(--general_textfield_innershadow_focused);
  color: var(--general_textfield_txt_focused);
}
#login_form input.error, #register_form input.error, #forgot_form input.error{
  background-color: var(--general_textfield_bg_error);
  font-weight: var(--general_textfield_weight_error);
  border: var(--general_textfield_borderthick_error) solid var(--general_textfield_border_error);
  box-shadow: var(--general_textfield_shadow_error), var(--general_textfield_innershadow_error);
  color:var(--general_textfield_txt_error);
}
#login_form input:disabled, #register_form input:disabled, #forgot_form input:disabled{
  background-color: var(--general_textfield_bg_disabled);
  font-weight: var(--general_textfield_weight_disabled);
  border: var(--general_textfield_borderthick_disabled) solid var(--general_textfield_border_disabled);
  box-shadow: var(--general_textfield_shadow_disabled), var(--general_textfield_innershadow_disabled);
  color:var(--general_textfield_txt_disabled);
}

.label-cbx .checkbox{
  display: flex;
}

.label-cbx .checkbox label {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;
  margin: 2px 4px 2px 0;
  background: var(--tick_reserve) no-repeat center center;
  background-size: 100% 100%;
}

.label-cbx .checkbox label:after {
  /* border: 2px solid var(--select_activaed);
  border-top: none;
  border-right: none; */
  content: "";
  height: 16px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  /* transform: rotate(-45deg); */
  width: 16px;
}

.label-cbx .checkbox input[type="checkbox"] {
  visibility: hidden;
}


.label-cbx .checkbox input[type="checkbox"]:checked + label:after,
.btn-radio .checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
  background: var(--tick_reserve_active) no-repeat center center;
  background-size: 100% 100%;
}
.label-cbx > div{
  color: var(--select_notshow_weight_txt_unchecked);
  font-weight: var(--select_notshow_weight_weight_unchecked);
}

/* .label-cbx {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
}

.label-cbx input:checked + .checkbox {
  border-color: var(--primary-color);
}

.label-cbx input:checked + .checkbox svg path {
  fill: var(--primary-color);
}

.label-cbx input:checked + .checkbox svg polyline {
  stroke-dashoffset: 0;
}

.label-cbx:hover .checkbox svg path {
  stroke-dashoffset: 0;
}

.label-cbx .checkbox {
  position: relative;
  top: 2px;
  float: left;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid #C8CCD4;
  border-radius: 3px;
}

.label-cbx .checkbox svg {
  position: absolute;
  top: -2px;
  left: -2px;
}

.label-cbx .checkbox svg path {
  fill: none;
  stroke: var(--primary-color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.label-cbx .checkbox svg polyline {
  fill: none;
  stroke: var(--white-color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.label-cbx > span {
  pointer-events: none;
  vertical-align: middle;
} */

.cntr {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  text-align: center;
}

.invisible {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}
.modal.small .modal-dialog{
  max-width: 500px;
  width:500px;
}
.modal.middle .modal-dialog{
  max-width: 640px;
  width:640px;
}
.modal.large .modal-dialog{
  max-width: 960px;
  min-width: 960px;
  width: 960px;
  height: 760px;
}
.modal.large .modal-dialog .modal-content,
.modal.extralarge .modal-dialog .modal-content{
  height: 760px;
}
.modal.extralarge .modal-dialog .modal-content{
  overflow-y: auto;
}
.modal.extralarge .modal-dialog{
  max-width: 1200px;
  min-width: 1200px;
  width: 1200px;
  height: 688px;
}
.modal-header{
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px;
  padding: 0px;
  background: white;
  border-bottom:solid 1px #f1f4fd;
  color: var(--popup_header_actived_txt);
}
.modal-header .nav{
  color: var(--popup_header_enabled_txt);
}
.nav-link{
  width: 164px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border:0px;
  padding:0px;
  border-radius: 0px!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border:0px;
  background-color: var(--primary-color);
  color:white;

   border-radius: 0px;
   cursor: none;
   cursor: default;
}
.nav-tabs .nav-link.active:hover{
  background-color: var(--primary-color);


}

.nav-tabs .nav-link:active{
background-color: var(--recommend-color);
border:0px;
border-radius: 0px;
}

.nav-tabs .nav-link:hover{
background-color: var(--enabled-color);
border:0px;
border-radius: 0px;
 color: white;

}
.nav-tabs .nav-link:hover span:before{
  color:white;
}
.nav-tabs .nav-item{
  margin-bottom:0px;
  border:0px;
  width: 50%;
  border-right: 1px solid #f1f4fd
}
.nav-tabs{
  border:0px;
}
.modal-header .close{
  margin:0px;
}
.modal-header nav{
    width: 100%;
}
.modal-header .nav{

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;
}
.modal-header .nav a span:before{
  color:#7590a6;
}
.modal-header .nav a.active span:before{
  color:white;
}
.modal-header .nav span{
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}
.modal-body{
  min-height: 664px;
  max-height: 800px;
  overflow: hidden;
  overflow-y: auto;
  /*border: var(--modals_borderthick) solid var(--modals_border);*/
  border-top:0px;
  border-bottom-right-radius: var(--modals_radius);
  border-bottom-left-radius: var(--modals_radius);
  background: var(--modals_bg);
  box-shadow: var(--modals_shadow);
}

.new_window_modal .modal-dialog{
  max-width: initial !important;
  min-width: initial !important;
  width: 100% !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  padding: 0 !important;
  margin: 0 !important;
}
#login_popup .modal-dialog, #forgotpassword_popup .modal-dialog, #register_popup .modal-dialog{
  width: 800px;
  max-width: 800px;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
  border-radius: 32px;
}
#login_popup .modal-body, #login_popup .modal-content,
#forgotpassword_popup .modal-body, #forgotpassword_popup .modal-content,
#register_popup .modal-body, #register_popup .modal-content{
  background: none;
  padding: 0;
  border: 0;
}
#login_popup .modal-body .login_popup_container,
#forgotpassword_popup .modal-body .login_popup_container,
#register_popup .modal-body .register_popup_container{
  position: relative;
  background: var(--authentication_bg);
  background-size: 100% 100%;
  border-radius: 32px;
  overflow: hidden;
  padding: 48px 64px;
  color: var(--white-color);
  min-height: 688px;

}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--general_textfield_bg_empty) inset !important;  
    -webkit-text-fill-color: var(--general_textfield_txt_empty)!important;
}
/*#login_popup .modal-body .login_popup_container::before,
#forgotpassword_popup .modal-body .login_popup_container::before,
#register_popup .modal-body .register_popup_container::before{
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  background-color: #0F1C2D;
  width: 3000px;
  height: 3000px;
  bottom: -2000px;
  left: -2285px;
}*/
#register_popup .modal-body .register_popup_container::before{
  left: -2517px;
}
#login_popup .modal-body .login_popup_container .btn_style,
#forgotpassword_popup .modal-body .login_popup_container .btn_style{
  margin-top: 64px;
  height: 44px;
  color: var(--btn_major_enabled_txt);
  background: var(--btn_major_enabled_bg);
  font-weight: var(--btn_major_enabled_weight);
  border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
  box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innershadow);
}
#login_popup .modal-body .login_popup_container .btn_style:hover,
#forgotpassword_popup .modal-body .login_popup_container .btn_style:hover{
  color: var(--btn_major_hover_txt);
  background: var(--btn_major_hover_bg);
  font-weight: var(--btn_major_hover_weight);
  border: var(--btn_major_hover_borderthick) solid var(--btn_major_hover_border);
  box-shadow: var(--btn_major_hover_shadow), var(--btn_major_hover_innershadow);
}
#login_popup .modal-body .login_popup_container .btn_style:active,
#forgotpassword_popup .modal-body .login_popup_container .btn_style:active{
  color: var(--btn_major_activated_txt);
  background: var(--btn_major_activated_bg);
  font-weight: var(--btn_major_activated_weight);
  border: var(--btn_major_activated_borderthick) solid var(--btn_major_activated_border);
  box-shadow: var(--btn_major_activated_shadow), var(--btn_major_activated_innershadow);
}
#login_popup .modal-body .login_popup_container .btn_style:disabled,
#forgotpassword_popup .modal-body .login_popup_container .btn_style:disabled{
  color: var(--btn_major_disabled_txt);
  background: var(--btn_major_disabled_bg);
  font-weight: var(--btn_major_disabled_weight);
  border: var(--btn_major_disabled_borderthick) solid var(--btn_major_disabled_border);
  box-shadow: var(--btn_major_disabled_shadow), var(--btn_major_disabled_innershadow);
}

#login_popup .modal-body .login_popup_container .form_inline,
#forgotpassword_popup .modal-body .login_popup_container .form_inline{
  font-size: 17px;
}
#login_popup .modal-body .login_popup_container .form_inline a,
.forgotpassword_popup_link{
  color: var(--btn_txt_activated_txt);
  font-weight: var(--btn_txt_activated_weight);
}
#login_popup .modal-body .login_popup_container .form_inline a:hover,
.forgotpassword_popup_link:hover{
  color: var(--btn_txt_hover_txt);
  font-weight: var(--btn_txt_hover_weight);
}
#login_popup .modal-body .login_popup_container .form_inline a:active,
.forgotpassword_popup_link:active{
  color: var(--btn_txt_actived_txt);
  font-weight: var(--btn_txt_actived_weight);
}
.forgotpassword_popup_link{
  margin-top: 16px;
}
#login_popup .modal-body .login_popup_content,
#forgotpassword_popup .modal-body .login_popup_content,
#register_popup .modal-body .register_popup_content{
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#login_popup .modal-body .login_popup_content > .content_block:first-child,
#forgotpassword_popup .modal-body .login_popup_content > .content_block:first-child{
  width: 100%;
  margin-right: 41px;
}
#login_popup .modal-body .login_popup_content > .content_block:last-child,
#forgotpassword_popup .modal-body .login_popup_content > .content_block:last-child{
  width: 70%;
}
#register_popup .modal-body .register_popup_content > .content_block:first-child{
  width: 90%;
  margin-right: 28px;
}
#register_popup .modal-body .register_popup_content > .content_block:last-child{
  width: 100%;
}
.login_popup_title, .register_popup_title{
  font-weight: 600;
  font-size: 37px;
  text-align: center;
  margin-bottom: 24px;
  color: var(--authentication_txt_title);
}
.login_popup_textbox, .register_popup_textbox{
  margin-bottom: 16px;
}
.login_popup_gotoregister, .register_popup_gotologin{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 24px;
  line-height: 34px;
}
.login_popup_gotoregister .slide{
  
  width: 36px;
  height: auto;
}
.register_popup_gotologin{

  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.login_popup_gotoregister > div:last-child, .register_popup_gotologin > div:first-child{
  margin-left: 16px;
  color: var(--btn_authentication_switch_page_activated_txt);
  background: var(--btn_authentication_switch_page_activated_bg);
  font-weight: var(--btn_authentication_switch_page_activated_weight);
  border: var(--btn_authentication_switch_page_activated_borderthick) solid var(--btn_authentication_switch_page_activated_border);
  box-shadow: var(--btn_authentication_switch_page_activated_shadow), var(--btn_authentication_switch_page_activated_innershadow);
}
.register_popup_gotologin > div:first-child{
  margin-right: 16px;
  color: var(--btn_authentication_switch_page_activated_txt);
  background: var(--btn_authentication_switch_page_activated_bg);
  font-weight: var(--btn_authentication_switch_page_activated_weight);
  border: var(--btn_authentication_switch_page_activated_borderthick) solid var(--btn_authentication_switch_page_activated_border);
  box-shadow: var(--btn_authentication_switch_page_activated_shadow), var(--btn_authentication_switch_page_activated_innershadow);
}
.login_popup_gotoregister > div:last-child:hover, .register_popup_gotologin > div:first-child:hover{
  color: var(--btn_authentication_switch_page_hover_txt);
  background: var(--btn_authentication_switch_page_hover_bg);
  font-weight: var(--btn_authentication_switch_page_hover_weight);
  border: var(--btn_authentication_switch_page_hover_borderthick) solid var(--btn_authentication_switch_page_hover_border);
  box-shadow: var(--btn_authentication_switch_page_hover_shadow), var(--btn_authentication_switch_page_hover_innershadow);
}
.register_popup_gotologin .arrow svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.register_popup_gotologin .arrow svg{
  width: 36px;
  height: auto;
}
.login_popup_img_container, .register_popup_img_container{
  position: relative;
}
.login_popup_img_container > .img{
  position: absolute;
  top: 20px;
  left: 0;
  width: 365px;
}
.login_popup_img_container > .img_ronnie_signature{
  position: absolute;
  top: 30px;
  left: 63px;
  width: 85px;
}
.login_popup_img_container > .img_ronnie_text{
  position: absolute;
  top: 89px;
  left: 64px;
  text-align: center;
}
.register_popup_img_container > .img{
  position: absolute;
  top: 24px;
  left: -35px;
  width: 361px;
}
.register_popup_img_container > .img_leicester_logo{
  position: absolute;
  top: 41px;
  left: -15px;
  width: 57px;
}
.register_popup_img_container > .img_leicester_text{
  position: absolute;
  top: 106px;
  left: -27px;
  text-align: center;
}
.forgotpassword_popup_innerbox{
  padding: 64px 32px;
  background: var(--white-color);
  border-radius: 0px 0px 32px 32px;
  margin: -48px 0 0 -16px;
  color: var(--black-color);
}
.modal-body .btn{
  width: 50%;
  margin:0 auto;
  height:40px;
  margin-top: 20px;
  font-size: 14px;
  padding:8px 16px;
}
#login_form .btn{
  width: 50%;
  margin:0 auto;
  height:48px;
  margin-top: 20px;
}

#register_form .btn{
  margin:32px auto 0;
  height:44px;
  margin-top: 20px;
  color: var(--btn_major_enabled_txt);
  background: var(--btn_major_enabled_bg);
  font-weight: var(--btn_major_enabled_weight);
  border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
  box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innershadow);
}
#register_form .btn:hover{
  color: var(--btn_major_hover_txt);
  background: var(--btn_major_hover_bg);
  font-weight: var(--btn_major_hover_weight);
  border: var(--btn_major_hover_borderthick) solid var(--btn_major_hover_border);
  box-shadow: var(--btn_major_hover_shadow), var(--btn_major_hover_innershadow);
}
#register_form .btn:active{
  color: var(--btn_major_activated_txt);
  background: var(--btn_major_activated_bg);
  font-weight: var(--btn_major_activated_weight);
  border: var(--btn_major_activated_borderthick) solid var(--btn_major_activated_border);
  box-shadow: var(--btn_major_activated_shadow), var(--btn_major_activated_innershadow);
}
#register_form .btn:disabled{
  color: var(--btn_major_disabled_txt);
  background: var(--btn_major_disabled_bg);
  font-weight: var(--btn_major_disabled_weight);
  border: var(--btn_major_disabled_borderthick) solid var(--btn_major_disabled_border);
  box-shadow: var(--btn_major_disabled_shadow), var(--btn_major_disabled_innershadow);
}
.form_inline{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:10px;
  margin-top: 10px;
}
button{
  outline: none !important;
}
.btn_style{
  background: var(--btn_major_enabled_bg);
  color: var(--btn_major_enabled_txt);
  border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
  font-weight: var(--btn_major_enabled_weight);
  box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innsershadow);
  font-size: 17px;
  cursor: pointer;
}
.btn_style:hover{
  background: var(--btn_major_hover_bg);
  color: var(--btn_major_hover_txt);
  border: var(--btn_major_hover_borderthick) solid var(--btn_major_hover_border);
  font-weight: var(--btn_major_hover_weight);
  box-shadow: var(--btn_major_hover_shadow), var(--btn_major_hover_innsershadow);
}
.btn_style:active{
  background: var(--btn_major_actived_bg);
  color: var(--btn_major_actived_txt);
  border: var(--btn_major_actived_borderthick) solid var(--btn_major_actived_border);
  font-weight: var(--btn_major_actived_weight);
  box-shadow: var(--btn_major_actived_shadow), var(--btn_major_actived_innsershadow);
}
.btn_style:disabled{
  background: var(--btn_major_disabled_bg);
  color: var(--btn_major_disabled_txt);
  border: var(--btn_major_disabled_borderthick) solid var(--btn_major_disabled_border);
  font-weight: var(--btn_major_disabled_weight);
  box-shadow: var(--btn_major_disabled_shadow), var(--btn_major_disabled_innsershadow);
}
.btn_cancel_style{
  background: var(--btn_txt_enabled_bg);
  border: var(--btn_txt_enabled_borderthick) solid var(--btn_txt_enabled_border);
  color: var(--btn_txt_enabled_txt);
  font-weight: var(--btn_txt_enabled_weight);
  box-shadow: var(--btn_txt_enabled_shadow), var(--btn_txt_enabled_innershadow);
  cursor: pointer;
}
.btn_cancel_style:hover{
  text-decoration: underline;
  background: var(--btn_txt_hover_bg);
  border: var(--btn_txt_hover_borderthick) solid var(--btn_txt_hover_border);
  color: var(--btn_txt_hover_txt);
  font-weight: var(--btn_txt_hover_weight);
  box-shadow: var(--btn_txt_hover_shadow), var(--btn_txt_hover_innershadow);
}
.btn_cancel_style:active{
  background: var(--btn_txt_actived_bg);
  border: var(--btn_txt_actived_borderthick) solid var(--btn_txt_actived_border);
  color: var(--btn_txt_actived_txt);
  font-weight: var(--btn_txt_actived_weight);
  box-shadow: var(--btn_txt_actived_shadow), var(--btn_txt_actived_innershadow);
}
.btn_cancel_style:disabled{
  background: var(--btn_txt_disabled_bg);
  border: var(--btn_txt_disabled_borderthick) solid var(--btn_txt_disabled_border);
  color: var(--btn_txt_disabled_txt);
  font-weight: var(--btn_txt_disabled_weight);
  box-shadow: var(--btn_txt_disabled_shadow), var(--btn_txt_disabled_innershadow);
}

.button_trans_white, .button_trans_black, .button_trans_red, .btn_border, .btn_cancel_style2{
  border: var(--btn_minor_enabled_borderthick) solid var(--btn_minor_enabled_border);
  color: var(--btn_minor_enabled_txt);
  font-weight: var(--btn_minor_enabled_weight);
  background: var(--btn_minor_enabled_bg);
  box-shadow: var(--btn_minor_enabled_shadow), var(--btn_minor_enabled_innershadow);
  border-radius: 9px;
  font-size: 13px;
  padding: 7px 15px;
}
.button_trans_white:hover, .button_trans_black:hover, .button_trans_red:hover, .btn_border:hover, .btn_cancel_style2:hover{
  border: var(--btn_minor_hover_borderthick) solid var(--btn_minor_hover_border);
  color: var(--btn_minor_hover_txt);
  font-weight: var(--btn_minor_hover_weight);
  background: var(--btn_minor_hover_bg);
  box-shadow: var(--btn_minor_hover_shadow), var(--btn_minor_hover_innershadow);
}
.button_trans_white:active, .button_trans_black:active, .button_trans_red:active, .btn_border:active, .btn_cancel_style2:active{
  border: var(--btn_minor_actived_borderthick) solid var(--btn_minor_actived_border);
  color: var(--btn_minor_actived_txt);
  font-weight: var(--btn_minor_actived_weight);
  background: var(--btn_minor_actived_bg);
  box-shadow: var(--btn_minor_actived_shadow), var(--btn_minor_actived_innershadow);
}
.button_trans_white:disabled, .button_trans_black:disabled, .button_trans_red:disabled, .btn_border:disabled, .btn_cancel_style2:disabled{
  border: var(--btn_minor_disabled_borderthick) solid var(--btn_minor_disabled_border);
  color: var(--btn_minor_disabled_txt);
  font-weight: var(--btn_minor_disabled_weight);
  background: var(--btn_minor_disabled_bg);
  box-shadow: var(--btn_minor_disabled_shadow), var(--btn_minor_disabled_innershadow);
}

.btn_navprofile{
  border: var(--btn_navprofile_activated_borderthick) solid var(--btn_navprofile_activated_border);
  color: var(--btn_navprofile_activated_txt);
  font-weight: var(--btn_navprofile_activated_weight);
  background: var(--btn_navprofile_activated_bg);
  box-shadow: var(--btn_navprofile_activated_shadow), var(--btn_navprofile_activated_innershadow);
  border-radius: var(--btn_navprofile_radius);
  font-size: 13px;
  padding: 7px 15px;
}
.btn_navprofile:hover{
  border: var(--btn_navprofile_hover_borderthick) solid var(--btn_navprofile_hover_border);
  color: var(--btn_navprofile_hover_txt);
  font-weight: var(--btn_navprofile_hover_weight);
  background: var(--btn_navprofile_hover_bg);
  box-shadow: var(--btn_navprofile_hover_shadow), var(--btn_navprofile_hover_innershadow);
}

.button_trans_black{
  padding: 4px 16px;
  border-radius: 8px;
}
.button_trans_red{
  padding: 6px 8px;
  border-radius: 8px;
  line-height: 14px;
}
.btn_cancel_style2{
  border-radius: 8px;
  padding: 10px 8px;
}
.btn_border{
  border-radius: 4px;
  padding: 6px 19px;
  cursor: pointer;
}
.button_trans_green{
  border: var(--btn_safety_center_enabled_borderthick) solid var(--btn_safety_center_enabled_border);
  color: var(--btn_safety_center_enabled_txt);
  background: var(--btn_safety_center_enabled_bg);
  box-shadow: var(--btn_safety_center_enabled_shadow), var(--btn_safety_center_enabled_innershadow);
  font-weight: var(--btn_safety_center_enabled_weight);
  border-radius: var(--btn_radius);
  padding: 8px 10px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
.button_trans_green:hover{
  border: var(--btn_safety_center_hover_borderthick) solid var(--btn_safety_center_hover_border);
  color: var(--btn_safety_center_hover_txt);
  background: var(--btn_safety_center_hover_bg);
  box-shadow: var(--btn_safety_center_hover_shadow), var(--btn_safety_center_hover_innershadow);
  font-weight: var(--btn_safety_center_hover_weight);
}
.button_trans_green.active{
  border: var(--btn_safety_center_activated_borderthick) solid var(--btn_safety_center_activated_border);
  color: var(--btn_safety_center_activated_txt);
  background: var(--btn_safety_center_activated_bg);
  box-shadow: var(--btn_safety_center_activated_shadow), var(--btn_safety_center_activated_innershadow);
  font-weight: var(--btn_safety_center_activated_weight);
}
/*.button_trans_green:disabled{
  border: var(--btn_safety_center_disabled_borderthick) solid var(--btn_safely_center_disabled_border);
  color: var(--btn_safely_center_disabled_txt);
  background: var(--btn_safely_center_disabled_bg);
  box-shadow: var(--btn_safely_center_disabled_shadow), var(--btn_safely_center_disabled_innershadow);
  font-weight: var(--btn_safely_center_disabled_weight);
}*/

.arrow_pointer{
  background: var(--general_arrow_down);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  transition: .2s all ease;
}
.button_trans_green.active .arrow_pointer{
  transform: rotate(180deg);
  transition: .2s all ease;
}
.button_full_trans{
  color: var(--primary-color);
  background: transparent;
  border: 0;
  font-weight: normal !important;
}
.button_full_red, .btn_major{
  background: var(--btn_major_enabled_bg);
  color: var(--btn_major_enabled_txt);
  border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
  font-weight: var(--btn_major_enabled_weight);
  box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innsershadow);
  border-radius: var(--btn_radius);
  font-size: 13px;
  line-height: 18px;
  padding: 8px 16px;
  white-space: nowrap;
}
.button_full_red:hover, .btn_major:hover{
  background: var(--btn_major_hover_bg);
  color: var(--btn_major_hover_txt);
  border: var(--btn_major_hover_borderthick) solid var(--btn_major_hover_border);
  font-weight: var(--btn_major_hover_weight);
  box-shadow: var(--btn_major_hover_shadow), var(--btn_major_hover_innsershadow);
}
.button_full_red:active, .btn_major:active, .btn_major.active{
  background: var(--btn_major_activated_bg);
  color: var(--btn_major_activated_txt);
  border: var(--btn_major_activated_borderthick) solid var(--btn_major_activated_border);
  font-weight: var(--btn_major_activated_weight);
  box-shadow: var(--btn_major_activated_shadow), var(--btn_major_activated_innershadow);
}
.button_full_red:disabled, .btn_major:disabled, .btn_major.disabled{
  background: var(--btn_major_disabled_bg);
  color: var(--btn_major_disabled_txt);
  border: var(--btn_major_disabled_borderthick) solid var(--btn_major_disabled_border);
  font-weight: var(--btn_major_disabled_weight);
  box-shadow: var(--btn_major_disabled_shadow), var(--btn_major_disabled_innsershadow);
}
.button_full_alt{
  color: var(--btn_alt_enabled_txt) !important;
  background: var(--btn_alt_enabled_bg);
  border: var(--btn_alt_enabled_borderthick) solid var(--btn_alt_enabled_border);
  font-weight: var(--btn_alt_enabled_weight);
  box-shadow: var(--btn_alt_enabled_shadow), var(--btn_alt_enabled_innershadow);
  border-radius: var(--btn_radius);
  font-size: 13px;
  line-height: 18px;
  padding: 8px 16px;
  white-space: nowrap;
}
.button_full_alt:hover{
  color: var(--btn_alt_hover_txt) !important;
  background: var(--btn_alt_hover_bg);
  border: var(--btn_alt_hover_borderthick) solid var(--btn_alt_hover_border);
  font-weight: var(--btn_alt_hover_weight);
  box-shadow: var(--btn_alt_hover_shadow), var(--btn_alt_hover_innershadow);
}
.button_full_alt:active{
  color: var(--btn_alt_actived_txt) !important;
  background: var(--btn_alt_actived_bg);
  border: var(--btn_alt_actived_borderthick) solid var(--btn_alt_actived_border);
  font-weight: var(--btn_alt_actived_weight);
  box-shadow: var(--btn_alt_actived_shadow), var(--btn_alt_actived_innershadow);
}
.button_full_alt:disabled{
  color: var(--btn_alt_disabled_txt) !important;
  background: var(--btn_alt_disabled_bg);
  border: var(--btn_alt_disabled_borderthick) solid var(--btn_alt_disabled_border);
  font-weight: var(--btn_alt_disabled_weight);
  box-shadow: var(--btn_alt_disabled_shadow), var(--btn_alt_disabled_innershadow);
}
.form-control{
  border-radius: var(--textfield_radius);
  padding: 8px;
  height: auto;
  background-color: var(--general_textfield_bg_empty);
  border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_borderthick_empty);
  color:var(--general_textfield_txt_empty);
  box-shadow: var(--general_textfield_innershadow_empty);
  -webkit-box-shadow: var(--general_textfield_innershadow_empty);
          box-shadow: var(--general_textfield_innershadow_empty);
}

.form-control.invaild{
  border:1px solid var(--primary-color);
}
.form-control:focus{
 background-color: var(--general_textfield_bg_focused);
  border: var(--general_textfield_border_focused) solid var(--general_textfield_borderthick_focused);
  color:var(--general_textfield_txt_focused);
  box-shadow: var(--general_textfield_innershadow_focused);
  -webkit-box-shadow: var(--general_textfield_innershadow_focused);
          box-shadow: var(--general_textfield_innershadow_focused);
  
}
.validation {
  text-align: left;
  color:var(--primary-color);
}
.bg-derby_icon {
    width: 68px; height: 46px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -100px -557px;
}


.bg-footer_logo_a_1 {
    width: 200px; height: 47px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -10px -490px;
}


.bg-footer_logo_a_2 {
    width: 200px; height: 47px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -230px -490px;
}


.bg-footer_logo_a_3 {
    width: 200px; height: 47px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -450px -490px;
}


.bg-footer_logo_a_4 {
    width: 200px; height: 47px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -670px -490px;
}


.bg-HN_icon {
    width: 100px; height: 44px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -890px -490px;
}


.bg-LCFC_icon {
    width: 70px; height: 70px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -10px -557px;
}


.bg-logo {
    width: 1722px; height: 460px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -10px -10px;
}


.bg-ronnie_icon {
    width: 96px; height: 24px;
    background: url('https://www.9500gg.com/framework/template/default/web/img/index_sprite.png') -1010px -490px;
}


.bg-profile_icon {
    width: 51px; height: 51px;
    background: var(--profile_thumbnail);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.header_top_outside{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1200px;
    max-width: 1920px;
    width: 100%;
    background:var(--navbar_topheader_bg);
    margin:0 auto;
    position: relative;
    height: 48px; 
    z-index: 4; 
}
.header_top{
    width: 1920px;
    height: 100%;
    padding: 0px 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin:0 auto;
}

.header_bottom_outside{
    position: relative;
    min-width: 1200px;
    max-width: 1920px;
    width: 100%;
    background-color: var(--navbar_main_bg);
    box-shadow: var(--navbar_main_shadow);
    margin:0 auto;
    z-index: 3;
}
.header_bottom_outside.scrolling{
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.header_bottom{
    width: 100%;
    height: 72px;
    padding: 0px 5%;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin:0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.header_bottom_logo {
    height: 48px;
    margin-right: 16px;

}
.header_bottom_logo img{
    height: 100%;
    -webkit-transition: 2s all ease;
    -o-transition: 2s all ease;
    transition: 2s all ease;

}
.header_bottom_medium{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content:flex-start;
    width: 100%;
}
.header_menu_item{
  padding: 0px 24px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: var(--nav_main_text_spacing);
}
.header_bottom_right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  color: var(--nav_sub_txt);
  width: 30%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;

}
.header_bottom_right > div, .header_bottom_right > a{
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%;
  margin-left: 5%;
  white-space: nowrap;
  padding: 0px 8px;
  color:var(--navbar_topheader_txt_url_title);

}
.header_bottom_right > a:first-child{
  margin-left: 0;
}
.header_bottom_right >a:hover ,.header_bottom_right >.csLink:hover{
  background: var(--navbar_sub_bg_hover);
  color:var(--navbar_sub_txt_hover);
}
.header_bottom_right >a.active{
  background: var(--navbar_sub_bg_active);
  color:var(--navbar_sub_txt_active);
}
.header_bottom_right  img{
  width: 32px;
}
.header_bottom_right >a svg{
  width: 32px;
  height: auto;
}
.header_bottom_login{
/*  border: 1px solid var(--primary-color);*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
}
.header_bottom_login > div{
  white-space: nowrap;
}
.header_bottom_login a{
  padding: 8px 13px;
  display: block;
  position: relative;
}
.header_bottom_login a.login{
/*  margin-right: 3px;*/
}
.header_bottom_login a.register{
/*  margin-left: 3px;*/
}
.header_bottom_login a.login:hover{
/*  background-color: var(--primary-color);*/
  background: radial-gradient(100% 100% at 50% 0%, #F0F9FF 0%, #D1E1FE 100%);
  color: #5A8BF1;
  border-radius: 8px;
}
.header_bottom_login a.register:hover{
/*  background-color: var(--primary-color);*/
  background: linear-gradient(117.1deg, #C7D8FB 2.69%, #5A8BF1 76.54%);
  color: var(--white-color);
  border-radius: 8px;
}
.header_bottom_login a.login::after{
/*  content: "";
  display: block;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
  border-right: 1px solid var(--primary-color);
  position: absolute;
  height: 120%;
  right: -3px; top: -5px;
  padding-right: 5px;*/
}
.header_bottom_login a.register::after{
/*  content: "";
  display: block;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
  border-left: 1px solid var(--primary-color);
  position: absolute;
  left: -3px; top: -5px;
  height: 120%;
  padding-left: 5px;*/
}
.header_bottom_login a.login:hover::after{
/*  background-color: var(--primary-color);
  border-right: 1px solid var(--primary-color);*/
}
.header_bottom_login a.register:hover::after{
/*  background-color: var(--primary-color);*/
}
.header_profile_dropdown{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
.header_bottom_after_login{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  min-width: 223px;
}
.header_bottom_after_login img{
  width: 24px;
}
.header_bottom_after_login > div{
  text-align: left;
  margin-right: 8px;
  color: var(--nav_username_txt);
}
.header_bottom_after_login > div:last-child{
  margin-right: 0;
}
.header_vip{
  margin-left: 8px;
}
.header_wallet_balance{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  font-size: 17px;
}
.header_wallet_balance > span:last-child{
  font-weight: bold;
  margin-left: 8px;
  color: var(--nav_balance_txt);
}
.header_bottom_after_login_profile{
  position: relative;
  display: block;
}
.progress-ring{
  position: absolute;
  left: -4px;
  top: -4px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.header_after_login_slidedown{
 background: var(--nav_profile_bg);
  -webkit-box-shadow: var(--nav_profile_shadow);
          box-shadow: var(--nav_profile_shadow);
  border-radius: var(--nav_profile_radius);
  border:var(--nav_profile_borderthick) solid var(--nav_profile_border);
  color:var(--nav_profile_txt);
  min-width: 223px;
  position: absolute;
  right: 0;
  -webkit-transition: top .3s ease;
  -o-transition: top .3s ease;
  transition: top .3s ease;
  top: -600px;
}
.header_bottom_after_login:hover .header_after_login_slidedown{
  top: -5px;
}
.header_bottom_after_popup_profile{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px 8px;
}
.header_bottom_after_popup_profile_pic{
  position: relative;
}
.header_bottom_after_popup_profile_name{
  margin-top: 8px;
  display: block;
  color: var(--nav_profile_text);
  font-size: 17px;
}
.header_bottom_after_popup_logout{
  padding: 8px 0 16px;
  text-align: center;
}
.header_bottom_after_popup_block, .header_bottom_after_popup_wallet{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}
.header_bottom_after_popup_profile:hover,
.header_bottom_after_popup_block:hover{
 background: var(--nav_profile_menu_hover_bg);
 color: var(--nav_profile_menu_txt);
 border: var(--nav_profile_menu_borderthick) solid var(--nav_profile_menu_border);
 box-shadow: var(--nav_profile_menu_shadow);
}
.header_bottom_after_popup_block > div:first-child{
  width: 24px;
  margin-right: 8px;
}
.header_bottom_after_popup_block > div:nth-child(2){
  width: 127px;
  margin-right: 8px;
}
.header_bottom_after_popup_block > div:last-child{
  text-align: right;
  width: 16px;
  height: auto;
}
.header_bottom_after_popup_block > div .svg {
  width: 24px;
  height: auto;
}
.header_bottom_after_popup_block > div .svg.arrow {
  width: 16px;
  height: auto;
}
.header_bottom_after_popup_block > div .svg path{

 
}
.header_bottom_after_popup_progress{
  height: 4px !important;
  background: var(--bar_nav_vip_bg) !important;
  border-radius: 2px !important;
  margin-top: 4px;
}
.header_bottom_after_popup_progress .progress-bar{
  height: 4px !important;
  background: var(--bar_nav_vip_progress) !important;
  border-radius: 2px !important;
  padding: 0 !important;
}
.header_bottom_after_popup_wallet{
  cursor: initial;
  font-weight: bold;
  
}
.header_bottom_after_popup_wallet_action{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header_bottom_after_popup_wallet #wallet_balance{
  font-size: 17px;
  line-height: 24px;
  color: var(--nav_profile_balance);
}
.header_bottom_after_popup_wallet #refresh_amount{
  margin-left: 8px;
  cursor: pointer;
  height: 16px;
  width: 16px;
  align-self: center;
}
.header_menu_item{
  color: var(--navbar_main_txt);
}
.header_menu_item:hover{
  color: var(--navbar_main_txt_hover);
   font-weight: bold; 
}
.header_menu_item:active{
  color: var(--navbar_main_txt_active); 
}
.header_menu_dropdown{
  cursor: default;
  width: 100%;
  overflow: hidden;
  background-color: var(--nav_dropdown_bg);
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: -1;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0px;
  -webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1);
  }
.header_menu_item:hover .header_menu_dropdown{
  padding-top: 16px;
  opacity: 1;
  visibility:visible;
  -webkit-transition: .3s height ease;
  -o-transition: .3s height ease;
  transition: .3s height ease;
  height: 215px;
}
.header_menu_dropdown >div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}
.header_menu_dropdown .left{
  width: 184px;
  color: var(--primary-color);

   -ms-flex-item-align: center;

       -ms-grid-row-align: center;

       align-self: center;

}
.header_menu_dropdown .left img{
  width: 30px;
}
.header_menu_dropdown .left svg{
  width: 30px;
  height: auto;
}
.header_menu_dropdown .left .svg.default svg linearGradient stop{
  stop-color: var(--enabled-color);
}
.header_menu_dropdown .left .svg.active svg linearGradient stop{
  stop-color: var(--enabled-color);
}
.header_menu_dropdown .left .svg.hover svg linearGradient stop{
  stop-color: var(--enabled-color);
}

.header_menu_dropdown .left .svg.disabled svg linearGradient stop{
  stop-color: var(--enabled-color);
}

.header_menu_dropdown .left svg linearGradient stop:nth-child(1){
  stop-color: var(--enabled-color);
}
.header_menu_dropdown .left svg linearGradient stop:nth-child(2){
  stop-color: var(--primary-color);
}
.header_menu_dropdown .left >div{
  width: 50%;
  font-size: 16px;
  font-weight: normal;
  color: var(--nav_dropdown_txt_subtitle);
}
.header_menu_dropdown .right{
  width: calc(1200px - 184px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-item-align: center;
      align-self: center;
      height: 100%;
      flex-wrap: wrap;
  align-items: flex-start;
}
.header_menu_dropdown .left .text{
  width: 50%;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
}
.header_menu_dropdown .left .text > div{
  font-weight: normal;
  font-size: 17px;
  color: var(--nav_dropdown_txt_category);
}
/*.header_menu_dropdown .left .text > div:nth-child(2) {
    font-size: 16px;
    color: var(--nav_dropdown_txt_subtitle);
}*/
.header_menu_dropdown .left > div:last-child{
  color: var(--nav_dropdown_txt_number);
  font-weight: bold;
  font-size: 36px;
}
.header_menu_dropdown .left .img{
  text-align: center;
  margin-bottom: 10px;
}
.header_menu_dropdown .right .c{
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
}
.header_menu_dropdown  .right_item{
  position: relative;
  font-size: 20px;
    line-height: 20px;
    color: white;
    font-weight: bold;
    border-radius: 8px;
}
.header_menu_dropdown  .right_item.inactive .c{
  cursor: initial;
}
.header_menu_dropdown  .right_item span{
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}
.header_menu_dropdown  .right_item .title{
  padding-left: 10px;
}
.under_maintenance{
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.under_maintenance::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(15, 28, 45, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
          z-index: 1;
}
.under_maintenance::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../style/maintenance.svg") no-repeat center center;
  background-size: 30px 30px;
  z-index: 1;
}
.under_maintenance > div{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25%;
  font-size: 14px;
  color: var(--white-color);
  text-align: center;
  z-index:1;
}
.sport .right .bg{

  -webkit-filter: drop-shadow(2px 4px 6px rgba(221, 77, 94, 0.3));

          filter: drop-shadow(2px 4px 6px rgba(221, 77, 94, 0.3));
}
.sport .right .c{
  bottom: 0px;
  right: 20px

}
.sport .right .logo{
   left: 50px;
  top:35px;

}
.live .right_item{
  color:var(--primary-color);
}
.live .right .bg{
    -webkit-filter: drop-shadow(2px 4px 6px rgba(99, 51, 40, 0.3));
            filter: drop-shadow(2px 4px 6px rgba(99, 51, 40, 0.3));
}
.live .right .logo{
  left:15px;
  top:20px;
}
.live .right .c{
  right: -20px;
}
.lottery .right .bg{
 -webkit-filter: drop-shadow(2px 4px 6px rgba(7, 130, 146, 0.3));
         filter: drop-shadow(2px 4px 6px rgba(7, 130, 146, 0.3));
}
.lottery .right .logo{
  left:35px;
  top:25px;
}
.chess .right .bg{
 -webkit-filter: drop-shadow(2px 4px 6px rgba(15, 15, 15, 0.3));
         filter: drop-shadow(2px 4px 6px rgba(15, 15, 15, 0.3));
}
.chess .right .logo{
  left:15px;
  top:20px;
}
.esport .right .bg{
-webkit-filter: drop-shadow(2px 4px 6px rgba(221, 77, 94, 0.3));
        filter: drop-shadow(2px 4px 6px rgba(221, 77, 94, 0.3));
}
.esport .right .logo{
  left:15px;
  top:20px;
}
.esport .right .c{
  right: -30px;
  bottom:0px;
}
.header_menu_dropdown .sponsor .right_item .title{
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.header_menu_dropdown  .sponsor .right_item span{
  font-size: 18px;
  font-weight:bold;
}
.sponsor .right_item{
  color:var(--primary-color);
}
.sponsor .right .logo img{
  margin-bottom: 0px;
}
.sponsor .right .bg{

    -webkit-filter: drop-shadow(2px 4px 6px rgba(99, 51, 40, 0.3));

            filter: drop-shadow(2px 4px 6px rgba(99, 51, 40, 0.3));

}
.sponsor .right .logo{
  left: 15px;
  top:5px;
}
.sponsor .right .c{

    right: -15px;
    bottom: 0px;

}
.header_menu_dropdown .slot .right .bg{
   -webkit-filter: drop-shadow(2px 4px 6px rgba(3, 31, 202, 0.3));
           filter: drop-shadow(2px 4px 6px rgba(3, 31, 202, 0.3));
}
.header_menu_dropdown .slot .right .c{
  top:-19px;
  left: 21px
}
.header_menu_dropdown .slot .right .logo{
  top:unset;
  bottom:15px;
  left: 0px;
  width: 100%;
  text-align: center;

}
.header_menu_dropdown .slot .right .logo .title{
  padding-left: 0px;
}
.header_menu_dropdown .slot .right .logo img{
  margin-bottom: 5px;
}
.header_menu_dropdown .sponsor .right_item .title{
  padding-left: 0px;
}
.header_menu_dropdown .app_download_menu{
  position: relative;
  width: 100%;
 
}
.header_menu_item.app .header_menu_dropdown{
 background: var(--homepage_header_dropdown_bg);
 background-size: 100% 100%;
}
/*.header_menu_dropdown .app_download_menu:before{
  content: "";
  width: 3000px;
  height: 800px;
  -webkit-transform: rotate(-15deg) translateX(-61%);
      -ms-transform: rotate(-15deg) translateX(-61%);
          transform: rotate(-15deg) translateX(-61%);
  position: absolute;
  left: -50%;
  top: -400px;
  background-color: #E5E5E5;
}*/
.app_download_menu_content{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.app_download_qr{
  width: 129px;
  margin-right: 42px;
}
.app_download_text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 16px;
  color: var(--primary-color) !important;
  margin-right: 10px;
}
.app_download_qr img{
  width: 100%;
}
.app_download_text img{
  width: 50px;
  margin-right: 21px;
}
.app_download_text a{
  font-size: 20px;
  
  font-weight: bold;
  

}
.app_download_img{
  position: relative;
  width: 550px;
  height: 100%;
}
.app_download_img .player{
     position: absolute;
    bottom: 0px;
    left: 60px;
}
.app_download_img .phone_1{
  position: absolute;
  bottom: 0;
  right: 0;
}
.app_download_img .phone_2{
  position: absolute;
  bottom: -15px;
  left: 34%;
}
.main_area{
  min-width: 1200px;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  background: transparent;
 /* background: transparent;*/
}

.footer_area{
  background:#324687;
  color: var(--white-color);
  padding: 32px 0;
  font-size: 12px;
}
.footer_notice{
  text-align: center;
}
.footer_permit_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 132px;
}
.footer_permit, .footer_payment{
  margin-right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 36px;
}
.footer_payment{
  margin-right: 0;
}
.footer_permit > div:first-child, .footer_payment > div:first-child{
  margin-right: 24px;
  color: var(--disable-color);
  white-space: nowrap;
}
.footer_permit_items, .footer_payment_items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer_permit_items > .content_block{
  width: calc((100% - (25px * 1)) / 2);
  margin-right: 25px;
  margin-bottom: 20px;
}
.footer_permit_items > .content_block:nth-child(2n){
  margin-right: 0;
}
.footer_permit_items > .content_block img{
  width: 149px;
}
.footer_payment_items > .content_block{
  width: calc((100% - (16px * 2)) / 3);
  margin-right: 16px;
  margin-bottom: 20px;
}
.footer_payment_items > .content_block:nth-child(3n){
  margin-right: 0;
}
.footer_payment_items > .content_block img{
  width: 117px;
}
.footer_link{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer_link > .content_block{
  width: 100%;
  text-align: center;
  border-right: 0.5px solid var(--enabled-color);
}
.footer_link > .content_block:last-child{
  border-right: 0;
}
.footer_copyright{
  text-align: center;
  margin: 32px 0;
}

.layout_1920{
  overflow-x: hidden;
  min-width: 1200px;
  max-width: 1920px;
  width: 100%;
  margin:0 auto;
}
.layout_1200{
  width: 1200px;
  margin:0 auto;
}
.layout_940{
  width: 940px;
  margin:0 auto;
}
.index_banner_area{
  width: 100%;
  /*padding-bottom: 30px;*/
}
.index_banner_area >img{
  width: 100%;
}

.swiper-container {
      width: 100%;
      height: 100%;
}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

}
#index_banner{
  
}
#index_banner .swiper-slide{
  width: 100%;
  max-width: var(--banner_length) !important;
  min-width: var(--Banner_min_length); 
  margin-top:var(--banner_margin_top);
  margin-bottom: var(--banner_margin_bottom);
  border:var(--banner_borderthick) solid var(--banner_border);
  border-radius: var(--banner_radius);
  box-shadow: var(--banner_shadow);
  /* min-width: var(--banner_length); */
}
#index_banner .swiper-slide img{
  width: 85%;
  height: 85%;
  -webkit-transition: all .3s ease .05s;
  -o-transition: all .3s ease .05s;
  transition: all .3s ease .05s;
  /*border-radius: 24px;*/
}
#index_banner .swiper-slide-prev img, #index_banner .swiper-slide-next img{
  width: 100%;
  height: 100%;
  margin: auto;
}
#index_banner .swiper-slide-active img{
  width: 100%;
  height: 100%;
}
#index_banner .swiper_button_area{
  width: 1200px;
  margin: auto;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: 1;
}
#index_banner:hover .swiper_button_area{
  opacity: 1;
}
#index_banner .swiper-button-next{
  background: var(--homepage_banner_arrow_right);
  background-repeat: no-repeat;
  background-position: center center;
  width: 36px; height: 72px;
  top: -100px;

  right: 0;
  border: 0 !important;
  outline: none !important;
}
#index_banner .swiper-button-prev{
  background: var(--homepage_banner_arrow_left);
  background-repeat: no-repeat;
  background-position: center center;
  width: 36px; height: 72px;
  top: -100px;
  left: 0;
  border: 0 !important;
  outline: none !important;
}
.marquee_popup_content, .marquee_popup_content li,
.announcement_popup_content, .announcement_popup_content li,
.hotgame_popup_content, .hotgame_popup_content li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.marquee_popup_content li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px !important;
  border-bottom: 0.5px solid var(--card_divider);
  color: var(--txt_general);
  padding-bottom: 16px !important;
  justify-content: space-between;
}
.marquee_popup_content li > div:last-child{
  white-space: nowrap;
  margin-left: 24px;
  color: var(--txt_subtitle);
}
.marquee_popup_title, .announcement_popup_title{
  position: relative;
  min-height: 688px;
  width: 282px;
}
.marquee_popup_title > .block_content, .announcement_popup_title > .block_content{
  z-index: 1;
  position: absolute;
  top: calc(344px - 96px);
  width: 100%;
 
  text-align: center;
}
.announcement_popup_link{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.announcement_popup_link >div{
  width: 100%;
}
.announcement_donotshow{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: var(--white-color);
  width: 100%;
  padding: 20px 0 0;
  /*display: flex;*/
  text-align: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.announcement_popup_link > div:last-child{
  margin-left: 18px;
  width: unset;
}
.announcement_popup_content li > .announcement_popup_link .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.announcement_popup_content li{
  padding-bottom: 16px;
  border-bottom: 0.5px solid var(--main-bg-color);
  margin-bottom: 24px;
  cursor: pointer;
  word-break: break-all;
}
.marquee_popup_title li .date, .announcement_popup_content li .date{
  color: var(--enabled-color);
  font-size: 13px;
}
.announcement_popup_content li .title{
  font-weight: 600;
  font-size: 24px;
}
.hotgame_popup_content li .index_hot_match_item{
  width: 100%;
}

.marquee_area{
  height: 40px;
  border: 0.5px solid var(--marquee_border);
  /*padding: 2px 16px;*/
  border-radius: var(--marquee_radius);
  /*margin-top: 10px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow:hidden;
  justify-content: space-between;
  background-color: var(--marquee_background);
  color: var(--marquee_txt);
  font-weight: var(--marquee_weight);
}
.marquee_area .icon-bell{
  margin-right: 9px;
  font-weight: unset;
}
.marquee_area >span{
  color: var(--txt_general);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   font-weight: bold;
}
.marquee_area .marquee_item{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
  width: calc(100% - 56px);
  height: 40px;
  font-size: 14px;
  margin-left:var(--marquee_txt_padding_left);
  margin-right:var(--marquee_txt_padding_right);
}
.layout_1920_innerpadding {
    padding-left: 8%;
    padding-right: 8%;
    border-radius: unset;
}
.marquee_area .marquee_item >div{
  line-height: 40px;
  display: inline;
  height: 40px;
  /* width: calc(100% - 86px);
  position: absolute; */
  width: auto;
  position: static;
  top:0px;
  padding: 0px 10px;
  overflow:hidden;
  white-space: nowrap;
  -o-text-overflow:ellipsis;
     text-overflow:ellipsis;
  -webkit-transition: 2s -webkit-transform ease;
  transition: 2s -webkit-transform ease;
  -o-transition: 2s transform ease;
  transition: 2s transform ease;
  transition: 2s transform ease, 2s -webkit-transform ease;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.marquee_area .marquee_item >div.active{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: 2s -webkit-transform ease;
  transition: 2s -webkit-transform ease;
  -o-transition: 2s transform ease;
  transition: 2s transform ease;
  transition: 2s transform ease, 2s -webkit-transform ease;
  opacity: 1;

}
.marquee_area .marquee_item >div.active.actived{
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: 2s -webkit-transform ease;
  transition: 2s -webkit-transform ease;
  -o-transition: 2s transform ease;
  transition: 2s transform ease;
  transition: 2s transform ease, 2s -webkit-transform ease;
  opacity: 1;


}
.marquee_popup_title{
  position: relative;
  width: 282px;
  background: var(--marquee_header_bg);
  border: var(--marquee_header_borderthick) solid var(--marquee_header_border);
  border-radius: var(--marquee_header_radius);
  box-shadow: var(--marquee_header_shadow);
}
.marquee_popup_title > .block_content > .title{
  font-size: var(--marquee_header_fontsize);
  color: var(--marquee_header_txt);
  font-weight: var(--marquee_header_weight);
}
.index_title_area{
  font-weight: bold;
  font-size: 30px;
  color:var(--primary-color);
  width: 100%;
  margin:25px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
   -ms-flex-pack: distribute;
       justify-content: space-around;
}
.index_title_item{
  position: relative;

}
.index_title_item >div{
  font-size: 18px;
  color:#a0aec8;

}
.index_title_item::after{
  content: "";
  position: absolute;
  height: 2px;
    background-color: #f1f4fd;
    width: 100px;
    left:calc(100% + 30px);
    top:calc(50% - 1px);
}
.index_title_item::before{
  content: "";
  position: absolute;
  height: 2px;
    background-color: #f1f4fd;
    width: 100px;
    right:calc(100% + 30px);
    top:calc(50% - 1px);
}
.index_sponsor_area{
  margin-top: 49px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px);
  opacity: .5;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.index_sponsor_area.active{
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
.index_sponsor_item{
  background: var(--white-color);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  margin-right: 27px;
  padding: 29px 0 0;
  color: var(--white-color);
  width: 25%;
  cursor: pointer;
}
.index_sponsor_item:hover .index_sponsor_img{
  transform: scale(1.1);
  
}
.sponsor_tab {
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}
.b-border{
    display: inline-block;
    position: relative;
    /*border: solid #333;*/
    /*border-width: 1px 1px 0px 1px;*/
    /*padding: 20px;*/
    /*margin-bottom: 100px;*/
    width: 25%;
    height: 87px;
    background-color: white
}
.b-border:first-child {
    border-radius: 8px 0 0 8px;
}
.b-border:last-child {
    border-radius: 0 8px 8px 0;
}
.b-border.active {
    background-color: var(--primary-color);
}
.b-border.border-right:not(:last-child){
  border-right: 0px !important;
}

.b-border.border-right:not(:first-child):before{
    content: "";
    position: absolute;
    left: -20px;
    /* border-top: 1px solid #333; */
    /* border-left: none medium; */
    top: 0px;
    right: auto;
    width: 24px;
    height: 100%;
    background: -o-linear-gradient(bottom left, transparent calc(50% - 1px), var(--main-bg-color) 1px, transparent 51%);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--main-bg-color) 1px, transparent 51%);
    z-index: 9;
    pointer-events: none;
}
.b-border.border-right:not(:last-child):after{
    content: "";
    position: absolute;
    right: -4px;
    /* border-top: 1px solid #333; */
    /* border-left: none medium; */
    top: 0px;
    left: auto;
    width: 24px;
    height: 100%;
    background: -o-linear-gradient(bottom left, transparent calc(50% - 1px), var(--main-bg-color) 1px, transparent 51%);
    background: linear-gradient(to top right, transparent calc(50% - 1px), var(--main-bg-color) 1px, transparent 51%);
    z-index: 9;
    pointer-events: none;
}
.b-border.border-right.active:before{
    background: -o-linear-gradient(bottom left, white calc(50% - 1px), var(--main-bg-color) 1px, var(--primary-color) 51%);
    background: linear-gradient(to top right, white calc(50% - 1px), var(--main-bg-color) 1px, var(--primary-color) 51%);
}
.b-border.border-right.active:after{
    background: -o-linear-gradient(bottom left, var(--primary-color) calc(50% - 1px), var(--main-bg-color) 1px, white 51%);
    background: linear-gradient(to top right, var(--primary-color) calc(50% - 1px), var(--main-bg-color) 1px, white 51%);
}
.b-border:not(:last-child):after{
    content: "";
    position: absolute;
    left: -1px;
    bottom: -15%;
    /*border-left: 1px solid #333;*/
    height: 15%;
    width: calc(100% + 1px);
    background: -o-linear-gradient(left top, white calc(50% - 1px), var(--black-color) 1px, white 50%);
    background: linear-gradient(to right bottom, white calc(50% - 1px), var(--black-color) 1px, white 50%);
}
.b-border:first-child:before {
    content: "";
}
.b-border:last-child:after {
    content: "";
}
a.sponsor_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 87px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 17px;
}
a.sponsor_link img {
    height: 80%;
    margin: 0 15px;
}
.b-border.active a.sponsor_link {
    color: var(--white-color)
}
.b-border a:hover {
    color: var(--primary-color);
}
.sponsor_content {
  width: 80%;
  text-align: justify;
  margin: 0 auto 80px;
}
.sponsor_content h3 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.sponsor_content p {
  font-size: 17px;
}

.sponsor_loop_slider {
    width: 70%;
    margin: 0 auto 80px;
    overflow: visible !important;
}
.sponsor_loop_slider img{
    width: 100%;
}
.sponsor_loop_slider .pic-button-prev,.sponsor_loop_slider .pic-button-next{
  cursor: pointer;
}
.sponsor_video_html {
    height: 540px;
    visibility: hidden;
}
.sponsor_video_html.active {
  visibility: visible;
}
.index_sponsor_item:last-child{
  margin-right: 0;
}
.index_sponsor_img{
  position: relative;
  height: 200px;
  transition: .25s all ease;
}
.index_sponsor_img img{
  position: absolute;
  top: -70px;
  left: 0; right: 0;
  margin: auto;
}
.index_sponsor_desc{
  /* background: url("../img/home/sponsor_bg.png") no-repeat left top; */
  height: 150px;
  position: relative;
  z-index: 1;
  padding: 21px 0;
  text-align:center;
}
.index_sponsor_desc .img{
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index_sponsor_desc .text{
  margin-top: 16px;
}

.header_top_left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -ms-flex-item-align: center;
        align-self: center;
}
.header_top_right span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}
.header_top_right .logined{
  display: none;
}
.header_top_right >div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index_hot_match_area{
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  overflow: hidden;
}
.index_hot_match_content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index_hot_match_title{
  position: relative;
  font-size: 64px;
  line-height: 73px;
  color: var(--white-color);
  margin-right: 8px;
  width: 250px;
}
.index_hot_match_title::before{
  position: absolute;
  content: "";
  display: block;
  background-color: var(--recommend-color);
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  width: 300px;
  height: 600px;
  bottom: -260px;
  left: -100px;
}
.index_hot_match_title > div{
  position: relative;
  z-index: 2;
  padding: 0 32px;
}
.index_hot_match_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 32px 32px 32px 0;
  width: calc(100% - 250px);
}
.index_hot_match_item{
  width: calc((100% - (24px * 1)) / 2);
  margin: 0 24px 24px 0;
  /* height: 174px; */
  height: auto;
  border: 1px solid var(--main-bg-color);
  border-radius: 16px;
  cursor: pointer;
  padding: 24px;
  -webkit-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.index_hot_match_item:nth-child(2n){
  margin-right: 0 !important;
}
.index_hot_match_item:hover{
 border-color:  var(--primary-color);
}
.index_hot_match_item:hover .team_name{
  color: var(--primary-color);
}
.index_hot_match_item > div{
  padding:3px 5px;
}
.index_hot_match_pic{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.index_hot_match_team{
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index_hot_match_team img{
  max-width: 80px;
  max-height: 80px;
  height: 80px;
  margin-bottom: 8px;
}
.index_hot_match_details{
  width: 40%;
  text-align: center;
}
.index_hot_match_time{
  font-weight: 300;
  font-size: 48px;
  line-height: 55px;
  margin: 8px 0;
}
.index_hot_match_date{
  font-size: 17px;
}

.index_hot_match_detail{

  width: 100%;
  font-weight: bold;

}
.index_hot_match_detail span{
  font-size: 14px;
  font-weight: normal;
}
.index_APP_download_area{
  

  margin: 120px 0;
  position: relative;
  overflow-x: visible;
}
.index_APP_download_content .layout_1200{
  background: var(--homepage_app_download_bg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.index_APP_download_content .layout_1200 > .content_block{
  width: 55%;
  position: relative;
  height: 750px;
  display: flex;
  align-items: center;
  
}
.index_APP_download_content .layout_1200 > .content_block:last-child{
  position: relative;
  display: flex;
  align-items: center;
  width:45%;
  
}
/*.index_APP_download_content .layout_1200 > .content_block:last-child::before{
  background: var(--white-color);
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  width: 3000px;
  height: 3000px;
  bottom: -1000px;
  left: -150px;
}*/
.index_APP_download_content .phone{
  position: absolute;
  z-index: 1;
  width: 100%;
}

.index_APP_download_phone{
  position: absolute;
  top: 35px;
  left: 50%;
  opacity: 0.5;
  -webkit-transform: translateX(-160%);
      -ms-transform: translateX(-160%);
          transform: translateX(-160%);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.index_APP_download_phone.active{
  opacity: 1;
  -webkit-transform: translateX(-120%);
      -ms-transform: translateX(-120%);
          transform: translateX(-120%);
}
.index_APP_download_player{
  position: absolute;
  top: 48px;
  left: 50%;
  opacity: 0.5;
  -webkit-transform: translateX(-80%);
      -ms-transform: translateX(-80%);
          transform: translateX(-80%);
  z-index: 2;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.index_APP_download_player.active{
  opacity: 1;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.index_APP_download_text{
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: justify;
  color: white;
  padding: 30px;
}
.index_APP_download_text_logo{
  width: 70px;
  border-radius: 16px;
  margin-right: 28px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}
.index_APP_download_text .title{
  font-weight: 600;
  font-size: 48px;
  line-height: 67px;
  color: white;
  margin: 16px 0 32px;
  text-align: center;
}
.index_APP_download_text .text{
  font-size: 17px;
}
.index_APP_download_items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top:28px;
  color: var(--white-color);
}
.index_APP_download_item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 17px;
}
.index_APP_download_item a{
  
}
.index_APP_download_item > div:first-child{
  margin-right: 8px;
}
/*.index_APP_download_item > div > div:first-child{
  color: var(--enabled-color);
}*/
.index_APP_download_item > div > div:last-child{
  color: var(--primary-color);
}
.index_APP_download_item .link{
  color:white;
}

.profile_container{
  padding: 32px 0 0;
  position: relative;
  overflow: hidden;
  min-height: 350px;
  background: var(--bg_universal);
  background-position: center center;
  background-size: cover;
}
/*.profile_container::before{
  content: "";
  position: absolute;
  width: 3000px;
  height: 9000px;
  top: -1000px;
  left: -1400px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  background-color: var(--main-bg-color);
  display: block;
}*/
.profile_header_container{
  background: var(--profile_info_bg);
  border: var(--profile_info_borderthick) solid var(--profile_info_border);
  -webkit-box-shadow: var(--profile_info_shadow);
          box-shadow: var(--profile_info_shadow);
  border-radius: var(--profile_info_radius);
  padding: 32px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.profile_header_left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 418px;
  border-right: 0.5px solid var(--profile_info_divider);
  margin-right: 24px;
}
.profile_header_img{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 132px;
  height: 132px;
  margin-right: 16px;
  /*background: var(--profile_icon_bg);*/
}
.secure_text {
  color: #FFFFFF !important;
}

.progress-ring circle:first-child{
  stroke: var(--profile_icon_progress_bg);
}
.progress-ring circle:last-child{
  stroke: var(--profile_icon_progress_fill);
}
.profile_header_img .bg-profile_icon{
  width: 117px;
  height: 116px;
}
.profile_header_img .progress-ring{
  left: 0;
  top: 0;
}
.profile_header_details{
  color: var(--profile_info_username_txt);
}
.profile_header_details .name{
  font-weight: 600;
  font-size: 24px;
}
.profile_header_details .amount{
  font-weight: 600;
  font-size: 33px;  
  color: var(--profile_info_balance_txt);
}
.profile_header_middle{
  width: 453px;
  margin-right: 38px;
  color: var(--profile_info_tip_txt);
}
.profile_header_right{
  width: calc(100% - 418px - 24px - 400px - 38px);
}
.profile_header_cta{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 16px;
}
.profile_header_cta > div{
  text-align: center;
  margin-right: 24px;
  cursor: pointer;
  font-size: 17px;
  color: var(--profile_info_txt_default);
}
.profile_header_cta > div:last-child{
  margin-right: 0;
}
.profile_header_cta img{
  width: 56px;
  height: 56px;
}
.profile_header_cta .active{
  color: var(--profile_info_txt_active);
  font-weight: 600;
}

.profile_header_cta .icon_circle_card img:nth-child(2), 
.profile_header_cta .active .icon_circle_card img:first-child{
  display: none;
}
.profile_header_cta .active .icon_circle_card img:nth-child(2){
  display: block;
}
.profile_header_cta .active .icon_circle_card .svg path{
  fill:var(--white-color);
}
.profile_header_vip{
  color: var(--profile_info_vip_txt);
  font-weight: 600;
  font-size: 17px;
}
.profile_header_vip a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.profile_header_vip a span{
  margin-right: 8px;
}
.profile_header_vip_container{
  background: var(--profile_vip_bg);
  -webkit-box-shadow: var(--profile_vip_card_shadow);
          box-shadow: var(--profile_vip_card_shadow);
  border-radius: var(--profile_vip_card_radius);
  padding: 12px 16px;
  margin-top: 8px;
}
.profile_header_vip_top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_header_vip_img{
  width: 56px;
  height: 56px;
  position: relative;
}
.profile_header_vip_icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #1A2340;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.profile_header_vip_icon img{
  width: 32px;
  height: 32px;
}
.profile_header_vip_top .vip_name{
  font-weight: bold;
  font-size: 17px;
  color: var(--profile_vip_title);
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: calc(100% - 56px - 12px);
}
.profile_header_vip_top .vip_name .slider{

}
.profile_header_vip_level_progress{
  height: 20px !important;
  /*font-weight: 600;*/
  font-size: 13px;
  color: var(--profile_vip_progress_txt);
  border-radius: 25px;
  overflow: visible !important;
  margin: 8px 0 24px;
  background: var(--profile_vip_progress_bg) !important;
  border: var(--profile_vip_progress_borderthick) solid var(--profile_vip_progress_border);
}
.profile_header_vip_level_progress .progress-bar{
  background: var(--profile_vip_progress_fill);
  border-radius: 25px;
}
.profile_header_vip_level_progress .progress_percent{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: var(--profile_vip_progress_txt);
}
.profile_header_vip_level_progress.done .progress-bar{
  background: var(--profile_vip_progess_done);
}
.profile_header_vip_level_progress.claimed .progress-bar{
  background: var(--profile_vip_progess_claimed);
}
.profile_header_vip_level_progress .progress_left_text{
  position: absolute;
  left: 0;
  bottom: calc(-100% - 4px);
}
.profile_header_vip_level_progress .progress_right_text{
  position: absolute;
  right: 0;
  bottom: calc(-100% - 4px);
}
.profile_secure_center{
  background: var(--profile_safetycentre_bg);
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 16px 16px;
  padding: 48px 32px 32px;
  margin-bottom: -16px;
  position: relative;
  -webkit-transform: translateY(-16px);
      -ms-transform: translateY(-16px);
          transform: translateY(-16px);
  color: #FFF;
  display: none;
}
.profile_secure_center > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.opt_section_area {
    width: auto!important;
    display: flex;
}
.save_button {
    margin-left: 12px;
}
.profile_secure_center_phone .verifing_text{
  margin-top: 7px;
}

.profile_secure_center_phone .verifing_text span{
  color: var(--txt_not_verified);
  font-weight: var(--txt_weight_not_verified);
}
.varified{
  color: var(--txt_verified);
  font-weight: var(--txt_weight_verified);
}
.profile_secure_center > div {
    display: flex;
    justify-content: flex-end;
}
.profile_secure_center > div > div{
  width: 336px;
  margin-right: 64px;
}
.profile_secure_center > div > div:last-child {
    margin: 0;
}
.profile_secure_center .hints{
  font-size: 12px;
  margin-bottom: 16px;
  color: var(--txt_remarks);
}
.profile_secure_center_textbox{
  margin-bottom: 25px;
}
.profile_manage_list, .profile_secure_center_phone{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: space-evenly;
}
.profile_manage_list > a{
  margin-right: 32px;
  text-align: center;
  white-space: nowrap;
  color: var(--txt_general);
}
.profile_manage_list > div:first-child{
  margin-right: 22px;
  font-weight: 600;
}
.profile_manage_list .item_icon{
  margin-bottom: 8px;
  background: var(--profile_table_bg);
}
.profile_manage_list .item_icon img{
  width: 32px;
  height: 32px;
}
.profile_manage_list .error_msg{
  font-size: 12px;
  font-weight: normal;
  color: var(--txt_subtitle);
}
.profile_secure_center_phone{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile_secure_center_phone > div:first-child{
  margin-right: 12px;
  width: 70%;
}
.profile_secure_center hr{
  border-bottom: 0.5px solid var(--profile_divider) !important;
  width: 100%;
  margin: 0 0 24px;
}
.profile_body_container{
  position: relative;
  margin-top: 48px;
}
.profile_body_container table .status_tag{
  width: fit-content;
  /*margin: auto;*/
}
.profile_body_container .body_title{
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile_body_container .body_title .title{
  font-size: 37px;
  font-weight: 600;
  color:var(--page_title);
}
.profile_body_container .body_title .subtitle{
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 32px;
  padding-left: 24px;
  color: var(--profile_header_inactive_txt);
  font-weight: var(--profile_header_inactive_weight);
  border-left: 0.5px solid var(--border_general); 
}
.profile_body_container .body_title .subtitle > div{
  margin-right: 32px;
  cursor: pointer;
  color: var(--profile_header_inactive_txt);
  font-weight: var(--profile_header_inactive_weight);
}
.profile_body_container .body_title .subtitle > div:hover{
  color: var(--profile_header_hover_txt);
  font-weight: var(--popup_header_hover_weight);
}
.profile_body_container .body_title .subtitle > div.active{
  color: var(--profile_header_active_txt);
  border-bottom: 2px solid var(--profile_header_active_underline);
  font-weight: var(--profile_header_active_weight);
}
.profile_body_content{
  /*background-color: var(--page_content_bg);
  border: var(--page_content_borderthick) solid var(--page_content_border);
  -webkit-box-shadow: var(--page_content_shadow);
  box-shadow: var(--page_content_shadow);
  border-radius: var(--page_content_radius);*/
  position: relative;
}

.bankcard_container{
  width: 898px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 72px 0;
}
.bankcard_container > div{
  width: calc((100% - (64px * 1)) / 2);
  margin-right: 64px;
  margin-bottom: 64px;
}
.bankcard_container > div:nth-child(2n){
  margin-right: 0;
}
.bankcard_container .hints{
  font-size: 17px;
  color: var(--txt_remarks);
}

/*.add_bankcard {
  color: #FFFFFF;
  border-radius: 8px;
}*/
.withdrawal_bank_list .add_bankcard{
  color: var(--btn_minor_enabled_txt) !important;
}
.withdrawal_bank_list .add_bankcard:hover{
  color: var(--btn_minor_hover_txt) !important;
}

.bankcard_card_container{
  background: var(--bankcard_bg_color);
  border: var(--bankcard_bg_borderthick) solid var(--bankcard_bg_border);
  box-shadow: var(--bankcard_bg_dropshadow);
  /*-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);*/
  border-radius: var(--bankcard_bg_radius);
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bankcard_card_container .logo{
  width: 100px;
  margin-right: 16px;
}
.bankcard_card_container .logo img{
  width: 100%;
}
.bankcard_card_container .number{
    font-size: 13px;
    color: var(--bankcard_number_txt_hide);
}
.bank_account_number{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 5px 10px 5px 8px;
  margin-top: 4px;
  border: var(--bankcard_number_hide_borderthick) solid var(--bankcard_number_hide_border);
  border-radius: var(--bankcard_number_hide_radius);
  background: var(--bankcard_number_hide_bg);
  color: var(--bankcard_number_txt_hide);
}
.bank_account_number .toggle_bank{
    width: auto !important;
    height: auto !important;
    cursor: pointer;
}

.banknumber_txt{
  color: var(--bankcard_number_show_txt)!important;
}

.banknumber_border{
  border: var(--bankcard_number_show_borderthick) solid var(--bankcard_number_show_border) !important;
  border-radius: var(--bankcard_number_show_radius)!important;
  background: var(--bankcard_number_show_bg)!important;
  color: var(--bankcard_number_show_txt) !important;
}

.bankcard_card_container .detail{
  margin-right: 15px;
  width: calc(100% - 116px - 15px - 24px);
}

.bankcard_card_container .bank_name{
  color: var(--txt_general);
}

.bankcard_card_container .main{
  cursor: pointer;
}

.message_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 600px;
  max-height: 600px;
  background: var(--page_content_bg);
  border: var(--page_content_borderthick) solid var(--page_content_border);
  border-top-left-radius: var(--page_content_radius);
  border-top-right-radius: var(--page_content_radius);
  box-shadow: var(--page_content_shadow);
}
.message_listing{
  padding: 32px 0;
  margin: 0;
  list-style: none;
  width: 100%;
  overflow-y: auto;
  background: var(--profile_side_panel_bg);
  border-top-left-radius: var(--profile_side_panel_radius);
}
.message_listing li{
  padding: 0 32px;
  cursor: pointer;
}
.message_listing li:hover, .message_listing li.active{
  background: var(--profile_inbox_bg_active); 
  /*background: rgba(15, 28, 45, 0.2);*/
}

.message_listing li:hover .announcement_title, .message_listing li.active .announcement_title {
    color: var(--profile_inbox_title_read);
}
.message_listing li.unread .announcement_title {
    color: var(--profile_inbox_title_unread);
}
.message_listing li:hover .announcement_message, .message_listing li.active .announcement_message {
    color: var(--announcement_menu_active_subtitle);
}

.message_listing li .message_item{
  padding: 16px 0;
  border-top: 0.5px solid var(--profile_inbox_line);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.message_listing li .message_item .arrow, .normal_announcement_content li .normal_announcement_link .arrow{
  background: var(--general_arrow_right);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}
.message_listing li:hover .message_item .arrow,
.message_listing li.active .message_item .arrow,
.normal_announcement_content li:hover .normal_announcement_link .arrow,
.normal_announcement_content li.active .normal_announcement_link .arrow{
  background: var(--general_arrow_right_active);
}

.message_listing li .normal_announcement_link .arrow img:nth-child(2){
  display:none;
}
.message_listing li:hover .normal_announcement_link .arrow img:nth-child(2),
.message_listing li.active .normal_announcement_link .arrow img:nth-child(2){
  display:block;
}
.message_listing li:hover .normal_announcement_link .arrow img:nth-child(1),
.message_listing li.active .normal_announcement_link .arrow img:nth-child(1){
  display:none;
}

.message_listing li .message_item .title{
  margin-left: 8px;
  color: var(--profile_inbox_title_read);
}
.message_listing li .message_item .img{
  border: 1px solid var(--profile_inbox_avatar_circle_read);
  border-radius: 50%;
}
.message_listing li .message_item .date{
  margin-right: 18px;
  white-space: nowrap;
  margin-left: auto;
  color: var(--enabled-color);
  }
.message_listing li.unread .message_item .img{
  border: 1px solid var(--profile_inbox_avatar_circle_unread);
  border-radius: 50%;
}
.message_listing li.unread .message_item .title{
  font-weight: 600;
  color: var(--profile_inbox_title_unread);
}
.message_listing li .message_item .date{
  color: var(--profile_inbox_date_read);
}
.message_listing li.unread .message_item .date{
  font-weight: 600;
  color: var(--profile_inbox_date_unread);
}
.message_display{
  background: var(--white-color);
  -webkit-box-shadow: inset 4px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: inset 4px 0px 15px rgba(0, 0, 0, 0.1);
  width: 100%;
  border-top-right-radius: var(--page_content_radius);
  /*border-radius: 0px 16px 0px 0px;*/
  padding: 32px;
  overflow-y: auto;
}
.message_display .date{
  color: var(--txt_subtitle);
  margin-bottom: 8px;
}
.message_display .title{
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 16px;
  color: var(--txt_general);
}
.message_display .content{
  font-size: 13px;
  color: var(--txt_title);
}

#announcement_container .message_listing li .announcement_title{
  color: var(--profile_inbox_title_unread) !important;
}

#announcement_container .message_listing li .announcement_message{
  color: var(--profile_inbox_content_unread) !important;
}

.record_history_container{
  /*padding: 24px;*/
  min-height: 630px;
}
.record_history_filter_container, .record_history_btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; 
}
.record_history_btn{
  background: var(--profile_tab_bg);
  height:56px;
  vertical-align: middle;
  border-bottom: 1px solid var(--profile_tab_line);
  padding-right: 24px;
  border-radius: var(--profile_tab_radius);
}
.record_history_btn >div{
  color: var(--profile_tab_txt);
  padding: 16px 63px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
}
.record_history_btn >div:hover{
  background: var(--profile_tab_hover_bg);
  font-weight: var(--profile_tab_hover_weight);
  color: var(--profile_tab_hover_txt);
  border-radius: var(--profile_tab_hover_radius);
  border: var(--profile_tab_hover_borderthick) solid var(--profile_tab_hover_border);
}
.record_history_btn >div.active{
  border: var(--profile_tab_active_borderthick) solid var(--profile_tab_active_border);
  background: var(--profile_tab_active_bg);
  font-weight: var(--profile_tab_active_weight);
  color: var(--profile_tab_active_txt);
  border-radius: var(--profile_tab_active_radius);
}
.record_history_btn >div.active:after {
    content: "";
    border-radius: var(--profile_tab_active_radius);
    width: 100%;
    display: block;
    border-bottom:2px solid var(--profile_tab_active_underline);
    margin-top: 11px;
}
.record_history_filter_container{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.record_history_filter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.record_history_filter > div{
  margin-left: 13px;
}
.record_history_filter .button_trans_black{
  padding: 9px;
}
.record_history_filter .button_trans_black.filter:before{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: var(--search_icon);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.record_history_filter .button_trans_black.filter.active:before{
  background: var(--search_icon);
  background-repeat: no-repeat;
  background-position: center center;
}
.record_history_filter button{
  height: 100%;
  width: 165px;
  position: relative;
}
.calendar_icon input, .search_icon input{
  padding: 12px 13px 12px 47px;
  cursor: pointer;
}
.calendar_icon:before, .search_icon:before{
  content: "";
  position: absolute;
  left: 13px;
  top: 9px;
  width: 24px;
  height: 24px;
  background: var(--calendar_icon) no-repeat center center;
  cursor: pointer;
  /* background-size: 100% 100%; */
}
/*.calendar_icon:after{
  content: "";
  position: absolute;
  right: 13px;
  top: 12px;
  width: 24px;
  height: 24px;
  background: var(--general_arrow_down) no-repeat center center;
  cursor: pointer;
}*/
.record_history_filter .more_bethistory_filter_btn::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 18px;
    height: 17px;
    background: var(--treasure_filter) no-repeat center center;
}

.record_history_filter .more_bethistory_filter_btn.applied::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 18px;
    height: 17px;
    background: var(--filter_icon) no-repeat center center;
}

.record_history_filter .calendar_icon img {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.search_icon:before{
  background: var(--search_icon) no-repeat center center;
}
.no_data{
  left: 0% !important;
  /* position: absolute !important; */
  text-align: center;
  margin: auto;
  right: 0 !important;
  color: var(--profile_empty_txt);
}
.transfer_games_record_container .no_data {
  position: absolute !important;
}
.record_history_tbl table{
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  /*background: var(--card_2_bg);
  border: var(--card_2_border);
  -webkit-box-shadow: var(--card_2_shadow);
  box-shadow: var(--card_2_shadow);
  border-radius: var(--card_2_radius);*/
  margin-top: 9px;
}

.record_history_tbl table thead{
  border-bottom: 0.5px solid var(--profile_table_header_divider);
}
.record_history_tbl table td{
  padding: 8px 16px;
  vertical-align: top;
  text-align: center;
  color: var(--txt_general);
}
.record_history_tbl table thead td, .record_history_tbl table thead th{
  color: var(--profile_table_header_label);
}
.record_history_tbl table tbody td{
  border-bottom: 0.5px solid var(--profile_divider);
   /* padding-right: 24px;*/
}
.record_history_tbl table .center{
  text-align: center;
}
.record_history_tbl table .left{
  text-align: left;
}
.record_history_tbl table .right{
  text-align: right;
}
.record_history_tbl .date_container{
  border-right: 0.5px solid var(--profile_divider);
  /*padding-right: 24px;*/
}
.record_history_tbl .date, .record_history_tbl .trans_id{
  font-weight: bold;
}
.record_history_tbl .day{
  font-weight: bold;
  font-size: 17px;
}
.record_history_tbl .copy_btn{
  width: auto;
  height: 16px;
  margin-left: 8px;
  cursor: pointer;
}
.record_history_tbl .trans_id{
  margin-bottom: 8px;
  display: flex;
}
.record_history_tbl .remark span{
  color: var(--txt_subtitle);
  margin-left: 8px;
}
.record_history_tbl .trans_detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          /*justify-content: space-between;*/
  color: var(--txt_subtitle);
}
.record_history_tbl .trans_detail > div:first-child{
  margin-right: 10px;
  width: 80px;
}
.record_history_tbl .trans_detail > div:nth-child(2){
  text-align: right;
}

.record_history_tbl .method{
  margin-top: 8px;
  color: var(--txt_subtitle);
}
.record_history_tbl .promo_name{
  color: var(--enabled-color);
}
.record_history_tbl .nowrap{
  white-space: nowrap;
}
.record_history_tbl .positive{
  color: var(--txt_records_win);
  font-weight: bold;  
}
.record_history_tbl .negative{
  color: var(--txt_records_loss);
  font-weight: bold; 
}

.trans_container{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trans_container .trans_value_id{
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}

.trans_method_type{
  display: flex;
}

.trans_method_type .method{
  color: var(--txt_general)!important;
}

.record_history_tbl .remark{
  color: var(--txt_subtitle);
}

.record_history_tbl .status_tag{
  margin-bottom:10px;
}

#transfer_history_header > td:nth-child(2){
  width: 30%;
}

.status_tag{
  padding: 6px 14px;
  font-weight: 600;
  white-space: nowrap;
}

.info_tag{
  padding: 6px 14px;
  font-weight: 600;
  white-space: nowrap;
  min-width: 70px;
}
.status_tag.process{
  background: var(--tag_processing_bg);
  color: var(--tag_processing_txt);
  border: var(--tag_processing_borderthick) solid var(--tag_processing_border);
  border-radius: var(--tag_radius);
  box-shadow: var(--tag_processing_shadow);
}
.status_tag.success{
  background: var(--tag_success_bg);
  color: var(--tag_success_txt);
  border: var(--tag_success_borderthick) solid var(--tag_success_border);
  border-radius: var(--tag_radius);
  box-shadow: var(--tag_success_shadow);
}
.status_tag.fail{
  background: var(--tag_fail_bg);
  color: var(--tag_fail_txt);
  border: var(--tag_fail_borderthick) solid var(--tag_fail_border);
  border-radius: var(--tag_radius);
  box-shadow: var(--tag_fail_shadow);
}
.status_tag.online, .status_tag.offline, .info_tag{
  background: var(--tag_info_bg);
  color: var(--tag_info_txt);
  border: var(--tag_info_borderthick) solid var(--tag_info_border);
  border-radius: var(--tag_radius);
  box-shadow: var(--tag_info_shadow);
}

.record_history_filter.transfer{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.record_history_filter.transfer > div, 
.wallet_history_filter_container >div,
.promo_history_filter_container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: var(--page_title);
}
.record_history_filter.transfer > div > div, 
.wallet_history_filter_container > div > div, 
.promo_history_filter_container > div > div {
  margin-left: 13px;
}
.record_history_filter.transfer > .transfer_adv_filter > .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 11px;
  width: 100%;
  margin-left: 0;
}
.transfer_adv_filter > .content_block > select{
  margin-left: 13px;
  width: 36.5%;
  line-height: 24px;
}
.transfer_games_tbl{
 /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;*/
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 55px;
  position: relative;
}
.transfer_games_tbl > .left{
 /* width: 226px;
  margin-right: 36px;*/
}
.transfer_games_tbl > .right{
  /*width: 100%;*/
  max-height: 500px;
  overflow-y: auto;
  /*padding-right: 20px;*/
  padding-top: 20px;
}
.transfer_total_record_container{
  background: var(--profile_record_filtered_bg);
  border: var(--profile_record_filtered_borderthick) solid var(--profile_record_filtered_border);
  box-shadow: var(--profile_record_filtered_shadow);
  border-radius: 16px;
  padding: 16px 24px;
  color: var(--txt_general);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
/*.transfer_total_record_container:before{
  background: #0F1C2D;
  content: "";
  display: block;
  width: 200px;
  height: 500px;
  position: absolute;
  left: -60px;
  top: -40px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}*/
.transfer_total_record_container .title{
  font-weight: 600;
  font-size: 17px;
  position: relative;
  padding-left: 18px;
}
.transfer_total_record_container > .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
  position: relative;
}
.transfer_games_record_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 20px;
}
.transfer_games_record_container > .item{
  background: var(--profile_vendor_record_bg);
  width: calc((100% - (25px * 1)) / 2);
  margin-right: 25px;
  margin-bottom: 23px;
  -webkit-box-shadow: var(--profile_vendor_record_shadow);
          box-shadow: var(--profile_vendor_record_shadow);
  border: var(--profile_vendor_record_borderthick) solid var(--profile_vendor_record_border);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 14px 0px 14px 20px;
  cursor: pointer;
}
.transfer_games_record_container > .item > div{
  width: 100%;
}
.transfer_games_record_container > .item:nth-child(2n){
  margin-right: 0;
}
.transfer_games_record_container > .item > .left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid var(--profile_vendor_record_divider);
  padding-right: 17px;
  margin-right: 17px;
}
.transfer_games_record_container > .item > .left .icon_circle_card{
  margin: 0 24px 0 0;
  padding: 9px;
  background: var(--profile_vendor_circle_bg);
}
.transfer_games_record_container > .item > .left .icon_circle_card img{
  width: 100%;
}
.transfer_games_record_container > .item > .left .title{
  font-size: 17px;
  color: var(--profile_vendor_record_title);
}
.transfer_games_record_container > .item > .right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer_games_record_container > .item > .right > div:first-child{
  width: 100%;
}
.transfer_games_record_container > .item > a{
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: -15px;
  padding-left: 9px;
}
.transfer_games_record_container > .item > a img{
  width:30px;
}
.transfer_games_record_container > .item > .right .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.transfer_games_record_container > .item > .right .content_block > div:first-child{
  color: var(--profile_vendor_record_label);
  font-size:14px;
}
.transfer_games_record_container > .item > .right .content_block > div:last-child{
  color: var(--profile_vendor_record_title);
  font-weight: 700;
  font-size: 17px;
}
#bet_history_details_container{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--bg_universal);
  /*-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 16px 16px 0px 0px;
  padding: 24px;*/
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#bet_history_details_container.active{
  top: 0;
  opacity: 1;
  /*overflow-y: auto;*/
  margin-left: 24px;
}
.transfer_subpage_header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width:100%;
}
.transfer_back_btn{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  cursor: pointer;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.transfer_game_details{
  width: 100%;
  height: auto;
  background-size: 100% 100%;
  background: var(--profile_record_filtered_bg);
  border-radius: 16px;
  border: var(--profile_record_filtered_borderthick) solid var(--profile_record_filtered_border);
  padding: 10px 20px;
  box-shadow: var(--profile_record_filtered_shadow);
  color: var(--profile_record_filtered_txt);
  font-size: 17px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.transfer_game_details > div:first-child{
  width: 30%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
}
.transfer_game_details > div:last-child{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  flex-direction: column;
  width:30%;
}
.transfer_game_details .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 26px;
  font-size: 17px;
  white-space: nowrap;
}
.transfer_game_details .content_block > div:last-child{
  margin-left: 8px;
  
  
}.transfer_game_details .content_block:nth-child(1) > div:last-child{
  
 
}

/* .profile_outside{
  padding:20px 0px;
  background-color: #edeff5;
}
.profile{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
}
.profile_left{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}
.profile_right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  width: 72%;
overflow:hidden;
}
.profile_right_item{
  width: 100%;
    padding:20px 30px;
}
.profile_left .user_detail{

  position: relative;
  width: 100%;
  height: 340px;
  text-align: center;
  background-color: #0f1c2d;
  color:white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.profile_left >div{
  margin-bottom: 20px;
}
.profile_left .user_detail img{
  margin-bottom: 35px;
}
.profile_left .user_detail .username{
  font-size: 24px;
  font-weight: bold;
}
.profile_left .user_detail .username{
  font-size: 24px;
  font-weight: bold;
}
.profile_left .user_detail .wallet_amount{
  font-size: 18px;
}
.profile_left .user_detail .bind{
  position: absolute;

  padding: 20px 10px;
  margin:0px 10px;
  border:1px solid white;
  right: 0px;
  top:90px;
  cursor: pointer;
  border-radius: 4px;



  font-size: 16px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;

}
.profile_left .user_detail .bind:hover{

  background-color:  var(--primary-color);

}
.profile_left .vip_detail{
  margin-bottom: 20px;
  position: relative;
width: 100%;
padding:12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;

}
.progress {

  border-radius: 9px;

  position: relative;
  overflow: unset;

}
.progress-bar{
  padding: 0px;
  background-color:  var(--enabled-color);;
  width: 0%;overflow:unset ;



}
.profile_left .vip_detail .progress{
  width: 70%;
} */

/* .progress:after {
  top:calc(100% + 3px);
 right: 0px;
 font-size: 16px;
  content: "90%";

  position:absolute;

}
.progress:before {
  font-size: 16px;
  top:calc(100% + 3px);
  content: "vip3";

  position:absolute;

} */
/* .password_set{
  width: 100%;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.password_set span:before{
  color: #728ea4;
  font-size: 11px;

}

.bank_set{
  width: 100%;
  padding: 12px;



}
.bank_set .bank_card{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
.bank_set .bank_card .bank_detail_bg{
    width: 100%;


    -webkit-filter: drop-shadow(2px 4px 6px rgba(237, 27, 52, 0.3));

            filter: drop-shadow(2px 4px 6px rgba(237, 27, 52, 0.3));

}
.bank_set .add_bank{
  padding: 14px;
  margin:0px 4px;
  border-radius: 4px;
  border:1px solid var(--primary-color);
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bank_set .bank_detail_outside{
  color: white;
  position: relative;
  width: 100%;
  text-align: left;
}
.bank_set .bank_detail .bank_number{
  font-size: 16px;
}
.bank_set .bank_detail .bank_number span{
  padding-right: 10px;
}
.bank_set .bank_detail{
  position: absolute;
  font-size: 10px;
  bottom:10px;
  left:12px;
  width: 80%
}
.bank_set .bank_detail table{
  width: 100%;

}
.bank_set .bank_detail th{
  font-weight: normal;
  font-size: 14px;


}
.bank_set .bank_detail td{
  font-size: 12px;
}
.bank_detail_outside .main_card{
  position: absolute;
  right: 15px;
  z-index: 1;
  top:15px;


}
.bank_detail_outside .main_card{
  -webkit-filter:grayscale(1);
  transition: .3s all ease;
  cursor: pointer;
}
.bank_detail_outside .main_card:hover{
  -webkit-filter:grayscale(0);

}
.bank_detail_outside .main_card.active{
  -webkit-filter:grayscale(0);
  cursor: default;

}
.refer_friends{
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
 text-align: center;


}
.refer_friends>div{

  padding: 15px;
  width: 148px;
  height: 148px;
  border: solid 1px #f1f4fd;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.refer_friends>div >div{
  width: 100%;
}
.refer_friends span {
  font-size: 50px;
}

.profile_menu{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 48px;
}
.profile_menu >a{
  width: 100%;
}
.profile_menu_item{
  padding: 12px;
  text-align: center;

  border: solid 1px #edeff5; width: 100%;
  cursor: pointer;

}
.profile_menu_item.active,.profile_menu_item:hover{
  background-color: var(--primary-color);
  color: white;
}
.profile_menu_item.active{
  background-color: var(--primary-color);
  color: white;
 border: 1px solid var(--primary-color);
}
.profile_menu_item.active:hover{
   border-left: 1px solid var(--primary-color);
}
.profile_menu_item:hover{
  background-color: var(--primary-color);
  color: white;
  border:1px solid var(--primary-color);
  border-left: 1px solid #edeff5;

}
.profile_menu_item.active span:before,.profile_menu_item:hover span:before{
  color:white;

}
.profile_menu_item span{
  margin-right: 5px;
  vertical-align: text-bottom;
  font-size: 21px;
}
.profile_menu_item span:before{
  color: #728ea4;

}
.profile_right .filter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile_right  .filter >div{
  width: 48%;
}
.profile .days_filter{
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.profile .days_filter >div{
  width: 100%;
  padding: 12px;
  text-align: center;
  cursor: pointer;

  border: solid 1px #edeff5;

}
.profile .days_filter >div.active{
  background-color: var(--primary-color);
  color: white;
 border: 1px solid var(--primary-color);
}
.profile .days_filter >div.active:hover{
  border:1px solid var(--primary-color);
   border-left: 1px solid var(--primary-color);
}
.profile .days_filter >div:hover{
  background-color: var(--primary-color);
  color: white;
  border: 1px solid var(--primary-color);
  border-left: 1px solid #edeff5;

}
.filter_right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.filter_right input{
  margin:0px;
  width: 60%;
}
.filter_right .btn{
  height: 48px;
  width:75px;
}
.profile_right_main{
  width:100%;
  margin-top:20px;
  padding-bottom:100px;

}
.other_filter{
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
    white-space: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.other_filter select{
  width: 75%;
} */

.advantages_area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  padding-bottom: 74px;
}
.advantages_area_item{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 32px;
  margin-bottom: 46px;
  padding-right: 32px;
  width: calc((100% - (65px * 1)) / 2);
}
.advantages_area_item:after{
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  bottom: -22px;
  height: 90px;
  border-right: 0.5px solid #9FA4AB;
}
.advantages_area_item:nth-child(2n):after{
  border: 0;
}
.advantages_area_item:nth-child(3n):after{
  bottom: initial;
  top: -24px;
}
.advantages_area_item:nth-child(2n){
  border-right: 0;
  margin-right: 0;
  padding: 0;
}
.advantages_area_item .image{
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: var(--primary-color);
  width: 90px;
  margin-right: 36px;
}
.advantages_area_item .image img{
  margin-bottom: 8px;
}
.advantages_area_item .text{
  padding: 18px 0;
  text-align: justify;
  font-size: 17px;
  color: #404040;
  width: calc(100% - 126px);
}
table.dataTable{
  -webkit-transition: 2s all ease;
  -o-transition: 2s all ease;
  transition: 2s all ease;
}
table.dataTable thead th{
  font-size: 10px!important;
  border-bottom: 1px solid white!important;

  font-weight: normal!important;
  border-top: solid 1px #edeff5;
  border-left: solid 1px #edeff5;
  background-color: #f9faff;

}
table.dataTable thead th:nth-last-child(1){
   border-right:1px solid #edeff5;
}
table.dataTable tbody td{
  word-wrap: break-word;
  border-top:1px solid #edeff5;

  font-size: 12px;

}
table.dataTable tbody tr td:nth-child(1){
  border-left:1px solid #edeff5;

}
table.dataTable tbody tr td:nth-last-child(1) {
  border-right: 1px solid #edeff5;
}
table.dataTable tbody tr:nth-last-child(1) td{
  border-bottom:1px solid #edeff5;
}

table.dataTable.no-footer{
  border-bottom: 1px solid white!important;
}
table.dataTable thead th, table.dataTable thead td{
  padding:10px 10px!important;
  white-space: nowrap;
}
.inner_table {
  width: 100%;
}
.inner_table tr td{
  padding-left: 0px!important;
}
.inner_table tr td{
  border: 0px!important;

}

.have_hover>tbody>tr:hover {
  background-color: #edeff5!important;
  cursor: pointer;
}

.have_hover>tbody>tr.shown + :hover {
  background-color: white!important;
  cursor: default;

}
.tooltips{
  margin-left: 5px;
  display: inline-block;

}
.tooltips .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: var(--white-color);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}
.tooltips .tooltiptext table {
  width: 100%;
}
.tooltips .tooltiptext table tr td{
  background-color: black;
  border:0px!important;
}
.filter_left .other_filter select{
  margin: 0px!important;
}
.bind_profile{
  -webkit-transition: .5s all linear;
  -o-transition: .5s all linear;
  transition: .5s all linear;
  padding-top: 50px;
  height: 0px;
  background:#0f1c2d;
  padding:0px;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow:hidden;

}
.bind_profile.active{
 height: 340px;
 -webkit-transform: translateX(0px);
     -ms-transform: translateX(0px);
         transform: translateX(0px);
}
.bind_profile form{
  padding:20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: white;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.bind_profile .animation_area div{
  width: 48%;

}
.bind_profile input,.bind_profile select{
  background-color: #333e4d;
  border: solid 1px #525c69;

color: white;

}
.bind_profile input::-webkit-input-placeholder{
  color:#525c69;
}
.bind_profile input::-moz-placeholder{
  color:#525c69;
}
.bind_profile input:-ms-input-placeholder{
  color:#525c69;
}
.bind_profile input::-ms-input-placeholder{
  color:#525c69;
}
.bind_profile input::placeholder{
  color:#525c69;
}
.bind_profile input:focus ,.bind_profile select:focus{
  background-color: #333e4d;
  border:1px solid white;
  color: white;

}
.bind_profile select:focus{
  background-color: #333e4d;
}
.bind_profile .animation_area .btn_area{
  width: 20%;
  margin-top: 15px;
}
.bind_profile .btn_area div{
  display: inline-block;

}
.floating_menu{
  position: fixed;
  top: calc(50% + 80px);
  transform: translateY(-50%);
  left: 2%;
  z-index: 2;
  overflow: hidden;
  padding: 24px 18px;
  font-size: 12px;
  background: var(--navfloat_bg);
  -webkit-box-shadow: var(--navfloat_shadow);
          box-shadow: var(--navfloat_shadow);
  border-radius: var(--navfloat_radius);
  width: 60px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  border:var(--navfloat_borderthick) solid var(--navfloat_border);
  color:var(--navfloat_txt);
}

.floating_menu .index_APP_download_item .link{
  color: var(--navfloat_txt_site);
}
.floating_menu:hover{
  /*width: 380px;*/
  width: auto;
  color:var(--navfloat_txt_hover);
}
.floating_menu .floating_menu_item .csLink{
  color: var(--navfloat_cs_txt);
}
.floating_menu .floating_menu_item .csLink:hover{
  color: var(--navfloat_cs_hover_txt);
}
/* .floating_menu .floating_menu_item .csLink img:nth-child(2){
  display:none;
} */
/* .floating_menu .floating_menu_item .csLink:hover img:first-child{
  display:none;
}
.floating_menu .floating_menu_item .csLink:hover img:nth-child(2){
  display:block;
} */

.floating_menu .floating_menu_item .btn.btn_white{
  outline: none;
  padding: 8px 20px;
  background: var(--navfloat_btn_bg);
  border: var(--navfloat_btn_borderthick) solid var(--navfloat_btn_border);
  color: var(--navfloat_btn_txt);
  border-radius: var(--navfloat_btn_radius);
  font-size: 14px;
  line-height: 18px;
  font-weight: var(--navfloat_btn_weight);
  box-shadow: var(--navfloat_btn_shadow);
}
.floating_menu .floating_menu_item .btn.btn_white:hover{
  background: var(--navfloat_btn_hover_bg);
  border: var(--navfloat_btn_hover_borderthick) solid var(--navfloat_btn_hover_border);
  color: var(--navfloat_btn_hover_txt);
  font-weight: var(--navfloat_btn_hover_weight);
  box-shadow: var(--navfloat_btn_hover_shadow);
}

.floating_menu_item{
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid var(--navfloat_divider);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.floating_menu_item:last-child{
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.floating_menu_item > .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.floating_menu_item > .content_block:first-child{
  margin-right: 18px;
}
.floating_menu_item > .content_block:last-child{
  /*width: 0px;*/
  width: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
}
.floating_menu:hover .floating_menu_item > .content_block:last-child{
  opacity: 1;
  width: auto;
  /*width: 300px;*/
}
.floating_menu_item > .content_block:last-child > div{
  margin-right: 8px;
}
.floating_menu_item > .content_block:last-child > div:last-child{
  margin-right: 0;
}
.floating_menu_app_download{
  width: 32px;
  -webkit-transform: translateX(-4px);
      -ms-transform: translateX(-4px);
          transform: translateX(-4px);
  margin-bottom: 5px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}
.floating_menu_app_download_text{
  color: var(--navfloat_txt_download);
}
.float_menu_icon{
  width: 24px; height: 24px;
  margin-bottom: 5px;
}
.float_menu_icon.wallet{
  background: var(--icon_wallet_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.float_menu_icon.treasure{
  background: var(--icon_treasure_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.float_menu_icon.cs img{
  width: 24px;
  height: 24px;
}
/* .float_menu_icon.cs path, .float_menu_icon.subcs path{
  fill:var(--primary-color);
} */
.float_menu_icon.qq{
  background: var(--icon_qq_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.float_menu_icon.phone{
  background: var(--icon_contact_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.float_menu_icon.email{
  background: var(--icon_mail_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.floating_menu:hover .float_menu_icon.wallet{
  background: var(--icon_wallet_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.floating_menu:hover .float_menu_icon.treasure{
  background: var(--icon_treasure_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
/* .floating_menu:hover .float_menu_icon.cs path{
  fill:var(--primary-color);
} */
.floating_menu_item .index_APP_download_item{
  font-size: 14px;
  width: 100%;
  margin-left: 20px;
  color:var(--navfloat_txt_downloadapp);
}

.deposit_method_list{
  z-index: 1;
  width: 40%;
  height: 664px;
  background: var(--modals_side_panel_bg);
  box-shadow: var(--modals_side_panel_bg_shadow);
  overflow: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.deposit_method_list::-webkit-scrollbar {
    display: none;
}

.method_list_items{
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
}

.method_list_items::-webkit-scrollbar {
    display: none;
}

.deposit_method_item{
  /*width: calc((100% - (24px * 2)) / 2);*/
  width: 100%;
  /*background: var(--wallet_card_bg);
  border-radius: var(--wallet_card_radius);*/
  padding: 16px 26px 0px;
  cursor: pointer;
  /*box-shadow: var(--wallet_card_shadow);*/
  position: relative;
}
.deposit_method_item:nth-child(2n){
  margin-right: 20px;
}
.deposit_method_item:last-child{
  border-bottom:0px;
}
.deposit_method_item:hover{
  background: var(--modals_side_menu_hover_bg);
}

.method_list{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0px;
  padding-bottom: 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border_general);
}
.deposit_method_item > .content_block:first-child{
  margin-right: 8px;
}

.deposit_method_item > .content_block:last-child{
  align-items: flex-end;
}
.deposit_method_item > .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.deposit_method_item > .content_block .title{
  font-size: 14px;
  color: var(--modals_side_menu_title_default);
}

.deposit_method_item:hover > .content_block .title{
  color: var(--modals_side_menu_title_hover);
}

.deposit_method_item.active > .content_block .title{
  color: var(--modals_side_menu_title_active);
}

.deposit_method_item .method_list > .content_block .recommend{
  color: var(--tag_recommend_txt);
  border: var(--tag_recommend_borderthick) solid var(--tag_recommend_border);
  font-weight: 600;
  font-size: 10px;
  background: var(--tag_recommend_bg);
  border-radius: var(--tag_radius);
  padding: 2px 12px;
  line-height: 20px;
  box-shadow: var(--tag_recommend_shadow);
}
.deposit_method_item .method_list > .content_block .desc{
  font-size: 10px;
  margin-top: 8px;
  color: var(--txt_highlight);
}
.deposit_method_icon{
  width: 32px;
  height: 32px;
}
#nav-deposit{
  padding: 0px;
}
.deposit_banner{
  position: relative;
}
.deposit_banner .swiper-container{
  overflow: visible;
}
.deposit_banner .swiper-slide{
  height: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deposit_banner .swiper-button-next{
  background: var(--homepage_banner_arrow_right);
  background-position: center center;
  background-repeat: no-repeat;
  width: 36px;
  height: 72px;
  top: 50%;
  right: 286px;
  border: 0 !important;
  outline: none !important;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.deposit_banner .swiper-button-prev{
  background: var(--homepage_banner_arrow_left);
  background-position: center center;
  background-repeat: no-repeat
  width: 36px;
  height: 72px;
  top: 50%;
  left: 285px;
  border: 0 !important;
  outline: none !important;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.deposit_banner .swiper-slide img{
  width: 85%;
  -webkit-transition: all .3s ease .05s;
  -o-transition: all .3s ease .05s;
  transition: all .3s ease .05s;
  margin: auto;
}
.deposit_banner .swiper-slide.swiper-slide-active img{
  width: 100%;
}
.channel_items_container, .channel_items_container li{
  padding: 0;
  margin: 0;
  list-style: none;
}
.channel_items_container{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0px;
  padding: 0;
  flex-wrap: wrap;
}
.channel_items_container li{
  width: calc(100% / 4 - 5px);
  margin-right: 5px;
  height: 44px;
  padding: 5px;
  background: var(--btn_method_enabled_bg);
  border: var(--btn_method_enabled_borderthick) solid var(--btn_method_enabled_border);
  box-sizing: border-box;
  border-radius: var(--btn_method_enabled_radius);
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--btn_method_enabled_txt);
  font-weight: var(--btn_method_enabled_weight);
  box-shadow: var(--btn_method_enabled_shadow), var(--btn_method_enabled_innershadow);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
}

.channel_items_container li:last-child{
  margin-right: 0px;
}

.channel_items_container .arrow{
  position: absolute;
  right: 20px;
}
.channel_items_container li .hints{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 0.5px solid var(--main-bg-color);
  font-size: 10px;
  color: #404040;
}
.channel_items_container li:hover{
  border: var(--btn_method_hover_borderthick) solid var(--btn_method_hover_border);
  box-sizing: border-box;
  color: var(--btn_method_hover_txt);
  font-weight: var(--btn_method_hover_weight);
  box-shadow: var(--btn_method_hover_shadow), var(--btn_method_hover_innershadow);
  background: var(--btn_method_hover_bg);
}

.channel_items_container li.active{
  border: var(--btn_method_activated_borderthick) solid var(--btn_method_activated_border);
  box-sizing: border-box;
  color: var(--btn_method_activated_txt);
  font-weight: var(--btn_method_activated_weight);
  box-shadow: var(--btn_method_activated_shadow), var(--btn_method_activated_innershadow);
  background: var(--btn_method_activated_bg);
}

.deposit_method_amount_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 8px;
}
.deposit_method_amount_container > div:first-child{
  width: 100%;
}
.deposit_method_amount_container > div:last-child{
  width: 100%;
}
.deposit_method_cal_btn_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 16px;
}
.deposit_method_cal_btn_container > div{
  width: calc((100% - (9px * 5)) / 6);
  margin-right: 9px;
  border: var(--btn_wallet_enabled_borderthick) solid var(--btn_wallet_enabled_border);
  background: var(--btn_wallet_enabled_bg);
  border-radius: var(--btn_wallet_enabled_radius);
  font-weight: var(--btn_wallet_enabled_weight);
  font-size: 14px;
  color: var(--btn_wallet_enabled_txt);
  text-align: center;
  padding: 7px 0;
  cursor: pointer;
  position: relative;
}
.deposit_method_cal_btn_container > div:hover{
  border: var(--btn_wallet_hover_borderthick) solid var(--btn_wallet_hover_border);
  background: var(--btn_wallet_hover_bg);
  font-weight: var(--btn_wallet_hover_weight);
  font-size: 14px;
  color: var(--btn_wallet_hover_txt);
  text-align: center;
  padding: 7px 0;
  cursor: pointer;
  box-shadow: var(--btn_wallet_hover_shadow), var(--btn_wallet_hover_innershadow);
}

.deposit_method_cal_btn_container > div.recommend:after{
  content: "";
  position: absolute;
  top: var(--recommend_icon_top);
  bottom: var(--recommend_icon_bottom);
  left: var(--recommend_icon_left);
  right: var(--recommend_icon_right);
  width: 20px;
  min-height: 20px;
  z-index: 2;
  background: var(--wallet_recommended);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.deposit_method_cal_btn_container > div.recommend.active:after{
  content: "";
  position: absolute;
  top: var(--recommend_icon_top);
  bottom: var(--recommend_icon_bottom);
  left: var(--recommend_icon_left);
  right: var(--recommend_icon_right);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: var(--wallet_recommended_a);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.deposit_method_cal_btn_container > div:nth-child(6n){
  margin-right: 0;
}
.deposit_method_cal_btn_container > div.recommend{
  /*background: var(--wallet_recommended);
  background-position: left center;
  background-repeat: no-repeat*/
}
.deposit_method_cal_btn_container > div.active{
  background: var(--btn_wallet_activated_bg);
  background-repeat: no-repeat;
  border: var(--btn_wallet_activated_borderthick) solid var(--btn_wallet_activated_border);
  color:var(--btn_wallet_activated_txt);
  font-weight: var(--btn_wallet_activated_weight);
  box-shadow: var(--btn_wallet_activated_shadow), var(--btn_wallet_activated_innershadow);
}
.deposit_actual_amount_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deposit_actual_amount{
  font-size: 15px;
  font-weight: normal;
  color: var(--txt_general);
  padding-left: 5px;
}
.deposit_actual_hints{
  text-align: left;
  color: var(--txt_remarks);
  font-weight: 400;
  font-size: 12px;
}
.deposit_method_remembername{
  font-size: 13px;
  color: var(--enabled-color);
  line-height: 25px;
}
.deposit_method_amount_container.more_gap{
  margin-bottom: 18px;
}
.deposit_method_amount_container.less_gap{
  margin-bottom: 3px;
}
.deposit_method_amount_container.align_baseline{
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.deposit_actual_received_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: space-between;
  width: 100%;
}
.deposit_actual_received_container > div:last-child{
  margin-left: 16px;
}
.deposit_actual_received{
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  color: var(--txt_value_special);
}
.deposit_finish_container,
.bank_pending,
.qr_pending{
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--border_general);
}
.finish_details_left{
  width: 50%;
  flex-wrap: wrap;
}
.finish_details_right{
  width: 50%;
  flex-wrap: wrap;
}
.deposit_finish_details{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px;
}
.deposit_finish_details.bottom_gapless{
  margin-bottom: 0;
}
.deposit_finish_details > div{
  width: 100%;
}
.deposit_finish_details > div:first-child{
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--txt_general);
}
.deposit_finish_details > div:last-child{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
        -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}
.deposit_finish_amount{
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  color: var(--txt_value_special);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deposit_finish_details .details_amount{
  color: var(--txt_value);
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}
.deposit_finish_details .copy_btn{
  margin-left: 0px;
}
.deposit_finish_details .copy_btn img{
  margin-left: 5px;
}
.copy_btn{
  cursor: pointer;
}
.deposit_finish_details > .details{
  font-weight: 500;
  font-size: 17px;
  color: var(--txt_general);
}
.deposit_finish_breakline{
  border: 0;
  border-bottom: 0.5px solid var(--main-bg-color);
  margin-top: 16px;
  margin-bottom: 16px;
}
.deposit_finish_cancel{
  text-align: center;
  color: var(--btn_txt_enabled_txt);
  background: var(--btn_txt_enabled_bg);
  border: var(--btn_txt_enabled_borderthick) solid var(--btn_txt_enabled_border);
  box-shadow: var(--btn_txt_enabled_shadow), var(--btn_txt_enabled_innershadow);
  font-weight: var(--btn_txt_enabled_weight);
  margin-right: 16px;
}
.deposit_finish_qr_container{
  padding: 15px;
  border: 1px solid var(--wallet_qr_border);
  box-sizing: border-box;
  border-radius: var(--wallet_qr_radius);
  margin-right: 30px;
}

.deposit_finish_qr_container canvas{
  width: 90px;
  height: 90px;
}

.deposit_finish_qr_container img{
  width: 121px;
}
.deposit_method_disabled{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(64, 64, 64, 0.7);
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 17px;
  color: var(--white-color);
}
.deposit_method_disabled.active{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wallet_item_area.withdrawal_left.disabled{
  overflow:hidden;
}
.channel_item_content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 95%;
}
.channel_item_content > .content_block{
  font-size: 15px;
}
.channel_item_content > .content_block span{
  font-size: 12px;
  color: var(--txt_subtitle);
  margin-left: 8px;
}

.channel_item_content > .content_block span.limited{
  color: var(--txt_subtitle);
  margin-left: 0px;
}
.channel_item_content > .content_block:first-child{
  margin-right: 8px;
}
.channel_item_content > .content_block .icon_circle_card.mini img{
  width: 20px;
}
.channel_item_hints{
  width: 100%;
  font-size: 10px;
  line-height: 14px;
  color: var(--txt_subtitle);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 0.5px solid  var(--wallet_subnav_divider);
  overflow-wrap: break-word;
}
.channel_items_container li:hover .channel_item_hints, .channel_items_container li.active .channel_item_hints{
  border-top: 0.5px solid  var(--wallet_subnav_divider_active);
}
.channel_items_special li{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.transfer_left{
  width: 100%;
  overflow: hidden;
  max-height: 510px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
}

.transfer_selected .wallet_top > .content_block{
  width: 100%;
}
.transfer_selected .wallet_top > .content_block:last-child{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.transfer_selected .wallet_top > .content_block > div:first-child{
  margin-right: 24px;
}
.transfer_detail{
  padding: 16px 32px;
}
.transfer_main_wallet_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.transfer_main_wallet{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.transfer_main_wallet_shortcut{
  padding: 10px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transfer_main_wallet_text{
  margin-right: 33px;
  font-weight: 600;
  font-size: 17px;
}
.transfer_main_wallet_amount{
  margin-right: 8px;
  font-weight: bold;
  font-size: 24px;
}
.transfer_main_wallet_refresh{
  margin-right: 8px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.transfer_main_wallet_refresh img{
  width: 100%;
  height: 100%;
}

.transfer_main_wallet_shortcut{
  font-size: 12px;
}
.transfer_main_wallet_shortcut .text{
  font-weight: 600;
  margin-right: 8px;
  color: var(--txt_general);
}
.transfer_main_wallet_shortcut img{
  width: 12px;
}

.transfer_wallet_list > .content_block{
  /*width: calc((100% - (15px * 5)) / 6);*/
  width: 100%;
  padding: 16px 0px;
  border-bottom: 1px solid var(--border_general);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.transfer_wallet_list > .content_block:hover{
  border-radius: 0px;
  border-bottom: 1px solid var(--border_general);
  background: transparent;
}
.transfer_wallet_list > .content_block:nth-child(6n){
  margin-right: 0;
}
.transfer_wallet_list > .content_block .title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.transfer_wallet_list > .content_block .title img{
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.transfer_wallet_list > .content_block .title .game_title{
  margin-left: 4px;
  line-height: 24px;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color:var(--game_wallet_txt_vendor);
  max-width: 64px;
}
.transfer_wallet_list > .content_block .amount{
  font-weight: bold;
  font-size: 17px;
  /*margin-top: 10px;
  margin-bottom: 4px;*/
  text-align: right;
  padding-left: 5px;
  color: var(--game_wallet_txt_amount);
}

.transfer_wallet_list > .content_block.maintenance .title .game_title{
  color: var(--game_wallet_txt_vendor_maintenance);
}

.transfer_wallet_list > .content_block.maintenance .amount{
  color: var(--game_wallet_txt_amount_maintenance);
}

.transfer_wallet_list .transfer_action{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: auto;
  margin-left: 5px;
}
.transfer_wallet_list .transfer_action.disable{
  display: none;
}
.transfer_wallet_list .trans_allin{
  background: var(--wallet_allin) !important;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: unset;
  background-size: 100% 100% !important;
}
.transfer_wallet_list .trans_allout{
  background: var(--wallet_allout) !important;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: unset;
  background-size: 100% 100% !important;
}
.transfer_wallet_list > .content_block .trans_allin:hover {
  background: var(--wallet_allin) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}
.transfer_wallet_list > .content_block .trans_allout:hover{
  background: var(--wallet_allout) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
}
.transfer_wallet_list > .content_block.maintenance .trans_allin{
  background: var(--wallet_allin_disabled) !important;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: not-allowed; 
  pointer-events:none;
  background-size: 100% 100% !important;
}
.transfer_wallet_list > .content_block.maintenance .trans_allout,
.transfer_wallet_list > .content_block .trans_allout.disable{
  background: var(--wallet_allout_disabled) !important;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: not-allowed;
  pointer-events:none;
  background-size: 100% 100% !important;
}
.transfer_detail {
  display: flex!important;
  height: 100%!important;
  flex-wrap: wrap;
  padding: 0;
}
.transfer_adjust_form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 16px;
  margin-top: 24px;
  border-bottom: 0.5px solid var(--main-bg-color);
  flex-direction: column;
}
.transfer_adjust_form > div .title{
  font-size: 14px;
  color: var(--txt_general);
  padding-bottom: 4px;
}
/*.transfer_adjust_form > div .transfer_select_container{
  width: 135px;
}*/
.transfer_adjust_form > div .transfer_select_container select,
.transfer_amount_container input{
  width: 100%;
}
.transfer_swap{
  cursor: pointer;
}
/*.transfer_amount_container{
  margin-left: 16px;
  width: 149px;
}*/
.transfer_adjust_form .transfer_select_container,
.transfer_adjust_form .finance_amount{
  margin-bottom: 16px;
}
/*.transfer_btn_container{
  margin: 0 8px;
}*/
.transfer_btn_container button{
  white-space: nowrap;
}
.transfer_adjust_form .hints{
  height: 42px;
  line-height: 17px;
  margin-top: 8px;
  font-size: 11px;
  color: var(--txt_remarks);
}
.transfer_button{
    width: 210px;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: var(--btn_radius);
    background: var(--btn_major_enabled_bg);
    color: var(--btn_major_enabled_txt);
    border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
    font-weight: var(--btn_major_enabled_weight);
    box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innsershadow);
}
.right_bottom_transfer{
    bottom: 0;
    margin: 0px -32px;
    padding: 10px 32px;
    width: 60%;
    height: 88px;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#deposit_popup_confirm {
  background-color: white;
}
#deposit_popup_confirm .modal-body >div{
  background-color: white;
padding: 15px 30px;
}
#deposit_popup_confirm .modal-body table tr td{

  height: 48px;
}
#deposit_popup_confirm .modal-body table tr td:nth-child(1){
  width: 20%;
  text-align:right;
  font-weight: bold;
}
#deposit_popup_confirm .modal-body table tr td:nth-child(2){
  width: 50%;
  padding-left: 25px;
}
#deposit_popup_confirm .btn_area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#deposit_popup_confirm .btn_area >button{
  width: 48%;
}
.wallet_top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 24px;
  font-size: 17px;
      position: -webkit-sticky;
      position: sticky;
    flex-wrap: nowrap;
    top:0px;
    z-index: 1;
}
.wallet_top #w_wallet_bal{
  margin-right: 12px;
}
.wallet_top > .content_block{
  background: var(--wallet_subheader_bg);
  box-shadow: var(--wallet_subheader_shadow);
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 32px;
}
.wallet_top > .content_block .title{
  font-size: 17px;
  margin-right: 24px;
  color: var(--wallet_subheader_title_txt);
}
.wallet_top > .content_block:last-child{
  color: var(--wallet_subheader_txt-alt);
}
.wallet_top #wallet_bal{
  font-size: 24px;
  margin-right: 8px;
  font-weight: bold;
  line-height: 17px;
  color: var(--wallet_subheader_number_txt);
}
.wallet_top >div{
  display: flex;
}
.wallet_top .refresh_amount{
  cursor: pointer;
  display: flex;
  align-items: center;
}
.wallet_top > .content_block:last-child{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  background: var(--wallet_subheader_bg-alt);
}
.window_popup .wallet_top > .content_block:last-child{
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wallet_top > .content_block:last-child img{
  margin-right: 8px;
}
.withdrawal_detail{
  height: 100%;
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
}
.withdrawal_detail::-webkit-scrollbar {
    display: none;
}
.transfer_detail{
  height: 523px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;    overflow: hidden;
    overflow-y: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.window_popup .withdrawal_detail{
  height: 522px;
}
#deposit_popup .modal-body{
  padding: 0;
}
.withdrawal_left{
  width: 100%;
  overflow: hidden;
  max-height: 510px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  /*width: 70%;*/
  /*padding: 16px 32px;*/
}
.window_popup .withdrawal_left{
  max-height: 522px;
  position: relative;
  height: 522px;
}
.withdrawal_right{
  width: 100%;
  height: 100%;
  padding: 0px;
  border-left: 1px solid var(--main-bg-color);
}
.window_popup .withdrawal_right{
  border-left: 0;
}
.window_popup .withdrawal_right{
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}

.one_key_recovery_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}
.one_key_recovery_container .hints, .withdrawal_right .hints{
  font-size: 12px;
  line-height: 17px;
  color: var(--txt_remarks);
  margin-right: 16px;
}
.transfer_main_wallet_shortcut .instrustion{
  font-size: 12px;
  line-height: 17px;
  color: var(--txt_label);
  margin-right: 16px;
  width: 100%;
}
.withdrawal_right .hints{
  margin-right: 0;
  margin-top: 8px;
  /*margin-bottom: 8px;*/
  color: var(--txt_error);
}
.one_key_recovery_container #transfer_all{
  white-space: nowrap;
}
#withdrawal_without_card_password{
  /*width: 50%;*/
  padding-top:24px;
  width: 100%;
}
.withdrawal.shortcut_management{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-direction: row;
}
.withdrawal.shortcut_management .subject_title{
  margin-bottom: 9px;
  font-size: 13px;
  text-align: center;
  color: var(--txt_general);
}
.deposit_add_bankcard, .deposit_set_withdrawal_pin{
  color: var(--txt_general);
  font-size: 13px;
  cursor: pointer;
  flex-wrap: wrap;
  width: 25%;
  padding: 20px;
  margin: 10px;
  border-radius: var(--wallet_required_radius);
  background: var(--wallet_required_bg);
  border: var(--wallet_required_borderthick) solid var(--wallet_required_border);
  box-shadow: var(--wallet_required_shadow), var(--wallet_required_innershadow);
}
.deposit_add_bankcard:hover, .deposit_set_withdrawal_pin:hover{
  background: var(--wallet_required_bg_hover);
  border: var(--wallet_required_borderthick_hover) solid var(--wallet_required_border_hover);
  box-shadow: var(--wallet_required_shadow_hover), var(--wallet_required_innershadow_hover);
}
.withdrawal.deposit_shortcut_management{
  flex-direction: column;
}
.deposit_shortcut_management .notice_alert{
  margin-bottom: 0px;
  padding-top: 5px;
}

.setbankcard_container{
  width: 100%;
  display: flex;
  justify-content: center;
}
.deposit_add_bankcard .icon_circle_card, .deposit_set_withdrawal_pin .icon_circle_card{
  margin-bottom: 10px;
}

.add_bankcard .icon_circle_card img, .set_withdrawal_pin .icon_circle_card img{
  width:56px;
}

.addbank_label,
.pin_label{
  display: flex;
  width: 100%;
  color: var(--txt_general);
  align-items: center;
  justify-content: center;
}
.no_bankcard_setup{
  width: 100%;
  margin: auto; 
  text-align: center;
  padding: 0 24px 24px;
  border-bottom: 1px solid var(--border_general);
  color: var(--txt_general);
  font-size: 13px;
}
.notice_alert{
  color: var(--txt_error);
  margin-bottom: 8px;
}

.alert_remarks{
  color: var(--txt_remarks);
  align-items: center;
  justify-content: center;
  display: flex;
}

.reddot {
  position: relative;
}
.reddot:before {
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--txt_error);
}
.wallet_item_empty{
  text-align: center;
  margin-top: 64px;
}
.wallet_items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}
.wallet_items > .wallet_item{
  /*width: calc((100% - (12px * 2)) / 3);*/
  width: 100%;
  align-items: center;
  padding:16px 0px;
  border-bottom: 1px solid var(--border_general);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  overflow: unset;
}

.wallet_items > .wallet_item:last-child{
  border:0px;
}
.wallet_items > .wallet_item:nth-child(3n){
  margin-right: 0;
}
.wallet_item .name{
  color: var(--game_wallet_txt_vendor);
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.wallet_item .amount{
  color: var(--game_wallet_txt_amount);
  font-weight: normal;
  font-size: 17px;
  margin-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wallet_item .transfer_out_btn_js{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wallet_item .transfer_out_btn_js .button_trans_red{
  color: var(--btn_withdraw_wallet_enabled_txt);
  /*background: var(--btn_withdraw_wallet_enabled_bg);*/
  border: var(--btn_withdraw_wallet_enabled_borderthick) solid var(--btn_withdraw_wallet_enabled_border);
  box-shadow: var(--btn_withdraw_wallet_enabled_shadow), var(--btn_withdraw_wallet_enabled_innershadow);
  font-weight: var(--btn_withdraw_wallet_enabled_weight);
  padding:0px;
}
.wallet_item .transfer_out_btn_js .btn_withdraw_wallet{
  background: unset!important;
  border: unset !important;
  box-shadow: unset !important;
}

.wallet_item .transfer_out_btn_js .btn_withdraw_wallet img{
  width: 32px;
}
.button_trans_red.onekey_trans{
  border: var(--btn_wallet_trn_out_enabled_borderthick) solid var(--btn_wallet_trn_out_enabled_border);
  background: var(--btn_wallet_trn_out_enabled_bg);
  color: var(--btn_wallet_trn_out_enabled_txt);
  font-weight: var(--btn_wallet_trn_out_enabled_weight);
  box-shadow: var(--btn_wallet_trn_out_enabled_shadow), var(--btn_wallet_trn_out_enabled_innershadow);
  /*padding: 0px;*/
  padding-right: 15px;
  border-radius: var(--btn_wallet_trn_out_radius);
}
.transfer_main_wallet .button_trans_red.onekey_trans, .withdrawal_left .button_trans_red.onekey_trans {
  padding: 9px 16px;
}
.withdrawal_today_budget,
.withdrawal_today_limit{
  color: var(--txt_general);
  font-size: 12px;
}

.withdrawal_today_limit{
  width: 100%;
  text-align: right;
}
.withdrawal_today_budget span{
  color: var(--txt_value_special);
}
.withdrawal_textbox{
/*  margin-bottom: 16px;*/
}
.withdrawal_charge_fee_container{
  border: var(--wallet_fees_borderthick) solid var(--wallet_fees_border);
  border-radius: var(--wallet_fees_radius);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.withdrawal_charge_fee_container > .content_block{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.withdrawal_charge_fee_container > .content_block:first-child{
  border-right: 0.5px solid var(--border_general);
  padding-right: 16px;
  margin-right: 16px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.withdrawal_charge_fee_container > .content_block > .block_content:first-child{
  width: 100%;
  margin-right: 25px;
}
.withdrawal_charge_text{
  font-size: 14px;
}
.withdrawal_charge_fee{
  font-weight: bold;
  font-size: 17px;
}
.withdrawal_charge_details{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

.withdrawal_content_container .label_details,
.withdrawal_charge_details .label_details{
  color: var(--txt_label);
}

.withdrawal_content_container .value_details,
.withdrawal_charge_details .value_details{
  color: var(--txt_value);
}

.withdrawal_charge_details:last-child{
  margin-bottom: 0;
}
.withdrawal_bank_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.withdrawal_bank_list > select{
  /*margin-right: 16px;*/
}
.withdrawal_actual_amount{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50%;
  margin: 0 auto 5px;
  color: var(--txt_caption);
}
.withdrawal_actual_amount .actual_amount{
  font-size: 24px;
  font-weight: bold;
  color: var(--txt_value_special);
}
#deposit_popup .modal-body{
  position: relative;
}
.turnover_details{
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-shadow: -4px 0px 15px rgba(0, 0, 0, 0.12);
          box-shadow: -4px 0px 15px rgba(0, 0, 0, 0.12);
}
.turnover_details.active{
  right: 0;
}
.turnover_details .wallet_top > .content_block:last-child{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.turnover_details .wallet_top > .content_block:last-child img{
  /* -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); */
  margin-left: 8px;
}

.turnover_details .turnover_top > .content_block{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.turnover_top{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 13px 32px;
  background: var(--modals_bg);
}

.turnover_details_topbox {
    border-radius: var(--turnover_requirement_base_radius);
    padding: 4px;
    margin-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: 1;
    flex-direction: row;
    background: var(--turnover_requirement_base_bg);
    border: var(--turnover_requirement_base_borderthick) solid var(--turnover_requirement_base_border);
}

.turnover_details_topbox > .content_block {
    text-align: left;
    width: 100%;
    border-left: 1px solid var(--turnover_requirement_divider);
    padding: 8px 16px;
    margin: 5px 7px;
}

.turnover_details_topbox > .content_block:first-child {
  border-left: 0px;
}

.turnover_details_topbox > .content_block .title{
  color: var(--turnover_requirement_title);
}

.turnover_details_topbox > .content_block .number{
  color: var(--turnover_requirement_number);
}

.turnover_details_topbox > .content_block .title_alt{
  color: var(--turnover_requirement_title-alt);
}

.turnover_details_topbox > .content_block .number_alt{
  color: var(--turnover_requirement_number-alt);
}

.turnover_details_body{
  padding: 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
   overflow:hidden;
  overflow-y: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      /* -ms-flex-direction: column;
          flex-direction: column; */
  height: 560px;
  background: var(--modals_bg);
}
.turnover_details_leftbox{
  border-radius: var(--turnover_requirement_base_radius);
  padding: 4px;
  margin-right: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  z-index: 1;
  flex-direction: column;
  background: var(--turnover_requirement_base_bg);
  border: var(--turnover_requirement_base_borderthick) solid var(--turnover_requirement_base_border);
}
.turnover_details_leftbox > .content_block{
  text-align: center;
  width: 100%;
  background: var(--turnover_requirement_bg-alt);
  border: var(--turnover_requirement_borderthick) solid var(--turnover_requirement_border-alt);
  border-radius: 16px;
  padding: 8px 16px;
  margin: 5px 7px;
}
.turnover_details_leftbox > .content_block:first-child{
  background: var(--turnover_requirement_bg);
  border: var(--turnover_requirement_borderthick) solid var(--turnover_requirement_border);
  border-radius: 16px;
  padding: 8px 16px;
}
.turnover_details_leftbox > .content_block .title{
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--turnover_requirement_title-alt);
}
.turnover_details_leftbox > .content_block:first-child .title{
  color: var(--turnover_requirement_title);
}
.turnover_details_leftbox > .content_block .number{
  font-weight: bold;
  font-size: 24px;
}
.turnover_details_leftbox > .content_block:first-child .number{
  color: var(--turnover_requirement_number);
}
.turnover_details_right{
  width: 100%;
}
.turnover_details_body .table{
  background: var(--table_bg);
}
.turnover_details_body .table thead th{
  font-weight: normal;
  font-size: 12px;
  border-top: 0;
  color: var(--table_data_title);
  border-bottom: 0;
}
.turnover_details_body .table td{
  font-size: 14px;
  border-top: 0;
  color: var(--table_data_txt);
}
.turnover_details_body .table td.number{
  color: var(--table_data_number);
}
.turnover_details_body .table td.number:hover{
  color: var(--table_data_number_hover);
}

.turnover_details_body .table thead tr{
  border-bottom: 1px solid var(--border_general);
}

.turnover_details_body .table tr{
  border: 0;
}
.turnover_details_body .table tbody tr:hover{
  background: var(--table_bg_hover);
}
.turnover_details_body .table th.left, .turnover_details_body .table td.left{
  text-align: left;
}
.turnover_details_body .table th.right, .turnover_details_body .table td.right{
  text-align: right;
}
.turnover_details_body .table .promo_name{
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.turnover_details_body .promo_name_detail{
  display: none;
  position: absolute;
  left: 0;
  top: 20px;
  width: 170px;
  padding: 8px;
  z-index: 1;
  background: #545758;
  opacity: 0.8;
  border-radius: 8px;
}
.turnover_details_body .table .promo_name:hover .promo_name_detail{
  display: block;
}
.turnover_details_body .promo_name_detail::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--tooltip_bg);
  border-radius: 8px;
}
.turnover_details_body .promo_name_detail .title{
  font-size: 12px;
  position: relative;
  color: var(--tooltip_title);
}
.turnover_details_body .promo_name_detail .name{
  font-weight: bold;
  position: relative;
  color: var(--tooltip_subtitle);
}
.turnover_details_onoff{
  cursor: pointer;
  width: auto;
  text-align: right;
  font-weight: normal !important;
  font-size: 14px;
}

.turnover_details_onoff img{
  width: 16px;
  height: 16px;
}

.pagination_container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pagination_container > div:first-child{
  margin-right: 16px;
}
.pagination_container > div:last-child{
  background: var(--table_pagination_bg-alt);
  border-radius: 8px;
}
.pagination_controller{
  position: relative;
  overflow: hidden;
}
.pagination_controller::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 400px;
  -webkit-transform: translateX(-51%) translateY(-50%) rotate(-15deg);
      -ms-transform: translateX(-51%) translateY(-50%) rotate(-15deg);
          transform: translateX(-51%) translateY(-50%) rotate(-15deg);
  background-color: var(--table_pagination_bg);
}
.pagination_panel{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  white-space: nowrap;
}
.pagination_panel > .content_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.pagination_panel > .content_block > div{
  margin-right: 5px;
}
.pagination_panel > .content_block > div:last-child{
  margin-right: 0;
}
.pagination_panel input{
  padding: 3px;
  width: 30px;
  text-align: center;
  display: inline-block;
  border: 0.5px solid var(--main-bg-color);
  border-radius: 4px;
  height: 20px;
  font-size: 12px;
  margin: 0 8px;
}
.pagination_totalpage{
  display: inline-block;
  margin: 0 8px;
}
.pagination_jump{
  margin-right: 18px !important;
  color: var(--table_pagination_txt);
}
.pagination_totalinfo{
  color: var(--table_pagination_txt-alt);
}
div[class*="pagination_goto"]{
  cursor: pointer;
}

.transfer_in_btn,.transfer_out_btn{
  background-color: var(--primary-color);
  padding-top:15px;
  width: 150px;
  color:white;
  cursor: pointer;
}
.transfer_in_btn{
  position: absolute;
  top:-3px;
  left: -79px;
  font-size: 14px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin:top center;
      -ms-transform-origin:top center;
          transform-origin:top center;
  z-index: 1;
}

.transfer_in_btn .icon-arrow-down-right2{
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);

}
.transfer_out_btn {
  font-size: 14px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -79px;
  top:-3px;
  -webkit-transform-origin:top center;
      -ms-transform-origin:top center;
          transform-origin:top center;
}
.transfer_out_btn  .icon-arrow-down-right2{
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
/*.wallet_item{
  overflow: hidden;
  position: relative;
}*/
.wallet_item .transfer_out_btn div,.wallet_item .transfer_in_btn div{
  font-size: 10px;

}
.transfer_out_btn .text, .transfer_in_btn .text{
  position: absolute;
  width: 100%;
  background-color: var(--primary-color);
  color: white;

  -webkit-transition: .2s all ease;

  -o-transition: .2s all ease;

  transition: .2s all ease;
  z-index: 1;
  height: 0px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);


}
.transfer_out_btn:hover .text, .transfer_in_btn:hover .text{
  position: absolute;
  width: 100%;

  background-color: var(--primary-color);
  color: white;
  height: 15px;


}

.transfer_in_btn.disable{
  display: none;

}
.transfer_out_btn.disable{
  display: none;

}
.fee_detail{
  padding:0px 25px;
  color: var(--primary-color);
  cursor: pointer;
}
.total_fee{
  width: 100%;
  font-size: 24px;

}
#fee_detail .modal-body{
  padding: 30px;
  background-color: white;
}
.fee_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color:#728ea4;
}
#fee_detail .turnover{
  margin-top: 30px;

}
#fee_detail .table{
  margin-top: 20px;
}
.table{
  width: 100%;
  background: var(--table_bg);
  text-align: center;
}
.table tr{
  /* border: 1px solid #edeff5; */
}
.table tbody tr:hover{
  background: var(--table_bg_hover);
}
.table thead tr th{
  color: var(--Table_data_title);
}
.table tbody tr td{
  color: var(--table_data_txt);
}
.table tbody tr td.number{
  color: var(--table_data_number);
}
.table tbody tr td.number:hover{
  color: var(--table_data_number_hover);
}
#fee_detail .modal-body{
  overflow-y: auto;
}

.recommend_amount_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .recommend_amount {
    text-align: center;
    border: 1px solid #d9f0f7;
    width: calc(25% - 5px);
    margin-right: calc(5px * 4 / 3);
    margin-top: calc(5px * 4 / 3);
    padding: 3px;
    border-radius: 4px;
    cursor:pointer;
    font-size: 12px;
}
 .recommend_amount:nth-child(6n) {
    margin-right: 0px;
}

.textbox_content[class*="ico-"]{
  position: relative;
}
.textbox_content[class*="icon-"]:before, .textbox_content[class*="ico-"]:before {
  color: var(--enabled-color);
  position: absolute;
  left: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.textbox_content[class*="ico-"] input{
  padding: 10px 16px 10px 47px;
}
.ico-search:before {
  display: block;
  content: '';
  background: var(--search_icon);
  background-repeat: no-repeat;
  /*background-size: 80%;*/
  width: 28px;
  height: 28px;
  margin: auto;
  background-position: center;
}
.ico-promotype:before{
  position: absolute;
  display: block;
  content: '';
  background-image: var(--allpromo_icon);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  margin: auto;
  background-position: center;

}
.style2 .modal-header{
  border: var(--modals_header_borderthick) solid var(--modals_header_border);
  height: 116px;
  padding: 16px 32px;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom:0px;
  border-radius: var(--modals_header_radius);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
    background: var(--modals_header_bg);
    box-shadow: var(--modals_header_shadow);
}
.window_popup .modal-header{
  border-radius: 0px;
}
.style2 .modal-body{
  /*border-radius:0px 0px 32px 32px ;*/
  color: var(--txt_general);
}
.style2 .modal-content{
  background: var(--modals_bg);
  border: var(--modals_borderthick) solid var(--modals_border);
  border-radius: var(--modals_radius);
  overflow: hidden;
  -webkit-box-shadow: var(--modals_shadow);
          box-shadow: var(--modals_shadow);
}
.promo_popup .modal-content{
  overflow: hidden;
  -webkit-box-shadow: var(--modals_shadow) !important;
  box-shadow: var(---modals_shadow) !important;
  background: var(--modals_bg);
  border: var(--modals_borderthick) solid var(--modals_border);
  border-radius: var(--modals_radius);
}
.window_popup .modal-content, .window_popup .modal-body{
  border-radius: 0;
}
.style2 .modal-header .title .icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
}
.style2 .modal-header .title .icon img{
    width:100%;
    margin:0 auto;

}
.style2 .modal-header .title {
  /* width: 222px; */
  margin-right: 64px;
  font-size: 28px;
  line-height: 30px;
  font-weight:600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  white-space: nowrap;
  color: var(--modals_title);
}
.style2 .modal-header .title::after{
  content: "";
  right: -32px;
  border-right: 1px solid  var(--modals_tabs_divider);
  position: absolute;
  height: 32px;
}

.style2 .modal-header nav{
  /* width: 678px; */
}
.style2 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color: var(--modals_tabs_active_txt) !important;
  font-weight: var(--modals_tabs_active_weight) !important;
  background-color: transparent;
}

.nav-tabs .nav-link:hover{
  color: var(--modals_tabs_hover_txt);
  font-weight: var(--modals_tabs_hover_weight);
  background-color: transparent;
}
.style2 .nav-tabs .nav-item{
     border-right: 0px;
     font-size: 24px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin-left: 32px;
     white-space: nowrap;
     color: var(--modals_tabs_enabled_txt);
     font-weight: var(--modals_tabs_enabled_weight);
}
.style2 .nav-tabs .nav-item:first-child{
  margin-left: 0;
}
.style2 .nav-tabs .nav-link.active:hover{
  background-color: transparent;
}
.mypromo_vip_level{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  width: 132px;
  height: 61px;
  border-radius: var(--modals_header_viptab_default_radius);
  background: var(--modals_header_viptab_default_bg);
  border: var(--modals_header_viptab_default_borderthick) solid var(--modals_header_viptab_default_border);
  box-shadow: var(--modals_header_viptab_default_shadow), var(--modals_header_viptab_default_innershadow);
  color: var(--modals_header_viptab_default_txt);
}

.mypromo_vip_level:hover{
  background: var(--modals_header_viptab_hover_bg);
  border: var(--modals_header_viptab_hover_borderthick) solid var(--modals_header_viptab_hover_border);
  box-shadow: var(--modals_header_viptab_hover_shadow), var(--modals_header_viptab_hover_innershadow);
  color: var(--modals_header_viptab_hover_txt);
}

.mypromo_vip_level .level_name{
  justify-content: center;
  width: 50%;
  display: flex;
  font-weight: 600;
  font-size: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  justify-content: flex-start;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}

.mypromo_vip_level .level_icon{
  justify-content: center;
  width: 50%;
  display: flex;
  font-weight: 600;
  font-size: 17px;
}

.mypromo_vip_level img{
  width: 40px;
}
.style2 .progress-ring{
  top:0px;
  left: 0px;

}
.style2 .progress-ring circle{
  fill:var(--box_circle_vip_bg);
  stroke-width: var(--box_circle_vip_progress_borderthick);
}
#nav-myvip-tab.active .progress-ring circle{
  fill:var(--vip_header_icon_circle_fill);
}
.style2 .promo_popup_list .block_content, .promo_popup_status_list .block_content{
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  /*border-bottom: 1px solid var(--border_general);*/
}
#show_mission_list .promo_popup_status_list .mission_block_content .block_content{
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--border_general);
  padding: 16px 16px 16px 0;
}
#promo_popup .paginationArea{
  display: none;
}
.promo_popup_list .block_content .title, .promo_popup_status_list .block_content .title{
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
  white-space: normal!important;
  text-align: left;
  margin: 0px;
  color: var(--txt_general);
  /*margin: 5px 0 0 5% !important;*/
}
.promo_popup_status_list .block_content .title{
  color: var(--txt_general);
}


.promo_popup_status_list .block_content .title_area{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0px 20px;
  width: 100%;
}

.promo_popup_status_list .block_content .progress{
  width: 100%;
}
.promo_popup_list .block_content .title, .promo_popup_status_list .block_content .title div{
  text-align: center;
  width: 100%;
}
.promo_popup_list .block_content .button{
  /*width:-webkit-fit-content!important;
  width:-moz-fit-content!important;*/
  padding: 6px 12px!important;
  color: var(--btn_box_apply_activated_txt);
  background: var(--btn_box_apply_activated_bg);
  border: var(--btn_box_apply_activated_borderthick) solid var(--btn_box_apply_activated_border);
  font-weight: var(--btn_box_apply_activated_weight);
  box-shadow: var(--btn_box_apply_activated_shadow);
  font-size: 14px;
  border-radius: var(--btn_box_apply_radius) !important;
  width: 100!important;
}
.promo_popup_list .block_content .button:hover{
  background: var(--btn_box_apply_hover_bg);
  border: var(--btn_box_apply_hover_borderthick) solid var(--btn_box_apply_hover_border);
  font-weight: var(--btn_box_apply_hover_weight);
  box-shadow: var(--btn_box_apply_hover_shadow);
}

.btn_apply {
  background: var(--btn_box_apply_activated_bg);
  border: var(--btn_box_apply_activated_borderthick) solid var(--btn_box_apply_activated_border);
  color: var(--btn_box_apply_activated_txt);
  font-weight: var(--btn_box_apply_activated_weight);
  box-shadow: var(--btn_box_apply_activated_shadow);
  border-radius: var(--btn_box_apply_radius);
  padding: 5px 12px;
  width: 96px !important;
}
.btn_apply:hover {
  background: var(--btn_box_apply_hover_bg);
  border: var(--btn_box_apply_hover_borderthick) solid var(--btn_box_apply_hover_border);
  font-weight: var(--btn_box_apply_hover_weight);
  box-shadow: var(--btn_box_apply_hover_shadow);
}
.btn_apply:disabled {
  background: var(--btn_box_apply_disabled_bg);
  border: var(--btn_box_apply_disabled_borderthick) solid var(--btn_box_apply_disabled_border);
  color: var(--btn_box_apply_disabled_txt);
  font-weight: var(--btn_box_apply_disabled_weight);
  box-shadow: var(--btn_box_apply_disabled_shadow);
}
.promo_popup_list img ,.promo_status_list img{
  /*border-radius: 64px;
  overflow: hidden;
  background: var(--promo_bg);*/
}
.promo_popup_list .block_content, .promo_popup_status_list .block_content{
  margin-bottom: 24px;
}
.promo_popup_status_list .block_content{
  margin-bottom: 0px!important;
}
.myvip_sub_detail_content .w-100 .progress {
  background: var(--bar_bg);
  width: 100%;
}
#promo_popup .progress .progress-bar {
  background: var(--bar_progress_default);
}
.promo_popup_list .title .promo_text_general { 
  text-align: left;
  width: 100%;
  color: var(--txt_general);
}
.nav-tabs .nav-link{
  position: relative;
}
.nav-tabs .nav-link.active::after{
  content: "";
  border-bottom: 2px solid var(--modals_tabs_active_line);
  position: absolute;
  width: 100%;
  bottom: 4px;
  left: 0px;
}
.window_popup .nav-tabs .nav-link.active::after{
  border-bottom: 0;
}
#nav-myvip-tab.active::after{
  display: none;
}
.modal.style3 .modal-content{
  background: none;
  border: 0;
}
.modal.style3 .modal-body{
  background: var(--popup_special_bg);
  border: var(--popup_special_borderthick) solid var(--popup_special_border);
  -webkit-box-shadow: var(--popup_shadow);
          box-shadow: var(--popup_shadow);
  border-radius: var(--popup_special_radius);
  overflow-y: hidden;
  padding: 0px;
}
.modal.style3 .modal-body .tab-content{
  overflow-y: auto;
  width: calc(100% - 282px);
  padding: 32px 48px;
}
.modal_style3_body{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
}
.promo_filter{
  padding: 16px 32px!important;
  border-bottom: 1px solid var(--border_general);
}
.promo_filter input, .promo_filter select{
  height: 36px;
}
.promo_filter input{
  padding-left: 36px!important;
}
.promo_filter select{
  padding: 8px 36px;
  font-size: 14px;
}
.promo_filter input::-webkit-input-placeholder{
  font-size: 14px;
}
.promo_filter input::-moz-placeholder{
  font-size: 14px;
}
.promo_filter input:-ms-input-placeholder{
  font-size: 14px;
}
.promo_filter input::-ms-input-placeholder{
  font-size: 14px;
}
.promo_filter input::placeholder{
  font-size: 14px;
}
.promo_filter .textbox_content[class*="ico-"]:before{
  width: 18px;
  height:18px;
  background-size: 100% 100%;
}
.promo_filter .filter_content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30%;
}
.promo_filter label{
  margin-left: 8px;
}
.filter_content.button_part .button{
  margin-top: 0px!important;
  background: var(--primary-color);
  border-radius: 8px;
  height: 36px;
  padding: 8px 16px;
  font-weight: 600;
  color: white;
  font-size: 14px;

}
.promo_status_list {
   padding: 0px!important;
    max-height: 480px!important;
        height: 100%!important;

}
.promo_status_list.left .block_content_left{
  width: 100%;
  height: 100%;  
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.promo_status_list_title,
.mission_status_list_title{
  font-size: 17px;
  background: var(--treasurepromo_header_bg);
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 0px;
  font-size: 17px;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--treasurepromo_header_txt);
  padding:  8px 16px;
  width: 100%;
  height: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;z-index: 1;
  text-align: center;
  display: none;
}
.mission_status_list_title {
  display: none;
}

.right.promo_status_list_title{
   background:var(--treasure_header_bg);
   color: var(--treasure_header_txt);
   text-align: center;
}
.right .promo_status_list_title{
  background: var(--disable-color);

}

.right.mission_status_list_title{
   background:var(--treasurepromo_header_bg);
   color: var(--treasurepromo_header_txt);
   display: none;
}

.block_content_completed,
.block_content_ongoing{
  width: 100%;
}

.block_content_ongoing .block_content, .block_content_completed .block_content {
  width: 100%!important;
  margin: 0px!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0px;
  justify-content: space-between;
  border-bottom: 0.5px solid var(--border_general);
}

.block_content_ongoing .block_content:last-child{
  border-bottom:none;
  margin-bottom: 92px !important;
}

.block_content_completed .status_area,
.block_content_ongoing .button_area{
  font-size: 14px;
  white-space: nowrap;
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.block_content_ongoing .button_area .button{
  font-size: 14px;
  width: 96px !important;
  height: 28px;
}

.block_content_completed .block_content:last-child{
  margin-bottom: 92px !important;
}

.percentage_num{
  position: absolute;
  line-height: 18px;
  text-align: center;
  width: 100%;
  margin-left: 5px;
  font-weight: 600;
  font-size: 10px;
}
.block_content_ongoing .button_area .amount{
  color: var(--txt_value);
  font-weight: bold;
  font-size: 17px;
}
 .block_content_ongoing .block_content::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 16px;
  width: calc(100% - 32px * 2);
  border-bottom: 0.5px solid var(--main-bg-color);
}
/*.block_content_right  .block_content{
      width: calc((100% - (10px * 3)) / 3);
    margin-right: 10px;
    margin-top: 24px;
}*/
.block_content_right  .block_content:nth-child(1){
  margin-left: 5px;
}
.block_content_right  .block_content:nth-child(3){
  margin-right:  5px;
}

.promo_popup_list .block_content .title{
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*.promo_popup_status_list .tag{
  background: var(--status_success_bg);
  border: var(--status_success_borderthick) solid var(--status_success_border);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--status_success_txt);
  border-radius: var(--status_success_radius);
  min-width: 44px;
  line-height: 24px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  height: 24px;
  font-size: 14px;
  box-shadow: var(--status_success_shadow);
  margin: 0 auto;
  padding: 0px 10px;
}*/

.promo_popup_status_list .tag.red{
  background: var(--status_failed_bg);
  border: var(--status_failed_borderthick) solid var(--status_failed_border);
  box-shadow: var(--status_failed_shadow);
  color: var(--status_failed_txt);
  border-radius: var(--status_failed_radius);
}

.promo_popup_status_list .tag.blue{
  background: var(--status_processing_bg);
  border: var(--status_processing_borderthick) solid var(--status_processing_border);
  box-shadow: var(--status_processing_shadow);
  color: var(--status_processing_txt);
  border-radius: var(--status_processing_radius);
}

.promo_popup_status_list .tag.offline{
  background: var(--status_offline_bg);
  border: var(--status_offline_borderthick) solid var(--status_offline_border);
  box-shadow: var(--status_offline_shadow);
  color: var(--status_offline_txt);
  border-radius: var(--status_offline_radius);
}

.floating_menu_item .btn:focus{
      background-color: var(--white-color);
    border: 0.5px solid var(--main-bg-color);
    color: var(--black-color);

}
.floating_menu_item .btn:focus:hover{
 background: var(--primary-color);
 color: white;
}

.filter_content .filter_btn button{
  padding: 8px 12px;
  font-weight: 600;
}
.promo_filter .filter_content .filter_btn button.button_full_red{
  background: var(--btn_treasure_filter_search_enabled_bg);
  color: var(--btn_treasure_filter_search_enabled_txt);
  border: var(--btn_treasure_filter_search_enabled_borderthick) solid var(--btn_treasure_filter_search_enabled_border);
}
.promo_filter .filter_content .filter_btn .button_full_trans{
  color: var(--treasure_promo_filter_txt_clear);
}

.filter_content label{
  margin-bottom: 0px;
}
.promo_popup_rebate{
  margin-right: 8px;
  font-weight: 600;
  color: var(--treasure_promo_filter_txt_rebate);
}
.promo_popup_rebate_price{
  margin-right: 8px;
  font-weight: bold;
  font-size: 17px;
  color: var(--treasure_promo_filter_txt_rebate);
}
.promo_popup_rebate_button{
  margin-right: 16px;
}
.promo_popup_rebate_time{
  font-size: 12px;
  color: var(--treasure_promo_filter_txt_available);
}
.rebate_payout_btn{
  background: var(--btn_treasure_filter_claim_enabled_bg);
  color: var(--btn_treasure_filter_claim_enabled_txt);
  border: var(--btn_treasure_filter_claim_enabled_borderthick) solid var(--btn_treasure_filter_claim_enabled_border);
}
.rebate_payout_btn:disabled{
  background: var(--btn_treasure_filter_claim_disabled_bg);
  color: var(--btn_treasure_filter_claim_disabled_txt);
  border: var(--btn_treasure_filter_claim_disabled_borderthick) solid var(--btn_treasure_filter_claim_disabled_border);
}
.signinpromo-container .tab_container{
  background: var(--box_signin_card_bg);
  border-radius: var(--box_signin_card_radius);
  box-shadow: var(--box_signin_card_shadow);
  border: var(--box_signin_card_borderthick) solid var(--box_signin_card_border);
  padding: 16px;
  margin-bottom: 19px;
}
.signinpromo-swiper-container .swiper-slide{
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: var(--missions_card_radius);
  background: var(--missions_card_bg);
  border: var(--missions_card_borderthick) solid var(--missions_card_border);
  box-shadow: var(--missions_card_shadow);
  padding: 16px;
}
#nav-summarypromo .price{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#nav-summarypromo .myvip_sub_level_container, #swiper-level-detail .myvip_sub_level_container{
  display: flex;
  justify-content: space-between;
}

#nav-summarypromo .myvip_sub_level_container .price .vip_sub_price{
  color: var(--box_dashboard_value);
  font-weight: bold;
  font-size: 21px;
  line-height: 26px;
  margin-top: 8px;
}
#nav-signinpromo .item_area{
  width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
#nav-signinpromo .rescue_item_text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 5px;
}
#nav-signinpromo .rescue_item_text div:first-child{
  color: var(--bar_label_description);
  font-size: 12px;
  margin-bottom: 5px;
}
#nav-signinpromo .rescue_item_text div:nth-child(2) span{
  color: var(--bar_label_value_current);
}
#nav-signinpromo .title{
  font-size: 17px;
  color: var(--box_signin_card_txt_day);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  width: 100%;
}
#nav-signinpromo .title span{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
  color: var(--txt_subtitle);
}

#nav-signinpromo .title span #sign_days_color {
    color: var(--txt_value_special);
}

.siginpromo_display .title span #sign_days_color{
  color: var(--box_signin_days_rescue);
}
.siginpromo_display_title_part{
  color: var(--box_dashboard_title);
  display: flex;
  justify-content: space-between;
  margin-bottom: 34px;
}
#nav-signinpromo .title .right{
  font-size: 12px;
  color: var(--box_signin_card_txt_ongoing);
  font-weight: 400;
  margin-top: 8px;
}
#nav-signinpromo .item{
  margin-bottom: 16px;
}
#nav-signinpromo .item.top_item{
  margin-bottom: 0px!important;
}
#nav-signinpromo .progress{
  width:100%;
}
/*#nav-signinpromo .item:nth-last-child(1){
  margin-bottom: 0px;
  margin-top: auto;
}*/
#nav-signinpromo .rescue_item .item_title{
  margin-top: 16px!important;
  justify-content: flex-start;
}

#nav-signinpromo .rescue_item .item_title .success_label{
    display: flex;
    align-items: center;
    color: var(--bar_label_success);
}
#nav-signinpromo .item_title{
  color: var(--txt_general);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
  align-items: center;
}
#nav-signinpromo .tab_arrow img{
  width:24px;
  margin-right: 16px;
  cursor: pointer;
}
#nav-signinpromo .tab_arrow{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#nav-signinpromo .btn_area, #nav-signinpromo .btn_area2{
  color: var(--txt_general);
  display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#nav-signinpromo .tab_title_preview{
  display: flex;
  align-content: space-between;
}
#nav-signinpromo .tab_title_preview.active .tab_arrow img{
  transform: rotate(-90deg);
}
#nav-signinpromo .panel{
    margin-top: 21px;
    display: none;
}
#nav-signinpromo  .btn_area_title{
  font-size: 13px;
}
#nav-signinpromo .btn_area .amount,#nav-signinpromo .btn_area2 .amount{
  font-size: 17px;
  font-weight: bold;
  color: var(--box_signin_card_txt_value);
  display: flex;
  flex-direction: column;
  align-items: end;
  z-index: 1;
}
#nav-signinpromo .btn_area button{
  width: 96px;
  height: 28px;
  font-size: 12px;
  margin-top: 4px;
  border-radius: var(--btn_treasure_claim_all_radius);
  color: var(--btn_treasure_claim_all_enabled_txt);
  background:var(--btn_treasure_claim_all_enabled_bg);
  border: var(--btn_treasure_claim_all_enabled_borderthick) solid var(--btn_treasure_claim_all_enabled_border);
  font-weight: var(--btn_treasure_claim_all_enabled_weight);
  box-shadow: var(--btn_treasure_claim_all_enabled_shadow), var(--btn_treasure_claim_all_enabled_innershadow);
}
#nav-signinpromo .btn_area2 button{
  width: 96px;
  height: 28px;
  font-size: 12px;
  margin-top: 4px;
  border-radius: var(--btn_treasure_claim_all_radius);
  color: var(--btn_treasure_claim_all_enabled_txt);
  background:var(--btn_treasure_claim_all_enabled_bg);
  border: var(--btn_treasure_claim_all_enabled_borderthick) solid var(--btn_treasure_claim_all_enabled_border);
  font-weight: var(--btn_treasure_claim_all_enabled_weight);
  box-shadow: var(--btn_treasure_claim_all_enabled_shadow), var(--btn_treasure_claim_all_enabled_innershadow);
}
#nav-signinpromo .btn_area button:disabled{
  color: var(--btn_treasure_claim_all_disabled_txt);
  background:var(--btn_treasure_claim_all_disabled_bg);
  border: var(--btn_treasure_claim_all_disabled_borderthick) solid var(--btn_treasure_claim_all_disabled_border);
  font-weight: var(--btn_treasure_claim_all_disabled_weight);
  box-shadow: var(--btn_treasure_claim_all_disabled_shadow), var(--btn_treasure_claim_all_disabled_innershadow);
}
#nav-signinpromo .btn_area2 button:disabled{
  color: var(--btn_treasure_claim_all_disabled_txt);
  background:var(--btn_treasure_claim_all_disabled_bg);
  border: var(--btn_treasure_claim_all_disabled_borderthick) solid var(--btn_treasure_claim_all_disabled_border);
  font-weight: var(--btn_treasure_claim_all_disabled_weight);
  box-shadow: var(--btn_treasure_claim_all_disabled_shadow), var(--btn_treasure_claim_all_disabled_innershadow);
}
.signinpromo-swiper-pagination{
  text-align: center;
  margin-top: -7px;
    padding-bottom: 5px;
}
#nav-signinpromo .swiper-slide .item_area .item .item_title img{
width: 16px;
}
.signinpromo-swiper-pagination .swiper-pagination-bullet{
  width: 16px;
  height: 4px;
  background: var(--treasure_pagination_normal);
  border-radius: 2px;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
  opacity: 1;
}
.signinpromo-swiper-pagination .swiper-pagination-bullet-active{
  background: var(--treasure_pagination_active);
  width: 32px;
}
.siginpromo-bottom{
  display: -webkit-box;
  display: flex;
  padding: 29px 30px 23px 30px !important;
  flex-direction: column-reverse;
}
.siginpromo-bottom .left{
  width: 100%;
  padding: 16px;
  background: var(--box_rescue_bg);
  border-radius: var(--box_rescue_radius);
  border: var(--box_rescue_borderthick) solid var(--box_rescue_border);
  box-shadow: var(--box_rescue_shadow),var(--box_rescue_innershadow);
}
.siginpromo-bottom .left .item{
  margin-bottom: 8px!important;
}
.siginpromo-bottom .left:after{
  content:"";
  border: 0.5px solid var(--treasure_popup_divider);
  height: 100%;
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: none;
}
.siginpromo-bottom .right.no-left{
  width: 100%;
  margin: 0 auto;
}
.signpromo_display_left{
  display: flex;
  flex-direction: column;
}
#promo_popup .tab-content{
  height: 100%;
  overflow-y: hidden;
  display: flex;
  width: 960px;
}
#promo_popup .tab-pane{
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
#nav-mission .promo_status_list.left {
  height: 510px!important;
  padding: 8px 26px !important;
}
#nav-mission .block_content_left{
  height:calc(100% - 80px)
}
#promo_popup .modal-content{
  -webkit-transition: .25s height ease;
  -o-transition: .25s height ease;
  transition: .25s height ease;
  width: 960px;
  height: 760px !important;
}
#promo_popup .progress-bar{
  padding: 9px 0px;
  border-radius: 9px;
}
.siginpromo-bottom .rescue_num{
  color: var(--txt_subtitle);
  font-size: 13px;
  font-weight: 400;
}
.siginpromo-bottom .rescue_num span{
  color:var(--txt_value_special);
}
.siginpromo-bottom .right{
  width: 100%;
  padding-left: 0;
}
.siginpromo-bottom .left .title .right{
  font-size: 14px!important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.siginpromo-bottom .left .title .right span{
  color: var(--treasure_missions_number); 
}
.rescue_title{
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    color: var(--txt_general);
}
#nav-signinpromo .item_title img{
  margin-right: 16px;
  color: var(--txt_general);
  width: 24px;
}
#nav-signinpromo .siginpromo_display{
  display: flex;
  justify-content: space-between;
  padding: 20px 16px;
  background: var(--box_signin_bg);
  border-radius: var(--box_signin_radius);
  border: var(--box_signin_borderthick) solid var(--box_signin_border);
  box-shadow: var(--box_signin_shadow),var(--box_signin_innershadow);
  margin-bottom: 16px;
}
#nav-signinpromo .weekly_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*margin: 24px 0px;*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#nav-signinpromo .rescue_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content:flex-end;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  position: relative;
  flex-wrap: wrap;
}
#nav-signinpromo .rescue_list .rescue_item{
  width: calc(100% / 3);
}
#nav-signinpromo .weekly_item div{
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  color: var(--box_signin_days);
  margin-top: 3px;
}
#nav-signinpromo .weekly_item .svg{
  width: 28px;
}
#nav-summarypromo .siginpromo_display{
  padding: 20px 16px;
  background: var(--box_dashboard_signin_bg);
  margin-bottom: 12px;
  border: var(--box_dashboard_signin_borderthick) solid var(--box_dashboard_signin_border);
  box-shadow: var(--box_dashboard_signin_innershadow), var(--box_dashboard_signin_shadow);
  border-radius: var(--box_dashboard_signin_radius);
}
#nav-summarypromo .right {
  margin-top: 35px;
  padding: 0px 25px 25px !important;
}

#nav-summarypromo .siginpromo_display_left .title span {
  font-size: 17px;
}
#nav-summarypromo .siginpromo_display_left .weekly_list {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#nav-summarypromo .siginpromo_display_left .weekly_list .weekly_item {
  margin-right: 50px;
}
/*.siginpromo-bottom .right .item{
  padding:15px 16px ;
  background: var(--promo_mission_consecutive_mission_reward_bg);
  background-image: linear-gradient(180deg, var(--enabled-color) -29.41%, var(--primary-color) 188.97%);
  background-size: 100% 100%;
  color: var(--treasure_missions_txt_consecutive);
}*/
.siginpromo-bottom .right .item .amount .get_btn{
  color: var(--btn_treasure_claim_all_enabled_txt);
  background:var(--btn_treasure_claim_all_enabled_bg);
  border-radius: var(--btn_treasure_claim_all_radius);
  border: var(--btn_treasure_claim_all_enabled_borderthick) solid var(--btn_treasure_claim_all_enabled_border);
  font-weight: var(--btn_treasure_claim_all_enabled_weight);
  box-shadow: var(--btn_treasure_claim_all_enabled_shadow), var(--btn_treasure_claim_all_enabled_innershadow);
}
.weekly_item .svg.active .check{
  opacity: 1;
}
.weekly_item .check{
  opacity: 0;
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
}
.weekly_item .svg.active .uncheck{
  opacity: 0;
}
.weekly_item .uncheck{-webkit-transition: 0.25s all ease;-o-transition: 0.25s all ease;transition: 0.25s all ease;
  opacity: 1;
}
#nav-mission .promo_status_list{
  max-height: 550px!important;
}
.promo_status_list_title button,
.mission_status_list_title button{
  font-size: 13px;
  background: var(--btn_treasure_claim_all_enabled_bg);
  border-radius: var(--btn_treasure_claim_all_radius);
  width: 84px;
  border: var(--btn_treasure_claim_all_enabled_borderthick) solid var(--btn_treasure_claim_all_enabled_border);
  color: var(--btn_treasure_claim_all_enabled_txt);
  height: 28px;
  float: right;
  font-weight: var(--btn_treasure_claim_all_enabled_weight);
      right: 21px;
    top: calc(50% - 14px);
    position: absolute;
}
.promo_status_list_title button:disabled,
.mission_status_list_title button:disabled{
  background: var(--btn_treasure_claim_all_disabled_bg);
  color: var(--btn_treasure_claim_all_disabled_txt);
  font-weight: var(--btn_treasure_claim_all_disabled_weight);
  border: var(--btn_treasure_claim_all_disabled_borderthick) solid var(--btn_treasure_claim_all_disabled_border);
}

#nav-mission .promo_status_list .daily_header{
  background: var(--daily_mission_header_bg);
  background-position: center center;
  background-size: 100% 100%;
}

#nav-mission .promo_status_list .weekly_header{
  background: var(--weekly_mission_header_bg);
  background-position: center center;
  background-size: 100% 100%;
}
.promo_status_list .clear_mission{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  /*background: var(--mission_header_bg);*/
  background-position: center center;
  background-size: 100% 100%;
  width: 100%;
  padding:16px;
  color: var(--box_special_mission_txt);
  font-weight: normal;
}
.promo_status_list .clear_mission .button_area {
  text-align: right;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end;
  font-size: 17px;
  font-weight: 600;
  color: var(--box_special_mission_txt_value);
}
.btn_box_claim{
  background: var(--btn_box_claim_enabled_bg);
  border: var(--btn_box_claim_enabled_borderthick) solid var(--btn_box_claim_enabled_border);
  color: var(--btn_box_claim_enabled_txt);
  font-weight: var(--btn_box_claim_enabled_weight);
  box-shadow: var(--btn_box_claim_enabled_shadow), var(--btn_box_claim_enabled_innershadow);
  border-radius: var(--btn_box_claim_radius) !important;
  width: 96px;
  height: 28px;
  font-size: 12px;
  margin-top: 8px;
}
.btn_box_claim:hover{
  background: var(--btn_box_claim_hover_bg);
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border);
  color: var(--btn_box_claim_hover_txt);
  font-weight: var(--btn_box_claim_hover_weight);
  box-shadow: var(--btn_box_claim_hover_shadow), var(--btn_box_claim_hover_innershadow);
}
.btn_box_claim:disabled{
  background: var(--btn_box_claim_disabled_bg);
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border);
  color: var(--btn_box_claim_disabled_txt);
  font-weight: var(--btn_box_claim_disabled_weight);
  box-shadow: var(--btn_box_claim_disabled_shadow), var(--btn_box_claim_disabled_innershadow);
}
.btn_box_claim.active, .btn_box_claim:active {
  background: var(--btn_box_claim_activated_bg);
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border);
  color: var(--btn_box_claim_activated_txt);
  font-weight: var(--btn_box_claim_activated_weight);
  box-shadow: var(--btn_box_claim_activated_shadow), var(--btn_box_claim_activated_innershadow);
}
#nav-myvip{
    height: 572px;
}
.myvip_popup{height: 100%;
  padding:0px 41px ;
}
.myvip_popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}
.myvip_popup >div{
  padding:16px 32px;
}
.myvip_popup .left{
  width: 40%;
  position: relative;
}
.myvip_popup .left::after{
  width: 1px;
  content: "";
  height: 90%;
  top:5%;
  position: absolute;
  right: 0px;
  border-right:  0.5px solid var(--main-bg-color);
}
.myvip_popup .right{
  width: 60%;
}
.myvip_popup .left .title{
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
}
.myvip_popup .left .rule{
  font-size: 14px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
   margin: 8px 0px 24px;

}
.myvip_popup .left .rule .rule_item .svg{
  width:36px;
  height: 36px;
  margin-bottom: 8px;

}
.myvip_popup .left table td{
  width: 25%;
}
.myvip_popup .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.myvip_popup span{
  color:  var(--enabled-color);
}
.progress_item {
  margin-bottom: 16px;
}
.progress_item .done{

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 4px;
}
.progress_item .done .svg{
  width: 20px;
  margin-right: 4px;
}
.myvip_popup table{
 font-size: 10px;

}.myvip_popup .big{
  font-size: 14px;
  font-weight: 600;
}
.myvip_popup table{
  width: 100%;
}
.myvip_popup table img {
  width: 32px;
}
.myvip_popup table td{
  padding:2px 0px;
  vertical-align: middle;
}
.myvip_popup .disabled{
  color: var(--disable-color);
}
.myvip_popup .disabled .svg path{
  fill: var(--disabled-color)
}
.myvip_popup .right .right_item_area{
 -webkit-box-pack: end;
     -ms-flex-pack: end;
         justify-content: flex-end;
font-size: 14px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;

}
.myvip_popup .right .right_item_area .title{
   width: 56px;
  font-weight: 600;
}

.myvip_popup .right .right_item_area .icon{
  padding: 12px;
  border-radius: 99rem;
  background: var(--primary-color);
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.myvip_popup .right .right_item_area .right_item{
  white-space: nowrap;
  width: calc(100% - 56px - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  margin-left: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.myvip_popup .right .right_item_area .right_item img{
  width: 32px;
}
.myvip_popup .right .right_item_area .right_item .text_area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin:0px 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.myvip_popup .right .right_item_area .right_item .button{
  background: var(--white-color);
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
}
.myvip_popup .right .right_item_area .right_item .text_area span{
  color: var(--enabled-color);
  font-size: 12px;
  margin-right: 9px;
}
.myvip_popup .right .right_item_area .right_item .text_area .progress{
  width: 100%;
}
.myvip_popup .right .right_item_area .right_item .submit_btn{
  background: var(--primary-color);
  border: 0px solid var(--primary-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  color: white;
}
.right_item_area:nth-child(2){
  margin-top: 8px;
}

.myvip_popup .right .right_item_area .right_item .text_area2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin:0px 16px;
  ;
}
.myvip_popup .right .right_item_area .right_item .text_area2 span{
  color: var(--enabled-color);
  font-size: 12px;
  margin-right: 9px;
}
.myvip_popup .right  .bottom{
  width: 247px;
  margin: 0 auto;
  text-align: center;font-weight: 600;
  font-size: 14px;
}.myvip_popup .right  .bottom .submit_btn{
  background: var(--primary-color);
  margin-top: 4px;
  border: 0px solid var(--primary-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  width: 100%;
}
.index_banner_area.slash{
    
  /*background-size: cover;*/
  background-repeat: no-repeat;
  background-position-x: center;
  background-color: var(--bg_universal);
}
.vip_list_btn{
  margin:  150px  22.5px;
}
.vip_list_btn .progress{
  border-radius: 16px !important;
  border: var(--vip_tab_borderthick) solid var(--vip_tab_border);
  height: 13px;
  overflow:unset;
  background: white;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}
.vip_list_btn .progress .progress-bar{
  background: #D3B598;
  border-radius: 16px !important;
  margin:3px;
  padding: 0px;
  position: relative;
  height: 7px;
  overflow: inherit;

}
.vip_list_btn .progress .progress-bar .circle{
  background: var(--vip_tab_handle_fill);
  width: 27px;
  position: absolute;
  height: 27px;
  top:-10px;
  right: -10px;
  border-radius: 99rem;
  border: var(--vip_tab_handle_borderthick) solid var(--vip_tab_handle_border);
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.06), 0px 3px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.06), 0px 3px 8px rgba(0, 0, 0, 0.15);
}
.vip_list_btn .progress .vip_btn_area{
  width: 104%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: -2%;top:-74px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 24px;
}
.vip_list_btn .progress .vip_btn_area .vip_btn{
  width: 60px;
  cursor: pointer;

  -webkit-transition: .25s all ease;

  -o-transition: .25s all ease;

  transition: .25s all ease
}
.vip_list_btn .progress .vip_btn_area .vip_btn img{
  width: 100%;
  margin-bottom: 69px;
}
.vip_list_btn .progress .vip_btn_area .vip_btn span{
  white-space: nowrap;
  overflow:hidden;
  width: 60px;
   text-overflow: ellipsis;
   display: block;
}
.vip_list_btn .progress .vip_btn_area .vip_btn.active {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  color: #D3B598;
  font-weight: 600;
  pointer-events: none;
}
.banner{
  width: 100%;
}

.vip_item{
  cursor: pointer;
  width: 100%;
  background: var(--vip_card_bg);
  -webkit-box-shadow: var(--vip_card_shadow);
          box-shadow: var(--vip_card_shadow);
  border-radius: var(--vip_card_radius);
  border: 1px solid var(--vip_card_border);
  font-size: 14px;
}
.vip_item_no_icon{
  cursor: pointer;
  width: 100%;
  background: var(--vip_card_bg);
  -webkit-box-shadow: var(--vip_card_shadow);
          box-shadow: var(--vip_card_shadow);
  border-radius: var(--vip_card_radius);
  border: var(--vip_card_border) solid 0px;
  font-size: 14px;
}
.swiper-slide.swiper-slide-active .vip_item{
  cursor: pointer;
  width: 100%;
  background: var(--vip_card_active_bg);
  -webkit-box-shadow: var(--vip_card_active_shadow);
          box-shadow: var(--vip_card_active_shadow);
  border-radius: var(--vip_card_active_radius);
  border: 1px solid var(--vip_card_active_border);
  font-size: 14px;
}
.vip_item .table1{
  padding:  16px 25px;
  padding-top: 55px;
  position: relative;
}
.vip_item .table1:after {
  content: "";
  border-bottom: 0.5px solid var(--vip_card_divider);
  bottom:0px;
  width: calc(100% - 50px);
  height: 1px;position: absolute;
  left: 25px;
}

.vip_item .vip_card_label{
  color: var(--vip_card_label);
}

.vip_item .vip_card_label div{
  font-size: 12px;
  color:  var(--vip_card_subtitle_label);
}

.vip_item .vip_card_value{
  color: var(--vip_card_value);
}

.vip_item .vip_card_value div{
  font-size: 12px;
  color:  var(--vip_card_subtitle_value);
}

.vip_item table {
  width: 100%;
}
.vip_item table td{
  padding: 4px;
  white-space: nowrap;
}
.vip_item table td:nth-child(1){
  width: 42px;
}
.vip_item table td:nth-child(2){
  text-align: left;
}
.vip_item table td:nth-child(3){
  text-align: right;
 
}
.vip_item .table1 img{
  width: 42px;
  /*padding: 10px;
  background:#E1E6F0;
  border-radius: 99rem;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);*/
}
.vip_item .table1 table td:nth-child(3){
 font-size: 17px;
 
}
.vip_item .table2{ 
  padding:  16px 25px;
  font-size: 14px;
}
.vip_item .table2 table td:nth-child(3){
  text-align: right;
  font-size: 14px;
}
.vip_item .table2 img{
  width: 32px;
}
.vip_item .table2 .disabled{
  color: var(--disable-color);
}
.vip_item .icon{
  width: 90px;
  height: 90px;
  border-radius: 99rem;
  background: var(--vip_card_circle_inactive);
  -webkit-box-shadow: var(--vip_card_circle_shadow_inactive);
  box-shadow: var(--vip_card_circle_shadow_inactive);
  padding: 22px 20px 18px 20px;
  position: absolute;
  top:-45px;
  left: calc(50% - 45px);
}
.vip_item .icon img{
  width: 100%;
 }
 .vip_item .table3{
  padding: 14px 14px;
  font-size: 14px;
  color: var(--vip_card_content-alt);
  background: var(--vip_card_bg_alt_inactive);
  border: var(--vip_card_borderthick_alt_inactive) solid var(--vip_card_border_alt_inactive);
  border-bottom-left-radius: var(--vip_card_radius);
  border-bottom-right-radius: var(--vip_card_radius);
  /*border-radius: 0px 0px 16px 16px;*/
  /*border-bottom-right-radius: var(--vip_card_radius);
  border-bottom-left-radius: var(--vip_card_radius);*/
 }
.vip_item .table3 th{
  width: 33%;
  font-weight: 600;
  text-align: center;
  color: var(--vip_card_alt_txt_title);
}
.vip_item .table3 td{
  text-align: center!important;
  width: 33%;
  border-right: 0.5px solid var(--vip_card_divider);
  padding:6px;
}
.vip_item .table3 td:nth-child(1){
  font-weight: 600;
  color: var(--vip_card_alt_txt_label);
}
.vip_item .table3 td:nth-child(2){
  color: var(--vip_card_alt_txt_content);
}
.vip-swiper-container {
  margin-top: 150px;
  margin-bottom: 50px;
  position: relative;
}
.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item{
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table1:after {
  border-bottom: 0.5px solid var(--vip_card_divider);

}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table1 img{
  /*background: #E1E6F0;*/
}
.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item td div{

}
.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item{
  -webkit-transform: scale(1); 
      -ms-transform: scale(1);
          transform: scale(1);
}
.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .icon{
  background:  var(--vip_card_circle_active);
  border: 1px solid var(--vip_card_circle_border);

}
.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table3{
  background: var(--vip_card_bg_alt);
  border: var(--vip_card_borderthick_alt) solid var(--vip_card_border_alt);
  /*border-right: 0.5px solid var(--vip_card_divider_alt_active);*/
}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table3 th{
  color: var(--vip_card_alt_txt_active_title);
}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table3 td:nth-child(1){
  color: var(--vip_card_alt_txt_active_label);
}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table3 td:nth-child(2){
  color: var(--vip_card_alt_txt_active_content);
}

.vip-swiper-container .swiper-slide.swiper-slide-active .vip_item .table3 td:nth-last-child(1) {
  color: var(--vip_card_alt_txt_active_content);
}

.vip-swiper-button-next{
  position: absolute;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index:1;

  top:50%;
  left: 67.5%;
}.vip-swiper-button-prev{
  position: absolute;
   top:50%;
  left: 27.5%;
   z-index:1;
}
.vip_more{
  margin:100px auto;
  width: 230px;
  height: 48px;
}
.vip_more button{
  width: 100%;
  height: 44px;
  background: var(--btn_vip_terms_enabled_bg);
  border: var(--btn_vip_terms_enabled_borderthick) solid var(--btn_vip_terms_enabled_border);
  color: var(--btn_vip_terms_enabled_txt);
  font-weight: var(--btn_vip_terms_enabled_weight);
  box-shadow: var(--btn_vip_terms_enabled_shadow), var(--btn_vip_terms_enabled_innershadow);
  font-size: 17px;
  border-radius: var(--btn_radius);
}
.vip_detail2 div{ 
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--vip_terms_content);
}
.vip_detail2 .vip_details_tag_part{
  margin-bottom: 24px;
}
.vip_detail2 >div>div:nth-child(1){
  display: inline-block;
  height: 36px;
  background: var(--vip_terms_label_bg);
  border-radius: var(--vip_terms_label_radius);
  border: var(--vip_terms_label_borderthick) solid var(--vip_terms_label_border);
  box-shadow: var(--vip_terms_label_shadow), var(--vip_terms_label_innershadow);
  font-size: 14px;
  text-align: center;
  color: var(--vip_terms_label_txt);
  line-height: 34px;
  min-width: 100px;
  margin-right: 20px;

}
.vip_hr{
  margin:40px 0px;
  border-top: 1px solid var(--vip_terms_divider);
}
.vip_detail3{
  color:var(--vip_terms_content);
  font-size: 14px;
  margin-bottom: 40px;
}
.vip_detail3 >div{
  margin: 4px 0px;
}
.vip-swiper-button-prev,.vip-swiper-button-next{
  cursor: pointer;
}
.vip_item .table3 td{

 
}
.vip_item .table3 td:nth-last-child(1){
  color: var(--vip_card_alt_txt_content);
  border-right: 0px ;
}
.modal.largelarge .modal-dialog  {
  width: 1200px;
  max-width: 1200px;
  height: 800px;
 
}
.modal.largelarge .modal-dialog .modal-body{
  padding: 0px;
}
.modal.largelarge .modal-dialog  .modal-content{
  height: 800px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  overflow:hidden;
  background: var(--modals_bg);
}
#vip_detail_Modal .vip_popup_item{
  padding:15px 30px;
}
#vip_detail_Modal .vip_popup_item .table1 th{
  font-size: 28px;
  text-align: right;
}

#vip_detail_Modal .vip_popup_item.table1 th{
  padding:16px 8px;
  border-bottom: 0.5px solid #878D96;
  text-align: right;
  font-size: 24px;
}
#vip_detail_Modal .vip_popup_item  th:nth-child(1){
  text-align: left;
}
#vip_detail_Modal .vip_popup_item th img{
  
  width: 44px;

}
.vip_popup_item table{
  width: 100%;
  font-size: 14px;
}
.vip_popup_item table td{
  text-align: right;

  padding:8px 8px;
}
.vip_popup_item table td:nth-child(1){
  width: 45px;
  text-align: center;
  padding-left: 0px;
}
.vip_popup_item table tr:nth-child(2) td{
 padding-top: 14px;

}
.vip_popup_item table td:nth-child(2){
  text-align: left;
 max-width: 115px;
}
.vip_popup_item.table1 td img{
  width: 45px;
  padding: 8px;
  background: #A68862;
  border-radius: 99rem;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}
.vip_popup_item.table1 td img.no_circle{
  background:transparent;
    border-radius: 0px;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  width: 48px;
  padding: 0px;

}
.vip_popup_item table td div{
  font-size: 12px;
  color:  var(--enabled-color);
}

.vip_popup_item.table1 .border_line td{
  padding-bottom: 16px;
  border-bottom: 0.5px solid #878D96;

}
.vip_popup_item.table2{
  background: var(--primary2-color);
  font-size: 17px;
  color: white;
  margin-top: 8px;
}

.vip_popup_item.table2 td{
  font-size: 14px;
}
.vip_popup_item.table2 td:nth-child(1){
  font-size: 14px;
  text-align: left;
}
.vip_popup_item.table2 td:nth-child(2){
  
  text-align: center;
}
.vip_popup_item.table2 th{
  font-weight: 600;
  padding: 8px;
  font-size: 14px;text-align: left;
   border-bottom: 0.5px solid #878D96;
}
.vip_popup_item.table2 th:nth-child(1){
 

  font-size: 17px;
}
.vip_popup_item.table2 td, .vip_popup_item.table2 th{
  text-align: center;
  padding: 8px 0px;
  white-space: nowrap;

}
.vip_popup_item.table1 .top_padding td{
  padding-top: 16px;
}
.font-17 {
  font-size: 17px!important;
}
.font-17 td:nth-child(2){
font-size: 14px;
}
.vip_popup_item.table2 table:nth-child(1){
  margin-bottom: 24px;
}
.vip_detail3 ol{
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
}

.promo_popup_container{
  width: 100%;
  margin: 29px auto;
 
  min-height: 542px;
  overflow-y: auto;
  padding-right: 20px;
  padding:30px 120px;
}
.promo_popup_title{
  font-weight: 600;
  font-size: 37px;
  text-align: center;
}
.promo_popup_secondary_title{
  font-weight: 600;
  font-size: 24px;
  color: var(--enabled-color);
  text-align: center;
}
.promo_popup_datetime{
  font-size: 17px;
  color: var(--enabled-color);
  margin: 16px 0;
  text-align: center;
}
.promo_popup_content{
  font-size: 14px;
}
.promo_popup_content p,
.promo_popup_content ul li,
.promo_popup_content ol li{
 
}
.promo_popup_button_container{
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 88px;
  padding: 32px 32px;
  background-color: var(--popup_special_bg_footer);
  border-radius: var(--popup_special_radius_footer);
  border:var(--popup_special_borderthick_footer) solid var(--popup_special_border_footer);
  -webkit-box-shadow: var(--popup_special_shadow_footerw);
  box-shadow: var(--popup_special_shadow_footer);  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promo_popup_button_container > *{
  margin-left: 16px;
}
.promo_popup_button_container .button_full_red{
  padding: 12px 71px;
}
.promo_popup_button_container .textbox_content{
  width: 250px;
  height: 41px;
}
.promo_popup_button_container .textbox_content .form-control{
  height: 100%;
}

.promo_popup_form{
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.promo_popup_form .left{
  width: 208px;
}
.promo_popup_form .left .title{
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 16px;
}
.promo_popup_form .left .date{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
.promo_popup_form .right{
  width: calc(100% - 208px);
  margin-left: 32px;
  padding-left: 32px;
  border-left: 0.5px solid var(--main-bg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.promo_popup_form .right > div{
  width: calc((100% - (32px * 1)) / 2);
  margin-right: 32px;
  margin-bottom: 16px;
}
.promo_popup_form .right > div:nth-child(2n){
  margin-right: 0;
}
.promo_popup_form .right label{
  margin-bottom: 6px;
}
.sport_iframe{
  margin: 22px auto;
  position: relative;
  z-index: 2;
  background: white;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;

}
.sportbook_area {

  text-align: center;
  min-width: 1443px;
  position: relative;
}
.sport_bg{
  width: 100%;
  z-index: 0;
  position: fixed;
 
  left: 0px;
}
.sport_right{
  position: absolute;
  width: 370px;
  height: 900px;
  top:22px;
  background-color: white;
  display: inline;
  z-index: 1;
  -webkit-transform: translateX(-370px);
      -ms-transform: translateX(-370px);
          transform: translateX(-370px);
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.sport_right.active{
  -webkit-transform: translateX(-185px);
      -ms-transform: translateX(-185px);
          transform: translateX(-185px);

}
.sport_iframe.active{
  -webkit-transform: translateX(-185px);
      -ms-transform: translateX(-185px);
          transform: translateX(-185px)
}
.sport_right_btn_area{

  width: 18px;
  height: 100%;
  top:0px;
 
  background: var(--primary-color);
  position: absolute;
  left: 100%;
border-radius: 0px 8px 8px 0px;
}
.sport_right_btn.active .sport_right_arrow{
 -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
         transform: rotate(0deg);
}
.sport_right_btn{
  cursor: pointer;
  
  width: 43px;
  height: 137px;
  background: var(--primary-color);
  font-size: 17px;
border-radius: 16px;
padding: 12px 4px 12px 8px;
color: white;
line-height: 24px;
}
.sport_right_arrow{
  margin-top: 9px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.sport_right_item{
  overflow:hidden;
}
.sport_right_item .title{
  font-size: 17px;
  padding: 10px 23px;
  font-weight: 600;
  text-align: left;
}
.menu-swiper-container {
  padding: 20px 0px;
  margin: 0px 29px;
  position: relative;
  overflow:hidden;
}
.sport_right_item .menu{
  position: relative;

}
.menu-swiper-container  .swiper-slide{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
width: 51px;
font-size: 17px;
}
.menu-swiper-container  .swiper-slide div{
  width: 100%;
}
.menu-swiper-container  .swiper-slide:after{
  position: absolute;
  content: "";
  right: -15px;
  top: 10px;
  height: 35px;
  border-right: .5px solid  #9FA4AB;
}

.match{
  background-image: url(../style/streaming_match.png);
  background-repeat: no-repeat;
  color: white;
  background-size: 100% 100%;
  padding:19px 28px;
  font-size: 12px;
}
.match table{
  width: 100%;
}
.match td{
  padding: 6px;

}
.match span{
 font-size: 20px; font-weight: 600;
}
.match .vs{
  font-size: 17px;
  font-weight: 600;

}
.match .name{
  width: 73px;
}
.sport_right_item video{
  width: 370px;
  background: black;
}
.video_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 25px;
    font-size: 15px;
    padding: 14px;
    border-bottom: 0.5px solid var(--disable-color);
  
}
.video_btn img {
  width: 25px;
  margin:0px 12px;
}
.info_btn{
  position: absolute;
  right: 14px;
  top:14px;
  width: 17px;cursor: pointer;
}
.video_bottom{
  position: relative;
  min-height: 400px;
}
.info_btn img{
  width: 100%;
  position: relative;z-index: 1;
}
.info_btn div{
  opacity: 0;
  pointer-events: none;

  position: absolute;
  right: -6px;
  top:-6px;
  width: 342px;
  padding: 18px;
  padding-right: 29px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: var(--white-color);
z-index: 1;

}
.info_btn:hover div{
  opacity: 1;
  pointer-events: auto;
}

.streaming_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0px;

}
.streaming_type  div{
  margin:0px 15px; 
  position: relative;cursor: pointer;
}

.streaming_type  div:after{
  content: "";
  position: absolute;
  width: 100%;
  bottom: -3px;
  left: 0px;
  opacity: 0; 
  border-bottom: var(--primary-color) 2px solid;
  border-radius: 8px;
}
.streaming_type  div:hover{
   color: var(--primary-color);
}
.streaming_type  div.active{
  color: var(--primary-color);
}
.streaming_type  div.active:after{
  opacity: 1;
}
.streaming_item_list{
  width: 100%;
  padding:0px 21px;
}
.streaming_item{
  width: 100%;
  padding: 14px 19px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
  margin:7px 0px;
  border: 0.5px solid rgba(0,0,0,0);
}
.streaming_item:hover{
  border: 0.5px solid var(--primary-color);
}
.streaming_item table{
  width: 100%;
  font-size: 12px;
  vertical-align: middle;
}
.streaming_item table td:nth-child(2){
  width: 100px;
}
.streaming_item table td:nth-child(1) img{
  width: 31px;

}
.streaming_item table td:nth-child(3){
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  width: 45px;
}
.streaming_item table td:nth-child(4){
  font-weight: normal;
font-size: 12px;

}
.streaming_item table td:nth-child(4) div{
  font-size: 17px;
}
.streaming_item table td:nth-child(4) img{
  width: 18px;
}
.streaming_item:after{
  width: 100%;
  position: absolute;
  bottom:-7px;
  content: "";
  border-bottom:0.4px solid #9FA4AB;
  left: 0px;

}
.streaming_item_list{
  overflow: hidden;
  height: 242px;
  overflow-y: scroll;
}

.streaming_item_list::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
  background-color: white!important;
}

.streaming_item_list::-webkit-scrollbar{
  width: 6px;
  height: 6px;
  background-color: white;
}

.streaming_item_list::-webkit-scrollbar-thumb{  
background: var(--disable-color);
border-radius: 8px;
}

.login_popup_password{
  margin-bottom: 8px;
}
.remember_me span{
  line-height: 24px;
}
.remember_me .label-cbx > div{
  color: var(--select_remember_password_txt);
  font-weight: var(--select_remember_password_weight);
}
.alert_msg_body .button_area{
    /*width: 60%;*/
    margin: 0 auto;
}
#nav-signinpromo .siginpromo-bottom .item_area{
  min-height: unset;
}
.go_all_vip {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
}
.deposit_method_list .deposit_method_item > .content_block .recommend{
  vertical-align: text-bottom;
}
.to_top{
      position: absolute;
    right: 24px;
    bottom: 24px;
    opacity: 0;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  cursor: pointer;
}
 .to_top img{
  width: 48px;
}
.turnover_details_right_inner {
  position: relative;
}
#deposit_popup .modal-body{
  overflow-y: hidden;
  background: var(--modals_bg);
}
.verification_tab.green{
  background: var(--success-color);    
}
.verification_tab{
  background:var(--processing-color) ;
  color: white;
  line-height: 14px;
  padding: 8px 14px;
    border-radius: 18px;
}
.fallback{
    background: var(--fall_back_icon);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;  
}

.fallback.middle{
  background-size: 86px;
}
.fallback.large{
  background-size: 235px;
  
}
.fallback.fish{
   background-position: 65%;
}
.fallback.slot{
  background-color: white;
}
.header_menu_dropdown .sport .right_item >div{
  width: 472px;
  height: 175px;
  border-radius: 8px;

}
/*.live .right_item >div{
  width: 226px;
  height: 176px;
  border-radius: 8px;
}
.slot .right_item >div{
  width: 144px;
  height: 176px;
  border-radius: 8px;
}
.fish .right_item >div{
  width: 472px;
  height: 176px;
  border-radius: 8px;
}
.chess .right_item >div{
  width: 472px;
  height: 176px;
  border-radius: 8px;
}
.lottery .right_item >div{
  width: 472px;
  height: 176px;
  border-radius: 8px;
}
.esport .right_item >div{
  width: 472px;
  height: 176px;
  border-radius: 8px;
}*/
.sponsor .right_item >a >div{
  width: 226px;
  height: 176px;
  border-radius: 8px;
}

.index_banner_area .fallback.large{
    background-size: 235px, 100% calc(100% - 54px - 24px);
    background-position: center, 100% calc(50% + 24px);
    background: var(--fall_back_icon);
    background-color: unset;
}

.channel_item_content > .content_block .recommend{
  color: var(--wallet_recommend_txt);
  font-weight: 600;
  font-size: 10px;
  background: var(--wallet_recommend_bg);
  border-radius: var(--wallet_recommend_radius);
  padding: 2px 8px;
  border: 0px solid var(--wallet_recommend_border);
  box-shadow: var(--wallet_recommend_shadow);
}
.index_vendor_list{
  text-align: center;
  margin-top: 100px;
}
.index_vendor_list img{
  width: 80%;
  margin: 0 auto;
}
.right_item {
  display: flex;
  align-items: center;
  width: 100%;
}
.right_item .right_img{
    height: 183px;
    overflow: hidden;
    position: relative;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
    border-radius: 16px;
    cursor: pointer;
    width: 100%;  
}
.right_item .right_img .bg{
  position: absolute;
  right: 0px;
  top:0px;width: 100%;
}
.header_menu_item[data-varcount="1"] .right_item{
  width: 50%;
}
.header_menu_item[data-varcount="1"] .right{
  justify-content: center;
}

.header_menu_item[data-varcount="2"] .right_item{
  width: 48%;
}
.header_menu_item[data-varcount="2"] .right{
  justify-content: space-between;
}
 .header_menu_item[data-varcount="3"] .right_item{
  width: 30%;
}
.header_menu_item[data-varcount="3"] .right{
  justify-content: space-between;
}
.header_menu_item[data-varcount="4"] .right_item{
  width: 23%;
}
.header_menu_item[data-varcount="4"] .right{
  justify-content: space-between;
}
.header_menu_item[data-varcount="4"] .right .right_item .bg{

}
.header_menu_item[data-varcount="5"] .right_item{
  width: 18%;
}
.header_menu_item[data-varcount="5"] .right{
  justify-content: space-between;
}
.header_menu_item[data-varcount="6"] .right_item{
  width: 15%;
}
.header_menu_item[data-varcount="6"] .right{
  justify-content: space-between;
}
.header_menu_item[data-varcount="7"] .right_item{
  width: 15%;
}
.header_menu_item[data-varcount="7"] .right{
  justify-content: space-between;
}
.header_menu_item[data-varcount="7"]  .header_menu_dropdown{
  height: auto;
  min-height: 299px;
}
.header_menu_item .right .more{
  margin:24px 0px;
  padding:12px 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.header_menu_item .right .more >div{
  margin-bottom: 12px;
  margin-right: 12px;
  align-self: center;
  border: 1px solid var(--main-bg-color);
  border-radius: 16px;
  padding: 12px 16px;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--nav_dropdown_txt_add_vendorname);
}
.header_menu_item .right .more >div:hover{
  background-color: var(--primary-color);
  color: var(--nav_dropdown_txt_add_vendorname_hover);
}

.header_menu_item .right .more button{
  height: 36px;
}
.header_menu_item .right .more img{
  height: 36px;
}
.header_menu_item .right_item .game_type{
position: absolute;
  left: 0px;
  bottom: 0px;
  height: 32px;
  padding: 12px;
  display: flex;
  justify-content: center;
  min-width: 78px;
  background: var(--homepage_nav_dropdown_vendorname_bg);
  background-size: 100%;
  /*border-radius: 0px 16px;*/
  align-items: center;
  font-weight: 600;
  color: var(--nav_dropdown_txt_vendorname);
}
.more_game_area{
  background: var(--game_live_bg) no-repeat;
  /*background-size: 100%;*/
  background-position: center center;
  background-blend-mode: multiply;
  min-height: 860px; 
  position: relative;
  overflow: hidden;
  overflow-x: visible;
}
.more_game_area.sports{
  background: var(--game_sports_bg) no-repeat;
  background-blend-mode: multiply;
}
.more_game_area.esports{
  background: var(--game_esports_bg) no-repeat;
  background-blend-mode: multiply;
}
.more_game_area.lottery{
  background: var(--game_lottery_bg) no-repeat;
  background-blend-mode: multiply;
}
.more_game_area.poker{
  background: var(--game_poker_bg) no-repeat;
  background-blend-mode: multiply;
}

.more_game_content{
  padding-top: 60px;
}
.more_game_content .layout_1200{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.more_game_content .layout_1200 > .content_block{
  width: 100%;
  position: relative;
  
}
.more_game_content .layout_1200 > .content_block:last-child{
  position: relative;
  
}
.more_game_text{
  position: relative;
  z-index: 1;
  /*padding: 60px 60px 0;*/
  padding: 0 0 60px 60px;
  text-align: justify;
  color: var(--white-color);
}
.more_game_text_logo{
  width: 70px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}
.more_game_text .title{
  font-weight: 600;
  font-size: 72px;
  line-height: 67px;
  color: var(--primary-color);
  margin: 16px 0 32px;
  text-align: left;
}
.more_game_category_logo{
  display: none;
}
.more_game_text .text{
  font-size: 17px;
  color: var(--innerpages_body_txt);
  font-weight: var(--innerpages_body_weight);
}
.more_game_items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
}
.more_game_items > a:hover .more_game_item {
    border: var(--innerpages_card_hover_borderthick) solid var(--innerpages_card_hover_border);
}
.more_game_item{
    background: var(--innerpages_card_bg);
    border: var(--innerpages_card_borderthick) solid var(--innerpages_card_border);
    box-shadow: var(--innerpages_card_shadow);
    color: var(--innerpages_card_txt);
    font-weight: var(--innerpages_card_weight);
    width: calc(25% - 12px);
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 17px;
    border-radius: 16px;
    text-align: center;
    padding: 10px;
    position: relative;
}
.more_game_item:hover{
   color: var(--innerpages_card_txt_hover);
}
.more_game_item img{
  width: 48px;
}
.more_game_item:nth-child(4n) {
    margin-right: 0;
}
.play_game {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    border-radius: 16px;
    text-align: center;
    opacity: 0;
}
.game_maintenance {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--maintenence_bg);
    backdrop-filter: blur(5px);
    border-radius: 16px;
    text-align: center;
}
.game_maintenance img {
    position: absolute;
    width: 32px !important;
    left: calc(50% - 16px);
    top: calc(50% - 32px);
    border-radius: 0 !important;
}
.game_maintenance span {
    position: relative;
    top: 50%;
}
.more_game_item:hover .play_game {
  opacity: 1;
}
.more_game_item a {
    border: var(--btn_innerpages_play_enabled_borderthick) solid var(--btn_innerpages_play_enabled_border);
    box-shadow: var(--btn_innerpages_play_enabled_shadow), var(--btn_innerpages_play_enabled_innershadow);
    color:var(--btn_innerpages_play_enabled_txt);
    background: var(--btn_innerpages_play_enabled_bg);
    padding: 5px;
    border-radius: 8px;
    position: relative;
    font-size: 14px;
    top: 35%;
}
.more_game_item a:hover {
  border: var(--btn_innerpages_play_hover_borderthick) solid var(--btn_innerpages_play_hover_border);
  box-shadow: var(--btn_innerpages_play_hover_shadow), var(--btn_innerpages_playhover_innershadow);
  color:var(--btn_innerpages_play_hover_txt);
  background: var(--btn_innerpages_play_hover_bg);
}
.index_sports_match_area, .index_games_area{
    /*background: linear-gradient(0.57deg, #DDE2F9 -35.99%, #E9EEFB 18.98%, #F6F8FD 66.23%);*/
    margin-bottom: 31px;
    position: relative;
    overflow: hidden;
}
.index_sports_match_area{
  background:url(../style/img_homepage_sports.png);
   background-size:auto  100% ;
    background-position: center;
    margin-bottom: 31px;
    position: relative;
    overflow: hidden;
}
 .index_games_area:before{
    content: "";
    display: none;
    background-color: #FFF;
    width: 3000px;
    height: 1000px;
    position: absolute;
    left: 400px;
    top: -50%;
    transform: rotate(60deg);
}
.index_games_area:before{
    left: initial;
    right: -1530px;
}
.index_sports_match_content .layout_1200, .index_games_content .layout_1200{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-flow: row-reverse;
}
.index_sports_match_content .layout_1200 > .content_block, .index_games_content .layout_1200 > .content_block{
    width: 100%;
    position: relative;
}
.index_sports_match_content .layout_1200 > .content_block:last-child{
    width: 200%;
}
.index_sports_match_content .phone{
    position: absolute;
    right: 0%;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 550px;
}
.index_games_content .phone{
    position: absolute;
    right: 0%;
    z-index: 1;
    bottom: 0;
}
.index_sports_match_text, .index_games_text{
    position: relative;
    z-index: 1;
    padding: 61px 60px 64px;
    text-align: justify;
    color: #999FBC;
}
.index_sports_match_text{
  display: none;
      padding: 60px 0px;
    width: 60%;
    margin-left: auto;
    padding-right: 30px;

}
.index_games_text{
    padding: 88px 0 0 0;
}
.index_sports_match_list, .index_sports_match_cups, .index_games_list{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    text-align: center;
}
.index_games_list{
    position: relative;
}
.index_games_list a{
    display: flex;
    align-items: center;
    position: relative;
    width: 60px;
    height: 94px;
    border-radius: 99rem;
    flex-direction: column;
        justify-content: center;
}
.index_games_list a img{
    height: 36px;
    width: 36px;
}
.index_games_list a svg{
    margin-right: 10px;
}
.index_games_list a:not(.active) svg path, .index_sports_match_list a:not(.active) svg path{
    fill: #999FBC;
}
.index_games_list a:not(.active):hover svg path{

}
.index_games_list a:not(.active):hover {
color:white;
background: linear-gradient(180deg, #90B2FB -4.17%, #5A8BF1 100%);
/* Icon/Icon drop shadow-cat-blue */
/*box-shadow: 0px 1px 2px rgba(50, 91, 253, 0.15);*/
}
.index_games_list a.active{
  color:white;
  background: linear-gradient(180deg, #90B2FB -4.17%, #5A8BF1 100%);
/* Icon/Icon drop shadow-cat-blue */
/*box-shadow: 0px 1px 2px rgba(50, 91, 253, 0.15);*/
}
.index_games_list a.active img:nth-child(1){
  display: none;
}
.index_games_list a.active img:nth-child(2){
  display: block;
}
.index_games_list > .selected{
   /* display: block;
    width: 74px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-bottom: 2px solid var(--primary-color);
    transition: all .3s ease;*/
}
.index_sports_match_title, .index_games_title{
    font-size: 36px;
    line-height: 50px;
    text-align: center;
    color: var(--primary-color);
    margin: 45px 0 40px;
}
.index_games_title{
    text-align: left;
}
.index_sports_match_title span{
    font-weight: 600;
}
.index_sports_match_cups .title{
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    color: #525570;
    margin-top: 15px;
    text-align: left;
}
.index_sports_match_cups .desc{
    font-size: 20px;
    line-height: 20px;
    color: #999FBC;
    text-align: left;
}
.index_sports_match_cups > div > div:first-child{
    height: 155px;
    display: flex;
    align-items: center;
}
.index_sports_match_cups{
    margin-bottom: 70px;
}
.index_sports_match_footer{
    display: flex;
    justify-content: space-between;
}
.index_sports_match_footer > div:first-child{
    width: 121px;
    margin-right: 43px;
    font-size: 16px;
    line-height: 24px;
    color: #A68862;
}
.index_sports_match_footer > div:last-child{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
}
.index_games_dynamic_content{
    margin: 76px 50px 0 90px;
}
.index_games_desc{
    font-size: 24px;
    line-height: 34px;
    color: #000;
    margin-bottom: 27px;
}
.index_games_btn a{
    display: inline-block;
    padding: 12px 44px;
    background: var(--btn_major_enabled_bg);
    border-radius: 8px;
    font-weight: var(--btn_major_enabled_weight);
    font-size: 17px;
    color: var(--btn_major_enabled_txt);
    border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
    box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innershadow);
}
.innerpage{
  background: var(--bg_universal);
}
.gotop_area{
  position: relative;
  z-index:2;
      transform: translateY(-180px);
}
.gotop_area .slot_list{
  min-height: 200px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}
.gotop_area .promo_list{
   background-color: white;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  padding: 30px;

}
.index_sports_match_list a{
  width: 50px;
}
.index_sports_match_list a img:nth-child(2){
  display: none;

}
.index_sports_match_list a:hover{
  color:var(--primary-color);

}
.index_sports_match_list a:hover  img:nth-child(2){
  display: block;

}
.index_sports_match_list a:hover img:nth-child(1){
  display: none;

}
.index_sports_match_list a img{
  margin: 0 auto;
}

.index_games_list a img:nth-child(2){
  display: none;

}
.index_games_list a:hover{
  color:var(--primary-color);

}
.index_games_list a:hover  img:nth-child(2){
  display: block;

}
.index_games_list a:hover img:nth-child(1){
  display: none;

}
.promo_list_area{
  background: var(--page_content_bg);
  box-shadow: var(--page_content_shadow);
  border-radius: var(--page_content_radius);
  border: var(--page_content_borderthick) solid var(--page_content_border);
  padding: 30px;
}
.slot_tab > .content_block {
    width: 200px;
}
.slot_layout{
    padding: 28px;
    background-color: var(--page_content_bg);
    box-shadow: var(--page_content_shadow);
    border-radius: var(--page_content_radius);
    border: var(--page_content_borderthick) solid var(--page_content_border);
}

.slot_list_area .slot_list{
  box-shadow: unset;
  padding: 0px;
}
.slot_game_item .thumb{
    width: auto;
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: var(--gamelist_card_borderthick) solid var(--gamelist_card_border);
    border-radius: var(--gamelist_card_radius);
    box-shadow: var(--gamelist_card_shadow);
}

.slot_game_item .thumb:hover{
    border: var(--gamelist_card_hover_borderthick) solid var(--gamelist_card_hover_border);
    box-shadow: var(--gamelist_card_hover_shadow);
}
.slot_game_item .favorite_icon {
    position: absolute;
    top: var(--gamelist_fav_top);
    bottom: var(--gamelist_fav_bottom);
    left: var(--gamelist_fav_left);
    right: var(--gamelist_fav_right);
    padding: var(--gamelist_fav_padding);
    width: 64px;
    height: 64px;
    z-index: 2;
    background: var(--slots_favorite);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.slot_game_item .favorite_icon.active {
    background: var(--slots_favorite_active);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.slot_game_item .text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10px;
}
.slot_tab .content_block.active span img:nth-child(2) {
    display: block;
}
.slot_tab .content_block.active span img:nth-child(1) {
    display: none;
}
@keyframes gameBigImage_a{
  0%{
    display: block;
    opacity: 0;
  }100%{
    opacity: 1;
  }
}
.gameBigImage img{
  opacity: 0;
  position: absolute;

}
 .gameBigImage .active {
  animation:.5s gameBigImage_a ease;
  animation-fill-mode: forwards;
}
.innerpage .index_banner_area{
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.innerpage .index_banner_area img{
  width: auto;
}
.header_menu_dropdown .left svg path{
      fill: var(--primary-color);
}
.bpc_selection_area{
  justify-content:space-between;display:flex;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
}
.bpc_selection_area img {
  position: absolute;
  right: 1px;
  /* top: calc(-50% - 4px); */
  /*top: 1px;*/
  /*height: calc(100% - 2px);*/
  height: 100%;
}
.bpc_selection{
  border-radius: 8px 0 0 8px;
  padding: 8px 12px;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:var(--general_textfield_bg_empty)!important;
  border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_border_empty) !important;
  box-shadow: var(--general_textfield_innershadow_empty)!important;
}
 .header_login{
    background: linear-gradient(117.1deg, #C7D8FB 2.69%, #5A8BF1 76.54%);
    border-radius: 8px;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    height: 36px!important;
    min-width: 88px;
    justify-content: center;
    padding: 0px;
    cursor: pointer;
}
 .header_register{
    background: var(--btn_nav_register_bg);
    border-color: var(--btn_nav_register_border);
    border-width: var(--btn_nav_register_borderthick);
     color: var(--btn_nav_register_txt);
     font-weight: var(--btn_nav_login_weight);
    border-radius: 8px;
   
    font-weight: 600;
    font-size: 14px;
    height: 36px!important;
    min-width: 88px;

    padding: 0px;
    justify-content: center;
    cursor: pointer;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple{
    background-color: var(--general_textfield_bg_empty)!important;
    color: var(--authentication_textfield_txt_empty)!important;
    border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_border_empty)!important;
    box-shadow: var(--general_textfield_innershadow_empty)!important;
    border-radius: var(--textfield_radius)!important;
}

span.select2-dropdown.select2-dropdown--below {
  color: #000;
}

/*
.with_icon > div {
  border: 1px solid #7FF800;
  border-radius: 64px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
*/

.with_icon  > div {
  margin: 0 0 10px 0px;
  position: relative;
  width: 40px;
  height: 34px;
  overflow: hidden;
  color: #acb5ca;
  letter-spacing: 0.3px;
  line-height: 32px; 
  box-sizing: border-box;
  cursor: pointer;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
}
.with_icon  > div div {
  height: 34px;
  box-sizing: border-box;
}
.with_icon  > div:hover {
  width: 160px;
}
.with_icon  > div:hover div {
  padding-left: 30px;
  border-radius: 20px;
  border: 1px solid #7FF800;
}
.with_icon > div > div img{
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.with_icon > div div .over {
  display: none;
}
.with_icon > div div .txt {
  display: none;
}
.with_icon > div > div:hover .out {
  display: none;
}
.with_icon> div > div:hover .over,
.with_icon > div > div:hover .txt {
  display: block;
}
.with_icon > div div .txt span {
  margin: 0 10px;
  color: #acb5ca;
  font-size: 14px;
  white-space: nowrap;
}

.vip-swiper-button-prev, .vip-swiper-button-next{
  width: 28px;
}
.vip-swiper-button-next{
  left: 69.5%;
}
.vip-swiper-button-next img, .vip-swiper-button-prev img{
  width: 100%;
}
.myvip_all_list a:hover .myvip_name{
  color: var(--vip_subnav_txt);
}
.custom-tbody-tr {
    background-color: var(--table_bg)!important;
}
.captcha{
  padding-left: 8px !important;
}

.btn_treasure_filter_claim{
  color: var(--btn_treasure_filter_claim_enabled_txt) !important;
  border-radius: var(--btn_treasure_filter_claim_radius)!important;
  font-weight: var(--btn_treasure_filter_claim_enabled_weight)!important;
  box-shadow: var(--btn_treasure_filter_claim_enabled_shadow), var(--btn_treasure_filter_claim_enabled_innershadow)!important;
  border: var(--btn_treasure_filter_claim_enabled_borderthick) solid var(--btn_treasure_filter_claim_enabled_border)!important;
  background: var(--btn_treasure_filter_claim_enabled_bg)!important;
}

.btn_treasure_filter_claim:hover{
  color: var(--btn_treasure_filter_claim_hover_txt)!important;
  font-weight: var(--btn_treasure_filter_claim_hover_weights)!important;
  box-shadow: var(--btn_treasure_filter_claim_hover_shadow), var(--btn_treasure_filter_claim_hover_innershadow)!important;
  border: var(--btn_treasure_filter_claim_hover_borderthick) solid var(--btn_treasure_filter_claim_hover_border)!important;
  background: var(--btn_treasure_filter_claim_hover_bg)!important;
}

.btn_treasure_filter_claim.active, .btn_treasure_filter_claim:active{
  color: var(--btn_treasure_filter_claim_activated_txt)!important;
  font-weight: var(--btn_treasure_filter_claim_activated_weight)!important;
  box-shadow: var(--btn_treasure_filter_claim_activated_shadow), var(--btn_treasure_filter_claim_activated_innershadow)!important;
  border: var(--btn_treasure_filter_claim_activated_borderthick) solid var(--btn_treasure_filter_claim_activated_border)!important;
  background: var(--btn_treasure_filter_claim_activated_bg)!important;
}

.btn_treasure_filter_claim.disabled, .btn_treasure_filter_claim:disabled{
  color: var(--btn_treasure_filter_claim_disabled_txt)!important;
  font-weight: var(--btn_treasure_filter_claim_disabled_weight)!important;
  box-shadow: var(--btn_treasure_filter_claim_disabled_shadow), var(--btn_treasure_filter_claim_disabled_innershadow)!important;
  border: var(--btn_treasure_filter_claim_disabled_borderthick) solid var(--btn_treasure_filter_claim_disabled_border)!important;
  background: var(--btn_treasure_filter_claim_disabled_bg)!important;
}

.btn_treasure_claim_all{
  color: var(--btn_treasure_claim_all_enabled_txt) !important;
  border-radius: var(--btn_treasure_claim_all_radius)!important;
  font-weight: var(--btn_treasure_claim_all_enabled_weight)!important;
  box-shadow: var(--btn_treasure_claim_all_enabled_shadow), var(--btn_treasure_claim_all_enabled_innershadow)!important;
  border: var(--btn_treasure_claim_all_enabled_borderthick) solid var(--btn_treasure_claim_all_enabled_border)!important;
  background: var(--btn_treasure_claim_all_enabled_bg)!important;
}

.btn_treasure_claim_all:hover{
  color: var(--btn_treasure_claim_all_hover_txt)!important;
  font-weight: var(--btn_treasure_claim_all_hover_weight)!important;
  box-shadow: var(--btn_treasure_claim_all_hover_shadow), var(--btn_treasure_claim_all_hover_innershadow)!important;
  border: var(--btn_treasure_claim_all_hover_borderthick) solid var(--btn_treasure_claim_all_hover_border)!important;
  background: var(--btn_treasure_claim_all_hover_bg)!important;
}

.btn_treasure_claim_all.active, .btn_treasure_claim_all:active{
  color: var(--btn_treasure_claim_all_activated_txt)!important;
  font-weight: var(--btn_treasure_claim_all_activated_weight)!important;
  box-shadow: var(--btn_treasure_claim_all_activated_shadow), var(--btn_treasure_claim_all_activated_innershadow)!important;
  border: var(--btn_treasure_claim_all_activated_borderthick) solid var(--btn_treasure_claim_all_activated_border)!important;
  background: var(--btn_treasure_claim_all_activated_bg)!important;
}

.btn_treasure_claim_all.disabled, .btn_treasure_claim_all:disabled{
  color: var(--btn_treasure_claim_all_disabled_txt)!important;
  font-weight: var(--btn_treasure_claim_all_disabled_weight)!important;
  box-shadow: var(--btn_treasure_claim_all_disabled_shadow), var(--bbtn_treasure_claim_all_disabled_innershadow)!important;
  border: var(--btn_treasure_claim_all_disabled_borderthick) solid var(--btn_treasure_claim_all_disabled_border)!important;
  background: var(--btn_treasure_claim_all_disabled_bg)!important;
}

/*.btn_vip_reward_claim_all{
  color: var(--btn_vip_reward_claim_all_enabled_txt) !important;
  border-radius: var(--btn_vip_reward_claim_all_radius)!important;
  font-weight: var(--btn_vip_reward_claim_all_enabled_weight)!important;
  box-shadow: var(--btn_vip_reward_claim_all_enabled_shadow), var(--btn_vip_reward_claim_all_enabled_innershadow)!important;
  border: var(--btn_vip_reward_claim_all_enabled_borderthick) solid var(--btn_vip_reward_claim_all_enabled_border)!important;
  background: var(--btn_vip_reward_claim_all_enabled_bg)!important;
}*/

.btn_vip_reward_claim_all:hover{
  color: var(--btn_vip_reward_claim_all_hover_txt)!important;
  font-weight: var(--btn_vip_reward_claim_all_hover_weight)!important;
  box-shadow: var(--btn_vip_reward_claim_all_hover_shadow), var(--btn_vip_reward_claim_all_hover_innershadow)!important;
  border: var(--btn_vip_reward_claim_all_hover_borderthick) solid var(--btn_vip_reward_claim_all_hover_border)!important;
  background: var(--btn_vip_reward_claim_all_hover_bg)!important;
}

.btn_vip_reward_claim_all.active, .btn_vip_reward_claim_all:active{
  color: var(--btn_vip_reward_claim_all_activated_txt)!important;
  font-weight: var(--btn_vip_reward_claim_all_activated_weight)!important;
  box-shadow: var(--btn_vip_reward_claim_all_activated_shadow), var(--btn_vip_reward_claim_all_activated_innershadow)!important;
  border: var(--btn_vip_reward_claim_all_activated_borderthick) solid var(--btn_vip_reward_claim_all_activated_border)!important;
  background: var(--btn_vip_reward_claim_all_activated_bg)!important;
}

/*.btn_vip_reward_claim_all.disabled, .btn_vip_reward_claim_all:disabled{
  color: var(--btn_vip_reward_claim_all_disabled_txt)!important;
  font-weight: var(--btn_vip_reward_claim_all_disabled_weight)!important;
  box-shadow: var(--btn_vip_reward_claim_all_disabled_shadow), var(--btn_vip_reward_claim_all_disabled_innershadow)!important;
  border: var(--btn_vip_reward_claim_all_disabled_borderthick) solid var(--btn_vip_reward_claim_all_disabled_border)!important;
  background: var(--btn_vip_reward_claim_all_disabled_bg)!important;
}*/

.transfer_game_details .content_block, .transfer_total_record_container .content_block{
    display:flex;
    justify-content: space-between;
}
.transfer_total_record_container > div:last-child {
    width:30%;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
}
.bet_history_bg {
  border: var(--popup_special_borderthick) solid var(--popup_special_border);
  border-radius: var(--popup_special_radius);
}
.profile_tab_container.bet_history_inner_container{
  padding: unset;
}
.bet_history_inner_container {
  overflow-y: auto;
  background: var(--page_content_bg);
  border: var(--page_content_borderthick) solid var(--page_content_border);
  border-top-left-radius: var(--page_content_radius);
  border-top-right-radius: var(--page_content_radius);
  box-shadow: var(--page_content_shadow);
  padding: 20px;
  height: 630px;
  margin-top: 25px;
}
.bet_record_history_filter_container, .wallet_history_filter_container, .promo_history_filter_container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 10px;
}
#record_history div{
    margin-top: 16px;
    height: 36px;
    display: flex;
    align-items: center;
}
.bet_history_title, .record_history_title{
    font-size: 24px !important;
    font-weight: bold !important;
    color: var(--page_title);
}
.bethistory_filter_btn.active, .wallethistory_filter_btn.active, .promohistory_filter_btn.active {
    border: var(--tab_time_active_borderthick) solid var(--tab_time_active_border);
    background: var(--tab_time_active_bg);
    font-weight: 700;
    box-shadow: var(--tab_time_active_innershadow);
    color: var(--tab_time_active_txt);
}

.bethistory_filter_btn:hover, 
.wallethistory_filter_btn:hover, 
.promohistory_filter_btn:hover {
    border: var(--tab_time_hover_borderthick) solid var(--tab_time_hover_border);
    background: var(--tab_time_hover_bg);
    font-weight: 600;
    box-shadow: var(--tab_time_hover_innershadow);
    color: var(--tab_time_hover_txt);
}

.bethistory_filter_btn, .wallethistory_filter_btn, .promohistory_filter_btn {
    border: var(--tab_time_default_borderthick) solid var(--tab_time_default_border);
    background: var(--tab_time_default_bg);
    box-shadow: var(--tab_time_default_innershadow);
    color: var(--tab_time_default_txt);
    border-radius: var(--tab_time_radius);
    padding: 8px 16px;
    font-size: 14px;
    margin-left: 13px;
    font-weight: 600;
}

.more_bethistory_filter_btn.active {
    border: var(--tab_time_active_borderthick) solid var(--tab_time_active_border);
    background: var(--tab_time_active_bg);
    font-weight: 700;
    box-shadow: var(--tab_time_active_innershadow);
    color: var(--tab_time_active_txt);
}

.more_bethistory_filter_btn:hover {
    border: var(--btn_filter_hover_borderthick) solid var(--btn_filter_hover_border);
    background: var(--btn_filter_hover_bg);
    box-shadow: var(--btn_filter_hover_shadow);
    color: var(--btn_filter_hover_txt);
    font-weight: var(--btn_filter_hover_weight);
}

.more_bethistory_filter_btn{
    border: var(--btn_filter_enabled_borderthick) solid var(--btn_filter_enabled_border);
    background: var(--btn_filter_enabled_bg);
    box-shadow: var(--btn_filter_enabled_shadow);
    color: var(--btn_filter_enabled_txt);
    border-radius: var(--btn_filter_radius);
    padding: 8px 16px;
    font-size: 14px;
    font-weight: var(--btn_filter_enabled_weight);
}

.transfer_total_record_container > div:first-child {
  font-size: 17px;
}

.transfer_game_details .content_block > div:first-child, .transfer_total_record_container .content_block > div:first-child {
    color: var(--vip_page_subtitle);
    font-size: 14px;
}

.transfer_game_details .content_block > div:last-child, .transfer_total_record_container .content_block > div:last-child {
    color: var(--profile_vendor_record_title);
    font-size: 17px;
    font-weight: 700;
}
#recordhistory{
  display: grid;
  grid-template-columns: 15% 85%;
}
#recordhistory .record_history_container {
    margin-left: 24px;
}
#recordhistory .body_title{
  border-right: 1px solid var(--profile_sidenav_line);
  width: 100%;
  align-items: unset;
  margin-bottom: unset;
}
#recordhistory .body_title .subtitle{
  border-left: none;
  flex-direction: column;
  font-size: 17px;
  align-items: flex-end;
  margin-left: 0px;
  padding-left: 0px;
}
#recordhistory .body_title .subtitle > div{
  margin-right: unset;
  padding-right: 32px;
}
#recordhistory .body_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
#recordhistory .body_title .subtitle > div.active{
  border-bottom: unset;
}
#recordhistory .body_title .subtitle > div.active {
    border-right: 2px solid var(--profile_sidenav_line_active);
}
#mybankcard .profile_body_content{
    background: var(--page_content_bg);
    border: var(--page_content_borderthick) solid var(--page_content_border);
    -webkit-box-shadow: var(--page_content_shadow);
    box-shadow: var(--page_content_shadow);
    border-radius: var(--page_content_radius);
    position: relative;
}
.record_history_tbl_data{
  overflow-y: auto;
  background: var(--card_2_bg);
  border: var(--card_2_border) solid 0px;
  border-radius: var(--card_2_radius);
}

.details{
  width:250px;
}

/*Promo Pop Out*/
.btn_minor{
    height: 44px;
    background: var(--btn_minor_enabled_bg);
    border: var(--btn_minor_enabled_borderthick) solid var(--btn_minor_enabled_border);
    color: var(--btn_minor_enabled_txt);
    font-weight: var(--btn_minor_enabled_weight);
    box-sizing: border-box;
    border-radius: var(--btn_radius);
}

.btn_minor.active, .btn_minor.active{
    background: var(--btn_minor_activated_bg);
    border: var(--btn_minor_activated_borderthick) solid var(--btn_minor_activated_border);
    color: var(--btn_minor_activated_txt);
}

.btn_major{
    height: 36px;
    border-radius: var(--btn_radius);
    background: var(--btn_major_enabled_bg);
    color: var(--btn_major_enabled_txt);
    border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
    font-weight: var(--btn_major_enabled_weight);
    box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innsershadow);
    padding: 8px 16px;
    white-space: nowrap;
}

.promo_info_header{
    background: var(--promo_popuphistory_header_bg) !important;
    border-radius: 16px 16px 0px 0px;
    border-bottom: 1px solid var(--border_general) !important;
}

.promo_info_header .nav-tabs .nav-link.active{
    color: var(--promo_popuphistory_header_title) !important;
}

.promo_activity_history_label{
    display: flex;
    color: var(--promo_popuphistory_label);
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    border-bottom: 0.5px solid var(--border_general);
    padding: 10px 0px;
}

.promo_activity_history_list .applied_datetime{
    color:var(--promo_popuphistory_time);
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
}

.promo_activity_history_list .text_space_limited{
    color: var(--promo_popuphistory_id);
    font-weight: 300;
    font-size: 13px !important;
    line-height: 16px;
}

.promo_activity_history_label div:nth-child(1),
.applied_datetime{
    width: 150px !important;
}

.promo_activity_history_label div:nth-child(2),
.text_space_limited {
    width: 200px !important;
}

.promo_activity_history_label div:nth-child(3),
.status_detail{
    width: 100px !important;
}

#create_activity_modal_box .promo_activity_history_list li{ 
    margin-bottom: unset !important;
    padding: 10px 0px 10px 0px !important;
    border-bottom: 0.5px solid var(--border_general) !important;
}

#create_activity_modal_box .promo_activity_history_list li > div{
    align-items: center;
    display: flex;
    width: unset;
    margin-right: 0px !important;
}

#create_activity_modal_box .process,
#create_activity_modal_box .fail{
    margin-top:0px !important;
    justify-content: center;
    padding: 2px 12px;
    box-sizing: border-box;
    border-radius: 16px;
    align-items: center;
    display: flex !important;
    height: 25px !important;
    font-size: 12px !important;
}

.copy_btn{
    margin-left:5px;
}

.promo_model_content {
    background: transparent !important;
    border: 0;
    box-shadow: none;
}

.style2 .promohistory-modal-header,
.promohistory-modal-header{
    background: transparent !important;
    justify-content: flex-end !important;
    /*height: 35px !important;*/
    border-bottom: 0;
    padding: unset !important;
    box-shadow: none !important;
}

.style2 .promo_model_content{
    box-shadow: none !important;
    border: unset!important;
}

.promo_model_content .modal-body{
    background: var(--popup_special_bg);
    border: var(--popup_special_borderthick) solid var(--popup_special_border);
    border-radius: 16px;
    padding: 0px;
}

.history_modal_body{
    border-radius: 0px 0px 16px 16px !important;
}

.promo_box_content{
    padding: 0px 15px;
}

.promo_popup_container{
    flex-direction: column;
    overflow-y: auto;
    /*-ms-overflow-style: none !important; 
    scrollbar-width: none !important;*/
}

.promo_popup_content,
.promo_popup_content p,
.promo_popup_content table{
    color:var(--promo_popup_body_txt)!important;
}

.promo_popup_datetime{
    color: var(--promo_popup_date);
}

.modal_close_btn {
    color: white;
    border: 1px solid white !important;
    border-radius: 16px;
    width: 25px;
    height: 25px;
    background: transparent;
    padding: 2px 0 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.promohistory-modal-header .modal_close_btn::after {
    display: block;
    content: "\00D7";
    color: #FFF;
    font-family: arial;
    font-size: 25px;
}

.promo_model_content .modal-body .btn {
    width: unset !important;
    margin: unset !important;
    height: unset !important;
    margin-top: unset !important;
}

.history_btn_area{
    background: var(--promo_popup_bg);
    display: flex;
    justify-content: center;
    padding: 20px;
}

.promo_record_btn:focus{
    box-shadow:none !important;
}

.fake_bar_left, 
.fake_bar_right{
  display: none;
}

.data_id{
  width:220px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.myvip_desc_content{
   justify-content: flex-start !important; 
}

.record_history_filter_container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.record_history_filter_container > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.promo_record_btn{
  outline: none !important;
  transition:none !important;
  padding: 0;
  border: 8px;
  background: transparent;
}
.popup_opt1_header{
  background: var(--popup_special_header_bg);
  border: var(--popup_special_header_borderthick) solid var(--popup_special_header_border);
  border-radius: var(--popup_special_radius) var(--popup_special_radius) 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-box-shadow: var(--dialog_shadow);
  box-shadow: var(--popup_special_header_innershadow);
  padding: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: var(--dialog_title);
  font-size: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 900px;
  height: 116px;
}
.popup_opt1_body {
    padding: 24px 32px;
    background: var(--dialog_bg-alt);
    border: var(--dialog_borderthick-alt) solid var(--dialog_border-alt);
    color: var(--dialog_txt);
    /*border-radius: var(--dialog_radius-alt);*/
    -webkit-box-shadow: var(--dialog_shadow-alt);
    box-shadow: var(--dialog_shadow-alt);
    overflow-y: auto;
    height:404px;
}
.confirm_btn button {
    background: var(--btn_major_enabled_bg);
    border-radius: var(--btn_radius);
    color: var(--btn_major_enabled_txt);
    height: 36px;
    font-weight: 600;
    margin-top: 0;
}

.label-cbx .checkbox label {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 16px;
    margin: 5px 8px;
    background: var(--tick_reserve) no-repeat center center;
    background-size: 100% 100%;
}
.label-cbx .checkbox label:after {
    content: "";
    height: 16px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 16px;
}
.option_title{
  display: -webkit-box;
  display:flex;
  width: 100%;
  justify-content: space-between;
}

.bethistorydetails_popup {
    background: transparent;
    border:0;
}
.button_area .label-cbx .checkbox{
   justify-content: center;
}
.bethistory_popup_opt1, .bethistory_popup_opt2{
  max-height: 688px;
  width: 900px;
  /*position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}
.bethistory_popup_opt1{
  margin-right: 24px;
}
.bethistorydetails_popup_options{
  overflow-y: hidden;
  padding: 0;
  display: flex;
  margin:0 auto;
  background: transparent;
}
.popup_opt1_body .content_block, .popup_opt2_body .content_block{
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
}
.popup_opt1_body .content_block div, .popup_opt2_body .content_block div {
  margin-right: 8px;
}
.options_show .content_block .tab_gamefilter{
  /*border: var(--tab_time_default_borderthick) solid var(--tab_time_default_border);
  color: var(--tab_time_default__txt);
  font-weight: var(--tab_time_default__weight);
  background: var(--tab_time_default_bg);
  box-shadow: var(--tab_time_default_shadow), var(--tab_time_default_innershadow);*/
  background: var(--tabs_gamefilter_default_bg);
  border: var(--tabs_gamefilter_default_borderthick) solid var(--tabs_gamefilter_default_border);
  box-shadow: var(--tabs_gamefilter_default_innershadow);
  color: var(--tabs_gamefilter_default_txt);
  border-radius: var(--tabs_gamefilter_radius);
  height:auto;
  /*border-radius: var(--tab_time_radius);*/
  font-size: 14px;
  width: auto;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 6px 9px;
}
.options_show .content_block .tab_gamefilter:hover{
/*  border: var(--tab_time_hover_borderthick) solid var(--tab_time_hover_border)!important;
  color: var(--tab_time_hover_txt)!important;
  font-weight: var(--tab_time_hover_weight)!important;
  background: var(--tab_time_hover_bg)!important;
  box-shadow: var(--tab_time_hover_shadow), var(--tab_time_hover_innershadow)!important;*/
  background: var(--tabs_gamefilter_hover_bg);
  border: var(--tabs_gamefilter_hover_borderthick) solid var(--tabs_gamefilter_hover_border);
  box-shadow: var(--tabs_gamefilter_hover_innershadow);
  color: var(--tabs_gamefilter_hover_txt);
}
.options_show .content_block .tab_gamefilter.active{
/*  border: var(--tab_time_active_borderthick) solid var(--tab_time_active_border)!important;
  color: var(--tab_time_active_txt)!important;
  font-weight: var(--tab_time_active_weight)!important;
  background: var(--tab_time_active_bg)!important;
  box-shadow: var(--tab_time_active_shadow), var(--tab_time_active_innershadow)!important;*/
  background: var(--tabs_gamefilter_active_bg);
  border: var(--tabs_gamefilter_active_borderthick) solid var(--tabs_gamefilter_active_border);
  box-shadow: var(--tabs_gamefilter_active_innershadow);
  color: var(--tabs_gamefilter_active_txt);
}

.button_area.bethistory_part {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 95px;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--popup_special_bg_footer);
  border: var(--dialog_borderthick-alt) solid var(--dialog_border-alt);
  color: var(--dialog_txt);
  border: var(--popup_special_borderthick_footer) solid var(--popup_special_border_footer);
  -webkit-box-shadow: var(--dialog_shadow-alt);
  box-shadow: var(--popup_special_shadow_footer);
  border-radius: 0px 0px var(--popup_special_radius) var(--popup_special_radius);
}

.bet_filter_btn{
  justify-content: space-between;
  width: 40%;
  display: flex;
  align-items: center;
}
.button_area .confirm_btn button {
    background: var(--btn_major_enabled_bg);
    border-radius: var(--btn_radius);
    color: var(--btn_major_enabled_txt);
    border: var(--btn_major_enabled_borderthick) solid var(--btn_major_enabled_border);
    box-shadow: var(--btn_major_enabled_shadow), var(--btn_major_enabled_innershadow);
    height: 36px;
    font-weight: 600;
    margin-top:0;
    display: block;
    justify-content: center;
    font-size: 14px;
  }
.button_area .confirm_btn button:hover {
  background: var(--btn_major_hover_bg);
  color: var(--btn_major_hover_txt);
  border: var(--btn_major_hover_borderthick) solid var(--btn_major_hover_border);
  font-weight: var(--btn_major_hover_weight);
  box-shadow: var(--btn_major_hover_shadow), var(--btn_major_hover_innsershadow);
}
.button_area .confirm_btn button:disabled {
   color: var(--btn_authentication_disabled_txt);
  background: var(--btn_authentication_disabled_bg);
  font-weight: var(--btn_authentication_disabled_weight);
  border: var(--btn_authentication_disabled_borderthick) solid var(--btn_authentication_disabled_border);
  box-shadow: var(--btn_authentication_disabled_shadow), var(--btn_authentication_disabled_innershadow);
}
.popup_opt1_body::-webkit-scrollbar {
  display: none;
}
.aboutus_left_content.beginer_guide.active, .aboutus_left_content.corporate_affairs.active {
  border-bottom: none;
}
.faq_selection_area{
  justify-content:space-between;display:flex;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
}
.faq_selection{
  border: 1px solid #E2E2E2;
  border-radius: 8px 0 0 8px;
  padding: 8px 12px;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.faq_selection_area img {
  position: absolute;
  right: 1px;
  /* top: calc(-50% - 4px); */
  top: 1px;
  height: calc(100% - 2px);
}

.popup_opt2_body {
  padding: 24px 32px;
  background: var(--popup_special_bg);
  /*border: var(--popup_special_borderthick) solid var(--popup_special_border);*/
  color: var(--dialog_txt);
  border-radius: unset; 
  -webkit-box-shadow: var(--dialog_shadow-alt);
  box-shadow: var(--popup_shadow);
  border-radius: unset;
  height:515px;
  overflow-y: auto;
}
.bethistorydetails_filter .modal-dialog{
  max-width: 900px!important;
}
.popup_opt2_title{
  display: flex;
  margin-bottom: unset;
  justify-content: center;
}
.popup_opt2_title div:nth-child(2){
  position: absolute;
  right:32px;
  font-size: 37px;
  margin-left: 12%;
  right: unset;
}
.options_show{
  margin-bottom: 8px;
}
.option_title span{
  color: var(--txt_general);
  font-weight: bold;
}
.popup_opt2_title span{
  color: var(--txt_title);
  font-size: 17px;
}

#popup_opt1_title{
  font-weight: 600;
}

.trans_container{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trans_container .trans_value_id{
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}

.trans_method_type{
  display: flex;
}

.trans_method_type .status_tag,
.trans_method_type .info_tag{
  margin-right: 10px;
}

.trans_method_type .method{
  color: var(--txt_general);
}

.record_history_tbl .remark{
  color: var(--txt_subtitle);
}

.record_history_tbl .status_tag{
  margin-bottom:10px;
}

.promo_tag_status .block_content_left .button_area{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.profile_header_vip img{
  width:24px;
}
.slider img{
  width:36px;
}

.btn_alt{
  color: var(--btn_alt_enabled_txt) !important;
  background: var(--btn_alt_enabled_bg) !important;
  border: var(--btn_alt_enabled_borderthick) solid var(--btn_alt_enabled_border) !important;
  font-weight: var(--btn_alt_enabled_weight) !important;
  box-shadow: var(--btn_alt_enabled_shadow), var(--btn_alt_enabled_innershadow) !important;
  border-radius: var(--btn_radius) !important;
}

.btn_alt:hover{
  color: var(--btn_alt_hover_txt) !important;
  background: var(--btn_alt_hover_bg) !important;
  border: var(--btn_alt_hover_borderthick) solid var(--btn_alt_hover_border) !important;
  font-weight: var(--btn_alt_hover_weight) !important;
  box-shadow: var(--btn_alt_hover_shadow), var(--btn_alt_hover_innershadow) !important;
}

.btn_alt:active, .btn_alt.active{
  color: var(--btn_alt_activated_txt) !important;
  background: var(--btn_alt_activated_bg) !important;
  border: var(--btn_alt_activated_borderthick) solid var(--btn_alt_activated_border) !important;
  font-weight: var(--btn_alt_activated_weight) !important;
  box-shadow: var(--btn_alt_activated_shadow), var(--btn_alt_activated_innershadow) !important;
}

.btn_alt:disable, .btn_alt.disable{
  color: var(--btn_alt_disabled_txt) !important;
  background: var(--btn_alt_disabled_bg) !important;
  border: var(--btn_alt_disabled_borderthick) solid var(--btn_alt_disabled_border) !important;
  font-weight: var(--btn_alt_disabled_weight) !important;
  box-shadow: var(--btn_alt_disabled_shadow), var(--btn_alt_disabled_innershadow) !important;
}
#nav-mission .promo_status_list.left::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
  background-color: var(--treasure_scrollbar_bg);
  z-index: 99;
}

#nav-mission .promo_status_list.left::-webkit-scrollbar-thumb{  
background: var(--treasure_scrollbar_fill);
border-radius: 8px;
}
/*game special page css*/
.game_special_popup_title{
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #000000;
  margin-bottom: 38px;
}
.game_special_popup_gamelist{
  width: 745px;
  height: 518px;
  margin: 0 auto;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
    justify-content: flex-start
}
.game_special_popup_gamelist > .block_content{
  display: block;
  width: 160px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.game_special_popup_gamelist > .block_content:nth-child(4n){
  margin-right: 0;
}
.game_special_popup_gamelist img{
  width: 160px;
  height: 160px;
}
.game_special_popup_gamelist .title{
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-top: 10px;
}

.promo_swiper_button_area{
    display: block !important;
}
.promo_swiper_button_area img{
    width: 35px !important;
}
.swiper-button-next, .swiper-button-prev {
    background: none !important;
    width: 35px !important;
}
.promo_swiper_button_area .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 28px;
    left: auto;
}
.promo_swiper_button_area .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 28px;
    right: auto;
}

.tooltips_container{
  display: flex;
  align-items: center;
  width: 24px;
}
.wallet_lock{
  position: absolute;
}
.wallet_lock img{
  width: 24px;
  height: 24px;
}

.wallet_lock label{
  margin-bottom: 0px;
}

.wallet_lock_tooltip span{
  visibility: hidden;
  opacity: 0;
  width: 80px;
  background-color: var(--tooltip_bg);
  color: var(--tooltip_title);
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  right: -115%;
}

/*.withdrawal_lock span{
  left:45%;
}*/

.wallet_lock_tooltip span::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--tooltip_bg) transparent;
}

.wallet_lock_tooltip input:hover+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}

.wallet_lock input {
  display:none;
}

.wallet_lock input:checked+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}

.wallet_lock_tooltip span {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.wallet_link{
  position: absolute;
  width: 24px;
}
.wallet_link img{
  width: 100%;
}

.wallet_link label{
  margin-bottom: 0px;
}

.linked_tooltips span{
  visibility: visible;
  opacity: 1;
  width: 110px;
  background-color: rgba(68, 76, 100, 0.7);
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0px;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: -350%;
}

.linked_tooltips span::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 13%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(68, 76, 100, 0.7) transparent;
}

.linked_tooltips input:hover+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}

.linked_tooltips input {
  display:none;
}

.linked_tooltips input:checked+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}

.linked_tooltips span {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

/*.wallet_item .transfer_out_btn_js .btn_withdraw_wallet{
  color: var(--btn_withdraw_wallet_enabled_txt);
  background: var(--btn_withdraw_wallet_enabled_bg);
  border: var(--btn_withdraw_wallet_enabled_borderthick) solid var(--btn_withdraw_wallet_enabled_border);
  box-shadow: var(--btn_withdraw_wallet_enabled_shadow), var(--btn_withdraw_wallet_enabled_innershadow);
  font-weight: var(--btn_withdraw_wallet_enabled_weight);
  padding: 0px;
}

.wallet_item .transfer_out_btn_js .btn_withdraw_wallet:disabled, .wallet_item .transfer_out_btn_js .btn_withdraw_wallet .disabled{
  color: var(--btn_withdraw_wallet_disabled_txt);
  background: var(--btn_withdraw_wallet_disabled_bg);
  border: var(--btn_withdraw_wallet_disabled_borderthick) solid var(--btn_withdraw_wallet_disabled_border);
  box-shadow: var(--btn_withdraw_wallet_disabled_shadow), var(--btn_withdraw_wallet_disabled_innershadow);
  font-weight: var(--btn_withdraw_wallet_disabled_weight);
  padding: 0px;
}

.wallet_item .transfer_out_btn_js .btn_withdraw_wallet:active, .wallet_item .transfer_out_btn_js .btn_withdraw_wallet .active{
  color: var(--btn_withdraw_wallet_activated_txt);
  background: var(--btn_withdraw_wallet_activated_bg);
  border: var(--btn_withdraw_wallet_activated_borderthick) solid var(--btn_withdraw_wallet_activated_border);
  box-shadow: var(--btn_withdraw_wallet_activated_shadow), var(--btn_withdraw_wallet_activated_innershadow);
  font-weight: var(--btn_withdraw_wallet_activated_weight);
}
*/
/*.wallet_item .transfer_out_btn_js .btn_withdraw_wallet:hover{
  color: var(--btn_withdraw_wallet_hover_txt);
  background: var(--btn_withdraw_wallet_hover_bg);
  border: var(--btn_withdraw_wallet_hover_borderthick) solid var(--btn_withdraw_wallet_hover_border);
  box-shadow: var(--btn_withdraw_wallet_hover_shadow), var(--btn_withdraw_wallet_hover_innershadow);
  font-weight: var(--btn_withdraw_wallet_hover_weight);
}*/
.promo_arrow{
    position: absolute;
    right: 0px;
    top: 14px;
    width: 24px;
}
.promo_arrow img  {
    width: 100%;
}

.aboutus_left_content.about_left_icons.active .desc_icon img:last-child {
    display: block;
}

.aboutus_left_content.about_left_icons .desc_icon img:last-child, 
.aboutus_left_content.about_left_icons.active .desc_icon img:first-child {
    display: none;
}

.btn.btn_minor.more_announcement_btn {
    display: flex;
    align-content: center;
    justify-content: center;
}

.bank_selector .alert_msg_body{
    height: 600px !important;
}

.bpc_bank_container.active {
    top: 0px;
    display: block;
    height: 550px !important;
}

.vip_name .slider img {
    width: 36px;
}

.profile_header_vip img {
    width: 24px;
}

.btn_promo_progess{
  border-radius: var(--btn_promo_progess_claim_radius)!important;
  background: var(--btn_box_claim_enabled_bg)!important;
  border: var(--btn_box_claim_enabled_borderthick) solid var(--btn_box_claim_enabled_border)!important;
  color: var(--btn_box_claim_enabled_txt)!important;
  font-weight: var(--btn_box_claim_enabled_weight)!important;
  box-shadow: var(--btn_box_claim_enabled_shadow), var(--btn_box_claim_enabled_innershadow)!important;
}

.btn_promo_progess:hover{
  background: var(--btn_box_claim_hover_bg)!important;
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border)!important;
  color: var(--btn_box_claim_hover_txt)!important;
  font-weight: var(--btn_box_claim_hover_weight)!important;
  box-shadow: var(--btn_box_claim_hover_shadow), var(--btn_box_claim_hover_innershadow)!important;
}

.btn_promo_progess:active, .btn_promo_progess.active{
  background: var(--btn_box_claim_activated_bg)!important;
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border)!important;
  color: var(--btn_box_claim_activated_txt)!important;
  font-weight: var(--btn_box_claim_activated_weight)!important;
  box-shadow: var(--btn_box_claim_activated_shadow), var(--btn_box_claim_activated_innershadow)!important;
}

.btn_promo_progess:disabled, .btn_promo_progess.disabled{
  background: var(--btn_box_claim_disabled_bg) !important;
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border)!important;
  color: var(--btn_box_claim_disabled_txt)!important;
  font-weight: var(--btn_box_claim_disabled_weight)!important;
  box-shadow: var(--btn_box_claim_disabled_shadow), var(--btn_box_claim_disabled_innershadow)!important;
}

.slot_list_area .slot_fish_list.large {
    justify-content: unset !important;
}

.slot_list_area .slot_fish_list {
    margin-right: -30px;
}

.slot_fish_list.large li {
    width: calc((100% / 3) - 30px) !important;
    min-height: auto !important;
    margin-right: 30px !important;
}

.treasurebox_part.modal-header .nav {
    justify-content: flex-end;
}

.vip_sub_price{
  color: var(--box_dashboard_value);
  font-weight: 600;
  font-size: 17px;
}
.myvip_turnover_container .turnover_container .price{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 14px 0px;
}

.filter_confirm_btn{
  border-radius: var(--btn_treasure_filter_search_radius);
  background: var(--btn_treasure_filter_search_enabled_bg);
  border: var(--btn_treasure_filter_search_enabled_borderthick) solid var(--btn_treasure_filter_search_enabled_border);
  color: var(--btn_treasure_filter_search_enabled_txt);
  font-weight: var(--btn_treasure_filter_search_enabled_weight);
  box-shadow: var(--btn_treasure_filter_search_enabled_shadow), var(--btn_treasure_filter_search_enabled_innershadow);
  font-size: 13px;
}

.filter_confirm_btn:hover{
  background: var(--btn_treasure_filter_search_hover_bg);
  border: var(--btn_treasure_filter_search_hover_borderthick) solid var(--btn_treasure_filter_search_hover_border);
  color: var(--btn_treasure_filter_search_hover_txt);
  font-weight: var(--btn_treasure_filter_search_hover_weight);
  box-shadow: var(--btn_treasure_filter_search_hover_shadow), var(--btn_treasure_filter_search_hover_innershadow);
}

.filter_confirm_btn:active, .filter_confirm_btn.active{
  background: var(--btn_treasure_filter_search_activated_bg);
  border: var(--btn_treasure_filter_search_activated_borderthick) solid var(--btn_treasure_filter_search_activated_border);
  color: var(--btn_treasure_filter_search_activated_txt);
  font-weight: var(--btn_treasure_filter_search_activated_weight);
  box-shadow: var(--btn_treasure_filter_search_activated_innershadow), var(--btn_treasure_filter_search_activated_shadow);
}

.filter_confirm_btn:disabled, .filter_confirm_btn.disabled{
  background: var(--btn_treasure_filter_search_disabled_bg);
  border: var(--btn_treasure_filter_search_disabled_borderthick) solid var(--btn_treasure_filter_search_disabled_border);
  color: var(--btn_treasure_filter_search_disabled_txt);
  font-weight: var(--btn_treasure_filter_search_disabled_weight);
  box-shadow: var(--btn_treasure_filter_search_disabled_innershadow), var(--btn_treasure_filter_search_disabled_shadow);
}

.add_withdrawal_pin .icon_circle_card img{
  width: 100%;
  height: 100%;
}

.btn_alt{
  border-radius: var(--btn_radius) !important;
  background: var(--btn_alt_enabled_bg) !important;
  border: var(--btn_alt_enabled_borderthick) solid var(--btn_alt_enabled_border) !important;
  color: var(--btn_alt_enabled_txt) !important;
  font-weight: var(--btn_alt_enabled_weight) !important;
  box-shadow: var(--btn_alt_enabled_shadow), var(--btn_alt_enabled_innershadow) !important;
}

.btn_alt:hover{
  background: var(--btn_alt_hover_bg) !important;
  border: var(--btn_alt_hover_borderthick) solid var(--btn_alt_hover_border) !important;
  color: var(--btn_alt_hover_txt) !important;
  font-weight: var(--btn_alt_hover_weight) !important;
  box-shadow: var(--btn_alt_hover_shadow), var(--btn_alt_hover_innershadow) !important;
}

.btn_alt:active, .btn_alt.active{
  background: var(--btn_alt_activated_bg) !important;
  border: var(--btn_alt_activated_borderthick) solid var(--btn_alt_activated_border) !important;
  color: var(--btn_alt_activated_txt) !important;
  font-weight: var(--btn_alt_activated_weight) !important;
  box-shadow: var(--btn_alt_activated_shadow), var(--btn_alt_activated_innershadow) !important;
}

.btn_alt:disabled, .btn_alt.disabled{
  background: var(--btn_alt_disabled_bg) !important;
  border: var(--btn_alt_disabled_borderthick) solid var(--btn_alt_disabled_border) !important;
  color: var(--btn_alt_disabled_txt) !important;
  font-weight: var(--btn_alt_disabled_weight) !important;
  box-shadow: var(--btn_alt_disabled_shadow), var(--btn_alt_disabled_innershadow) !important;
}

.close_record{
    width: 24px;
    height: 24px;
}

.close_record img{
  width: 100%;
  height: 100%;
}

.promo_next_previous{
  display: flex !important;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.promo_btn_next,
.promo_btn_prev{
    margin: 10px;
    padding: 8px 20px;
    background: var(--btn_minor_enabled_bg);
    border: var(--btn_minor_enabled_borderthick) solid var(--btn_minor_enabled_border);
    color: var(--btn_minor_enabled_txt);
    border-radius: var(--btn_radius);
    font-size: 14px;
    line-height: 18px;
    width: 180px;
    height: 44px;
}

.slide_deposit_part{
  width:20px;
}

.game_search_container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.game_search_container input{
    padding: unset !important;
    border-radius: unset !important;
}

.game_search_container .select2{
    width: 359px !important;
    margin: unset !important;
}

.game_search_container .textbox_content[class*="icon-"]:before, .textbox_content[class*="ico-"]:before{
    top: 42% !important;
    -webkit-transform: translateY(-40%) !important;
    -ms-transform: translateY(-40%) !important;
    transform: translateY(-40%) !important;
}

.game_search_container label{
    margin-bottom: unset !important;
    margin-right: 10px;
}

.game_search_container .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple{
    padding: 0px 0px 0px 45px !important;
    min-height: 40px;
    color: #000000 !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

.game_search_container .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding-left: 5px !important;
}

.game_search_container .select2-container .select2-search--inline .select2-search__field{
    margin-top: 9px !important;
}

.game_search_container .textbox_content[class*="ico-"] input{
    padding: unset !important;
}

.game_search_container .select2-container--default .select2-selection--multiple .select2-selection__choice{
    height: 26px !important;
    align-items: center !important;
    display: flex;
    /*margin-top: 10px !important;*/
    border: unset !important;
    padding: 0px 10px;
}

.game_search_container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
    padding-top:6px;
}

.progressbar_ongoing{
    background: var(--bar_progress_default) !important;
}

.progressbar_success{
    background: var(--bar_progress_full) !important;
}

.progressbar_claimed{
    background: var(--bar_progress_claimed) !important;
}

.progressbar_ongoing ~ .progress_num,
.progressbar_ongoing ~ .percentage_num{
    color: var(--bar_percentage_default) !important;
}

.progressbar_success ~ .progress_num,
.progressbar_success ~ .percentage_num{
    color: var(--bar_percentage_full) !important;
}

.progressbar_claimed ~ .progress_num,
.progressbar_claimed ~ .percentage_num{
    color: var(--bar_percentage_claimed) !important;
}

.slide_deposit_part{
  width:20px;
}

#all_wallet_balance{
  color: var(--txt_value);
  font-size: 21px;
  font-weight: 600;
}

.total_amount_wallet_transfer, .auto_transfer_btn{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}

.total_amount_wallet_transfer .title{
  color: var(--txt_general);
}

.auto_transfer_btn .title{
  color: var(--txt_general);
}

.wallet_right_top{
  border-bottom: 1px solid var(--border_general);
}

.top_right_claim {
  display: flex;
  flex-direction: column;
  align-items: flex-end!important;
}

.big_container{
  padding: 0 25px 25px 25px;
}

.siginpromo-bottom {
    display: -webkit-box;
    display: flex;
    padding: 16px 25px !important;
    flex-direction: column-reverse;
}
.desc_container{
  display: flex;
  width: 100%;
}

.viewall{
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.vip_progress_status{
  background: var(--vip_progress_card_bg);
  padding: 16px;
  margin-top: 60px;
  border: var(--vip_progress_card_borderthick) solid var(--vip_progress_card_border);
  box-shadow: var(--vip_progress_card_shadow);
  border-radius: var(--vip_progress_card_radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vip_progress_status .logo{
  margin-right: 16px;
  justify-content: flex-start;
}

.vip_progress_status .logo .icon_circle_card{
  margin: unset;
}

.vip_progress_status .logo .icon_circle_card img{
  width: 28px;
}

.vip_status{
  width: 100%;
}

.progress_level{
  width: 100%;
    display: flex;
    justify-content: space-between;
}

.level_title span{
  font-weight: 700;
}

.vip_left div:nth-child(2),
.vip_right div:nth-child(2){
  font-weight: 700;
  font-size: 21px;
}

.vip_right{
  text-align: right;
}
.vip_benefits{
  color: #81673F;
}

.vip_status .progress{
  border-radius: 16px;
  margin-top:10px;
}

.vip_list_btn .swiper-container{
  margin:0;
}

.swiper_vip_bar .swiper-slide{
  justify-content: flex-start;
  width: auto !important;
}

.search_vip .select2-container--default{
  padding: 0px 0px 0px 45px !important;
  background-color: var(--general_textfield_bg_empty)!important;
  color: var(--general_textfield_txt_empty)!important;
  border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_border_empty)!important;
  box-shadow: var(--general_textfield_innershadow_empty)!important;
  border-radius: var(--textfield_radius);
}

.search_vip .select2-container--default .select2-selection--single{
  border-radius: var(--textfield_radius)!important;
  border: 0px !important;
  background-color: var(--general_textfield_bg_empty)!important;
  color: var(--general_textfield_txt_empty)!important;
}

.search_vip .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: var(--general_textfield_txt_empty)!important;
}

.vip_search_container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.search_vip{
  width: 340px;
  margin-bottom: unset;
}

.swiper-slide-active .vip_item:after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 32px;
  height: 32px;
  z-index: 2;
  background: var(--vip_active);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.swiper-slide-active .no_icon:after {
  content: none;
}

.vip_type_container .vip_type_list >:nth-child(1).block_content{
  padding-left: 0px;
}

.vip_type_container .vip_type_list >:last-child.block_content{
  padding-right: 0px;
  margin-right: 0px;
}

.deposit_info{
  padding: 16px 26px;
  overflow: hidden;
  overflow-y: scroll;
  height: 664px;
  width: 60%;
}

.deposit_info::-webkit-scrollbar {
  display: none;
}

.deposit_method_item.active{
  background: var(--modals_side_menu_active_bg);
}

.bottom_deposit_amount{
  bottom: 0;
  margin: 0px -26px;
  padding: 10px 26px;
  width: 60%;
  height: 88px;
  position: absolute;
  background: var(--modals_footer_bg);
  box-shadow: var(--modals_shadow);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.btn_deposit, .pending_btn{
  width: 210px;
  font-size: 14px;
}

.content_container{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--border_general);
  margin-top: 16px;
  padding-top:16px;
  padding-bottom: 5px;   
}

.wallet_label{
  color: var(--txt_general);
  font-weight: 600;
  font-size: 14px;
  width: 50%;
  display: flex;
  justify-content: flex-start;
  padding-bottom: 5px;
}

.wallet_show{
  font-size: 12px;
  width: 50%;
  align-items: center;
  justify-content: flex-end;
}

.join_promo{
  width: 172px;
  padding: 10px;
  border-radius: var(--wallet_promo_opt_radius);
  background: var(--wallet_promo_opt_bg);
  border: var(--wallet_promo_opt_borderthick) solid var(--wallet_promo_opt_border);
  box-shadow: var(--wallet_promo_opt_shadow), var(--wallet_promo_opt_innershadow);
  box-sizing: border-box;
}

.join_promo_text{
  color: var(--txt_highlight);
  padding-bottom: 5px;
}

.method_hints{
  color: #444C64;
  font-size: 10px;
}

.channel_items_container li.recommend:after{
  content: "";
  position: absolute;
  top: var(--recommend_icon_top);
  bottom: var(--recommend_icon_bottom);
  left: var(--recommend_icon_left);
  right: var(--recommend_icon_right);
  width: 20px;
  min-height: 20px;
  z-index: 2;
  background: var(--wallet_recommended);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.channel_items_container li.recommend.active:after{
  content: "";
  position: absolute;
  top: var(--recommend_icon_top);
  bottom: var(--recommend_icon_bottom);
  left: var(--recommend_icon_left);
  right: var(--recommend_icon_right);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: var(--wallet_recommended_a);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.bank_label{
  width: 100%;
  flex-wrap: wrap;
  border-top: 1px solid var(--border_general);
  margin-top: 16px;
  padding-top:16px;
}

.bank_label div:first-child{
  color: var(--txt_general);
  padding-bottom: 5px;
}

.wallet_title_label{
  color: var(--txt_general);
  font-weight: 600;
  font-size: 14px;
}

.method_name{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.method_name div:first-child{
  margin-left: 0;
  margin-right: 10px;
  justify-content: flex-start;
}

.wallet_item_area{
  width: 100%;
}

.wallet-items{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.wallet-items input[type=checkbox] {
  display: none;
}

.wallet-items input[type=checkbox] ~ label {
  display: flex;
  cursor: pointer;
}

.wallet-items .channel_items_container li:nth-of-type(n + 5) { 
  display: none; 
  flex-wrap: wrap; 
  margin-top: 5px;
}

.wallet-items #show-all:checked ~ .channel_items_container li { 
  width: calc(100% / 4 - 5px);
  margin-right: 5px;
  height: 44px;
  padding: 5px;
  background: var(--btn_method_enabled_bg);
  border: var(--btn_method_enabled_borderthick) solid var(--btn_method_enabled_border);
  box-sizing: border-box;
  border-radius: var(--btn_method_enabled_radius);
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--btn_method_enabled_txt);
  font-weight: var(--btn_method_enabled_weight);
  box-shadow: var(--btn_method_enabled_shadow), var(--btn_method_enabled_innershadow);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
}

.wallet-items #show-all:checked ~ .channel_items_container li:hover{
  border: var(--btn_method_hover_borderthick) solid var(--btn_method_hover_border);
  box-sizing: border-box;
  color: var(--btn_method_hover_txt);
  font-weight: var(--btn_method_hover_weight);
  box-shadow: var(--btn_method_hover_shadow), var(--btn_method_hover_innershadow);
  background: var(--btn_method_hover_bg);
}

.wallet-items #show-all:checked ~ .channel_items_container li.active{
  border: var(--btn_method_activated_borderthick) solid var(--btn_method_activated_border);
  box-sizing: border-box;
  color: var(--btn_method_activated_txt);
  font-weight: var(--btn_method_activated_weight);
  box-shadow: var(--btn_method_activated_shadow), var(--btn_method_activated_innershadow);
  background: var(--btn_method_activated_bg);
}

.expand_icon{
  width: 16px;
  height: 16px;
  background: var(--general_arrow_down);
  background-size: 100%;
  background-repeat: no-repeat;
  align-items: center;
}

.wallet-items input[type=checkbox]:checked ~ label .expand_icon{
  width: 16px;
  height: 16px;
  background: var(--general_arrow_up);
  background-size: 100%;
  background-repeat: no-repeat;
  align-items: center;
}

.deposit_wallet_amount{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.deposit_wallet_amount .title{
  color: var(--modals_header_label) !important;
  font-weight: normal !important;
  font-size: 17px !important;
  margin-right: 10px !important;
}

.deposit_wallet_amount .title:after{
  border: none !important;
}

.deposit_wallet_amount .main_wallet_bal{
  color: var(--modals_header_value);
  font-weight: bold;
  font-size: 24px;
  margin-right: 5px !important;
}

#deposit_popup .modal-header{
  background: var(--modals_header_bg)!important;
  border-radius: var(--modals_header_radius) !important;
  border: var(--modals_header_borderthick) solid var(--modals_header_border);
  box-shadow: var(--modals_header_shadow);
}

.amount_refresh{
  width: 24px;
  height: 24px;
}

.amount_refresh img{
  width: 100%;
}

.deposit_detail{
  max-height: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 16px;
}

.deposit_detail::-webkit-scrollbar {
  display: none;
}

.bank_hints{
  color: var(--txt_remarks);
  font-size: 12px;
  font-weight: normal;
}

.label_actual_amount{
  display: flex;
  color: var(--txt_caption);
  font-size: 12px;
  align-items: center;
}

.deposit_pending_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.deposit_title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
  color: var(--txt_general);
  font-weight: 600;
  font-size: 17px;
}

.deposit_icon{
  background: var(--wallet_method_circle);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 99rem;
  margin-right: 16px;
  align-items: center;
  justify-content: center;
}

.deposit_icon img{
  width: 24px;
  height: 24px;
}

.QR_container{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.qrcode_label_text div{
  color: var(--txt_general);
  font-size: 17px;
  font-weight: 600;
}

.qrcode_label_text span{
  color: var(--txt_remarks);
  font-size: 14px;
  font-weight: normal;
}

.left_container{
  overflow: hidden;
  overflow-y: scroll;
  min-height: 664px;
  height: 100%;
  width: 40%;
  padding: 16px 26px;
  position: relative;
  background: var(--modals_side_panel_bg);
  box-shadow: var(--modals_side_panel_bg_shadow);
}
.left_container::-webkit-scrollbar {
  display: none;
}

.right_container{
  width: 60%;
  height: 580px;
  padding: 25px;
  overflow: hidden;
  overflow-y: scroll;
}

.right_container::-webkit-scrollbar {
  display: none;
}

.actual_amount_container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.amount_container{
  width: auto;
  margin-right: 10px;
  flex-wrap: wrap;
}

.withdrawal_actual_amount{
  width: 100%;
  margin-bottom: 0px;
}

.main_wallet_onekey{
  padding-top:10px;
}

.main_wallet_onekey,
.main_wallet_onekey button{
  width: 100%;
}

@media only screen and (max-height: 900px) {
  .modal.large .modal-dialog{
    height: 680px;
  }

  .modal.large .modal-dialog .modal-content, .modal.extralarge .modal-dialog .modal-content {
    height: 680px;
  }

  .modal-body {
    min-height: 584px;
  }

  .deposit_method_list{
    height: 584px;
  }

  .deposit_info{
    height: 584px;
  }

  .left_container{
    min-height: 584px;
  }
  
  .deposit_detail{
    max-height: 480px;
  }

  .right_container {
    height: 500px;
  }

  .popup_opt2_body {
    height:435px;
  }

  .turnover_details_body{
    height:480px;
  }
}

.withdrawal_content_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 8px;
  align-items: flex-end;
}
.withdrawal_content_container.first_line {
   padding-top: 0;
}

.btn_txt{
  color:var(--btn_txt_enabled_txt);
  font-weight: var(--btn_txt_enabled_weight);
  cursor: pointer;
  border-radius: var(--btn_txt_radius);
  background: var(--btn_txt_enabled_bg);
  box-shadow: var(--btn_txt_enabled_shadow), var(--btn_txt_enabled_innershadow);
  border: var(--btn_txt_enabled_borderthick) solid var(--btn_txt_enabled_border);
}

.btn_txt:hover{
  color:var(--btn_txt_hover_txt);
  font-weight: var(--btn_txt_hover_weight);
  background: var(--btn_txt_hover_bg);
  box-shadow: var(--btn_txt_hover_shadow), var(--btn_txt_hover_innershadow);
  border: var(--btn_txt_hover_borderthick) solid var(--btn_txt_hover_border);
}

.btn_txt:active, .btn_txt.active{
  color:var(--btn_txt_activated_txt);
  font-weight: var(--btn_txt_activated_weight);
  background: var(--btn_txt_activated_bg);
  box-shadow: var(--btn_txt_activated_shadow), var(--btn_txt_activated_innershadow);
  border: var(--btn_txt_activated_borderthick) solid var(--btn_txt_activated_border);
}

.btn_txt:disabled, .btn_txt.disabled{
  color:var(--btn_txt_disabled_txt);
  font-weight: var(--btn_txt_disabled_weight);
  background: var(--btn_txt_disabled_bg);
  box-shadow: var(--btn_txt_disabled_shadow), var(--btn_txt_disabled_innershadow);
  border: var(--btn_txt_disabled_borderthick) solid var(--btn_txt_disabled_border);
}

.wallet_list_items > .content_block {
    width: 100%;
    padding: 16px 0px;
    border-bottom: 1px solid var(--border_general);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wallet_list_items > .content_block .game_name{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wallet_list_items > .content_block .game_name img{
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.wallet_list_items > .content_block .game_name .name{
  margin-left: 4px;
  line-height: 24px;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color:var(--game_wallet_txt_vendor);
  max-width: 64px;
}

.amount_transfer_container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.charge_details{
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border_general);
}

.receipt_area{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  margin-top: 15px;
  align-items: center;
}
.expand_vip_benefit.rotate_arrow {
    -webkit-transform: rotate(180deg)!important;
            transform: rotate(180deg)!important;
}

/*NewBaseUI*/

/*BetHistory*/
.date_selection {
  width: 165px;
 /* background-color: #E9F2FB;
  box-shadow: inset 4px 4px 5px rgba(184, 191, 210, 0.3);
  border-radius: 8px;
  border: none;
  height: 100%;*/
}

.date_selection option:active {
  /*background-color: #E9F2FB;*/
}

.date_selection option[value=default], 
.date_selection option[value=one], 
.date_selection option[value=two], 
.date_selection option[value=three] {
  text-align: center;
}

.date_icon select:active {
  /*background-color: #E9F2FB;*/
}

.date_icon select:focus {
  /*background-color: #E9F2FB;*/
  box-shadow: inset 4px 4px 5px rgb(184 191 210 / 30%);
  color: var(--authentication_textfield_txt_empty);
  border: unset;
}

.date_icon:before {
    content: "";
    position: absolute;
    left: 13px;
    top: 6px;
    width: 21.6px;
    height: 24px;
    background: var(--calendar_icon) no-repeat center center;
    /* background-size: 100% 100%; */
}

/*.filter_icon:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 18px;
    height: 17px;
    background: var(--treasure_filter_a) no-repeat center center;
    filter: brightness(3.5);
}*/

.games_amount1 , .games_amount2{
    font-size: 12px;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--btn_filter_circle_amount);
    border: 1px solid var(--btn_filter_circle_bg) !important;
    border-radius: 16px;
    width: 21px;
    height: 21px;
    background: var(--btn_filter_circle_bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.popup_opt2_body .option_title {
    margin: 8px 0px;
    justify-content: unset;
    align-items: center;
}

.bethistory_part .confirm_btn button {
    width: 250px !important;
}

.bethistory_part .checkbox {
    width: 30% !important;
    display: flex;
    align-items: center;
    color: var(--navbar_main_txt_active);
    font-size: 17px;
}

.announcement-modal-header {
    background: transparent !important;
    justify-content: flex-end;
    height: 35px;
    border-bottom: 0;
}

.bethistory_popup_opt2 .modal_close_btn::after {
    display: block;
    content: "\00D7";
    color: #FFF;
    font-family: arial;
    font-size: 25px;
}

.games_check {
  display: none;
}

#games_check_all {
  display: none;
}

.option_title .games_checkbox {
  background-image: var(--tick_check);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 25px;
  height: 24px;
  margin-right: 20px;
    cursor: pointer;
}
.option_title label{
  margin-bottom: 0px;
}

.option_title .games_checkbox.active {
  background-image: var(--tick_check_active);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 25px;
  height: 24px;
  margin-right: 20px;
    cursor: pointer;
}

#games_check:checked + .checker {
  background-position: right center;
}

#games_checkbox_all {
  background-image: var(--tick_check);
  background-position: left center;
  background-repeat: no-repeat;
  margin-right: 10px;
  width: 36px;
  height: 36px;
    cursor: pointer;
}

#games_checkbox_all.active{
  background-image: var(--tick_check_active);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  width: 36px;
  height: 36px;
    cursor: pointer;
}

.remove_all_btn {
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 0px;
}

.options_show .content_block .tab_gamefilter {
  padding: 6px 9px;
}

/*TreasureBox*/
.promo_popup .modal-header {
    height: 96px;
}

.tb_menu_v2 {
    display: block;
    width: 238px;
  }

.style2 .tb_menu_v2 .nav-item {
    padding-left: 16px !important;
    font-weight: normal;
    font-size: 14px;
    color: var(--modals_side_menu_title_default);
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.style2 .tb_menu_v2 .nav-item:first-child {
    border-top: unset;
}

.style2 .tb_menu_v2 .nav-item::after {
    content: "";
    left: 16px;
    border-bottom: 1px solid var(--border_general);
    position: absolute;
    height: 60px;
    width: 206px;
    bottom: 0;
} 

.style2 .treasurebox_part .title::after {
  display: none !important;
}

.tb_all_menu_v2 {
  background: var(--modals_side_panel_bg);
  box-shadow: var(--modals_side_panel_bg_shadow);
  /*z-index: 3;*/
}

.treasurebox_menu {
  display: flex;
  position: relative;
  border-top: 0.5px solid var(--line_universe);
}

.treasurebox_menu:hover{
  background: var(--modals_side_menu_hover_bg);
}
.treasurebox_menu .nav-item.nav-link.active{
  background: var(--modals_side_menu_active_bg);
}

.tb_arrow {
  position: absolute;
  right: 16px;
  top: 0;
  cursor: pointer;
}

.tb_arrow img {
  width: 24px;
}

.treasurebox_cs {
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.treasurebox_cs img {
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
}

.treasurebox_cs_title {
    margin: 1px 0 0 30px;
}

.myvip_reward_popup > .right {
    width: 722px;
    box-shadow: unset;
    padding: unset;
}

.myvip_reward_popup > .left {
    /* display: none; */
}

.filter_option{
  width: 60%;
  display: flex;
  justify-content: flex-start;
}

.promo_filter .filter_content {
  width: 100% !important;
  position: relative;
}

.filter_content:last-child {
    width: 30%;
}

.promo_filter .filter_content select{
  -webkit-appearance: none !important;
  background: var(--select_box_arrow) var(--general_textfield_bg_empty);
  background-position: 99% center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  color: var(--general_textfield_txt_empty);
  border: var(--general_textfield_borderthick_empty) solid var(--general_textfield_border_empty);
  box-shadow: var(--general_textfield_innershadow_empty);
  border-radius: var(--btn_radius);
}

.promo_filter .filter_content:before {
    content: "";
    position: absolute;
    left: 5%;
    width: 16px;
    height: 16px;
    background: var(--allpromo_icon) no-repeat center center;
    background-size: 100% 100%; 
}

.filter_content:last-child:before {
    content: "";
    position: absolute;
    left: 5%;
    width: 16px;
    height: 16px;
    background: var(--search_icon) no-repeat center center; 
    /* background-size: 100% 100%; */
}

.apply_promo .max_amount_text {
  text-align: right;
  color: var(--txt_label);
}

.apply_promo .max_amount {
  text-align: right;
  font-weight: 600;
  color: var(--txt_value);
  font-size: 17px;
}

.promobox_filter_btn .btn_filter{
  display: flex;
  justify-content: space-between;
}

.btn_filter .filter_icon{
  display: block;
  background: var(--treasure_filter);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: 100%;
  margin-right: 5px;
}

.btn_filter .filter_icon.open{
  background: var(--treasure_filter_a);
  background-size: 100%;
}

.btn_filter .filter_icon.applied{
  background: var(--filter_icon);
  background-size: 100%;
}

.promobox_container{
  padding:10px 25px 16px;
}

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

.mission_header_menu {
  display: flex;
  align-items: center;
  margin:0 24px;
  height: 60px;
}
.mission_header_menu .tb_header_menu, .tb_header_menu .promo_nav{
  margin-right: 40px;
}
.mission_header_menu .tb_header_menu .mission_tab, .tb_header_menu .promo_nav, .vip-item span{
  height: 24px;
  display: flex;
  font-size: 14px;
  align-items: center;
  color: var(--box_tabs_enabled_txt);
  font-weight: var(--box_tabs_enabled_weight);
}
.mission_header_menu .tb_header_menu .mission_tab:hover, .tb_header_menu .promo_nav:hover, .vip-item span:hover {
  color: var(--box_tabs_hover_txt);
  font-weight: var(--box_tabs_hover_weight);
}
.mission_header_menu .tb_header_menu .mission_tab.active, .tb_header_menu .promo_nav.active, .vip-item.active span {
  color: var(--box_tabs_active_txt);
  font-weight: var(--box_tabs_active_weight);
  border-bottom: 1px solid var(--box_tabs_active_line);
}
#nav-promobox .promo_filter {
    padding: 16px 0px!important;
    justify-content: space-between;
}

#nav-promobox .promo_filter .filter_btn {
  width: 30%;
  display: flex;
  justify-content: space-between;
}

#nav-promobox .promo_filter .filter_btn .button_full_trans {
    color: var(--btn_major_enabled_txt);
}

#nav-promobox .promo_filter .filter_btn .button_full_red {
    width: 43%;
}

.promo_image {
    width: 206px;
    height: 85px;
}

.promo_image img {
    border-radius: 8px;
}

.promo_text_details {
    font-weight: normal;
    font-size: 12px;
    color: var(--txt_time);
    text-align: left;
    width: 100%;
}

.recommend_label div {
    background: var(--promo_tag_bg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    width: 60px;
    height: 27px;
    justify-content: space-evenly;
}

.recommend_label label {
    font-size: 13px;
    margin: 0;
}

.recommend_label img {
    width: auto !important;
}


.promobox_recommend_label{
  display: flex;
}

.promobox_recommend_label div {
  background: var(--promo_tag_bg);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
  width: 60px;
  height: 27px;
  justify-content: space-evenly;
  margin-right: 5px;
  padding: 5px;
}

.promobox_recommend_label label {
  font-size: 13px;
  margin: 0;
  width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}

.promo_popup_list .promobox_recommend_label img{
  width: 14px !important;
  margin-right: 5px;
}
/*.recommend_label label {
    color: var(--tag_recommend_txt);
    font-weight: 600;
    font-size: 14px;
    background: var(--tag_recommend_bg);
    border: var(--tag_recommend_borderthick) solid var(--tag_recommend_border);
    box-shadow: var(--tag_recommend_shadow);
    border-radius: var(--tag_radius);
    padding: 2px 10px;
    margin-bottom: unset;
}*/

.reco_hot , .reco_slot , .reco_new , .reco_vip {
  border: 1px solid #81673F;
  padding: 1px 10px !important;
  border-radius: 16px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.treasurebox_bottom {
  height: 92px;
  background: var(--modals_footer_bg);
  box-shadow: var(--modals_shadow);
  padding: 24px 32px;
  position: absolute;
  bottom: 0;
  width: calc(100% - 238px);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: -25px;
}

#nav-mission .treasurebox_bottom, #nav-myvip .treasurebox_bottom{
  margin-left: unset;
}

.claimable_show {
  float: left;
  display: flex;
  align-items: center;
}

.claimable_show span {
    color: var(--txt_general);
    font-size: 14px;
    font-weight: 600;
}

.claimable_show label {
    color: var(--txt_value_special);
    font-size: 18px;
    font-weight: 600;
}

.treasurebox_bottom .claim_all_btn button {
    width: 210px;
    height: auto;
    margin-top: unset;
}

.mypromo_process {
    width: 100% !important;
}

/*.promo_status_list_title, .mission_status_list_title {
    display: none;
}*/

.w-50 {
    width: 100% !important;
}

.mission_img {
    width: 64px !important;
    height: 64px !important
}

.mission_block_content .title_area{
    width: 100%;
    margin-right: 24px;
    margin-left: 24px;
}

.siginpromo-bottom .weekly_item {
    margin-right: 32px;
}

.signin_firstpart {
    position: absolute;
    right: 0;
    bottom: 0;
    background: unset !important;
    padding: unset !important;
}

.top_right_claim {
    display: flex;
    flex-direction: column;
}

.signin_promo_bg {
    background: #F9FCFF;
    border-radius: 8px;
    padding: 10px !important;
    height: 124px;
    width: 665px !important;
}

.signin_promo_bg2 {
    background: #F9FCFF;
    border-radius: 8px;
    padding: 10px;
    height: 74px;
    width: 663px !important;
    margin: 20px 0;
}

.signin_secondpart {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
    width: 25% !important;
}

.signin_promo_bg2 .progress {
    display: none;
}

.signin_promo_bg2 .item_area {
    display: flex;
    flex-direction: row !important;
}

.signin_promo_bg2 .item_area {
    display: flex;
    justify-content: center;
    font-size: 12px;
    width: 80%;
    align-items: center;
    text-align: left;
}

.claim_requirements div > img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.claim_requirements > div > label {
    /*margin-left: 70px;*/
}

.require_text {
    margin-right: 40px;
}

.myvip_sub_special {
    margin-top: 10px;
    text-align: left;
    position: relative;
}

.myvip_sub_special img {
    float: right;
}

.myvip_sub_normal_row{
    flex-direction: column;
    padding: 0px 25px;
}

.myvip_sub_normal_container.col_2 {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    position: relative;
    border: none;
    border-bottom: 1px solid var(--border_general);
    padding: 16px 0px;
    margin-bottom: 0;
}

.myvip_sub_next_container > .left, .myvip_sub_normal_container > .left {
    width: 100%!important;
    display: flex;
    align-items: center;
}
.myvip_sub_normal_container > .left .myvip_sub_next_level.salary{
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-right: 24px;
}
.myvip_sub_next_level .myvip_title_top{
    text-align: left;
    display: flex;
    width: 100%;
    justify-content: space-between;
    color:var(--vip_txt_rewards_name);
}
.myvip_sub_normal_container > .left .myvip_button_part{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.myvip_sub_level > .price > div:first-child {
    font-size: 12px;
}

.myvip_sub_normal_container .icon_circle_card {
    margin: 0 20px 0 0;
}

.myvip_sub_next_level, .my_vip_price_to_get {
    display: flex;
    align-items: center;
}

.myvip_next_level_price_btn button {
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myvip_sub_normal_container .myvip_progress {
    margin-top: 5px;
    width: 100%;
}

.myvip_details_container {
    padding-bottom: 92px;
}

.vip_container_tab .myvip_sub_normal_container > .item_list {
    display: grid;
    grid-template-columns: 50% 50%;
}

.daily_withdrawal_small {
  display: flex;
}

.vip_container_tab .myvip_sub_normal_container .item_list .myvip_benefits {
  margin: 5px 0;
}

.vip_container_tab .myvip_sub_detail_container ..myvip_sub_normal_container {
  padding: 17px 8px 14px 0px;
}

.header_menu_container{
  display: flex;
  justify-content: flex-start;
}

.promobox_filter_btn {
  width: 94px;
  display: flex;
  justify-content: flex-end;
}

.filter_btn .btn_txt,
.filter_btn .btn_major{
  width: 94px;
}

.btn_filter{
  font-size: 13px;
  line-height: 18px;
  padding: 8px 16px;
  white-space: nowrap;
  border-radius: var(--btn_radius);
  background: var( --btn_filter_enabled_bg);
  color: var(--btn_filter_enabled_txt);
  border: var(--btn_filter_enabled_borderthick) solid var(--btn_filter_enabled_border);
  font-weight: var(--btn_filter_enabled_weight);
  box-shadow: var(--btn_filter_enabled_innershadow), var(--btn_filter_enabled_shadow);
}

.btn_filter:hover {
  background: var( --btn_filter_hover_bg);
  border: var(--btn_filter_hover_borderthick) solid var(--btn_filter_hover_border);
  color: var(--btn_filter_hover_txt);
  font-weight: var(--btn_filter_hover_weight);
  box-shadow: var(--btn_filter_hover_innershadow), var(--btn_filter_hover_shadow);
}

.btn_filter img {
  margin-right: 5px;
}

.deposit_full_container{
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  margin: auto;
}

.summary_container {
  height: 100%;
}

.summary_top_container {
  display: flex;
  justify-content: space-between;
  padding: 25px 25px 0;
  margin-bottom: 36px;
}

.box_dashboard_top {
  padding: 20px 15px;
  box-shadow: var(--box_dashboard_signin_innershadow), var(--box_dashboard_signin_shadow);
  background-size: 100% 100%;
  cursor: pointer;
  width: 204px;
  height: 160px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.summary_top_container .mypromo_box{
  background: var(--img_box_mypromo);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.summary_top_container .dailymission_box{
  background: var(--img_box_dailymission);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.summary_top_container .weeklymission_box{
  background: var(--img_box_weeklymission);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#box_dashboard_title {
  font-style: normal;
  color: var(--box_dashboard_title);
  font-weight: var(--box_dashboard_title_weight);
  font-size: 17px;
  line-height: 24px;
}
.box_dashboard_top .dashboard_title_part {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}

.box_dashboard_value{
  font-weight: 600;
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 26px;
  color: var(--box_dashboard_value);
}

.myvip_turnover {
  background-image: var(--img_box_rebate) !important;
  background-size: 100% 100% !important;
}

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

.turnover_left {
  display: flex;
  flex-direction: column;
}

.turnover_container .turnover_left .turnover_title {
  margin-bottom: 10px;
  color: var(--box_dashboard_title);
  font-weight: var(--box_dashboard_title_weight);
  font-size: 17px;
}

.turnover_time{
  color: var(--txt_time);
  font-weight: normal;
  font-size: 12px;
  line-height: 17px; 
}

.turnover_container .price button {
  color: var(--btn_box_claim_activated_txt);
  background: var(--btn_box_claim_activated_bg);
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border);
  font-weight: var(--btn_box_claim_activated_weight);
  box-shadow: var(--btn_box_claim_activated_shadow);
  border-radius: var(--btn_box_claim_radius) !important;
  margin-top: 8px;
  width: 96px;
  height: 28px;
  font-size: 12px;
}

.turnover_container .price button:hover {
  color: var(--btn_box_claim_hover_txt);
  background: var(--btn_box_claim_hover_bg);
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border);
  font-weight: var(--btn_box_claim_hover_weight);
  box-shadow: var(--btn_box_claim_hover_shadow);
}

.turnover_container .price button:disabled {
  color: var(--btn_box_claim_disabled_txt);
  background: var(--btn_box_claim_disabled_bg);
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border);
  font-weight: var(--btn_box_claim_disabled_weight);
  box-shadow: var(--btn_box_claim_disabled_shadow);
}

.promo_status_list .mission_block_content button {
  color: var(--btn_box_claim_activated_txt);
  background: var(--btn_box_claim_activated_bg);
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border);
  font-weight: var(--btn_box_claim_activated_weight);
  box-shadow: var(--btn_box_claim_activated_shadow);
  font-size: 12px;
  border-radius: var(--btn_box_claim_radius) !important;
  margin-top: 8px;
}

.promo_status_list .mission_block_content button:hover {
  color: var(--btn_box_claim_hover_txt);
  background: var(--btn_box_claim_hover_bg);
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border);
  font-weight: var(--btn_box_claim_hover_weight);
  box-shadow: var(--btn_box_claim_hover_shadow);
}

.promo_status_list .mission_block_content button:disabled {
  color: var(--btn_box_claim_disabled_txt);
  background: var(--btn_box_claim_disabled_bg);
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border);
  font-weight: var(--btn_box_claim_disabled_weight);
  box-shadow: var(--btn_box_claim_disabled_shadow);
}

.summary_date {
  margin-top: 5px;
  color: var(--box_signin_days);
}

.summary_vip_bg {
  background: var(--box_dashboard_vip_bg) !important;
  box-shadow: var(--box_dashboard_vip_innershadow), var(--box_dashboard_vip_shadow) !important;
  border-radius: var(--box_dashboard_vip_radius) !important;
  border: var(--box_dashboard_vip_borderthick) solid var(--box_dashboard_vip_border) !important;
  padding: 16px!important;
}

.vip_detail_button img{
  width: 20px;
}

.index_slot_highlight_area{
  display: none;
}

.master_vip_container, .sub_vip_container {
  display: flex;
  flex-direction: column;
  background: var(--vip_rewards_bg);
  border: var(--vip_rewards_borderthick) solid var(--vip_rewards_border);
  border-radius: var(--vip_rewards_radius);
  box-shadow: var(--vip_rewards_shadow);
  padding: 16px;
  margin: 16px 25px;
}

#swiper-level-detail .swiper-slide .vip_container_tab .master_vip_container:first-child{
  margin-top: 8px;
}

.vip_container_tab{
  font-size: 14px;
  width:100%;
}

.master_vip_container .master_vip_header, .sub_vip_container .sub_vip_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.master_vip_container .master_vip_header .vip_left_container, .sub_vip_container .sub_vip_header .vip_left_container {
  display: flex;
  align-items: center;
}

.master_vip_container .master_vip_header .icon_circle_card, .sub_vip_container .sub_vip_header .icon_circle_card {
  margin: 0;
}

.master_vip_container .master_vip_body {
  display: flex;
  flex-direction: column;
}

.master_promo_gift, .master_promo_birthday, .master_promo_holiday, .master_promo_week, .master_promo_month {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#swiper-level-detail .master_promo_gift{
  margin-top: 14px;
}

.master_vip_body .master_promo_right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.master_vip_body .master_promo_right div{
  margin-left:16px;
}

.master_vip_header .vip_left_container .name, .sub_vip_header .vip_left_container .name {
  font-weight: 600;
  font-size: 17px;
  margin-left: 20px;
  color: var(--vip_txt_rewards_name);
}

.master_vip_header .vip_right_container .vip_sum_price, .sub_vip_header .vip_right_container .vip_sum_price {
  font-weight: 600;
  font-size: 21px;
  color: var(--vip_txt_rewards_value_special);
}

.promo_claim_total label {
  font-weight: 600;
  font-size: 17px;
  color: var(--vip_txt_rewards_value);
}

 .txt_reward_time label {
  color: var(--vip_txt_rewards_time);
  font-weight: normal;
  font-size: 12px;
 }

 .master_promo_left div {
  color: var(--vip_txt_rewards_name);
 }

 .master_vip_container .master_vip_header .vip_left_container .icon_circle_card, .sub_vip_container .sub_vip_header .vip_left_container .icon_circle_card {
  background: var(--vip_rewards_icon_circle);
 }

 .promo_gift_claim .promo_gift_claim_btn {
  color: var(--btn_box_claim_activated_txt);
  background: var(--btn_box_claim_activated_bg);
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border);
  font-weight: var(--btn_box_claim_activated_weight);
  box-shadow: var(--btn_box_claim_activated_shadow);
  border-radius: var(--btn_box_claim_radius) !important;
  font-size: 14px;
  width: 96px;
  height: 28px;
 }

 .myvip_sub_normal_row .promo_gift_claim_btn {
  color: var(--btn_box_claim_activated_txt);
  background: var(--btn_box_claim_activated_bg);
  border: var(--btn_box_claim_activated_borderthick) solid var(--btn_box_claim_activated_border);
  font-weight: var(--btn_box_claim_activated_weight);
  box-shadow: var(--btn_box_claim_activated_shadow);
  font-size: 14px;
  border-radius: var(--btn_box_claim_radius) !important;
  width: 96px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
 }

.promo_gift_claim .promo_gift_claim_btn:hover {
  color: var(--btn_box_claim_hover_txt);
  background: var(--btn_box_claim_hover_bg);
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border);
  font-weight: var(--btn_box_claim_hover_weight);
  box-shadow: var(--btn_box_claim_hover_shadow);
}

.myvip_sub_normal_row .promo_gift_claim_btn:hover {
  color: var(--btn_box_claim_hover_txt);
  background: var(--btn_box_claim_hover_bg);
  border: var(--btn_box_claim_hover_borderthick) solid var(--btn_box_claim_hover_border);
  font-weight: var(--btn_box_claim_hover_weight);
  box-shadow: var(--btn_box_claim_hover_shadow);
}

.promo_gift_claim .promo_gift_claim_btn:disabled {
  color: var(--btn_box_claim_disabled_txt);
  background: var(--btn_box_claim_disabled_bg);
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border);
  font-weight: var(--btn_box_claim_disabled_weight);
  box-shadow: var(--btn_box_claim_disabled_shadow);
}

.myvip_sub_normal_row .promo_gift_claim_btn:disabled {
  color: var(--btn_box_claim_disabled_txt);
  background: var(--btn_box_claim_disabled_bg);
  border: var(--btn_box_claim_disabled_borderthick) solid var(--btn_box_claim_disabled_border);
  font-weight: var(--btn_box_claim_disabled_weight);
  box-shadow: var(--btn_box_claim_disabled_shadow);
}

.aboutus_bg{
  background-color: var(--faq_bg);
  padding: 50px 0;
  margin: -50px 0;
}

.select2-dropdown{
  border: var(--general_textfield_dropdown_borderthick) solid var(--general_textfield_dropdown_border)!important;
  background-color: var(--general_textfield_dropdown_bg)!important;
  color: var(--general_textfield_dropdown_txt)!important;
  font-weight: var(--general_textfield_dropdown_weight)!important;
  border-top:none!important;
  box-shadow: var(--general_textfield_dropdown_shadow)!important;
}

/*.vip-item {
  height: 47px;
  line-height: 58px;
}*/

/*.vip-item.active {
  border-bottom: 1px solid var(--modals_tabs_active_line);
}

 .vip-item span:focus, .vip-item span:target, .vip-item.active span {
  color: var(--modals_tabs_active_txt) !important;
  font-weight: var(--modals_tabs_active_weight) !important;
  /*border-bottom: 1px solid var(--modals_tabs_active_line);
  text-align: center;
  cursor: pointer;
}*/

/*.vip-item span {
  color: var(--modals_side_menu_title_default);
  cursor: pointer;
  font-size: 14px;
}*/

.myvip_details_container .myvip_sub_level .myvip_title_area .name{
    text-align: left!important;
}

#vip .swiper-container{
  margin: 0 25px;
  height: 60px;
}

#swiper-level-bar .swiper-slide{
  justify-content: flex-start;
  margin-right: 40px!important;
  width: auto!important;
}

#myvip_container hr{
  border-top: 1px solid var(--border_general);
}

#myvip .profile_body_content{
  background-color: var(--page_content_bg);
  border: var(--page_content_borderthick) solid var(--page_content_border);
  -webkit-box-shadow: var(--page_content_shadow);
  box-shadow: var(--page_content_shadow);
  border-top-left-radius: var(--page_content_radius);
  border-top-right-radius: var(--page_content_radius);
  position: relative;
}

#myvip .myvip_detail_container .icon_circle_card img{
  width:32px;
}

.actual_amount_left{
  display: flex;
  flex-direction: column;
}

.remarks_tooltips{
  /*position: absolute;*/
  position: relative;
  width: 20px;
  padding-left: 5px;
}
.remarks_tooltips img{
  width: 100%;
}

.remarks_title_label{
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
.remarks_tooltips label{
  margin-bottom: 0px;
  position: absolute;
  cursor: pointer;
}

.remarks_tooltips span{
  visibility: hidden;
  opacity: 0;
  width: 260px;
  background-color: var(--tooltip_bg);
  color: var(--tooltip_title);
  font-size: 12px;
  text-align: center;
  border-radius: 6px;
  padding: 10px 5px;
  position: absolute;
  z-index: 2;
  top: -60%;
  left: 160%;
}

.remarks_tooltips span::after {
  content: "";
  position: absolute;
  top: 37%;
  left: -3.7%;
  transform: rotate(-90deg);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--tooltip_bg) transparent;
}

.remarks_tooltips input:hover+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}

.remarks_tooltips input {
  display:none;
}

.remarks_tooltips input:checked+span{
  visibility:visible!important;
  opacity:1!important;
  animation-fill-mode: unset!important;
}