/* @import "frame.css"; */
html,
body {
  height: 100%;
}
body {
  font-family: "Microsoft JhengHei", SansSerif, Arial;
  width: 100%;
  min-width: 1382px;
  background: linear-gradient(to bottom, #fff, #f2f8ff);
  overflow: overlay;
}
textarea {
  resize: none;
}
button {
  outline-style: none;
}
.row {
  margin: 0px;
}
.container {
  padding: 0px;
}
.modal-backdrop {
  background-color: transparent;
}
a,
a:visited,
a:link,
a:hover,
a:active {
  text-decoration: none;
}
@font-face {
  font-family: Jersery;
  src: url("../fonts/JerseyM54.ttf");
}
@font-face {
  font-family: IrisUPC;
  src: url("../fonts/upcil_0.ttf");
}
@font-face {
  font-family: "BebasNeue";
  src: url("../fonts/BebasNeue.otf");
}
/****************************
*
*   2021 CSS
*
****************************/

/****************************
*   2021 首頁
****************************/
/* 2021 header */
.login_content_wrap {
  text-align: center;
}
.login_content_header {
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.fifa_login_top {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.fifa_login_top .login_logo {
  background: var(--all-login-logo);
  background-size: contain;
  width: 100px;
  height: 80px;
  margin: auto 10px auto 0;
  cursor: pointer;
}
.fifa_login_top .header-date {
  flex: 1;
  color: #707070;
  white-space: nowrap;
  padding: 75px 0 8px;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.fifa_login_top .header-date #sysDateTime {
  flex: 1;
}
.fifa_login_top .header-date .account_nav {
  margin: 0;
  display: flex;
}
.fifa_login_top .header-date .account_nav li {
  position: relative;
  height: 40px;
}
.fifa_login_top .header-date .account_nav li a {
  color: #363636;
  padding-left: 30px;
  margin-right: 10px;
}
.account_nav li a.icon1 {
  background: url("../img/theme/2021normal/index/com_body_recharge_btn.png") 0 center no-repeat;
  background-size: auto 20px;
}
.account_nav li a.icon2 {
  background: url("../img/theme/2021normal/index/com_body_pickup_btn.png") 0 center no-repeat;
  background-size: auto 20px;
}
.account_nav li a.icon3 {
  background: url("../img/theme/2021normal/index/com_body_transfer_btn.png") 0 center no-repeat;
  background-size: auto 20px;
}
.account_nav li:hover .quick_transfer_box {
  position: absolute;
  top: 40px;
  left: 50%;
  border-radius: 5px;
  background: #ffffff;
  transform: translateX(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 110;
  display: block;
}
.account_nav li:hover .quick_transfer_box ul {
  max-height: 500px;
  padding: 5px 20px;
  display: block;
  overflow-y: auto;
}
.account_nav li .quick_transfer_box {
  display: none;
}
.account_nav li .quick_transfer_box::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  width: 13px;
  height: 13px;
  background: #fff;
  transform: rotate(-45deg) translateX(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.account_nav li .quick_transfer_box::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  width: 30px;
  height: 15px;
  background: #fff;
  transform: translateX(-44%);
}
.account_nav li ul > li {
  font-size: 16px;
  color: #272727;
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
.account_nav li ul > li:last-child {
  border-bottom: none;
}
.account_nav li ul > li select {
  -webkit-appearance: none;
  border: 1px solid #808080;
  background: #ffffff url("../img/select_arrow.svg") no-repeat right 5%;
  color: #808080;
  border-radius: 5px;
  min-width: 100px;
  font-size: 16px;
  padding: 3px 25px 3px 8px;
}
.account_nav li ul > li .name {
  width: 80px;
}
.account_nav li ul > li .amount {
  flex: 1;
  min-width: 120px;
  text-align: right;
  margin-right: 20px;
}
.account_nav li ul > li button {
  color: #283763;
  font-size: 15px;
  min-width: 100px;
  padding: 3px 12px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #fbfcff, #bec9d4);
  border: none;
}
.account_nav li ul > li button:disabled {
  color: #8a8a8a;
  background: #e4e4e4;
}
.fifa_number_line {
  color: #707070;
  font-size: 14px;
  margin: 0 0 20px 20px;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.fifa_number_line .number_line_wrap {
  border-radius: 5px;
  height: 30px;
  min-width: 85px;
  border: 1px solid #cccccc;
  padding: 0 10px;
  background: white;
  margin-right: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.fifa_number_line .number_line_wrap span {
  flex: 1;
  text-align: right;
}
.fifa_number_line .number_line_wrap::before {
  content: "";
  background: url("../img/nav01.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
}
/* 2021 header END */
/*2021 語系下拉*/
.lang_select_wrap select {
  border-radius: 5px;
  width: 90px;
  height: 30px;
  border: 1px solid #cccccc;
  vertical-align: middle;
  padding-left: 5px;
  background: white url("../img/homessnav01.png") no-repeat right 5px top 10px;
  -webkit-appearance: none;
}
.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0px;
  padding: 0px;
}
.dropdown dd {
  position: relative;
}
.dropdown a,
.dropdown a:visited {
  color: black;
  text-decoration: none;
  outline: none;
  font-size: 14px;
}
.dropdown a:hover {
  color: #686868;
}
.dropdown dt a:hover {
  color: black;
  border: solid 1px rgba(135, 148, 148, 0.5);
}
.dropdown dt a {
  display: block;
  border: solid 1px rgba(135, 148, 148, 0.5);
  border-radius: 5px;
  height: 30px;
  background-color: white;
}
.dropdown dt a span {
  cursor: pointer;
  color: #707070;
  font-size: 14px;
  padding: 2px 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.dropdown dt a span::after {
  content: "";
  width: 0;
  height: 0;
  margin-left: 5px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #283763 transparent transparent transparent;
}
.dropdown dd ul {
  background: white none repeat scroll 0 0;
  border: solid 1px rgba(135, 148, 148, 0.5);
  border-top: none;
  color: #0d3675;
  display: none;
  left: 0px;
  padding: 5px 0px;
  position: absolute;
  top: -2px;
  width: 120px;
  min-width: 100%;
  list-style: none;
  z-index: 1000;
}
.dropdown span.value {
  display: none;
}
.dropdown dd ul li a {
  padding: 5px 10px;
  text-align: left;
  display: block;
}
.dropdown dd ul li a:hover {
  background-color: #f1f1f1;
}
.dropdown img.flag {
  border: none;
  vertical-align: middle;
  margin-right: 10px;
  width: 30px;
  height: 18px;
}
/*2021 語系下拉 END*/
/* 2021 nav功能列 */
.login_navbar_wrap {
  min-width: 1200px;
}
.login_navbar {
  padding: 0 15px;
  width: 1200px;
  margin: 0 auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.login_navbar .login_menu {
  flex: 1;
  text-align: left;
  padding: 10px;
}
.login_navbar .login_menu ul {
  margin-top: 6px;
}
.login_navbar .login_menu ul li {
  position: relative;
  margin-right: 20px;
  display: inline-block;
}
.login_navbar .login_menu ul li a {
  color: #fff;
  cursor: pointer;
}
.login_navbar .sports_menu {
  flex: 1;
  text-align: left;
  padding: 0 10px;
}
.sports_menu ul {
  margin: 0;
}
.login_navbar .sports_menu ul li {
  margin-right: 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
}
.login_navbar .sports_menu ul li a {
  color: #fff;
  cursor: pointer;
}
li.sub > a {
  position: relative;
}
li.sub.new > a::before {
  content: "NEW";
  position: absolute;
  top: -14px;
  right: -13px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  margin-left: 3px;
  border-radius: 18px;
  background: linear-gradient(to right, #ef7e8f, #d9495a);
  background-size: contain;
  box-shadow: 1px 1px 3px rgba(247, 114, 139, 0.6);
  transform: scale(0.72);
}
li.sub.hot > a::before {
  content: "HOT";
  position: absolute;
  top: -14px;
  right: -13px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  margin-left: 3px;
  border-radius: 18px;
  background: linear-gradient(to right, #ef7e8f, #d9495a);
  background-size: contain;
  box-shadow: 1px 1px 3px rgba(247, 114, 139, 0.6);
  transform: scale(0.72);
}
li.sub > a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}
.login_navbar .sports_menu ul li .sports_platform {
  display: none;
}
.login_navbar .sports_menu ul li .sports_platform.fade-in {
  position: absolute;
  top: 178px; /* 要做兩層選單，要覆蓋到1~2px */
  left: 0;
  width: 100%;
  min-width: 1382px;
  height: 155px;
  background:
    url("../img/theme/2021normal/main/sports_menuBg.png") 0 center no-repeat,
    #fff;
  background-size: cover;
  display: block;
  z-index: 50;
}
.sports_menu ul li .sports_platform ul {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1200px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sports_menu ul li .sports_platform.fortg ul {
  width: 1300px;
}
.sports_menu ul li .sports_platform ul li {
  width: 33%;
  height: 155px;
  margin: 0;
  background: url("../img/theme/2021normal/main/sports_menu_libg2.png") center no-repeat;
  background-size: contain;
  display: inline-flex;
  justify-content: center;
}
.sports_menu ul li .sports_platform ul li:hover {
  background: url("../img/theme/2021normal/main/sports_menu_libg1.png") center no-repeat;
  background-size: contain;
}
.sports_menu ul li .sports_platform ul li a {
  color: #283763;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.sports_menu ul li .sports_platform ul li .icon_pic {
  width: 140px;
  margin-right: 10px;
}
.sports_menu ul li .sports_platform ul li .icon_pic img {
  width: 100%;
}
.sports_menu ul li .sports_platform ul li .channel {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sports_menu ul li .sports_platform ul li .channel span {
  font-size: 20px;
  font-weight: bold;
  color: #283763;
  text-align: center;
  display: flex;
  align-items: center;
}
.sports_menu ul li .sports_platform ul li .channel span img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.sports_menu ul li .sports_platform ul li .channel span.type1 {
  margin: 0 auto 10px;
  font-size: 20px;
  font-weight: bold;
  color: #283763;
  display: flex;
}
.sports_menu ul li .sports_platform ul li .channel span.type2 {
  margin: 0 auto 10px;
  padding-left: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #283763;
  display: flex;
  font-style: italic;
}
.sports_menu ul li .sports_platform ul li .channel .status {
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 13px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  background: linear-gradient(to bottom, #f4dbff, #bd81f9);
}
.sports_menu ul li .sports_platform.casinos ul li .channel .status,
.sports_menu ul li .sports_platform.pokers ul li .channel .status,
.sports_menu ul li .sports_platform.gaming ul li .channel .status,
.sports_menu ul li .sports_platform.lotteries ul li .channel .status,
.sports_menu ul li .sports_platform.esports ul li .channel .status {
  background: linear-gradient(to bottom, #ffdbdb, #f98181);
}

.sports_menu ul li .sports_platform ul li .channel .repair {
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 13px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  background: #c1c1c1;
  display: flex;
  align-items: center;
}
.sports_menu ul li .sports_platform ul li .channel .repair::before {
  content: "";
  width: 16px;
  height: 14px;
  margin-right: 5px;
  background: url("../img/theme/2021normal/main/repair_btn_icon.png") center no-repeat;
  background-size: contain;
}

.right_wrap {
  padding: 10px 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.top_nav .account_wrap {
  margin-right: 10px;
  border-radius: 30px;
  height: 30px;
  padding: 0 10px;
  color: var(--top_nav-money_wrap-color);
  background-color: var(--top_nav-money_wrap-bg);
  box-shadow: 2px 2px 5px rgb(51 80 159 / 50%);
  display: flex;
  align-items: center;
}

.right_wrap .account_wrap {
  margin-right: 10px;
  border-radius: 30px;
  height: 30px;
  padding: 0 10px;
  color: var(--right-money_wrap-color);
  background-color: var(--right-money_wrap-bg);
  box-shadow: 2px 2px 5px rgb(51 80 159 / 50%);
  display: flex;
  align-items: center;
}
.account_wrap .user_lv {
  width: var(--vip-user_lv-width);
  height: 30px;
  display: block;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.5;
  color: var(--vip-user_lv-color);
  padding: var(--vip-user_lv-padding);
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account_wrap .user_name {
  min-width: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
}
.account_wrap .user_lv.vip-level0 {
  background: var(--vip-level0);
  background-size: contain;
}
.account_wrap .user_lv.vip-level1 {
  background: var(--vip-level1);
  background-size: contain;
}
.account_wrap .user_lv.vip-level2 {
  background: var(--vip-level2);
  background-size: contain;
}
.account_wrap .user_lv.vip-level3 {
  background: var(--vip-level3);
  background-size: contain;
}
.account_wrap .user_lv.vip-level4 {
  background: var(--vip-level4);
  background-size: contain;
}
.account_wrap .user_lv.vip-level5 {
  background: var(--vip-level5);
  background-size: contain;
}
.account_wrap .user_lv.vip-level6 {
  background: var(--vip-level6);
  background-size: contain;
}
.account_wrap .user_lv.vip-level7 {
  background: var(--vip-level7);
  background-size: contain;
}
.account_wrap .user_lv.vip-level8 {
  background: var(--vip-level8);
  background-size: contain;
}
.account_wrap .user_lv.vip-level9 {
  background: var(--vip-level9);
  background-size: contain;
}
.account_wrap .user_lv.vip-level10 {
  background: var(--vip-level10);
  background-size: contain;
}
.account_wrap .user_lv.vip-level11 {
  background: var(--vip-level11);
  background-size: contain;
}
.account_wrap .user_lv.vip-level12 {
  background: var(--vip-level12);
  background-size: contain;
}
.account_wrap .user_lv.vip-level13 {
  background: var(--vip-level13);
  background-size: contain;
}
.account_wrap .user_lv.vip-level14 {
  background: var(--vip-level14);
  background-size: contain;
}
.account_wrap .user_lv.vip-level15 {
  background: var(--vip-level15);
  background-size: contain;
}
.account_wrap .user_lv.vip-level16 {
  background: var(--vip-level16);
  background-size: contain;
}
/* 2021 总资产 */
.money_wrap {
  position: relative;
  min-width: 200px;
  margin-right: 10px;
  border-radius: 30px;
  height: 30px;
  vertical-align: middle;
  padding: 0 10px;
  text-align: right;
  color: var(--top_nav-money_wrap-color);
  background-color: var(--top_nav-money_wrap-bg);
  box-shadow: 2px 2px 5px rgba(51, 80, 159, 0.5);
}
.right_wrap .money_wrap {
  color: var(--right-money_wrap-color);
  background-color: var(--right-money_wrap-bg);
}
.money_wrap .TG_wallet,
.money_wrap .Total_assets {
  height: 30px;
  align-items: center;
  justify-content: flex-start;
  display: flex;
}
.money_wrap .TG_wallet .wallet_switch b {
  background: var(--transferWallet-icon);
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
}
.money_wrap .wallet_more {
  width: 20px;
  height: 20px;
  background: url(../img/theme/2021normal/index/money_wrap-icon.svg) right no-repeat;
  background-size: auto 16px;
  padding-right: 20px;
  border: none;
  margin-right: 0px;
  display: inline-block;
  box-shadow: none;
}

.money_wrap .wallet_switch {
  font-weight: bold;
  font-style: normal;
  padding-left: 20px;
  background: var(--top_nav-wallet_switch-icon);
  background-size: auto 14px;
  cursor: pointer;
}

.right_wrap .money_wrap .wallet_switch {
  background: var(--right-wallet_switch-icon);
  background-size: auto 14px;
}

.money_wrap b {
  flex: 1;
  font-weight: normal;
  padding: 0 5px;
}

.money_wrap .money_list {
  position: absolute;
  top: 35px;
  right: 5px;
  z-index: 100;
  display: none;
}
.money_wrap .money_list ul {
  position: relative;
  min-width: 350px;
  border-radius: 5px;
  padding: 10px 20px;
  background: #fff;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.2);
  margin: 5px 0 0;
  z-index: 20;
}
.money_wrap .money_list ul::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #fff transparent;
}
.money_wrap .money_list ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e4e4e4;
  color: #333;
  font-weight: bold;
  padding: 5px 0;
  line-height: 30px;
  margin: 0;
}
.money_wrap .money_list ul li:last-child {
  border-bottom: none;
}
.money_wrap .money_list ul li span {
  flex: 0 0 80px;
  line-height: 1.2;
  text-align: left;
}
.money_wrap .money_list ul li b {
  flex: 0 0 130px;
}
.money_wrap .money_list ul li button {
  min-height: 35px;
  line-height: 1.2;
  color: #283763;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  margin-right: 0;
  margin-left: 10px;
  min-width: 90px;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, #fbfcff, #bec9d4);
  border: none;
}
.money_wrap .money_list ul li button::before {
  content: none;
}
.money_wrap .money_list ul li button:disabled {
  color: #8a8a8a;
  background: #e4e4e4;
}
/* 2021 总资产 */
.pwd_wrap {
  margin-right: 10px;
}
/* 2021 nav功能列 END */
/* 2021首頁未讀公告 */
.unread_notice {
  position: absolute;
  top: 115px;
  /* left: 835px; */
  background: #fff;
  width: 500px;
  padding: 10px 20px;
  border-radius: 5px;
  transform-origin: top;
  /* transform: translateX(-50%) scaleY(0); */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  z-index: -100;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.unread_notice.active {
  opacity: 1;
  /* transform: translateX(-73%) scaleY(1); */
  z-index: 9999;
  visibility: visible;
  transform: translateX(-10%);
}
.unread_notice::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 13%;
  width: 15px;
  height: 15px;
  background: #fff;
  transform: rotate(-45deg) translateX(-50%);
}

.unread_notice .unread_group {
  padding: 10px 0;
  border-bottom: 1px solid #e4e4e4;
  display: none;
}
.unread_notice .unread_group.active {
  display: block;
}
.unread_notice .unread_group:last-child {
  border-bottom: none;
}
.unread_notice .unread_group .unread_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.unread_notice .unread_group .unread_header .unread_title {
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.unread_notice .unread_group .unread_header .unread_title span {
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 12px;
  margin-left: 5px;
  line-height: 18px;
  border-radius: 50%;
  background: #e95482;
  display: inline-block;
}
.unread_notice .unread_group .unread_header button {
  border: none;
  background: transparent;
  color: #8a8a8a;
  font-weight: bold;
  font-size: 13px;
  box-shadow: none;
  margin-right: 0;
  padding: 0 5px;
}
.unread_notice .unread_group .unread_header button::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 2px;
  border-top: 2px solid #8a8a8a;
  border-right: 2px solid #8a8a8a;
  transform: rotate(45deg);
  display: inline-block;
}
.unread_notice .unread_group ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0;
  margin-right: 0;
}
.unread_notice .unread_group ul li::before {
  content: "";
  width: 4px;
  height: 18px;
  border-radius: 5px;
  background: #363636;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.unread_notice .unread_group ul li .unread_team {
  max-width: 100px;
  overflow: hidden;
  line-height: 20px;
  padding-right: 15px;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.unread_notice .unread_group ul li .unread_content {
  flex: 1;
  overflow: hidden;
  line-height: 20px;
  padding-right: 15px;
  text-align: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.unread_notice .unread_group .unread_other {
  font-weight: bold;
  display: none;
  flex-direction: row;
  align-items: center;
  padding-left: 18px;
  color: #8a8a8a;
}
.unread_notice .unread_group .unread_other.more {
  display: flex;
}
.close_pig {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
/* 2021首頁未讀公告 END */
/* 2021 首頁公告跑馬燈*/
.marquee_wrap {
  margin: 10px auto;
  width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.marquee_wrap .marquee_icon {
  width: 30px;
  height: 20px;
  margin-right: 10px;
  background: url("../img/theme/2021normal/index/index-marquee_icon.svg") center no-repeat;
  background-size: contain;
}
.marquee_content_login {
  flex: 1;
}
/* 2021 公告跑馬燈 END */

/* 2021 首頁廣告輪播 */
.login_content_main {
  width: 100%;
}
#myCarousel {
  margin: 0 auto;
  width: 1200px;
  border-radius: 10px;
  overflow: hidden;
}
/* 2021 首頁廣告輪播 END */

/*2021 login dialog*/
#loginModal {
  z-index: 1041;
}
.loginModal {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 500px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  animation: animatezoom 0.4s;
  border-radius: 15px;
  background: var(--loginModal-bg);
  background-size: 100% 100%;
  overflow: var(--loginModal-overflow);
  z-index: 50;
}
.loginModal::before {
  content: var(--loginModal-before);
  position: absolute;
  top: 20px;
  left: 10px;
  width: 80px;
  height: 130px;
  background: url("../img/theme/2021normal/index/index-loginBgl.png") center 0 no-repeat;
  background-size: 100% auto;
  z-index: 1;
}
.loginModal::after {
  content: var(--loginModal-after);
  position: absolute;
  bottom: var(--loginModal-after-bottom);
  right: var(--loginModal-after-right);
  width: var(--loginModal-after-width);
  height: var(--loginModal-after-height);
  background: var(--loginModal-after-bg);
  background-size: contain;
}
.loginModal_logo {
  position: relative;
  width: 100%;
  height: 120px;
  padding: 15px 0px;
  background: var(--all-login-logo);
  background-size: auto 100px;
  z-index: 10;
}

.loginModal_sendSms {
  flex: 1;
  height: 34px;
  color: #fff;
  border-radius: 19px;
  border: none;
  background-image: var(--index-sendSms-bg);
}
.loginModal_sendSms:disabled {
  color: #8a8a8a;
  background: #e4e4e4;
}
.loginModalhead {
  position: relative;
  width: 100%;
  text-align: center;
  color: var(--loginModalhead-color);
  letter-spacing: 3px;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 10px;
  background: var(--loginModalhead-bg);
  z-index: 10;
}
#loginModal form.form-horizontal {
  position: relative;
  padding: 30px 70px 0px 70px;
  text-align: center;
  z-index: 10;
}
.login_row {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.login_row .login_account {
  background: url("../img/theme/2021normal/index/login_account.svg") 15px center no-repeat;
  background-size: auto 20px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: var(--loginModalhead-input-border);
  border-radius: 5px;
  padding-left: 50px;
  outline: none;
}
.login_row .login_pwd {
  background: url("../img/theme/2021normal/index/login_pwd.svg") 15px center no-repeat;
  background-size: auto 20px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: var(--loginModalhead-input-border);
  border-radius: 5px;
  padding-left: 50px;
  outline: none;
}

.login_row .pwdShowHide {
  display: var(--login-pwdHide-show);
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  border: 0;
  box-shadow: none;
  outline: none;
  margin-right: 10px;
  top: 6%;
  width: 30px;
  height: 30px;
  background: url("/assets/primary/normal/img/icons/pwdHide.png") center no-repeat;
  background-size: 75% auto;
  cursor: pointer;
}

.login_row .pwdShowHide.show {
  background: url("/assets/primary/normal/img/icons/pwdShow.png") center no-repeat;
  background-size: 75% auto;
}
.login_row .verification {
  background: url("../img/theme/2021normal/index/login_verification.svg") 15px center no-repeat;
  background-size: auto 20px;
  min-width: 200px;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: var(--loginModalhead-input-border);
  border-radius: 5px;
  padding-left: 45px;
  margin-right: 20px;
  outline: none;
}
.login_row .verification::placeholder {
  font-size: 13px;
}
.login_row .verification-pic {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.login_row .verification-pic .input-group-addon {
  width: 50px;
  height: 34px;
  padding: 6px;
  display: inline-block;
  cursor: pointer;
}
.login_row .verification-pic .input-group-addon img {
  height: 100%;
  border-radius: 0 4px 4px 0;
}
.login_row .login_select {
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  outline: none;
}
.login_row .login_phone {
  background: url("../img/icon/phone.png") 18px center no-repeat;
  background-size: auto 20px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding-left: 50px;
  outline: none;
}
.login_row .login_mail {
  background: url("../img/icon/mail.png") 15px center no-repeat;
  background-size: 18px auto;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  border: none;
  border-radius: 5px;
  padding-left: 50px;
  outline: none;
}
.login_row .patternCode {
  width: 90px;
  height: 34px;
  padding: 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-horizontal .modal_times_btn_wrap {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-horizontal .modal_times_btn_wrap .loginModal_confirm {
  flex: 1;
  height: 40px;
  font-size: 16px;
  color: white;
  box-shadow: none;
  border: 0;
  cursor: pointer;
  border-radius: 30px;
  margin-right: 10px;
  background-image: linear-gradient(to right, #69b3fc, #9151f3);
  box-shadow: 0 0 5px 0 rgba(51, 80, 159, 0.5);
}
.form-horizontal .modal_times_btn_wrap .loginModal_cancel {
  flex: 1;
  height: 40px;
  font-size: 16px;
  color: #333;
  background-size: contain;
  box-shadow: none;
  border: 0;
  cursor: pointer;
  border-radius: 30px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  margin-left: 10px;
  max-width: none;
}
.remember_account {
  display: flex;
  flex: 1;
  align-items: center;
  text-align: left;
  color: var(--index-loginModal-color);
}
.remember_account .checkbox {
  display: none;
}
.remember_account label {
  padding-left: 35px;
  line-height: 30px;
  margin: 0;
  background: var(--index-checkbox-bg);
  background-size: auto 30px;
}
.remember_account .checkbox:checked + label {
  background: var(--index-checkbox-checked-bg);
  background-size: auto 30px;
}
.login_row .forget_pwd {
  display: flex;
  align-items: center;
  text-align: right;
}
.forget_pwd a {
  color: var(--index-loginModal-color);
  text-decoration: underline;
  cursor: pointer;
}
/*2021 login dialog END*/

/* 2021 dialog base*/
.cover_order {
  display: none;
  position: fixed;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1042;
  text-align: center;
}
.modal_pmode {
  position: relative;
  background: linear-gradient(to bottom, #ffffff 49%, #ffffff 49%, #e2e2e2 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0);
  margin: auto;
  padding: 0;
  width: 400px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 450px;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 10px;
  overflow: hidden;
}
.modal_order01,
.modal_order02 {
  position: relative;
  margin: auto;
  padding: 0;
  width: 540px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  min-height: 620px;
  animation: animatezoom 0.4s;
  border-radius: 15px;
  overflow: hidden;
  background: var(--modal_order-bg);
  background-size: cover;
}
.modal_head_order {
  position: relative;
  width: 100%;
  height: 54px;
  text-align: center;
  color: white;
  letter-spacing: 4px;
  font-size: 20px;
  line-height: 54px;
  background: var(--modal_head_order-bg);
  background-size: cover;
}
.modal_head_order .close_icon {
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.modal_head_pmode {
  width: 100%;
  min-height: 54px;
  text-align: center;
  color: white;
  letter-spacing: 4px;
  font-size: 20px;
  padding-top: 12px;
  padding-left: 3%;
  background: var(--modal_head_order-bg);
}
.modal_head_pmode .close_icon {
  top: 13px;
}
.modal_order03 {
  position: relative;
  margin: auto;
  padding: 0;
  width: 540px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  animation: animatezoom 0.4s;
  overflow: hidden;
  border-radius: 10px;
  background: var(--modal_order03-bg);
  background-size: 100% auto;
}
.order_success_wrap {
  width: 100%;
  padding: 15px 0px;
}
.order_success_wrap .success_icon,
.order_success_wrap .failure_icon {
  width: 55px;
  height: 55px;
  margin: 10px auto;
}
.order_success_wrap .success_icon {
  background: var(--success_icon);
  background-size: contain;
}
.order_success_wrap .failure_icon {
  background: var(--failure_icon);
  background-size: contain;
}
.order_success_wrap .processing_icon {
  background: var(--processing_icon);
  background-size: contain;
  width: 70px;
  height: 70px;
  margin: 20px auto 0px auto;
}
.modal_head_order03 {
  width: 100%;
  text-align: center;
  color: var(--order_cost_hr-color);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.order03_info {
  padding: 20px;
  margin: 0 20px 20px;
  border-radius: 5px;
  background: var(--order_order03_info-bg);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.order03_info .info_row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.order03_info .info_row.t-line {
  padding-top: 10px;
  border-top: 1px solid #92a4c3;
}
.order03_info .info_row b {
  color: var(--order_overage-color);
  line-height: 30px;
  margin-right: 10px;
}
.order03_info .info_row .order03_Num {
  font-family: sans-serif;
  color: var(--order_order03_Num-color);
  font-size: 16px;
  font-weight: bold;
}
.order03_info .info_row .order03_Num::before {
  content: "NO.";
}
.order03_info .info_row .info_col,
.order03_info .info_row .info_col2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.order03_info .info_row .info_col span,
.order03_info .info_row .info_col2 span {
  color: #fff;
  font-size: 12px;
  padding: 2px 10px;
  min-width: 70px;
  justify-content: center;
  border-radius: var(--modal_head_order-radius);
  margin-bottom: 5px;
  background: var(--modal_head_order-bg);
  display: inline-flex;
}
.order03_info .info_row .info_col span {
  left: 35px;
}
.order03_info .info_row .info_text {
  font-size: 15px;
  color: var(--order_order03_info-color);
}
.order03_info .info_row #res_activity_icon {
  margin-left: 10px;
}
.order03_info .info_row .fifa_res_sPawben,
.order03_info .info_row .fifa_res_icon-pawbenVip {
  margin-left: 10px;
  position: relative;
  top: -5px;
}

.order03_info .info_row .info_text.TeamName::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #eaf5fb, #b2c9d5);
  display: inline-block;
}
.order03_info .info_row .info_text2 {
  flex: 1;
  text-align: right;
  font-size: 20px;
  color: var(--order_order03_info-color);
  font-weight: bold;
}
.order03_info .info_row .info_text2.info_green {
  color: #28bf44;
}
.order03_ad {
  margin: 20px;
}
.order03_ad a {
  width: 500px;
  cursor: pointer;
  display: block;
  height: 100px;
  background: var(--mb-banner);
  background-size: cover;
}

.modal_setting {
  position: relative;
  margin: auto;
  padding: 0;
  width: 540px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: auto;
  min-height: 360px;
  animation: animatezoom 0.4s;
  border-radius: 15px;
  overflow: hidden;
  background: var(--market-quickMoneySetting-bg);
  background-size: contain;
}
.setting_wrap {
  padding: 20px 55px 20px 30px;
}
.setting_table {
  display: table;
  width: 100%;
}
.setting_row {
  display: table-row;
}
.setting_cell {
  display: table-cell;
  padding: 10px 0px;
  color: var(--order_cost_hr-color);
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
}
.setting_cell input[type="text"],
.setting_cell input[type="number"] {
  width: 100%;
  height: 40px;
  color: var(--order_amount-color);
  font-weight: bold;
  letter-spacing: 1px;
  padding-left: 10px;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: var(--order_amount-bg);
}

/* Chrome, Safari, Edge, Opera 隱藏數字輸入框小箭頭*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox 隱藏數字輸入框小箭頭*/
input[type="number"] {
  -moz-appearance: textfield;
}
.order03_btnBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 30px 20px;
}
.order03_btnBlock .cancel {
  flex: 1 1 50%;
  max-width: 50%;
  height: 45px;
  border: none;
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 10px;
  color: #707070;
  font-weight: 600;
  cursor: pointer;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 16%);
  background: #ffffff;
}
.order03_btnBlock .toList {
  flex: 1 1 50%;
  max-width: 50%;
  height: 45px;
  border: none;
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 10px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 16%);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}
/*用户协议*/
.agreement_content {
  color: #707070;
  font-size: 15px;
  line-height: 24px;
  padding: 20px 30px;
  text-align: left;
}
.agreement_control {
  width: 100%;
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.agreement_control .disagree_btn {
  color: #707070;
  flex: 1;
  height: 40px;
  margin: 0 10px;
  border: none;
  border-radius: 30px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.agreement_control .agree_btn {
  color: #fff;
  flex: 1;
  height: 40px;
  margin: 0 10px;
  border: none;
  border-radius: 30px;
  box-shadow: 0 0 3px 0 rgba(51, 80, 159, 0.5);
  background-image: linear-gradient(to right, #69b3fc, #9151f3);
}
/*用户协议 END*/
/*系統提示*/
.pmode_content {
  width: 100%;
  text-align: center;
}
.pmode_opps {
  background: url("/assets/primary/normal/img/icons/pmode.png") no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
  margin: 20px auto;
}
.pmode_text {
  font-size: 18px;
  letter-spacing: 1px;
}
.pmode_ok {
  background: url("../img/pnumberdown01.svg") no-repeat;
  width: 120px;
  height: 50px;
  border: none;
  color: white;
  font-size: 14px;
  letter-spacing: 5px;
  padding-left: 15px;
  padding-top: 5px;
  margin: 30px 0 20px;
}
.pmode_ok:hover {
  color: #fcee21;
}
/*系統提示 END*/
/* 2021 dialog base END */

.head .search_League {
  width: 250px;
  height: 36px;
  border-radius: 10px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
.head .search_League {
  width: 250px;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.head .search_League input {
  flex: 1;
  border: none;
  outline: none;
}
.head .search_League input::placeholder {
  color: #c1c1c1;
}
.head .search_League .search_btn {
  width: 20px;
  height: 20px;
  background: url("../img/theme/2021normal/main/search_btn.svg") no-repeat;
  background-size: contain;
  border: none;
}

/* 2021 市場列表 */
.market_sidebar .content_block_table {
  display: table;
  width: 100%;
}
.market_sidebar .content_block_table .content_blcok_row {
  display: table-row;
}

/* 2021 左側賽事選單 */
.market_sidebar .content_block_table .content_block_left {
  display: table-cell;
  min-width: 240px;
  padding-left: 10px;
}
.market_sidebar {
  padding: 1.3% 0% 50px 0% !important;
}

.content_block_left_wrap {
  max-height: 1420px;
  padding-bottom: 20px;
  overflow-y: auto;
}
.content_block_left .mb5 {
  margin-bottom: 5px;
}
.content_block_left .market_btn_space {
  margin-bottom: 5px;
}
.content_block_left .market_btn {
  width: 100%;
  height: 50px;
  margin-left: 0;
  cursor: pointer;
  position: relative;
  background: var(--market-datelist_btn-bg);
  border-radius: 5px;
}
.content_block_left .market_btn.clear_type {
  background: linear-gradient(to bottom, #bebebe, #888) !important;
}
.content_block_left .open .market_btn,
.content_block_left .market_btn:hover {
  background: var(--market-datelist_btn-hover-bg);
}
.content_block_left .market_btn .market_btn_icon01 {
  background: url("../img/marketssnav01.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .market_btn_icon02 {
  background: url("../img/marketssnav01.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .market_btn_icon03 {
  background: url("../img/marketssnav05.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .market_btn_icon04 {
  background: url("../img/marketssnav01.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .market_search_btn {
  background: url("/assets/primary/normal/img/icons/market_search.png") center no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .market_clear_btn {
  background: url("/assets/primary/normal/img/icons/market_clear.png") center no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
}
.content_block_left .market_btn .game_list_tab {
  color: white;
  font-size: 18px;
  font-family: "Microsoft JhengHei", SansSerif, Arial;
  letter-spacing: 1px;
  line-height: 30px;
  padding-top: 10px;
  padding-left: 20px;
}
.content_block_left .market_btn .market_btn_arrow {
  position: absolute;
  right: 8%;
  top: 18px;
  display: inline-block;
  border-color: transparent transparent transparent white;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  border-radius: 2px;
  height: 0px;
  width: 0px;
  -webkit-transition: 300ms linear all;
  transition: 300ms linear all;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: 300ms linear all;
}
.content_block_left .open .market_btn .market_btn_arrow {
  transform: rotate(-90deg);
  transition: 300ms linear all;
}
.market_game_list {
  display: none;
}
.market_game_list .market_game {
  width: 100%;
}
.market_game_list .market_game:last-child {
  margin-bottom: 5px;
}
.market_game .game_wrap {
  width: 100%;
  cursor: pointer;
  padding: 5px;
}
.market_game_active .game_wrap {
  border-radius: 10px;
  box-shadow: var(--market-game_active-shadow);
}
.market_game .game_name_wrap {
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.market_game .game_category {
  position: relative;
  width: 100%;
  font-size: 14px;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  color: var(--market-game_category-font);
  background: var(--market-game_category-bg);
}

.market_game .game_category .game_icons {
  display: flex;
  position: absolute;
  right: 5px;
  top: 3px;
  width: 50%;
  justify-content: flex-end;
  align-items: center;
}

.market_game .game_category .game_icons > * {
  position: unset;
}

.market_game:hover .game_category,
.market_game_active .game_category {
  color: var(--market-game_category-hover-font);
  background: var(--market-game_category-hover-bg);
}
.market_game .game_category b {
  font-weight: bold;
  /* margin-left: 10px; */
}
.market_game .game_name {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  color: var(--side_nav-font-color);
  font-weight: bold;
  position: relative;
  background:
    url("../img/theme/2021normal/main/marketList-GameNameBg.png") right bottom no-repeat,
    var(--market-game_name-bg);
  background-size: auto 106px;
  border-radius: 0 0 10px 10px;
}
.market_game:hover .game_name,
.market_game_active .game_name {
  background:
    url("../img/theme/2021normal/main/marketList-GameNameBg.png") right bottom no-repeat,
    var(--market-game_name-hover-bg);
  background-size: auto 106px;
}
.market_game .game_name span {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.market_game .game_name span::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-top: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--market-game_name-before);
  display: inline-block;
}
/* 2021 左側賽事選單 END */
/*賽事等級*/
.game_level {
  min-width: 5em;
  min-height: 1.6em;
  color: #fff;
  font-weight: bold;
  padding: 0 0.2em 0 1.2em;
  border-radius: 2em;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
  margin-left: 2em;
  position: absolute;
  right: 0.5em;
  top: 1.1em;
  font-size: 12px;
  border: 1.5px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.game_level.typeA {
  display: flex;
  background-image: linear-gradient(to right, #04408e 0%, #4193ff 30%, #04408e 100%),
    linear-gradient(
      180deg,
      #ffe9a4 -16%,
      #ffe9a4 -15%,
      #fde69f -11%,
      #f8de91 -6%,
      #f1d17a -1%,
      #e6bf5a 4%,
      #d9a731 9%,
      #c98b00 14%,
      #ffe9a4 44%,
      #fde69f 47%,
      #f8de91 50%,
      #f1d17a 53%,
      #e6bf5a 57%,
      #d9a731 61%,
      #c98b00 64%,
      #ffe9a4 85%,
      #fde69f 87%,
      #f8de91 90%,
      #f1d17a 93%,
      #e6bf5a 95%,
      #d9a731 98%,
      #c98b00 101%,
      #c98b00 103%
    );
}
.game_level.typeB {
  display: flex;
  background-image: linear-gradient(to right, #ae4000 0%, #ffaa71 30%, #ae4000 100%),
    linear-gradient(
      180deg,
      #ffe9a4 -16%,
      #ffe9a4 -15%,
      #fde69f -11%,
      #f8de91 -6%,
      #f1d17a -1%,
      #e6bf5a 4%,
      #d9a731 9%,
      #c98b00 14%,
      #ffe9a4 44%,
      #fde69f 47%,
      #f8de91 50%,
      #f1d17a 53%,
      #e6bf5a 57%,
      #d9a731 61%,
      #c98b00 64%,
      #ffe9a4 85%,
      #fde69f 87%,
      #f8de91 90%,
      #f1d17a 93%,
      #e6bf5a 95%,
      #d9a731 98%,
      #c98b00 101%,
      #c98b00 103%
    );
}
.game_level.typeC {
  display: flex;
  background-image: linear-gradient(to right, #2e2e2e 0%, #8e8e8e 30%, #2e2e2e 100%),
    linear-gradient(
      180deg,
      #ffe9a4 -16%,
      #ffe9a4 -15%,
      #fde69f -11%,
      #f8de91 -6%,
      #f1d17a -1%,
      #e6bf5a 4%,
      #d9a731 9%,
      #c98b00 14%,
      #ffe9a4 44%,
      #fde69f 47%,
      #f8de91 50%,
      #f1d17a 53%,
      #e6bf5a 57%,
      #d9a731 61%,
      #c98b00 64%,
      #ffe9a4 85%,
      #fde69f 87%,
      #f8de91 90%,
      #f1d17a 93%,
      #e6bf5a 95%,
      #d9a731 98%,
      #c98b00 101%,
      #c98b00 103%
    );
}
.game_level.typeD {
  display: flex;
  background-image: linear-gradient(to right, #664c03 0%, #d1ab16 30%, #664c03 100%),
    linear-gradient(
      180deg,
      #ffe9a4 -16%,
      #ffe9a4 -15%,
      #fde69f -11%,
      #f8de91 -6%,
      #f1d17a -1%,
      #e6bf5a 4%,
      #d9a731 9%,
      #c98b00 14%,
      #ffe9a4 44%,
      #fde69f 47%,
      #f8de91 50%,
      #f1d17a 53%,
      #e6bf5a 57%,
      #d9a731 61%,
      #c98b00 64%,
      #ffe9a4 85%,
      #fde69f 87%,
      #f8de91 90%,
      #f1d17a 93%,
      #e6bf5a 95%,
      #d9a731 98%,
      #c98b00 101%,
      #c98b00 103%
    );
}
.game_level::before {
  content: "";
  display: block;
  padding: 1.2em;
  position: absolute;
  left: -1.2em;
}
.game_level.typeA::before {
  background: url("../../../assets/primary/normal/img/icons/gameLevel_01.png") no-repeat center / 100%;
}
.game_level.typeB::before {
  background: url("../../../assets/primary/normal/img/icons/gameLevel_02.png") no-repeat center / 100%;
}
.game_level.typeC::before {
  background: url("../../../assets/primary/normal/img/icons/gameLevel_03.png") no-repeat center / 100%;
}
.game_level.typeD::before {
  background: url("../../../assets/primary/normal/img/icons/gameLevel_04.png") no-repeat center / 100%;
}
.market_game_title .game_level {
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  align-self: center;
}

.market_btn {
  width: 100%;
  cursor: pointer;
}
.content_block_left .market_btn div {
  display: inline-block;
  vertical-align: middle;
}
/*列表*/
.market_sidebar .content_block_table .content_block_right {
  display: table-cell;
  width: 100%;
  overflow-x: auto;
  vertical-align: top;
  padding-top: 50px;
  padding-left: 2%;
  padding-right: 40px;
}

.market_list_btn {
  float: right;
  margin-top: 8px;
}
.market_list_btn .game_record {
  border: none;
  min-width: 100px;
  height: 30px;
  padding: 4px 10px;
  margin-right: 10px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  background: var(--market-game_record-bg);
}
.market_list_btn .update {
  width: 100px;
  height: 30px;
  color: white;
  font-size: 16px;
  padding: 4px 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  background: linear-gradient(to bottom, #196397, #0d3653);
  display: inline-block;
}
.market_list_btn .update span {
  min-width: 25px;
  margin-left: 10px;
  color: #f2bf46;
  display: inline-block;
}
.market_game_title {
  color: white;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 20px;
  background: var(--market-game_title-bg);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.market_table_head {
  background: var(--market-market_table_head-bg);
  padding: 10px 20px;
  box-shadow:
    -3px -3px 3px rgba(135, 148, 148, 0.3),
    3px -3px 3px rgba(135, 148, 148, 0.3);
  border-radius: 10px 10px 0px 0px;
  position: relative;
}
/* 2024 列表開闔 unopen */
.head_icon_open,
.head_icon_unopen {
  display: none;
}
.market_style2 .head_icon_open,
.market_style2 .head_icon_unopen {
  display: flex;
}
.market_table_content .head_icon_open,
.market_table_content .head_icon_unopen,
.market_table_content .table_switch {
  content: "";
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 -10px 0 20px;
  cursor: pointer;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.2));
  background: url(../img/icon/market_arrow.svg) no-repeat center / 100%;
  transform: rotate(0deg);
  min-width: auto;
  border-radius: 0;
  box-shadow: none;
}
.market_table_content.unopen .head_icon_open,
.market_table_content.unopen .table_switch {
  filter: drop-shadow(-3px 0px 3px rgba(0, 0, 0, 0.2));
  transform: rotate(180deg);
}
.market_table_content.unopen .market_table_head {
  border-radius: 10px;
}
.market_table_content.unopen tbody {
  display: none;
}
.market_whole_row.unopen {
  height: 70px;
}
/* 2024 列表開闔 end */

.market_table_head .market_table_row {
  color: var(--market-market_table_row-color);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.market_table_head .market_table_row .head_title {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.market_table_row .head_title.new::after {
  content: "NEW";
  background-image: linear-gradient(116deg, #ef7e8f 10%, #d9495a);
  border-radius: 15px;
  padding: 3px 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
  /* position: absolute;
  right: 120px;
  top: 13px; */
}

.market_table_head .market_table_row .head_amount {
  flex: 1;
  font-size: 15px;
  padding-left: 20px;
}
.market_table_head .market_table_row button.head_icon2 {
  background: var(--market-head_icon2-bg);
  background-size: contain;
  width: 30px;
  min-width: auto;
  height: 30px;
  border-radius: 3px;
  box-shadow: 0 0 3px var(--market-head_icon2-shadow);
}
.market_table_content button {
  border: none;
  background: var(--market-button-bg);
  /* min-width: 42px; */
  height: 25px;
  margin: 0 2px;
  color: #283763;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
  box-shadow: 2px 2px 3px rgba(11, 89, 146, 0.3);
  width: max-content;
}
.market_table_content button.booking_btn {
  background: var(--market-booking_btn-bg);
}

.market_table_content {
  width: 100%;
  background: var(--market-market_table-bg);
  border-radius: 0px 0px 10px 10px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.market_table_content tbody tr:last-child td {
  border-bottom: none;
}
.market_table_content td {
  position: relative;
  padding: 14px 2px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.16);
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  height: 55px;
}
.market_table_content .cell_45 {
  text-align: right;
  color: var(--market-cell_45-color);
  font-weight: bold;
}
.market_table_content .content_title .cell_45 {
  text-align: right;
}
.market_table_content .cell_order {
  width: 115px;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px rgba(0, 0, 0, 0.16);
}

.market_table_content .content_last td {
  border-bottom: none;
}
.market_table_content .content_last .cell_45 {
  border-right: none;
  text-align: right;
}
.market_table_content .btn_order {
  width: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.market_table_content .content_title th {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: var(--market-market_th-color);
  padding: 14px 0px;
  vertical-align: middle;
  text-align: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.16);
}

/* 列表 END */

/* 2021 市場列表交易訊息 */
.order_game {
  padding: 10px;
  margin: 15px 25px 10px;
  color: var(--order_order_game-color);
  border-radius: var(--order_order_game-radius);
  background: var(--order_order_game-bg);
  background-size: 100% 100%;
  border-bottom: var(--order_order_game-border);
  box-shadow: var(--order_order_game-shadow);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal_booking .order_game {
  background: var(--order_booking-bg);
  background-size: 100% 100%;
  box-shadow: var(--order_booking-shadow);
}
.order_game .order_name {
  flex: 1;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: initial;
}
.order_game .order_icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.order_game .order_name .time {
  text-align-last: left;
}
.order_game .order_name .leagueName {
  color: var(--leagueName-color);
  font-size: 14px;
  text-align-last: left;
}
.order_game .order_name .fifa_sGameName,
.order_game .order_name .fifa_sGameName2 {
  color: var(--order_order_cost-color);
  font-size: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.order_game .order_name .fifa_sGameName::before,
.order_game .order_name .fifa_sGameName2::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #eaf5fb, #b2c9d5);
  display: inline-block;
}

.order_game .order_score {
  width: 34%;
}
.order_game .order_score {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
  width: 29%;
  text-align: right;
  padding-right: 1%;
  vertical-align: middle;
}
.order_game .order_score div {
  display: inline-block;
  vertical-align: top;
}
.order_score .order_score_line1 {
  width: 100%;
  text-align: right;
  letter-spacing: 2px;
}
.order_score .order_score_line2 {
  font-size: 15px;
  text-align: right;
  padding-right: 10px;
  color: #0d3675;
  padding-top: 2px;
}

#sExprience.icon_payExprience.active,
#sExprience2.icon_payExprience.active,
#sExprience3.icon_payExprience.active,
#res_activity_icon.res_activity_icon.active {
  display: block;
  background-size: 100% auto;
  position: absolute;
  width: 46px;
  height: 22px;
  right: 10px;
}
.order_game .icon_payExprience.active {
  background-size: 100% auto;
  width: 46px;
  height: 22px;
}
.fifa_sPawben {
  position: relative;
  background: var(--market-pawbenIcon);
  background-size: 100% auto;
  margin-left: 0px;
  right: 4px;
  top: 2px;
  width: 40px;
  height: 55px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  display: inline-block;
  vertical-align: top;
}
.icon-pawbenVip {
  background: var(--market-pawbenVipIcon);
  background-size: 100% auto;
  margin-left: 0px;
  right: 4px;
  top: 2px;
  width: 40px;
  height: 55px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  display: inline-block;
  vertical-align: top;
}
.blue_title_wrap {
  width: 100%;
}
.blue_title_wrap .blue_title {
  display: block;
  width: 100%;
  text-align: center;
}
.blue_title_wrap .blue_title .against_text {
  padding: 0px 5px;
  letter-spacing: 3px;
}
.blue_title_wrap .reserve_num {
  text-align: left;
  margin-left: 35px;
  font-size: 14px;
  color: var(--booking_reserve_num-color);
}
.against_text .orderSelection {
  font-size: 20px;
  color: #ed3833;
  font-weight: bold;
}
.blink {
  color: #f0ff00;
  animation-duration: 0.6s;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-play-state: running;
}
@keyframes blink {
  from {
    color: #f0ff00;
  }
  to {
    color: #ff0000;
  }
}
@-webkit-keyframes blink {
  from {
    color: #f0ff00;
  }
  to {
    color: #ff0000;
  }
}

.order_cost {
  margin: 20px 30px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--order_order_cost-bg);
  display: block;
  box-shadow: 0 0 8px rgba(138, 149, 158, 0.3);
}
.order_cost .order_cost_hr {
  background: var(--order_cost_hr-bg);
  color: var(--order_cost_hr-color);
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.order_cost .order_cost_tr {
  font-family: sans-serif;
  color: var(--order_order_cost-color);
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 0 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.order_cost .order_cost_fr {
  color: var(--game_record-all_no_data-color);
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  border-bottom: 1px solid #92a4c3;
}

.order_cost .amount {
  position: relative;
  flex: 1;
  padding: 0 20px;
}
.order_cost .amount input,
.order_cost .amount #OrderAmount2 {
  width: 100%;
  height: 30px;
  color: var(--order_amount-color);
  text-align: center;
  padding: 0 5px;
  border-radius: 2px;
  border: solid 1px #6b6886;
  background: var(--order_amount-bg);
  outline: none;
}
.order_cost .order_cost_tr .amount::after {
  content: "×";
  position: absolute;
  top: 50%;
  right: -2px;
  color: var(--order_amount-color);
  font-size: 24px;
  transform: translateY(-50%);
}
.order_cost .profit {
  flex: 0 0 120px;
  padding: 0 10px;
}
.order_cost .profit input,
.order_cost .profit #sProfit2 {
  width: 100%;
  height: 30px;
  color: #6b6886;
  text-align: center;
  padding: 0 5px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  outline: none;
}
.order_cost .Estimated-profit {
  position: relative;
  flex: 1;
  line-height: 30px;
  height: 30px;
  padding: 0 20px;
}
.order_cost .Estimated-profit span {
  color: #28bf44;
}
.order_cost .order_cost_tr .Estimated-profit::before {
  content: "=";
  position: absolute;
  top: 50%;
  left: -2px;
  color: var(--order_amount-color);
  font-size: 24px;
  transform: translateY(-50%);
}
.order_cost .Estimated-profit .fee {
  position: absolute;
  top: 35px;
  left: 50%;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #ed3833;
  transform: translateX(-50%);
}
.order_cost .Estimated-profit .fee b {
  font-size: 15px;
  display: block;
}
/* 20210917 快捷转帐popup */

.sports_wrap {
  width: 100%;
  height: 560px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.sports_wrap .modal_btn_group {
  padding: 0;
  margin-top: auto;
}
.sports_content {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 0 6px 0 rgba(138, 149, 158, 0.25);
  background-image: linear-gradient(to bottom, #fff, #eef3ff);
  overflow: hidden;
}
.sports_content::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 2%;
  width: 96%;
  height: 20px;
  border-radius: 50px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #fff 80%, #e9f1fe);
}
.sports_content .sports_title {
  color: #3b4d8c;
  font-size: 14px;
  padding: 10px 20px;
  box-shadow: 0 1px 3px 0 rgba(138, 149, 158, 0.16);
  background: #fff;
  display: flex;
  align-items: center;
}
.sports_content .sports_title b {
  margin-right: 20px;
}
.sports_content .sports_title span {
  flex: 1;
  text-align: left;
}
.sports_content .sports_title input[type="checkbox"] {
  display: none;
}
.sports_content .sports_title input[type="checkbox"] + label {
  position: relative;
  background: #cccccc;
  width: 35px;
  height: 18px;
  border-radius: 30px;
  margin: 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-out;
}
.sports_content .sports_title input[type="checkbox"] + label i {
  position: absolute;
  top: 1px;
  left: 1px;
  right: auto;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-out;
  display: block;
}
.sports_content .sports_title input[type="checkbox"]:checked + label {
  background: linear-gradient(to right, #a4e2ff, #2c66a8);
}
.sports_content .sports_title input[type="checkbox"]:checked + label i {
  position: absolute;
  top: 1px;
  left: 18px;
}
.sports_content .content_row {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
}
.sports_content .content_row .wallet {
  flex: 1;
  margin: 20px 30px;
  display: flex;
  align-items: center;
}
.sports_content .content_row .wallet .wallet_icon {
  width: 42px;
  height: 42px;
  margin-right: 15px;
}
.sports_content .content_row .wallet .wallet_icon.icon1 {
  background: url("../img/theme/2021normal/main/Transfer_icon1.png") center no-repeat;
  background-size: contain;
}
.sports_content .content_row .wallet .wallet_icon.icon2 {
  background: url("../img/theme/2021normal/main/com_head_sportswallet_ic.png") center no-repeat;
  background-size: contain;
}
.sports_content .content_row .wallet .wallet_info {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sports_content .content_row .wallet .wallet_info span {
  color: #707070;
}
.sports_content .content_row .wallet .wallet_info b {
  color: #3b4d8c;
}
.sports_content .content_row .Transfer_to {
  width: 24px;
  height: 24px;
  margin: 0 10px;
  background: url("../img/theme/2021normal/main/qick_transfer_arrow_ic.png") center no-repeat;
  background-size: contain;
}
.sports_content .content_row .quick_transfer {
  flex: 1;
  color: #283763;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 50px;
  border-radius: 6px;
  border: none;
  margin: 20px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: linear-gradient(to bottom, #fbfcff, #bec9d4);
}
.sports_content .sports_sub {
  color: #3b4d8c;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px 10px;
  text-align: left;
}
.sports_content .content_row input[type="text"] {
  flex: 1;
  height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  margin: 0 20px 20px;
  border: solid 1px #d6d6d6;
  background: #fff;
}
.insurance_rate {
  color: #283763;
  font-weight: bold;
  margin: 15px 30px 10px;
  display: flex;
  align-items: center;
}

.insurance_rate input {
  display: none;
}

.insurance_rate input[type="checkbox"] {
  display: none;
}

.insurance_rate input[type="checkbox"] + label {
  color: var(--order_order03_info-color);
  display: flex;
  align-items: center;
}

.insurance_rate input[type="checkbox"] + label b {
  color: #283763;
  border: 1px solid #283763;
  border-radius: 15px;
  padding: 5px;
  margin-right: 5px;
  line-height: 1.2;
  background: #fff;
  display: flex;
  align-items: center;
}

.insurance_rate input[type="checkbox"] + label b::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
  background: #fff;
  border: 1px solid #283763;
}

.insurance_rate input[type="checkbox"]:checked + label b {
  color: #fff;
  border: 1px solid #889cae;
  background: var(--modal_insurance-label-bg);
}

.insurance_rate input[type="checkbox"]:checked + label b::before {
  background: url("../img/theme/2021normal/main/insurance_checked.png") center no-repeat;
  background-size: contain;
  border: var(--modal_insurance-label-border);
}
/* 20210917 快捷转帐popup END */
/* ----20210407增加---- */
.capital-text {
  position: absolute;
  text-align: left;
  margin-top: 110px;
  margin-left: 20px;
  line-height: 0.8;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  font-stretch: normal;
  display: none;
}
.capital-text p:first-child {
  color: #272727;
}
.capital-text p:nth-child(2) {
  color: #3868c7;
}
/* ----20210407增加---- */
.order_captcha {
  margin: 20px 30px;
  padding: 10px 20px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--order_order_cost-bg);
  box-shadow: 0 0 8px rgba(138, 149, 158, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.order_captcha span {
  color: var(--order_overage-color);
  margin-right: 10px;
}
.order_captcha input {
  flex: 1;
  margin-right: 10px;
  border: 1px solid #b4b3c2;
  border-radius: 3px;
  line-height: 33px;
  padding: 0 10px;
}
.order_captcha .captcha {
  flex: 0.8;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #b4b3c2;
  border-radius: 3px;
}
.order_captcha .captcha .repic {
  background-color: #eee;
  border: none;
  text-align: center;
  width: 33px;
  height: 33px;
  vertical-align: middle;
  margin: 0;
}
.order_captcha .captcha img {
  flex: 1;
  height: 33px;
}

.order_btn_setting {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px 20px;
  border-bottom: 1px solid #92a4c3;
}
.order_btn_setting .order_btn_group {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.order_btn_setting.reserve {
  border-bottom: 0;
  padding: 0;
}
.order_btn_setting .order_btn_group button {
  flex: 1 1 25%;
  max-width: 25%;
  margin: 0 5px;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: var(--order_btn_group-color);
  height: 30px;
  line-height: 24px;
  border: var(--order_btn_group-border);
  background: var(--order_btn_group-bg);
}
.order_btn_setting .order_btn_group button:focus {
  color: var(--order_btn_group-focus-font);
  border: var(--order_btn_group-focus-border);
  background: var(--order_btn_group-focus-bg);
}
.order_btn_setting .setting_icon {
  position: relative;
  flex: 0 0 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  margin-left: 20px;
  background-color: var(--modal-setting-icon-bg);
  display: inline-block;
}
.order_btn_setting .setting_icon::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  background: url("../img/theme/2021normal/main/Icon-settings.svg") center no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.select_wallet {
  padding: 5px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 20px;
}
.select_wallet b {
  margin-right: 10px;
  color: #797788;
}
.select_wallet select {
  border-radius: 4px;
  border: solid 1px #d6d6d6;
  color: #797788 !important;
  font-weight: bold;
  height: 30px;
  padding: 0 10px;
}
.order_overage {
  padding: 5px 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: var(--order_overage-bg);
  margin: 20px;
  border-radius: 3px;
}
.order_overage::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: var(--order_overage-icon);
  background-size: contain;
  display: inline-block;
}
.order_overage b {
  margin-right: 10px;
  color: var(--order_overage-color);
}
.order_overage span {
  flex: 1;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  color: var(--order_overage-span-color);
}
.errorMsg {
  text-align: left;
  font-size: 13px;
}
.errorMsg b {
  color: red;
}
.modal_btn_group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
}
.modal_setting_btn_group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 30px;
}
#Modal_cover .modal_btn_group {
  padding-top: 15px;
  padding-bottom: 15px;
}
.modal_btn_group #orderConfirm,
.modal_btn_group #bookingConfirm,
.modal_btn_group #confirm_order,
#orderSubmit,
#confirm_order02,
#confirm_modify,
#confirm_modify02,
#confirm_modify03,
#setting_confirm,
.btn-confirm-primary {
  flex: 1 1 50%;
  max-width: 50%;
  height: 45px;
  border: none;
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 10px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}
.modal_btn_group #cancel_order,
#cancel_order02,
#cancel_modify,
#cancel_modify02,
#cancel_modify03,
#setting_cancel {
  flex: 1 1 50%;
  max-width: 50%;
  height: 45px;
  border: none;
  font-size: 18px;
  letter-spacing: 2px;
  margin: 0 10px;
  color: #707070;
  font-weight: 600;
  cursor: pointer;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  background: var(--btn-cancel-bg);
}
.modal_btn_group #confirm_order:hover,
#orderConfirm:hover,
#orderSubmit:hover,
#confirm_order02:hover,
#confirm_modify:hover,
#confirm_modify02:hover,
#confirm_modify03:hover {
  color: #fcee21;
}
.modal_btn_group #cancel_order:hover,
#cancel_order02:hover,
#cancel_modify:hover,
#cancel_modify02:hover,
#cancel_modify03:hover {
  color: black;
}
/* 2021 市場列表交易訊息 END */
/* 2021 市場列表 END */

/* 2021 上级协助 */
.sh_wrap {
  background: var(--my-sh_wrap-bg);
  background-size: cover;
  width: 60%;
  position: relative;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.sh_title {
  position: relative;
  font-size: 18px;
  color: var(--my-formBox-span);
  font-weight: bold;
  letter-spacing: 2px;
  width: 100%;
  text-align: center;
  margin: 20px 0 30px 0;
  z-index: 20;
}
.sh_form {
  width: 80%;
  margin: 0 auto;
}
.sh_form_row {
  display: flex;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: bold;
}
.sh_form_row span {
  color: var(--my-formBox-color);
  width: 100px;
  flex: 0 150px;
}
.sh_form_row .sh_form_cell {
  flex: 1;
}
.sh_form_row .sh_form_cell textarea {
  margin-top: 0px;
  height: 150px;
}
.sh_form_row .sh_form_cell input[type="text"],
.sh_form_row .sh_form_cell select {
  width: 100%;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 0 10px;
  height: 34px;
}
.sh_form_row .code_img {
  width: 155px;
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6d6d6;
}
.sh_form_row .code_img img {
  flex: 1;
  height: 33px;
}
.sh_form_row .code_img .repic {
  display: inline-block;
  border: none;
  margin: 0;
}
.sh_form_row .sh_form_cell button {
  position: relative;
  width: 100%;
  height: 34px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-left: 20px;
  letter-spacing: 1px;
  margin-top: 20px;
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
  border-radius: 30px;
}
.sh_form_notice {
  width: 60%;
  margin-top: 30px;
  background: var(--my-sh_form_notice-bg);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.sh_form_notice .sh_notice_title {
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 0;
  background: var(--modal_head-bg);
  background-size:
    101% auto,
    cover;
}
.sh_form_notice .sh_notice_title::before,
.sh_form_notice .sh_notice_title::after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url(../img/bell_01.svg) center no-repeat;
  background-size: contain;
  margin: 0 10px;
}
.sh_form_notice .sh_notice_title::after {
  transform: scaleX(-1);
}
.sh_form_notice ul {
  list-style-type: none;
  padding: 20px;
}
.sh_form_notice ul li {
  font-size: 16px;
  color: var(--my-formBox-color);
  line-height: 30px;
  letter-spacing: 1px;
  padding: 0;
}
/* 2021 上级协助 END */
/* 2021 公告 */
.announce_icon {
  background: url("../img/theme/2021normal/main/sideIcon-Notice.png") center no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
}
.Nannounce_group {
  width: 100%;
  padding-left: 20px;
}
.Nannounce_group > form {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Nannounce_group button {
  position: relative;
  border: none;
  vertical-align: top;
  color: var(--page_tab-font);
  font-size: 26px;
  letter-spacing: 4px;
  white-space: nowrap;
  background: transparent;
  line-height: 30px;
  text-align: left;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Nannounce_group button.active,
.Nannounce_group button:hover {
  color: var(--page_tab-active-font);
}
.Nannounce_group button.unread::after {
  content: "";
  position: absolute;
  top: -2px;
  right: 0px;
  width: 10px;
  height: 10px;
  background-image: linear-gradient(to bottom, #4acff1, #64a1ff);
  border-radius: 50%;
}
.announce_tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.announce_tabs.active {
  display: block;
}

.menu-item.m_nav.unRead a {
  padding: 0 10px 0 0;
}

.menu-item.m_nav.unRead:hover a::after {
  top: unset;
  right: unset;
}

.menu-item.m_nav.unRead a::after,
.Nannounce_group button.unRead::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e95482;
  display: block;
}
.announce_tabs button {
  position: relative;
  color: var(--all-tab-color);
  font-weight: bold;
  line-height: 24px;
  padding: 3px 20px;
  margin-right: 10px;
  background: var(--all-tab-bg);
  box-shadow: var(--all-tab-shadow);
  border: none;
  border-radius: 30px;
}
.announce_tabs button.new::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 0px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e95482;
  display: block;
}
.announce_tabs button.active {
  color: #fff;
  border: none;
  background: var(--all-tab-checked-bg);
}
.announce_wrap {
  width: 100%;
  margin-top: 30px;
}
.announce_head {
  width: 100%;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
  background: var(--table-head-bg);
  box-shadow: var(--table-head-shadow);
}
.announce_head .announce_tittle {
  flex: 1;
  padding: 10px 0px;
  justify-content: center;
  display: flex;
}
.announce_head .announce_date {
  flex: 0 0 24%;
  padding: 10px 30px 10px 10px;
  justify-content: center;
  display: flex;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0px;
  background-color: transparent;
  border: none;
}
.panel-default > .panel-heading {
  color: var(--orders-content-tr-color);
  background: var(--market-alli_choose_row-bg);
  margin: 10px 0;
  padding: 0px 0px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.NoMessage {
  width: 100%;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  color: var(--orders-content-tr-color);
  background: var(--market-alli_choose_row-bg);
  padding: 30px 20px;
  margin: 10px 0;
  overflow: hidden;
  border-radius: 12px;
  display: block;
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.Nmessage_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.Nmessage_box .Nmessage_title {
  position: relative;
  flex: 1;
  padding: 18px 10px 18px 30px;
  letter-spacing: 1px;
}
.Nmessage_box .Nmessage_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: var(--table-firstTD-line);
  display: block;
}
/* .Nmessage_box .Nmessage_title::after {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  width: 1px;
  height: 50%;
  background: #dbdfdf;
  display: block;
} */
.Nmessage_box .Nmessage_title span,
.mbreward span,
.typecontribution .Mb_bonus_td1 span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background-image: linear-gradient(to bottom, #4acff1, #64a1ff);
  display: none;
}
.Nmessage_box .Nmessage_title .noticeShortContent {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-line;
}
.Nmessage_box .Nmessage_date {
  flex: 0 0 24%;
  text-align: right;
  padding: 18px 30px 18px 10px;
}
.Nmessage_box .Nmessage_mark {
  padding-right: 20px;
}

.Nmessage_box .Nmessage_mark .message_arrow {
  display: inline-block;
  height: 15px;
  position: relative;
  margin-left: 20px;
}
.Nmessage_box .Nmessage_mark .message_arrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #363636;
  border-top: 2px solid #363636;
  margin-top: 5px;
  display: block;
  transform: rotate(45deg);
}
.collapsed .Nmessage_box .Nmessage_mark .message_arrow::before {
  margin-top: 0px;
  transform: rotate(-135deg);
}
.Npanel-body,
.Npanel-reply {
  padding: 15px 30px;
  background-color: #e6e6e6;
  color: #505050;
  border-radius: 10px;
  white-space: pre-line;
}
.Npanel-body p,
.Npanel-reply p {
  margin: 0;
}
.collapse.in .Npanel-body,
.collapse.in .Npanel-reply {
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  word-wrap: break-word;
}
/* 2021 微商公告 */
.Mblist_wrap {
  width: 100%;
  margin-top: 30px;
}
.Mblist_head {
  width: 100%;
  font-size: 15px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
  background: var(--table-head-bg);
  box-shadow:
    3px 0px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  background-size: cover;
}
.Mblist_head > div {
  display: flex;
  padding: 15px 0px;
  color: white;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
}
.Mblist_wrap .date {
  flex: 0 0 250px;
}
.Mblist_wrap .match {
  flex: 0 0 180px;
}
.Mblist_wrap .team {
  flex: 1;
}
.Mblist_wrap .total_amount {
  flex: 0 0 240px;
}
.Mblist_wrap .total_amount b {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.Mblist_wrap .total_amount span {
  width: 26px;
  height: 26px;
  color: #fff;
  background: #e95482;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 20px;
}

.Mblist_wrap .Mb_bonus_td1 {
  flex: 1;
}
.Mblist_wrap .Mb_bonus_td1.red {
  color: #e64141;
}
.Mblist_wrap .Mb_bonus_td2 {
  flex: 0.7;
}
.Mblist_wrap .Mb_bonus_td3 {
  flex: 0.6;
}

.Mblist_content {
  width: 100%;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
}
.Mblist_content .row {
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
  margin: 10px 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  cursor: pointer;
}
.Mblist_content .row > div {
  position: relative;
  display: flex;
  padding: 15px 0px;
  justify-content: center;
  align-items: center;
}
.Mblist_content .row > div::after {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  width: 1px;
  height: 50%;
  background: #dbdfdf;
  display: block;
}
.Mblist_content .row > div:last-child::after {
  content: none;
}
.Mblist_content .row > div a {
  width: 100%;
  color: #333;
  text-decoration: none;
  display: block;
}
.Mblist_content .row > div:nth-child(1) {
  padding-left: 10px;
}
.Mblist_content .row > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-image: var(--table-firstTD-line);
  display: block;
}
/* 2021 微商公告END */
/* 2021 公告END */
/*2021 error 共用 START*/
.apply_content .apply_row input.error::placeholder,
.guess_content .apply_row input.error::placeholder,
.order_captcha input.error::placeholder,
input.error::placeholder {
  color: #ec3d37;
}
.apply_content .apply_row input.error::-webkit-input-placeholder,
.order_captcha input.error::-webkit-input-placeholder,
input.error::-webkit-input-placeholder {
  color: #ec3d37;
}
.apply_content .apply_row input.error:-ms-input-placeholder,
.order_captcha input.error:-ms-input-placeholder,
input.error:-ms-input-placeholder {
  color: #ec3d37;
}
.apply_content .apply_row input.error::-moz-placeholder,
.order_captcha input.error::-moz-placeholder,
input.error::-moz-placeholder {
  color: #ec3d37;
}
/*2021 error 共用 END*/
/* 2021 赛事结果 */

.game_result_wrap {
  width: 100%;
  margin-top: 25px;
}
.startTime {
  flex: 0.1 150px;
}
.endTime {
  flex: 0.1 150px;
}
.gameName {
  flex: 1;
}
.Bodan {
  flex: 0 0 140px;
}
.Bodan2 {
  flex: 0 0 140px;
}
.TotalScore {
  flex: 0 0 140px;
}
.goalTime {
  flex: 0.1 150px;
}
.game_result_head {
  width: 100%;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
}
.game_result_head tbody {
  width: 100%;
  display: block;
}
.game_result_head tr {
  display: flex;
  flex-wrap: nowrap;
  background: var(--table-head-bg);
  border-radius: 10px 10px 0 0;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}
.game_result_head td {
  display: flex;
  padding: 10px 0px;
  color: white;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
}
.game_result_content {
  width: 100%;
  text-align: center;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
}
.game_result_content tbody {
  width: 100%;
  display: block;
}
.game_result_content tr {
  display: flex;
  flex-wrap: nowrap;
  color: var(--orders-content-tr-color);
  background: var(--orders-content-tr-bg);
  margin: 10px 0;
  border: var(--orders-content-tr-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}
.game_result_content td {
  position: relative;
  display: flex;
  padding: 10px 5px;
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
  justify-content: center;
  align-items: center;
}
.game_result_content td::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -1px;
  height: calc(100% - 20px);
  border-right: solid 1px rgba(135, 148, 148, 0.3);
}
.game_result_content td:nth-last-child(1)::after {
  border-right: none;
}
.game_result_content td:nth-child(1) {
  position: relative;
  padding-left: 10px;
}
.game_result_content td:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: var(--table-firstTD-line);
  display: block;
}
/* 2021 赛事结果END */

/* 2021 总帐表 */
.accounts_total {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 20px -10px 0;
  padding: 20px 60px 0;
  border-top: 1px solid #707070;
}
.accounts_total .swiper {
  position: relative;
  width: 100%;
  padding: 10px 5px;
  overflow: hidden;
}
.accounts_total .swiper-button-prev,
.accounts_total .swiper-button-next {
  position: absolute;
  top: 60%;
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 1;
}
.accounts_total .swiper-button-prev.swiper-button-disabled,
.accounts_total .swiper-button-next.swiper-button-disabled {
  opacity: 0.8;
  cursor: auto;
  pointer-events: none;
  background: #e4e4e4;
}
.accounts_total .swiper-button-prev:after,
.accounts_total .swiper-button-next:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-top: 3px solid #909293;
  border-right: 3px solid #909293;
  transform: rotate(45deg);
}
.accounts_total .swiper-button-prev,
.accounts_total .swiper-container-rtl .swiper-button-next {
  left: 20px;
  transform: scalex(-1);
}
.accounts_total .swiper-button-next,
.accounts_total .swiper-container-rtl .swiper-button-prev {
  right: 20px;
  left: auto;
}

.accounts_total .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.accounts_total .swiper-wrapper > div {
  max-width: 25%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: var(--orders-content-tr-color);
  background: var(--orders-content-tr-bg);
  border-radius: 10px;
  line-height: 40px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(135, 148, 148, 0.5);
}
.accounts_total .swiper-wrapper > div span {
  color: #fff;
  padding: 0 10px;
  background: var(--history-head-bg);
  display: block;
}
.accounts_total .swiper-wrapper > div b {
  padding: 0 10px;
}
.accounts_total .swiper-wrapper > div b.negative {
  color: #ec3d37;
}
.accounts_total .swiper-wrapper > div b.positive {
  color: #008000;
}

/* 2021 充值提领 */
/*tab*/
.wd_btn_group {
  width: 100%;
  padding-bottom: 15px;
}
.wd_btn_group a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--point-tab-color);
  height: 40px;
  line-height: 40px;
  border-radius: 30.5px;
  box-shadow: var(--point-tab-shadow);
  background: var(--point-tab-bg);
  padding: 0 25px;
  margin-right: 25px;
  cursor: pointer;
}
.wd_btn_group a:hover {
  color: #fff;
  background: var(--point-tab-checked-bg);
}
.wd_btn_group a.active {
  color: #fff;
  background: var(--point-tab-checked-bg);
}
.wd_btn1 {
  position: relative;
}
.wd_btn1::after {
  content: "";
  position: absolute;
  top: -15px;
  right: -25px;
  width: 100px;
  height: 25px;
  background: var(--point-recommend);
  background-size: contain;
}
/*充值 icon列表*/
.btn_block_group {
  margin-top: 25px;
  margin-bottom: 50px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  background: var(--point-btn_block_group-bg);
  background-size: 100% auto;
}

.btn_block_group_title {
  background: var(--point-title-bg);
  color: var(--point-title-font);
  padding: 15px;
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.btn_block_group_title::before {
  content: "";
  width: 6px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
  background: var(--point-title-icon);
}
.btn_block_group_title span {
  float: right;
  color: #6d767b;
}
.btn_block_group_title span::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-image: linear-gradient(153deg, #ea7dff 17%, #9c5cef);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.pay-way {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pay-way .item {
  float: left;
  margin: 0px 10px;
}
.pay-way .item .btn_block {
  float: left;
  width: 140px;
  position: relative;
  text-align: center;
  padding-top: 15px;
}
.pay-way .item .btn_block .btn_wrap {
  position: relative;
  width: 100%;
  border-radius: 10px;
}
.pay-way .item .btn_block .btn_wrap .wd_btn {
  display: block;
}
.pay-way .item .btn_block .btn_wrap .wd_btn img {
  width: 100%;
  display: block;
}
.wd_text {
  font-size: 22px;
  padding-top: 5px;
  color: #656565;
}
.pay-way .item .btn_block .wd_text span {
  font-size: 16px;
  padding-top: 5px;
  color: var(--point-wd_text-color);
  display: block;
}
.pay-way .item .btn_block .wd_text b {
  font-size: 16px;
  color: var(--point-wd_text-b-color);
}
.pay-way .item .btn_block .wd_text b br {
  display: none;
}
.pay-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 40px;
  color: #6d767b;
  font-size: 18px;
  font-weight: bold;
}
.pay-row > span {
  color: var(--point-pay-row-color);
}
.pay-row > span::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--point-pay-row-before);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
/*2021充值提領框*/
.DepositBlock {
  width: 100%;
  background: var(--point-btn_block_group-bg);
  background-size: 100% auto;
  border-radius: 12px;
  font-size: 18px;
  margin: 30px 0px;
  overflow: hidden;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.DepositBlock .DepositBlock_title {
  background: var(--point-title-bg);
  color: var(--point-title-font);
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.DepositBlock .DepositBlock_title::before {
  content: "";
  width: 6px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
  background: var(--point-title-icon);
}
.DepositBlock .DepositBlock_row {
  display: flex;
  flex-direction: row;
  align-items: initial;
  justify-content: center;
  padding: 10px 20px;
}
.DepositBlock .DepositBlock_col {
  flex: 1;
  padding: 20px;
}
.DepositBlock .DepositBlock_col:first-child {
  border-right: 1px solid #e4e4e4;
}
.DepositBlock .DepositBlock_col:nth-child(2) {
  padding: 20px 20px 20px 40px;
}
.onlinebank-row {
}
.onlinebank-row .inputbox {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.onlinebank-row .inputbox .currency {
  width: 50px;
  color: #707070;
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
.onlinebank-row span {
  color: var(--point-onlinebank-row-color);
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
.onlinebank-row input,
.onlinebank-row .fbank {
  flex: 1;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  line-height: 38px;
  height: 40px;
  padding: 0 10px;
}
.onlinebank-row input[disabled] {
  color: var(--point-onlinebank-row-color);
}
.onlinebank-row input[disabled].redfont {
  color: var(--point-wd_notice_group-color);
}

.onlinebank-row input::before {
  content: "USDT";
  width: 100%;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 20px;
}
.onlinebank-row .ReceiveQR {
  width: 130px;
  height: 130px;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  border: solid 1px #d6d6d6;
  background: #fff;
}
.onlinebank-row .ReceiveQR img {
  width: 100%;
  height: 100%;
}
.link-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.link-radio input[type="radio"] {
  display: none;
}
.link-radio input[type="radio"] + label {
  position: relative;
  flex: 1;
  display: inline-block;
  background-color: #f8f8f8;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #707070;
  line-height: 40px;
  margin-right: 20px;
  text-align: left;
  overflow: hidden;
  user-select: none;
  margin-bottom: 0;
  padding: 0 10px 0 35px;
}
.link-radio input[type="radio"] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 1px #e4e4e4;
  transform: translateY(-50%);
}
.link-radio input[type="radio"] + label.Fee_free::after {
  content: "";
  position: absolute;
  top: -18px;
  right: -15px;
  width: 74px;
  height: 74px;
  filter: grayscale(0);
  background: url("../img/theme/2021normal/main/Fee-free-icon.svg") center no-repeat;
  background-size: contain;
}

.link-radio input[type="radio"]:disabled + label {
  background: unset;
  background-color: #e4e4e4;
  cursor: not-allowed;
}

.link-radio input[type="radio"]:disabled + label.Fee_free::after {
  filter: grayscale(1);
}
.link-radio input[type="radio"]:checked + label {
  color: #3868c7;
  border: 1px solid #3868c7;
  background-color: #e9f2ff;
}
.link-radio input[type="radio"]:checked + label::before {
  border: solid 4px #3868c7;
}
.link-radio input[type="radio"]:checked + label.Fee_free::after {
  filter: grayscale(0);
}
.link-select {
  margin-bottom: 10px;
  padding-right: 20px;
}
.link-select select {
  width: 100%;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 0 10px;
  height: 40px;
}
.onlinebank-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.onlinebank_submit {
  margin-top: 50px;
  min-width: 250px;
  height: 40px;
  border: none;
  color: #fff;
  letter-spacing: 2px;
  font-size: 16px;
  border-radius: var(--btn-confirm-radius);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}

.bindForm {
  padding: 20px 30px 30px;
}
.bindForm h3 {
  font-size: 18px;
  text-align: left;
  padding-bottom: 5px;
  margin: 10px 0 20px;
  border-bottom: 1px solid #d9d9d9;
}
.bindForm .bindCol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
.bindForm .bindCol span {
  font-size: 16px;
  color: var(--point-onlinebank-row-color);
  margin-bottom: 5px;
}
.bindForm .error_message {
  color: #e64141;
  text-align: left;
  padding-left: 85px;
}
.bindForm .bindCol input[type="text"],
.bindForm .bindCol input[type="tel"],
.bindForm .bindCol input[type="password"],
.bindForm .bindCol select {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  padding: 0 10px;
}
.bindForm .bindCol select#area {
  flex: 0.5;
  margin-right: 10px;
}
.bindForm .bindCol input[type="text"]:disabled {
  background-color: #d6d6d6;
}
.bindForm .bindCol .row {
  width: 100%;
  display: flex;
  align-items: center;
}
.bindForm .bindCol .area {
  flex: 1;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  padding: 0px 10px;
  margin-right: 10px;
  font-size: inherit;
  line-height: 36px;
  text-align: left;
}
.bindForm .bindCol .error::placeholder,
.receive_block .receive_inpput .verify input.error::placeholder,
#companyUSDTStep3 .txidCode input.error::placeholder {
  color: #e64141;
}
.bindForm .bindCol .radioGroup {
  flex: 1;
  text-align: left;
  font-size: 16px;
}
.bindForm .bindCol .radioGroup label {
  color: var(--point-onlinebank-row-color);
  margin-right: 20px;
  margin-bottom: 0;
  font-weight: normal;
}
.bindForm .bindCol .getVerify {
  color: #fff;
  padding: 5px 20px;
  border-radius: 4px;
  height: 36px;
  border: none;
  margin-left: 10px;
  white-space: nowrap;
  background: var(--index-sendSms-bg);
}
.bindForm .bindCol .getVerify:disabled {
  background: linear-gradient(to bottom, #cbd4db, #7f868d);
}
.bindForm .bindTip {
  color: var(--order_cost_hr-color);
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
}
.bindForm .cardMessage {
  min-height: 50px;
  font-size: 20px;
  color: #283763;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}
.bindForm .bindTip.red {
  color: #e64141;
}
.bindForm .bindControl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.bindForm .bindControl .cancel {
  flex: 1;
  color: #707070;
  font-size: 16px;
  height: 40px;
  border: none;
  margin: 0 10px;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.bindForm .bindControl .confirm {
  flex: 1;
  color: #fff;
  font-size: 16px;
  height: 40px;
  border: none;
  margin: 0 10px;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 3px 0 rgba(51, 80, 159, 0.5);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}
.bindForm .bindCol .bind_row {
  width: 100%;
  display: flex;
  align-items: center;
}
.bindForm .bindCol .bind_row input[type="text"] {
  flex: 1;
  width: auto;
  margin-right: 10px;
}

/* 共用-無資料 */
.noData {
  width: 100%;
  text-align: center;
  color: var(--orders-content-tr-color);
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  background: var(--orders-content-tr-bg);
  padding: 30px 20px;
  margin: 10px 0;
  overflow: hidden;
  border: var(--orders-content-tr-border);
  border-radius: 12px;
  display: block;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}

/*共用-button*/

.confirm_trade {
  margin-top: 50px;
  min-width: 250px;
  min-height: 40px;
  border: none;
  color: #fff;
  letter-spacing: 2px;
  padding: 5px 15px;
  font-size: 16px;
  border-radius: var(--btn-confirm-radius);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}

.resetpws_btn {
  display: inline-block;
  width: 86px;
  min-height: 40px;
  margin-left: 10px;
  border-radius: 15px;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background: linear-gradient(to bottom, #afeaf3 0%, #3cb2bb 100%);
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.2);
  border: 0;
}
.resetpws_btn:hover,
.resetpws_btn:active {
  background: linear-gradient(to bottom, #3cb2bb 0%, #3cb2bb 0%, #afeaf3 100%);
  box-shadow: none;
}

/* 2021 微商奖金公告彈窗*/
.pop_bonus_details {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.pop_bonus_details.active {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.pop_bonus_details .popup_list .popup_row {
  cursor: auto;
}
.pop_bonus_details .release_time,
.pop_bonus_details .order_number,
.pop_bonus_details .direct_bonus,
.pop_bonus_details .team_bonus {
  flex: 1;
}
.modal_mbBonus {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 360px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 10px;
  overflow: hidden;
}
.no_mb_data {
  font-size: 16px;
  font-weight: bold;
  color: #e95482;
  padding: 30px;
  text-align: center;
}
.no_mb_data .micronet {
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  border: none;
  border-radius: 5px;
  margin: 30px auto 0;
  background: linear-gradient(to right, #a4e2ff 1%, #2c66a8);
  display: block;
}
.NoMessage .micronet {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  border: none;
  border-radius: 30px;
  padding: 0 30px;
  margin: 10px auto 0;
  background: var(--table-head-bg);
  display: block;
}
/* 2021 彈窗共用*/
.popup_mask {
  position: relative;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.popup_mask.active {
  opacity: 1;
  visibility: visible;
  z-index: 1042;
}
.popup_mask .popup_content {
  background: var(--modal_game_record-bg);
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(135, 148, 148, 0.5);
  overflow: hidden;
}
.popup_mask .popup_content .popup_header {
  position: relative;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  color: var(--chart-game_record_title-color);
  border-bottom: 1px solid #cfcfcf;
}
.popup_mask .popup_content .tab {
  opacity: 0.3;
  display: inline-block;
  cursor: pointer;
  width: 200px;
}
.popup_mask .popup_content .tab.active {
  position: relative;
  opacity: 1;
  color: var(--popup-text-color);
}
.popup_mask .popup_content .tab.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(to bottom, #4b47fd, #2097fb);
  display: block;
}
.popup_mask .popup_content.sports .tab.active::before {
  background-image: linear-gradient(to bottom, #d58bff, #934ce0);
}
.popup_mask .popup_content.real .tab.active::before {
  background-image: linear-gradient(to bottom, #f8aeae, #f98181);
}
/*預留
.popup_mask .popup_content.chess .tab.active::before {
  background-image: linear-gradient(to bottom, #d58bff, #934ce0);
}
.popup_mask .popup_content.electronic .tab.active::before {
  background-image: linear-gradient(to bottom, #d58bff, #934ce0);
}
.popup_mask .popup_content.lottery .tab.active::before {
  background-image: linear-gradient(to bottom, #d58bff, #934ce0);
}
.popup_mask .popup_content.gaming .tab.active::before {
  background-image: linear-gradient(to bottom, #d58bff, #934ce0);
}*/

.popup_mask .popup_content .popup_header .close_popup_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  line-height: 20px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_mask .popup_content .popup_header .close_popup_btn::before {
  content: "X";
  color: #cccccc;
  font-size: 15px;
  transform: scaleX(1.4);
}
.popup_mask .popup_content .popup_total {
  display: flex;
  flex-direction: row;
  align-items: initial;
  justify-content: center;
  padding: 15px;
}
.popup_mask .popup_content .popup_total > div {
  flex: 1;
  max-width: 300px;
  min-height: 60px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  border-radius: 12px;
  margin: 0 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.popup_mask .popup_content .popup_total > div span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
  background: linear-gradient(to right, #6cacfb, #3868c7);
  display: block;
}
.popup_mask .popup_content .popup_total i {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.popup_mask .popup_content .popup_total i.total_number {
  background: url("../img/total_number.png") center no-repeat;
  background-size: contain;
}
.popup_mask .popup_content .popup_total i.total_bonus {
  background: url("../img/total_bonus.png") center no-repeat;
  background-size: contain;
}
.popup_mask .popup_content .popup_title {
  line-height: 1.3;
  min-height: 40px;
  padding: 5px 0;
  color: #fff;
  background: var(--history-head-bg);
  border-radius: 10px 10px 0 0;
  display: flex;
  text-align: center;
}
.popup_mask.for-gl .popup_content .popup_title {
  background: var(--generalLedger-pop-head-bg);
}

.popup_mask .popup_content .popup_title > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup_mask .popup_content .popup_list::-webkit-scrollbar {
  width: 5px;
}
.popup_mask .popup_content .popup_list::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 20px;
}
.popup_mask .popup_content .popup_list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #cdcdd6;
}
.popup_mask .popup_content .popup_list {
  max-height: 400px;
  height: 400px;
  overflow-y: auto;
}
.popup_mask .popup_content .popup_list.hide {
  display: none;
}

.popup_mask .popup_content .popup_list li {
  margin-bottom: 10px;
  color: var(--orders-content-tr-color);
  background: var(--orders-content-tr-bg);
  border: var(--orders-content-tr-border);
}

.popup_mask.for-gl .popup_content .popup_list li {
  margin-bottom: 10px;
  color: var(--orders-content-tr-color);
  background: var(--orders-content-tr-bg);
  border: var(--orders-content-tr-border);
}

.popup_list .popup_row {
  position: relative;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 16px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  z-index: 10;
  box-shadow: 0 0 5px rgba(135, 148, 148, 0.5);
}
.popup_list .popup_row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #8dddfa, #419df2);
}
.popup_mask .popup_content .popup_list .popup_row span {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 50%;
  color: #fff;
  background: #e95482;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.popup_mask .popup_content .popup_list .popup_row.new span {
  display: flex;
}
.popup_mask .popup_content .popup_list .popup_row.new .noContent {
  margin: 0 auto;
  color: gray;
  font-size: 18px;
  letter-spacing: 1px;
}
.popup_mask .popup_content .popup_list .detail {
  height: 0;
  transform-origin: 0 0;
  transform: scaleY(0);
  visibility: hidden;
  overflow: hidden;
  transition: all 0.15s ease-out;
}
.popup_mask .popup_content .popup_list li.active .detail {
  height: auto;
  font-size: 13px;
  transform: scaleY(1);
  visibility: visible;
}
.popup_mask .popup_content .popup_list .detail .detail_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  line-height: 40px;
  color: #707070;
  background: #effaff;
  border-bottom: 1px solid #d4d4d4;
}
.popup_mask .popup_content .popup_list .detail .detail_total {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #e2f5f8;
  line-height: 40px;
  padding: 0 50px 0 20px;
}
.popup_mask .popup_content .popup_list .detail .detail_total > div:nth-child(1) {
  color: #e64141;
  padding-right: 40px;
  flex: 1;
  font-weight: 700;
}
.popup_mask .popup_content .popup_list .detail .detail_total > .for_ip {
  color: #363636 !important;
  flex: 8 !important;
  font-weight: 700;
}
.popup_mask .popup_content .popup_list .detail .detail_total > .for_ip span:nth-child(1) {
  margin-right: 20px;
}
.popup_mask .popup_content .popup_list .detail .detail_total.reward_total > div:nth-child(1) {
  color: #0047a7;
}
.popup_mask .popup_content .popup_list .detail .detail_total > div:nth-child(2) {
  color: #0047a7;
  flex: 1;
}
.popup_mask .popup_content .popup_list .detail .detail_total > div:nth-child(2) b {
  color: #0047a7;
  padding: 0 5px;
  line-height: 18px;
  border-left: 3px solid #0047a7;
}
.popup_mask .popup_content .popup_list .detail .detail_total > div:nth-child(3) {
  color: #00986b;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.popup_mask .popup_content .popup_list .detail .detail_total b {
  color: #363636;
  padding: 0 5px;
  line-height: 18px;
  border-left: 3px solid #363636;
}
.no_scroll {
  overflow: hidden;
}

/* 2021 鎖定錢包*/
.pop_lockwallet {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.pop_lockwallet.active {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.pop_lockwallet .transaction_hour {
  flex: 1;
}
.pop_lockwallet .status {
  flex: 1;
}
.pop_lockwallet .category,
.pop_lockwallet .platform {
  flex: 0.6;
}
.pop_lockwallet .popup_list .category {
  color: #3f6cff;
}

.pop_lockwallet .amount {
  flex: 1;
}
.pop_lockwallet .popup_row {
  cursor: auto;
  line-height: 30px;
}
/* 2021 鎖定錢包END*/
/* 2021 彈窗共用END*/

/*2021 提示訊息 */
.cover {
  display: none;
  position: fixed;
  z-index: 2021;
  padding-top: 10%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8);
}

.cover.priority {
  z-index: 2022;
}
.modal_success_wd {
  position: relative;
  background: var(--modal_modal_setting-bg);
  background-size: 100% 100%;
  margin: auto;
  padding: 0;
  width: 440px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  animation: animatezoom 0.4s;
  border-radius: 15px;
  overflow: hidden;
}
.modal_head {
  width: 100%;
  min-height: 54px;
  text-align: center;
  color: white;
  letter-spacing: 4px;
  font-size: 20px;
  padding: 10px 40px;
  background: var(--modal_head-bg);
  background-size: cover;
}
.close_icon {
  background: url("../img/theme/2021normal/index/dialog-cross.svg") no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 3%;
  font-size: 25px;
  color: #f3f3f3;
  cursor: pointer;
}
.failure_icon {
  background: url("../img/icon/icon_error.svg") no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  margin: 20px auto 0px auto;
}
.success_icon {
  background: url("../img/icon/icon_success.svg") no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  margin: 20px auto 0px auto;
}
.register_success {
  width: 100px;
  height: 80px;
  margin: 30px auto;
  background: url("../img/icon/register_success.png") no-repeat;
  background-size: contain;
}
.maintain_icon {
  background: url("../img/icon/icon_maintain.png") no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  margin: 20px auto 0px auto;
}

.failure_text {
  font-size: 15px;
  padding: 10px;
  margin-bottom: 10px;
  color: var(--popup-text-color);
}

.failure_text .success_text1 {
  color: var(--all-red-color);
}

.success_text {
  font-size: 20px;
  padding: 20px 10px 10px;
  /* min-height: 150px; */
}
.success_text1 {
  color: var(--popup-text-color);
}
.success_text2 {
  font-size: 16px;
  color: var(--popup-text-color);
  padding: 10px;
}
.cover_order01 {
  display: none;
  position: fixed;
  z-index: 1042;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
}
.cover_order03 {
  display: none;
  position: fixed;
  z-index: 1041;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.8);
}
.cover_game_record {
  display: none;
  position: fixed;
  z-index: 1042;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
}
.modal_content {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 550px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 10px;
  overflow: hidden;
}
.modal_success {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 440px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 180px;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 5px 5px 10px 10px;
}
.modal_content02 {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 440px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 265px;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 5px 5px 10px 10px;
}
.modal_times {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 440px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 500px;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 5px 5px 10px 10px;
}

/*更新公告*/
.Update_notice {
  position: relative;
  background:
    url(../img/theme/2021normal/index/dialogBg.png) right bottom no-repeat,
    #ffffff;
  margin: auto;
  padding: 0;
  width: 440px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  animation: animatezoom 0.4s;
  border-radius: 15px;
  overflow: hidden;
}
.Update_notice .Update_title {
  color: #283763;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Update_notice .Update_title::before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background:
    url("../img/theme/2022normal/index/renew_ic.png") center bottom no-repeat,
    #fff;
  background-size:
    96% auto,
    contain;
  margin-bottom: 5px;
}
.Update_notice .Update_content {
  font-size: 20px;
  color: #707070;
  padding: 0 20px 20px;
  text-align: left;
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 20px;
  white-space: pre-line;
}
.Update_notice .Update_content::-webkit-scrollbar {
  background: #fff;
  border: 0;
}
.Update_notice .Update_content::-webkit-scrollbar-button {
  background-color: #fff;
}

.Update_notice .Update_content::-webkit-scrollbar-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000ecc transparent;
}

.Update_notice .Update_content::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.Update_notice .Update_content::-webkit-scrollbar-thumb {
  background-color: #efefef;
  border: 0;
}
/* 2021交易次数提醒 */
.modal_times_none {
  position: relative;
  background:
    url("../img/theme/2021normal/main/dialogBg.png") right bottom no-repeat,
    #ffffff;
  background-size: contain;
  margin: auto;
  padding: 0;
  width: 440px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  height: auto;
  animation: animatezoom 0.4s;
  border-radius: 20px;
  overflow: hidden;
}
.modal_times_mark {
  background: url("../img/card06remind01.svg") no-repeat;
  width: 40px;
  height: 40px;
  margin: auto;
}
.modal_times_head {
  width: 100%;
  background: var(--modal_head-bg);
  background-size: cover;
  height: 53px;
  text-align: center;
  color: white;
  letter-spacing: 3px;
  font-size: 16px;
  padding-top: 16px;
  padding-left: 5px;
}
.daily_reset_wrap {
  width: 100%;
}
.daily_reset {
  width: 80%;
  font-size: 14px;
  padding: 10px 0px 0px;
  text-align: center;
  margin: auto;
}
.modal_times_btn_wrap {
  width: 100%;
  text-align: center;
  padding: var(--loginModalhead-btn-padding);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.modal_times_btn_wrap .loginModal_cancel {
  flex: 1;
  max-width: 180px;
  height: 40px;
  font-size: 16px;
  color: #333;
  background-size: contain;
  box-shadow: none;
  border: 0;
  cursor: pointer;
  border-radius: 30px;
  margin: 0 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.modal_times_btn_wrap .loginModal_confirm,
.modal_times_btn_wrap .loginModal_close {
  flex: 1;
  height: 40px;
  font-size: 16px;
  color: var(--index-loginModal_confirm-color);
  border: 0;
  cursor: pointer;
  border-radius: 30px;
  background: var(--index-loginModal_confirm-bg);
  box-shadow: 0 0 5px 0 rgba(51, 80, 159, 0.5);
  line-height: 40px;
}
.modal_times_confirm2 {
  width: 40%;
  height: 40px;
  font-size: 16px;
  color: white;
  border: none;
  border-radius: 40px;
  box-shadow: 0 0 3px 0 rgba(51, 80, 159, 0.5);
  background-image: linear-gradient(to right, #69b3fc, #9151f3);
}
/* 2021交易次数提醒 END */
/* 2021 免手續費 */
.modal_times_none video {
  width: 100%;
  display: block;
}
.modal_times_none .fee_freeBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.modal_times_none .freeBtn-confirm {
  flex: 1;
  height: 40px;
  font-size: 16px;
  color: white;
  border: none;
  margin: 0 10px;
  border-radius: 40px;
  box-shadow: 0 0 3px 0 rgba(51, 80, 159, 0.5);
  background: var(--btn-confirm-bg);
}
.modal_times_none .freeBtn-cancel {
  flex: 1;
  height: 40px;
  font-size: 16px;
  border: none;
  margin: 0 10px;
  border-radius: 40px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
/* 2021 免手續費 END */
/* 2021 USDT免手續費 */
.modal_times_none > img {
  width: 100%;
}
/* 2021 USDT免手續費 END  */
/*2021注意事項*/
.notice_content {
  margin-top: 20px;
  background: var(--point-notice_content-bg);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.notice_content .notice_content_title {
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 0;
  background: var(--point-notice_content_title-bg);
}
.notice_content .notice_content_title::before,
.notice_content .notice_content_title::after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/bell_01.svg") center no-repeat;
  background-size: contain;
  margin: 0 10px;
}
.notice_content .notice_content_title::after {
  transform: scaleX(-1);
}
.notice_content ul {
  list-style-type: decimal;
  padding: 0 30px;
}
.notice_content li {
  font-size: 16px;

  line-height: 30px;
  letter-spacing: 1px;
  border-bottom: 1px solid #a4a4a4;
  padding: 20px;
}

.notice_content li:nth-last-child(1) {
  border-bottom: none;
}
.notice_content li span {
  font-size: 20px;
  font-weight: 600;
  display: block;
  padding-left: 30px;
  margin-left: -30px;
}
.notice_content li b {
  color: #e64141;
}
.notice_content div {
  font-size: 19px;
  margin-left: -2%;
  font-weight: bold;
  letter-spacing: 1px;
}
/*2021注意事項 END*/

/*2021 隐私政策 */
.policy {
  margin-top: 30px;
}
.privacy_title,
.terms_title {
  color: #707070;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 5px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.privacy_title::before,
.terms_title::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
}
.privacy_title::before {
  background: url("../img/theme/2021normal/index/privacy_title-icon.svg") center no-repeat;
  background-size: contain;
}
.terms_title::before {
  background: url("../img/theme/2021normal/index/terms_title-icon.svg") center no-repeat;
  background-size: contain;
}
.policy_content {
  text-align: left;
  padding: 0 5px 20px;
  margin-bottom: 20px;
  color: #707070;
  font-size: 16px;
}
.policy_content span {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.policy_content p {
  margin-bottom: 20px;
}
/*2021 隐私政策 END */

/*2021 历年赛事统计 */
.statistics_template {
  width: 1382px;
  min-height: 450px;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 0 0;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
#Select_League {
  width: 230px;
  padding: 0 0 0 20px;
}
#Select_League > li {
  margin-bottom: 10px;
  border: none;
  background: var(--help-Select_League-li-bg);
}
#Select_League > li .continents {
  width: 100%;
  padding: 10px 40px 10px 20px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  background: var(--help-Select_League-bg);
  border-radius: 5px;
  border: none;
}
#Select_League > li .continents::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  background: url("../img/theme/2021normal/main/icon_arrow.svg") no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
#Select_League > li .continents[aria-expanded="true"] {
  background: var(--help-Select_League-active-bg);
}
#Select_League > li .continents[aria-expanded="true"]::after {
  transform: translateY(-50%) scaleY(-1);
}
#Select_League > li > ul > li {
  margin: 10px 0 0;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  border: none;
  background-color: #ffffff;
  overflow: hidden;
}
#Select_League > li > ul > li .country {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 40px 10px 20px;
  color: var(--help-Select_League-sub-color);
  font-size: 16px;
  cursor: pointer;
  position: relative;
  background: var(--help-Select_League-sub-bg);
  border-radius: 5px 5px 0 0;
  border: none;
}
#Select_League > li > ul > li .country .flag {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}
#Select_League > li > ul > li .country .flag img {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  height: 100%;
  transform: translateX(-50%);
}
#Select_League > li > ul > li .country::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  background: var(--help-country-arrow);
  background-size: contain;
  transform: translateY(-50%);
}
/* #Select_League > li > ul > li .country[aria-expanded="true"] {
    background-image: linear-gradient(to bottom, #6cacfb, #3868c7);
} */
#Select_League > li > ul > li .country[aria-expanded="true"]::after {
  transform: translateY(-50%) scaleY(-1);
}
#Select_League > li > ul > li > ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: var(--help-collapsed-li-color);
  border-bottom: 1px solid #e4e4e4;
  background: var(--help-collapsed-li-bg);
  cursor: pointer;
}
#Select_League > li > ul > li > ul > li > a {
  color: var(--help-collapsed-li-color);
}
#Select_League > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
#Select_League > li > ul > li > ul > li:hover {
  background: var(--help-collapsed-li-hover);
}
#Select_League > li > ul > li > ul > li .subflag {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 -5px;
  overflow: hidden;
  display: inline-block;
}
#Select_League > li > ul > li > ul > li .subflag img {
  width: 100%;
}

.statistics_content {
  flex: 1;
  padding: 0 30px;
}
.hot_League,
.Search_list {
  max-width: 1110px;
  margin: 20px 0;
  border-radius: 10px;
  overflow: hidden;
  background: var(--help-hot_League-bg);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.hot_League .hot_title,
.Search_list .Search_title {
  background: var(--point-title-bg);
  color: var(--point-title-font);
  padding: 15px;
  font-size: 1.3em;
  font-weight: 600;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.hot_League .hot_title::before,
.Search_list .Search_title::before {
  content: "";
  width: 6px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
  background: var(--point-title-icon);
}
.hot_League .outerWrapper {
  position: relative;
  width: auto;
  margin: 20px 40px 10px;
}
.hot_League .outerWrapper .mask {
  padding: 0 2px;
}
.hot_League .outerWrapper .scorer_item,
.Search_list .Searchresult .scorer_item {
  float: left;
  margin: 0 10px;
  width: 94px;
  height: 160px;
  padding: 10px 0;
  cursor: pointer;
}
.hot_League .outerWrapper .scorer_item .alli_name,
.Search_list .Searchresult .scorer_item .alli_name {
  color: var(--help-hot_League-color);
  text-align: center;
  padding-top: 15px;
  line-height: 1.2;
}
.hot_League .outerWrapper .scorer_item:hover {
  color: #0091eb;
  cursor: pointer;
}
.hot_League .outerWrapper .scorer_item a > .alli_logo,
.Search_list .Searchresult .scorer_item a > .alli_logo {
  width: 94px;
  height: 94px;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
}
.hot_League .outerWrapper .scorer_item a > .alli_logo > img,
.Search_list .Searchresult .scorer_item a > .alli_logo > img {
  width: 100%;
  max-height: 100%;
}
.hot_League .outerWrapper .left-nav-btn,
.hot_League .outerWrapper .right-nav-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  cursor: pointer;
  opacity: 0.8;
  background: transparent url("../img/theme/2021normal/main/arrow-btn.png") center no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  transform: translateY(-50%);
}
.hot_League .outerWrapper .left-nav-btn:hover,
.hot_League .outerWrapper .right-nav-btn:hover {
  background: transparent url("../img/theme/2021normal/main/arrow-btn-hover.png") center no-repeat;
  background-size: contain;
}
.hot_League .outerWrapper .left-nav-btn,
.hot_League .outerWrapper .left-nav-btn:hover {
  left: -35px;
  transform: translateY(-50%) scaleX(-1);
}
.hot_League .outerWrapper .right-nav-btn,
.hot_League .outerWrapper .right-nav-btn:hover {
  right: -35px;
}

.Search_list {
  display: none;
}
.Search_list.active {
  display: block;
}
.Searchresult {
  padding: 10px 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.Searchresult .nodata {
  width: 100%;
  padding: 30px;
  color: var(--help-hot_League-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.Detail_list.active {
  display: block;
}
.Detail_list .League_info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px;
  padding: 10px 30px;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background: var(--help-hot_League-bg);
}
.Detail_list .League_info .League_pic {
  height: 80px;
  margin-right: 20px;
}
.Detail_list .League_info .League_pic img {
  min-width: 100%;
  height: 100%;
}
.Detail_list .League_info span {
  flex: 1;
  color: var(--help-hot_League-color);
  font-size: 20px;
  font-weight: bold;
}
.Detail_list .League_info select {
  color: #707070;
  padding: 5px 16px;
  border-radius: 5px;
  border: solid 1px #707070;
}

.Detail_list .history_list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 10px;
}

.statistics-table {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 15px;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  overflow: hidden;
}

.statistics-table:first-child {
  margin-left: 0;
}

.statistics-table:last-child {
  margin-right: 0;
}

.statistics-table .statistics-table--title {
  width: 100%;
  min-height: 68px;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0;
  height: auto;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.statistics-table:first-child .statistics-table--title {
  background-image: linear-gradient(to bottom, #f3fbff, #cbdfe8);
}

.statistics-table:nth-child(2) .statistics-table--title {
  background-image: linear-gradient(to bottom, #f9fff8, #d9e7d5);
}

.statistics-table:nth-child(3) .statistics-table--title {
  background-image: linear-gradient(to bottom, #fbfbf8, #e1e1c5);
}

.statistics-table:nth-child(4) .statistics-table--title {
  background-image: linear-gradient(to bottom, #fcfafa, #edd8d8);
}

.statistics-table table {
  width: 100%;
  text-align: center;
  background: var(--help-statistics-table-bg);
}

.statistics-table table tr {
  color: var(--help-statistics-table-color);
}

.statistics-table table tr td {
  padding: 10px 0px;
  font-size: 14px;
  border-bottom: solid 1px #e4e4e4;
  text-align: center;
}

/*2021 历年赛事统计 END */

/*舊历年赛事统计*/
.outerWrapper {
  text-align: left;
  position: relative;
  margin: 50px auto 50px auto;
  width: 1100px;
}
.scorer_item {
  float: left;
  margin-left: 5px;
  margin-right: 18px;
  width: 162px;
  padding: 5px;
  height: 170px;
  cursor: pointer;
}
.scorer_item .alli_logo {
  width: 100px;
  height: 100px;
  margin: auto;
}
.scorer_item .alli_name {
  text-align: center;
  padding-top: 15px;
}
.scorer_item:hover {
  color: #0091eb;
  cursor: pointer;
}
.left-nav-btn,
.left-nav-btn:hover {
  left: -55px;
}
.left-nav-btn,
.right-nav-btn {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 60px;
  cursor: pointer;
  opacity: 0.8;
  background: transparent url(../img/arrows.png) top left no-repeat;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.left-nav-btn:hover,
.right-nav-btn:hover {
  background: transparent url(../img/arrowshover.png);
}
.right-nav-btn,
.right-nav-btn:hover {
  right: -55px;
  background-position: top right;
}
/*history_game_result*/
.title_game_result {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
}
.alli_game_name_title {
  color: #0091ea;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding-top: 20px;
}
.score_total {
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  padding-bottom: 40px;
}
.history_game_wrap_table {
  display: table;
  width: 100%;
}
.history_game_wrap_row {
  display: table-row;
}
.history_game_wrap_cell {
  display: table-cell;
  width: 50%;
  padding-bottom: 20px;
}
.history_game_table {
  width: 100%;
  background-color: white;
  border-radius: 0px 0px 20px 20px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.history_game_table td {
  width: 25%;
  text-align: center;
  padding: 20px 0px;
}
.history_game_table tr {
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
}
.history_game_table tr:nth-child(odd) {
  color: #0091ea;
}
.history_game_table tr:last-child {
  border-bottom: none;
}
.history_game_head {
  background-image: linear-gradient(to top, #6597fa, #92d2fd);
  width: 100%;
  height: 57.5px;
  color: white;
  padding-top: 15px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  border-radius: 0px 4px 0px 0px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.history_game_head02 {
  background-image: linear-gradient(to top, #c1272d, #d77579);
  width: 100%;
  height: 57.5px;
  color: white;
  padding-top: 15px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  border-radius: 0px 4px 0px 0px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.history_game_head03 {
  background-image: linear-gradient(to top, #78b427, #a9cf75);
  width: 100%;
  height: 57.5px;
  color: white;
  padding-top: 15px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  border-radius: 4px 4px 0px 0px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
.history_game_head04 {
  background-image: linear-gradient(to top, #5d7270, #97a5a4);
  width: 100%;
  height: 57.5px;
  color: white;
  padding-top: 15px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  border-radius: 4px 4px 0px 0px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}
/*舊历年赛事统计 END*/
/*2021 CSS end*/

.bannervideo {
  background: rgba(225, 225, 225, 0);
  cursor: default;
  z-index: 5;
  display: block;
  height: 419px;
}
.bannervideo > video,
.bannervideo > img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 377px;
}
.user_icon {
  /* background: url("../img/nav03.svg") no-repeat; */
  background-size: contain;
  width: 50px;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
}
.online_icon {
  background: url("../img/OnNav001.svg") no-repeat;
  width: 22px;
  height: 18px;
  vertical-align: bottom;
  margin-bottom: 2px;
}
.online_num {
  width: 70%;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
}
.black_line {
  width: 100%;
  height: 1px;
  background-color: #808080;
  margin-top: 5px;
  margin-bottom: 15px;
}
#fifa_2018,
#fifa_2018[aria-expanded="true"]:hover {
  color: #c1272d;
  position: relative;
  border-color: #f5f5f5;
}
#fifa_2018:hover {
  color: #0091ea;
  position: relative;
  border-color: #0091ea;
}
#fifa_2018[aria-expanded="true"]::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #c1272c transparent;
  position: absolute;
  top: 23px;
  right: 15px;
}
#fifa_2018::after,
#fifa_2018.collapse::after,
#fifa_2018[aria-expanded="false"]::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #c1272c transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 15px;
}
#fifa_2018:hover::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #0091ea transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 15px;
}
#fifa_2018[aria-expanded="true"]:hover::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #c1272c transparent;
  position: absolute;
  top: 23px;
  right: 15px;
}
#fifa_area {
  margin: 15px -4px -15px 0;
}
#fifa_area li {
  padding: 15px 0px 15px 31px;
  color: #c1272c;
}
#fifa_area li a {
  color: #c1272c;
  display: block;
  width: 100%;
  height: 100%;
}
#fifa_area li:hover {
  border-right: solid 4px #0091ea;
  color: #0091ea;
}
#fifa_area li:hover a,
#fifa_area li.active a {
  color: #0091ea;
}
.side_nav_icon2 {
  background: url("../img/LeftNav02.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon2 {
  background: url("../img/LeftNav02.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_icon3 {
  background: url("../img/LeftNav03.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon3 {
  background: url("../img/LeftNav03.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_icon4 {
  background: url("../img/LeftNav04.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon4 {
  background: url("../img/LeftNav04.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_icon5 {
  background: url("../img/LeftNav05.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon5 {
  background: url("../img/LeftNav05.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav .side_nav_icon6 {
  background: url("../img/LeftNavss01.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon6 {
  background: url("../img/LeftNavss01.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_icon7 {
  background: url("../img/LeftNav09.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav ul li:hover .side_nav_icon7 {
  background: url("../img/LeftNav09.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_icon8 {
  background: url("../img/LeftNav10.png") no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.side_nav_intelligent-order {
  background: url("../img/LeftNav_intelligent-order.png") no-repeat;
  background-size: 90% auto;
  background-position: center center;
  width: 20px;
  height: 20px;
}
.side_nav .micronet_icon {
  margin-top: 0px;
  background: url("../img/app/TG_micronet_s_icon.png") center no-repeat;
  width: 25px;
  height: 25px;
  background-size: contain;
}
.side_nav .member_icon {
  margin-top: 4px;
  background: url("../img/LeftNav06.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 19px;
}
.side_nav ul li:hover .member_icon {
  margin-top: 4px;
  background: url("../img/LeftNav06.svg") no-repeat;
  background-size: cover;
  width: 20px;
  height: 19px;
}
.side_nav ul .member_text:hover {
  padding: 15px 0px 15px 0px;
  border-right: solid 4px #f4f4f4;
}
.side_nav .WD {
  background: url("../img/LeftNav07.svg") no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 2%;
}
.side_nav ul li:hover .WD {
  background: url("../img/LeftNavB07.svg") no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 3%;
}
.side_nav ul .wd_text {
  font-size: 18px;
}
.side_nav ul .wd_text:hover {
  font-size: 18px;
  padding-right: 2px;
}
.nav_sh_btn {
  position: relative;
  width: 75%;
  height: 30px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-left: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  background-image: linear-gradient(to bottom, #afe2e1, #558e8e);
  border-radius: 5px;
}
.nav_sh_btn::before {
  content: "";
  position: absolute;
  background: url("../img/supervisor_help.svg") no-repeat;
  background-size: contain;
  background-position: center;
  width: 26px;
  height: 26px;
  display: inline-block;
  top: 0px;
  left: 2px;
}
.nav_accounts_btn {
  position: relative;
  width: 75%;
  height: 30px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-left: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  background-image: linear-gradient(to bottom, #f5e7da, #c1a68b);
  border-radius: 5px;
}
.nav_accounts_btn::before {
  content: "";
  position: absolute;
  background: url("../img/accounts.png") no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 5px;
  left: 6px;
}
.nav_wd_btn {
  position: relative;
  width: 75%;
  height: 30px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-left: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  background-image: linear-gradient(to bottom, #a4e2ff, #2c66a8);
  border-radius: 5px;
}
.nav_wd_btn::before {
  content: "";
  position: absolute;
  background: url("../img/marketcard01.svg") no-repeat;
  background-size: contain;
  background-position: center;
  width: 26px;
  height: 26px;
  display: inline-block;
  top: 0px;
  left: 2px;
}
.footer_black_line {
  width: 100%;
  height: 1px;
  background-color: #4d4d4d;
  margin-bottom: 35px;
}
.footer_text {
  display: inline-block;
  vertical-align: top;
  float: right;
}
.pay_icon {
  background: url("../img/OnNav63.svg") center no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 5px;
}
.wd_weixin_icon {
  background: url("../img/OnNav64.svg") no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 7px;
}
.fpw_icon {
  background: var(--pageTitle-fpw-icon);
  background-size: contain;
  width: 30px;
  height: 27px;
  vertical-align: top;
  margin-top: 5px;
}
.fpw_title_icon {
  display: inline-block;
  background: url("../img/password/icon_vip.svg") no-repeat;
  background-size: contain;
  margin-right: 5px;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
.fifa_page_title {
  color: #666;
  position: relative;
}
.fifa_page_title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -300px;
  width: 300px;
  height: inherit;
  background: url("../img/fifa/worldmarketnav04.svg") right center no-repeat;
}

.fifa_market_game_title {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(146, 107, 60, 1)),
    color-stop(62%, rgba(213, 196, 150, 1)),
    to(rgba(254, 251, 205, 0))
  );
  background: linear-gradient(
    to right,
    rgba(146, 107, 60, 1) 0%,
    rgba(213, 196, 150, 1) 62%,
    rgba(254, 251, 205, 0) 100%
  );
  padding: 10px 0px 10px 10px;
}
.cell_guaranteed {
  position: relative;
}
.cell_43.cell_guaranteed .insureIcon {
  position: absolute !important;
  left: 0px !important;
  top: 15% !important;
}
.guaranteed_list {
  position: absolute;
  right: 0;
  top: 5px;
  width: 35px;
  height: 35px;
  background: var(--market-pawbenIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
}
.pawbenVip_list {
  position: absolute;
  right: 0;
  top: 5px;
  width: 35px;
  height: 35px;
  background: var(--market-pawbenVipIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
}

.game_category .guaranteed_list {
  right: 5px;
}
.insureIcon {
  position: absolute;
  right: 0;
  top: 5px;
  width: 35px;
  height: 35px;
  background: var(--market-insuranceIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
}
.order_game .insureIcon {
  top: 0;
}
.order03_info .info_row .insureIcon {
  margin-left: 10px;
  position: relative;
  top: -5px;
  left: auto;
}
.guaranteed_content {
  position: absolute;
  left: 0px;
  top: 15%;
  width: 35px;
  height: 35px;
  background: var(--market-pawbenIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
}
.pawbenVip_content {
  position: absolute;
  left: 0px;
  top: 15%;
  width: 35px;
  height: 35px;
  background: var(--market-pawbenVipIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
}
.deal_guaranteed {
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
  width: 32px;
  height: 32px;
  background: var(--market-pawbenIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
  transform: translateY(-50%);
}
.pawbenIcon {
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
  width: 32px;
  height: 32px;
  background: var(--market-pawbenIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
  transform: translateY(-50%);
}
.trade_detail_content .insureIcon {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
  transform: translateY(-20%);
}
.deal_icon-pawbenVip {
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
  width: 32px;
  height: 32px;
  background: var(--market-pawbenVipIcon);
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -1px;
  transform: translateY(-50%);
}
.cell_1 .deal_guaranteed {
  left: 10px;
}
.square_pic {
  background: url("../img/Detailsdown.svg") no-repeat;
  width: 70px;
  height: 64px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  z-index: 3;
}

/**保本/體驗金/保險 hover*/
.insureIcon.show::before {
  content: "Insurance";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  white-space: nowrap;
}
.insureIcon.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}

.guaranteed_content.show::before {
  content: "Stake Returned";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  white-space: nowrap;
}

.guaranteed_content.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}

.pawbenVip_content.show::before {
  content: "VIP Stake Returned";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  transform: translateX(-20%);
  white-space: nowrap;
}
.pawbenVip_content.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}

.icon_payExprience.show::before {
  content: "Trial Fund";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  transform: translateX(-50%);
  white-space: nowrap;
}
.icon_payExprience.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}

.guaranteed_list.show::before,
.fifa_sPawben.show::before,
.fifa_res_sPawben.show::before,
.deal_guaranteed.show::before {
  content: "Stake Returned";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  white-space: nowrap;
}
.guaranteed_list.show::before {
  transform: translateX(-70%) !important;
}
.fifa_sPawben.show::before,
.fifa_res_sPawben.show::before,
.deal_guaranteed.show::before {
  transform: translateX(-20%);
}
.order_game .fifa_sPawben.show::before,
.order_game .fifa_res_sPawben.show::before,
.order_game .deal_guaranteed.show::before {
  transform: translateX(-70%);
}

.insureIcon.show::before {
  transform: translateX(-20%);
}
.order_game .insureIcon.show::before {
  transform: translateX(-70%);
}
.game_name_wrap .insureIcon.show::before {
  transform: translateX(-80%);
}
.guaranteed_list.show::after,
.fifa_sPawben.show::after,
.fifa_res_sPawben.show::after,
.deal_guaranteed.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}
.pawbenVip_list.show::before,
.icon-pawbenVip.show::before,
.fifa_res_icon-pawbenVip.show::before,
.deal_icon-pawbenVip.show::before {
  content: "VIP Stake Returned";
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  color: #fff;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 5px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  white-space: nowrap;
}
.pawbenVip_list.show::before {
  transform: translateX(-80%);
}

.icon-pawbenVip.show::before,
.fifa_res_icon-pawbenVip.show::before,
.deal_icon-pawbenVip.show::before {
  transform: translateX(-20%);
}
.pawbenVip_list.show::after,
.icon-pawbenVip.show::after,
.fifa_res_icon-pawbenVip.show::after,
.deal_icon-pawbenVip.show::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
  transform: translateX(-50%);
}

.tag_text {
  height: 64px;
  z-index: 2;
  vertical-align: top;
  width: 100%;
  border-radius: 10px;
  border-radius: 6px;
  background-image: linear-gradient(to top, #cccccc, #e3e3e3 50%, #ffffff 51%, #ffffff);
  color: #3165f1;
  font-size: 19px;
  padding: 19px 5px 0px 10px;
}
.tag_icon1 {
  float: right;
  margin-right: 4%;
  margin-top: -1px;
  background: url("../img/OnNav33.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
}
.tag_icon2 {
  float: right;
  margin-right: 4%;
  margin-top: -2px;
  background: url("../img/OnNav35.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
}
.tag_icon3 {
  float: right;
  margin-right: 4%;
  margin-top: -1px;
  background: url("../img/OnNav37.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
}

/*trade_detail*/
.cell_1 {
  width: 13%;
}
.cell_2 {
  width: 10%;
}
.cell_3 {
  width: 10%;
}
.cell_4 {
  width: 27%;
}
.cell_5 {
  width: 10%;
}
.cell_6 {
  width: 12%;
  text-align: right;
}
.cell_7 {
  width: 8%;
}
.cell_8 {
  width: 8%;
}
.cell_20 {
  width: 18%;
}
.cell_21 {
  text-align: left;
  padding-left: 3%;
  width: 80%;
}
.cell_71 {
  width: 9%;
}
.datepicker_group {
  width: 70%;
  margin-left: 2%;
}
.datepicker_icon {
  background: url("../img/OnNav39.svg") no-repeat;
  background-size: cover;
  width: 29px;
  height: 31px;
  vertical-align: middle;
  margin: 0px 15%;
}
.datepicker_text {
  font-size: 15px;
  letter-spacing: 1px;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 1%;
}
.datepicker_submit {
  background: url("../img/OnNav44.svg") no-repeat;
  background-size: cover;
  width: 50px;
  height: 31px;
  vertical-align: top;
  margin-left: 3%;
  border: none;
  color: white;
  font-size: 14px;
  letter-spacing: 2px;
  padding-top: 4px;
  margin-top: 3px;
}
.datepicker_submit a,
.datepicker_submit a:hover {
  color: white;
  text-decoration: none;
}
.color_green,
.txt-green {
  color: var(--all-green-color);
}
.color_red,
.txt-red {
  color: var(--all-red-color);
}

.txt-gray {
  color: var(--point-notice_content-color);
}
.announce_btn_group {
  width: 100%;
}
.announce_btn_group button {
  display: inline-block;
  border: none;
  width: 250px;
  height: 65px;
  margin-right: 3%;
  border-radius: 10px;
  vertical-align: top;
  color: white;
  font-size: 22px;
  letter-spacing: 4px;
  line-height: 18px;
  text-align: left;
  border: solid 2px #9ea1b9;
  padding: 4px;
  background-image: linear-gradient(to bottom, #cccccc, #ffffff);
}
.announce_btn_group button:hover {
  color: #00ffff;
}
.announce_btn_group button span {
  color: #333;
  font-size: 12px;
  letter-spacing: 1px;
}
.announce_btn_group button b {
  position: relative;
  font-style: normal;
  height: 53px;
  z-index: 2;
  display: block;
  width: 100%;
  border-radius: 9px;
  background-image: linear-gradient(to top, #cccccc, #e3e3e3 50%, #ffffff 51%, #ffffff);
  color: #3165f1;
  font-size: 19px;
  padding: 8px 5px 0px 10px;
}
.announce_btn_group button .announce_icon1 {
  position: absolute;
  top: 10px;
  right: 10px;
  margin-right: 4%;
  margin-top: -1px;
  background: url("../img/official_down01.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
}
.announce_btn_group button .announce_icon2 {
  position: absolute;
  top: 10px;
  right: 10px;
  margin-right: 4%;
  margin-top: -1px;
  background: url("../img/official_down02.svg");
  background-size: cover;
  width: 30px;
  height: 30px;
}
.my_wrap {
  background: url("../img/vipssflag.png") right bottom no-repeat;
  background-size: 50% auto;
  width: 60%;
  min-height: 650px;
  position: relative;
  background-color: #fff;
  border-radius: 40px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 20px 0 40px;
}
.my_wrap::before {
  content: "";
  background-size: 50% auto;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -10px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 40px;
}
.my2_member_name {
  position: absolute;
  color: #231815;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.my2_member_detail {
  position: relative;
  width: 80%;
  height: 310px;
  margin: 0 auto 20px;
  padding: 0px 10px;
  background: url("../img/vipcard.png?v=20060801") center no-repeat;
  background-size: cover;
}
.member_detail_table {
  position: absolute;
  left: 25px;
  bottom: 52px;
  display: table;
  text-align: center;
  width: 80%;
  font-size: 14px;
  font-weight: bold;
}
.member_detail_row {
  display: table-row;
}
.member_detail_cell {
  display: table-cell;
  width: 33%;
  color: #231815;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
}
.member_detail_cell span {
  display: block;
  text-align: center;
  color: #336ead;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
}
.my_wallet {
  width: 74%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.my_wallet .my_wallet_th {
  color: #fff;
  background: linear-gradient(to right, #2c66a8, #a3e1fe 100%);
}
.my_wallet .my_wallet_th,
.my_wallet .my_wallet_tr {
  width: 100%;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.my_wallet .tg_wallet,
.my_wallet .lock_wallet {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my_wallet .my_wallet_th .tg_wallet::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background: url("../img/tgwallet_ico.png") center no-repeat;
  background-size: contain;
}
.my_wallet .my_wallet_th .lock_wallet::before {
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background: url("../img/lockwallett_ico.png") center no-repeat;
  background-size: contain;
}
.lock_wallet a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lock_wallet a::after {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background: var(--my-lock_wallet-arrow);
  background-size: contain;
}
.my_wallet .my_wallet_tr .tg_wallet {
  border-right: 1px solid #2c538e;
}
.member_info_title {
  text-align: center;
  font-size: 18px;
  color: #184c87;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 20px;
  display: block;
}
.member_info_table {
  display: block;
  width: 100%;
  font-size: 16px;
}
.member_info_row {
  display: flex;
  flex-wrap: nowrap;
}
.member_info_cell {
  display: flex;
  line-height: 30px;
  justify-content: center;
  align-items: center;
}
.info_line {
  width: 2px;
  height: 15px;
  background-color: #4d4d4d;
}
.member_info_wrap {
  width: 80%;
  margin: 0 auto;
}
.cell_info1 {
  letter-spacing: 5px;
  font-weight: bold;
  text-align: center;
  width: 24%;
}
.cell_info3 {
  letter-spacing: 1px;
  padding-left: 8px;
  text-align: center;
  width: 40%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #f6f6f6;
}
.cell_info4 {
  padding-left: 10px;
}

.my_icon1 {
  background: url("../img/OnNav50.svg") no-repeat;
  background-size: cover;
  width: 18px;
  height: 20px;
  margin-top: 18px;
  margin-left: 3%;
}
.my_icon2 {
  background: url("../img/OnNav51.svg") no-repeat;
  background-size: cover;
  width: 18px;
  height: 20px;
  margin-top: 18px;
  margin-left: 3%;
}
.personal_info {
  font-size: 22px;
  color: white;
  letter-spacing: 5px;
  padding-left: 1%;
}
.my_content_table_wrap {
  display: table;
  width: 100%;
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  padding: 0px 20px;
  margin-bottom: 40px;
}
.my_content_table {
  width: 100%;
  color: #333333;
}
.my_content_table td {
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
  vertical-align: middle;
}
.cell_title {
  padding: 26px 10px 26px 35px;
  width: 33%;
  font-size: 18px;
  letter-spacing: 5px;
  font-weight: bold;
}
.cell_content {
  padding: 0px 0px 0px 45px;
  font-size: 20px;
  letter-spacing: 3px;
  font-weight: bold;
  width: 55%;
}
.cell_dash {
  display: inline-block;
  width: 2px;
  height: 30px;
  background-color: rgba(135, 148, 148, 0.5);
  margin: 10px 0px;
  vertical-align: middle;
}
.modify_btn {
  width: 65px;
  height: 28px;
  color: white;
  font-weight: normal;
  font-size: 14px;
  padding: 0 10px;
  letter-spacing: 3px;
  line-height: 22px;
  border-radius: 30px;
  box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.4);
  border: solid 1.5px #ffffff;
  background: radial-gradient(ellipse at center, #fb76a9 1%, #e75573 100%);
  vertical-align: middle;
}
td div {
  display: inline-block;
  vertical-align: middle;
}
.cover_loading {
  /*display: none; !* Hidden by default *!*/
  position: fixed;
  /* Stay in place */
  z-index: 2001;
  /* Sit on top */
  /*padding-top: 250px; !* Location of the box *!*/
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(255, 255, 255);
  /* Fallback color */
  background-color: rgba(255, 255, 255, 0.8);
  /* Black w/ opacity */
}

#loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: spin 0.9s infinite linear;
  z-index: 1500;
}

#lock_win .cover_loading {
  padding-top: 15%;
}

#lock_win #loader {
  position: fixed;
  top: -5rem;
}

#lock_win #lock_win--msg {
  position: fixed;
  top: 51%;
  z-index: 2001;
  left: calc(50% - 40px);
  bottom: 0;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
}
.dot:nth-child(1) {
  left: 20px;
  background-color: #e8e8e8;
}
.dot:nth-child(2) {
  left: 5px;
  top: 5px;
  background-color: #f8f8f8;
}
.dot:nth-child(3) {
  left: 35px;
  top: 5px;
  background-color: #d8d8d8;
}
.dot:nth-child(4) {
  top: 20px;
  right: 0;
  background-color: #c8c8c8;
}
.dot:nth-child(5) {
  right: 5px;
  bottom: 5px;
  background-color: #b8b8b8;
}
.dot:nth-child(6) {
  bottom: 0;
  left: 20px;
  background-color: #a8a8a8;
}
.dot:nth-child(7) {
  bottom: 5px;
  left: 5px;
  background-color: #989898;
}
.dot:nth-child(8) {
  left: 0;
  top: 20px;
  background-color: #888888;
}
.check_overage {
  text-align: right;
  padding-right: 15px;
  margin: -15px 0 15px;
}
.modal_game_record {
  position: relative;
  background: var(--modal_game_record-bg);
  margin: auto;
  padding: 0;
  width: 1000px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: 700px;
  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 20px;
}
.modal_game_record.hasbg {
  background: var(--market-modal_game_record-bg);
  background-size: cover;
}

.modal_game_record.hasbg::before {
  content: var(--chart-hasbg-before-content);
  position: absolute;
  top: 0;
  left: 0;
  width: 254px;
  height: 148px;
  background: var(--chart-hasbg-before-bg);
  background-size: cover;
}

.modal_game_record.hasbg::after {
  content: var(--chart-hasbg-after-content);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--chart-hasbg-after-bg);
  background-size: cover;
}

.modal_service {
  position: relative;
  background-color: #ffffff;
  margin: auto;
  padding: 0;
  width: 400px;
  -webkit-box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);

  -webkit-animation: animatezoom 0.4s;
  animation: animatezoom 0.4s;
  border-radius: 10px;
  overflow: hidden;
}
@-webkit-keyframes spin {
  from {
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
  cursor: pointer;
}
/*市場列表賽事搜尋*/
.modal_search {
  padding: 30px 30px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.modal_search span {
  color: #283763;
  font-size: 16px;
  font-weight: bold;
}
.modal_search input {
  width: 100%;
  height: 33px;
  border-bottom: none;
  border-left: none;
  border-top: solid 2px rgba(135, 148, 148, 0.3);
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 4%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
/*市場列表賽事搜尋 END*/
.modal_table_wrap {
  padding: 0px 20px;
}
.modal_table {
  display: table;
  width: 100%;
}
.modal_row {
  display: table-row;
}
.modal_cell {
  display: table-cell;
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
  padding: 17px 0px;
  vertical-align: middle;
}

.modal_cell_content .modal_cell_row {
  width: 95%;
  display: flex;
  gap: 10px;
}
.modal_cell_content .modal_cell_row input {
  flex: 1;
}
.modal_cell_content .modal_cell_row .getcode_btn {
  min-width: 80px;
  color: #fff;
  border-radius: 5px;
  border: none;
  background: var(--index-sendSms-bg);
}
.modal_cell_content .modal_cell_row .getcode_btn:disabled {
  background: linear-gradient(to bottom, #cacaca, #949494);
}

.fifa_cover_order .close_icon,
.fifa_cover_order01 .close_icon,
.fifa_cover_order03 .close_icon {
  background: url("../img/fifa/worldmarketnav16.svg") no-repeat;
  background-size: cover;
  color: #706646;
}
.close_icon_setting {
  background: url("../img/cross.svg") no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 22px;
  right: 3%;
  font-size: 25px;
  color: #f3f3f3;
  cursor: pointer;
}
.fifa_cover_order .close_icon_setting,
.fifa_cover_order01 .close_icon_setting {
  background: url("../img/fifa/worldmarketnav16.svg") no-repeat;
  background-size: cover;
  color: #706646;
}
.modal_cell_title {
  font-size: 16px;
  padding-left: 4%;
  width: 28%;
  letter-spacing: 1px;
}
.modal_cell_content input {
  width: 100%;
  height: 33px;
  border-bottom: none;
  border-left: none;
  border-top: solid 2px rgba(135, 148, 148, 0.3);
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 1%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}

.modal_cell_content input:disabled {
  background: #8a8a8a;
  color: #fff;
  opacity: 0.35;
}
.fifa_cover_order #confirm_order02,
.fifa_cover_order #confirm_order02:hover {
  background: url("../img/fifa/worldmarketdown02.svg") no-repeat;
  background-size: cover;
  color: #fcee21;
}
.fifa_cover_order #cancel_order02,
.fifa_cover_order #cancel_order02:hover {
  background: url("../img/fifa/worldmarketdown02.svg") no-repeat;
  background-size: cover;
  color: #fff;
}
#confirm_modify {
  margin-right: 10%;
}
#confirm_modify02 {
  margin-right: 10%;
}
#confirm_modify03 {
  margin-right: 10%;
}
#confirm_order02 {
  margin-right: 12%;
}
.success_wrap {
  width: 100%;
  text-align: center;
}
.against_btn {
  border-radius: 30px;
  padding: 0 10px 0 3px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  background-image: linear-gradient(to bottom, #a4e2ff, #2c66a8);
}
.against_icon {
  background-image: linear-gradient(to top, #a4e2ff, #2c66a8);
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-right: 4px;
  position: relative;
  border-radius: 50%;
}
.against_icon::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  background: url("../img/OnNav19.svg") center no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
}
.fifa_check {
  font-weight: 600;
  padding-left: 5px;
  margin-bottom: 20px;
}
.order03_warp {
  width: 100%;
  padding: 10px;
}
.order03_table {
  display: table;
  width: 100%;
  margin-bottom: 8px;
}
.order03_row {
  display: table-row;
}
.order03_row a {
  cursor: pointer;
}
.order03_row img {
  width: 100%;
}
.order03_cell {
  display: table-cell;
}
.order03_cell .area {
  min-width: 130px;
  margin-right: 10px;
}
.cloud {
  background: url("../img/OnNav29.svg") no-repeat;
  width: 40px;
  height: 29px;
  margin: auto;
}
.cell_49 {
  width: 22%;
}
.cell_50 {
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
  position: relative;
}
.title_bg {
  width: 100px;
  min-height: 48px;
  color: white;
  text-align: center;
  font-size: 18px;
  padding: 10px 5px;
  border-radius: 5px;
  background-image: var(--point-modal-title-bg);
  line-height: 1.2;
}
.fifa_cover_order03 .title_bg {
  background: url("../img/fifa/worldmarketbar04.svg") no-repeat;
  color: #6a3906;
}
.order03_text {
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: 2px;
}
.fifa_cover_order03 .order03_text {
  position: relative;
}
.cell_50 div {
  display: inline-block;
}
.against_icon_gray {
  background: url("../img/OnNav28.svg") no-repeat;
  width: 20px;
  height: 21px;
  vertical-align: middle;
  margin-left: 15px;
}

.gray_dotted {
  display: block;
  width: 100%;
  border-bottom: dotted 2px #808080;
  margin-bottom: 30px;
}
.gray_dotted {
  display: block;
  width: 100%;
  border-bottom: solid 1px #808080;
  margin-bottom: 30px;
}
.join_title div {
  display: inline-block;
}
.join_icon_group div {
  display: inline-block;
}
.join_icon_group {
  height: 60px;
  border-radius: 50px;
  border: 1px solid #224f97;
  padding: 14px 0px 0px 3.5%;
}
.join_icon {
  background: var(--index-register_btn-icon);
  background-size: cover;
  width: 30px;
  height: 30px;
}
.join_text {
  font-size: 22px;
  letter-spacing: 8px;
  vertical-align: top;
  font-weight: 600;
  color: #224f97;
  padding-left: 10px;
}
.dotted_line {
  width: 79.55%;
  border-top: 3px dotted #808080;
  vertical-align: top;
  margin-top: 30px;
}
.join_table {
  display: table;
  width: 100%;
  background-color: white;
  border-radius: 20px;
  padding: 20px 30px;
  font-size: 18px;
  margin: 30px 0px;
  -webkit-box-shadow:
    2px 2px 3px 3px rgba(135, 148, 148, 0.3),
    -2px -2px 3px 3px rgba(135, 148, 148, 0.3);
  box-shadow:
    2px 2px 3px 3px rgba(135, 148, 148, 0.3),
    -2px -2px 3px 3px rgba(135, 148, 148, 0.3);
}
.join_table2 {
  width: 40%;
  display: table;
}
.join_row {
  display: table-row;
}
.join_row#agentidTab input {
  color: #363636;
  background-color: transparent;
}
.join_cell {
  display: table-cell;
  padding: 15px 0px;
}
.RegisterError {
  border: solid 1px #ff0000 !important;
}
.step_title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #0091ea;
  margin: 20px 0px;
}
.register_content p {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}
.register_content span {
  color: #c1272d;
}
.register_content input {
  width: 100%;
  height: 34px;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  font-size: 16px;
  padding-left: 3%;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
.register_content select {
  width: 100%;
  height: 34px;
  background: #f2f2f2 url("../img/arrow.png") no-repeat right 12px top 11px;
  border-bottom: none;
  border-left: none;
  border-top: solid 2px rgba(135, 148, 148, 0.5);
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  padding-left: 3%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
/*register*/
.cell_22 {
  width: 11%;
  letter-spacing: 3px;
}
.cell_23 {
  width: 28%;
}
.cell_24 {
  width: 24%;
  padding-left: 10%;
  letter-spacing: 3px;
}
.cell_25 {
  width: 35%;
}
.cell_26 {
  width: 33%;
  letter-spacing: 3px;
}
.cell_27 {
  width: 11%;
  letter-spacing: 3px;
}
.account {
  letter-spacing: 8px;
}
.account2 {
  letter-spacing: 7px;
}
.account3 {
  letter-spacing: 8px;
}

.send_pwd {
  display: inline-block;
  min-width: 106px;
  height: 40px;
  margin-left: 10px;
  border-radius: 10px;
  text-align: center;
  line-height: 1;
  color: #fff;
  font-size: 14px;
  background: var(--index-sendSms-bg);
  border: 0;
}

.btn_block {
  position: relative;
  text-align: center;
  padding-top: 15px;
}
span.fee {
  position: absolute;
  left: -41px;
  top: -7px;
  color: #eff7ff;
  background: linear-gradient(45deg, #4c78a2, #d1e2ff);
  font-size: 14px;
  font-weight: 300;
  padding: 26px 30px 0px;
  transform: rotate(-45deg);
}
span.fee::after {
  content: "";
  height: 4px;
  display: block;
  background: linear-gradient(45deg, #18519f, #8f9ebf);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}
span.fee-up {
  position: absolute;
  left: -41px;
  top: -7px;
  color: #734118;
  background: linear-gradient(45deg, #b56a49 12%, #fffbf7);
  font-size: 14px;
  font-weight: 700;
  padding: 26px 30px 0px;
  transform: rotate(-45deg);
  width: 8em;
  word-break: keep-all;
}
span.fee-up::after {
  content: "";
  height: 4px;
  display: block;
  background: linear-gradient(45deg, #91432d, #e5a785);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}
span.fee-down {
  position: absolute;
  left: -41px;
  top: -7px;
  color: #333;
  background: linear-gradient(45deg, #8e8e8e 12%, #f5f5f5);
  font-size: 14px;
  font-weight: 700;
  padding: 26px 30px 0px;
  transform: rotate(-45deg);
  width: 8em;
  word-break: keep-all;
}
span.fee-down::after {
  content: "";
  height: 4px;
  display: block;
  background: linear-gradient(45deg, #665c5a, #b9b9b9);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}
span.card-to-card::after {
  content: "";
  height: 4px;
  display: block;
  background: linear-gradient(45deg, #8e3dcf, #e3b4fd);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}
.last_block {
  margin-right: 0px;
}
.wd_btn {
  background-size: cover;
  margin: auto;
}
.wd_notice_group div {
  display: inline-block;
}
.wd_notice_title {
  margin-top: 80px;
}
.wd_notice_title div {
  display: inline-block;
}
.wd_notice_group {
  width: 20%;
  border-radius: 50px;
  border: var(--point-wd_notice_group-border);
  padding: 14px 0px 0px 2%;
}
.notice_icon {
  background: var(--point-notice-icon);
  background-size: cover;
  width: 23px;
  height: 20px;
  vertical-align: middle;
  margin-top: 5px;
}
.notice_icon.flip {
  transform: scaleX(-1);
}
.wd_notice_text {
  font-size: 22px;
  letter-spacing: 8px;
  vertical-align: top;
  font-weight: 600;
  color: var(--point-wd_notice_group-color);
  padding-left: 10px;
}
.wd_onlinebank_icon {
  background: url("../img/OnNav61.svg") no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 5px;
}
.onlinebank_block {
  width: 100%;
  color: var(--help-hot_League-color);
  background: var(--help-hot_League-bg);
  border-radius: 20px;
  padding: 20px 30px;
  font-size: 18px;
  margin: 30px 0px;
  -webkit-box-shadow:
    2px 2px 3px 3px rgba(135, 148, 148, 0.3),
    -2px -2px 3px 3px rgba(135, 148, 148, 0.3);
  box-shadow:
    2px 2px 3px 3px rgba(135, 148, 148, 0.3),
    -2px -2px 3px 3px rgba(135, 148, 148, 0.3);
}
.onlinebank_block .onlinebank_small_block:first-child {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
}
.onlinebank_block .onlinebank_small_block:nth-child(2) {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
.onlinebank_table {
  display: table;
  width: 100%;
  font-size: 16px;
  letter-spacing: 2px;
}
.onlinebank_row {
  display: table-row;
  color: var(--point-onlinebank-row-color);
}
.onlinebank_cell {
  display: table-cell;
  padding: 15px 0px;
  text-align: left;
}

.depoistRealNameNotice {
  display: table-cell;
  text-align: left;
  color: red;
  font-size: 15px;
}
.onlinebank_notice {
  width: 100%;
}
.onlinebank_cell .showpic {
  height: 33px;
  border: 1px solid #ccc;
}
.notice_title_table {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.notice_title_row {
  display: table-row;
}
.notice_title_cell {
  display: table-cell;
}
.notice_title_cell .wd_notice_group {
  width: 100%;
  padding: 2px 10px;
  text-align: center;
}
.notice_title_cell .wd_notice_group .notice_icon {
  margin-top: 2px;
}
.notice_title_table .dotted_line {
  width: 100%;
}
.cell_28 {
  width: 25%;
}
.cell_29 {
  width: 50%;
  padding: 0px 3%;
}
.cell_35n {
  padding: 0px 0px;
  font-size: 14px;
  color: #bebebe;
}
.onlinebank_notice ul {
  padding: 0px 0px 0px 30px;
}
.onlinebank_notice ul li {
  list-style-type: decimal;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 25px;
}

.onlinebank_notice .notice_text {
  padding: 0px 0px 0px 15px;
  line-height: 40px;
  font-weight: bold;
}
.cell_30 {
  width: 25%;
}
.Alipaycell_30 {
  width: 32%;
}
.Alipay_letterspace {
  letter-spacing: 22px;
}
.cell_31 {
  font-weight: bold;
}
.onlinebank_cell.cell_31 {
  width: 70%;
}

.cell_72 {
  font-weight: bold;
  width: 50%;
}
.onlinebank_table input {
  width: 75%;
  height: 34px;
  border-bottom: none;
  border-left: none;
  border-top: solid 2px rgba(135, 148, 148, 0.5);
  font-size: 16px;
  padding-left: 3%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
.onlinebank_table select {
  width: 75%;
  height: 34px;
  background: #f2f2f2 url("../img/arrow.png") no-repeat right 12px top 11px;
  border-bottom: none;
  border-left: none;
  border-top: solid 2px rgba(135, 148, 148, 0.5);
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  padding-left: 3%;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
}
.onlinebank_c2c {
  width: 50%;
  height: 40px;
  border: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin: 40px 25%;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 3px 0 rgba(51, 80, 159, 0.5);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}
.QRcode {
  width: 100%;
  height: 300px;
  margin: 20px auto;
}
.pay_title {
  font-size: 26px;
}
.pay_left_block {
  width: 100%;
  text-align: center;
}
.pay_content .onlinebank_block {
  padding-left: 0px;
}
.weixin_btn_block {
  width: 100%;
  padding-left: 19%;
}
.china_btn_block {
  width: 100%;
  padding-left: 19%;
}
.weixin_btn_block .confirm_trade {
  margin-top: 40px;
}
.china_btn_block .confirm_trade {
  margin-top: 30px;
}
.chinabank_logo {
  background: url("../img/unionpaylogo.png") no-repeat;
  background-size: cover;
  width: 120px;
  height: 75px;
  margin: 10px;
}
.china_bank {
  color: var(--point-tab-color);
  padding: 0px 5px;
  font-size: 14px;
}
.choose_bank {
  width: 100%;
  margin-bottom: 10px;
}
.submit_title {
  width: 100%;
  text-align: center;
  padding-bottom: 5px;
}
.countdown {
  width: 100%;
  height: 160px;
}
.countdown2 {
  width: 100%;
  height: 195px;
}
.submit_confirm {
  width: 48%;
  padding: 5px 0px;
  border: solid 1px white;
  border-radius: 3px;
  background: transparent;
  color: #f3f3f3;
  font-weight: bold;
}
.font_s {
  font-size: 12px;
}
.num_block {
  width: 18%;
  text-align: center;
  padding-top: 3px;
  padding-left: 7px;
}
.fifa_market_list_icon {
  background: url("../img/fifa/worldmarketicon001.svg") no-repeat;
}
.re_choose {
  background: url("../img/OnNav05.svg") no-repeat;
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: #cccccc;
  letter-spacing: 5px;
  padding-top: 5px;
  padding-left: 12px;
  margin-right: 10px;
}
.re_choose div {
  background: url("../img/OnNav03.svg") no-repeat;
  width: 13px;
  height: 13px;
  margin-right: 3px;
  display: inline-block;
}
.confirm_select {
  background: url("../img/OnNav06.svg") no-repeat;
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: white;
  letter-spacing: 5px;
  padding-top: 5px;
  padding-left: 12px;
}
.confirm_select div {
  background: url("../img/OnNav04.svg") no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
}
.back {
  background: url("../img/OnNav06.svg") no-repeat;
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: white;
  letter-spacing: 5px;
  padding-top: 5px;
  padding-left: 12px;
}
.back div {
  background: url("../img/OnNav11.svg") no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: top;
  margin-top: 3px;
}
.fifa_market_game_active,
.fifa_market_sidebar.open .market_game_active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fefbcd), to(#ac9061));
  background: linear-gradient(to bottom, #fefbcd 35%, #ac9061 100%);
}
.fifa_market_game:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fefbcd), to(#ac9061));
  background: linear-gradient(to bottom, #fefbcd 35%, #ac9061 100%);
}
.fifa_deal_chart_title {
  background: url("../img/fifa/worldmarketbar06.svg") no-repeat;
  background-size: cover;
  font-size: 20pt;
  color: #6a3906;
  text-align: center;
  display: table;
  width: 100%;
  height: 53px;
  line-height: 54px;
}
.game_greenlight {
  display: inline-block;
  width: 10%;
  border-right: solid 1px rgba(135, 148, 148, 0.5);
  height: 100px;
}
.green_light {
  background: url("../img/market_greenlight.svg") no-repeat;
  width: 15px;
  height: 15px;
  margin: 43px auto 0px auto;
}

.market_whole_table {
  display: table;
  width: 100%;
}
.market_whole_row {
  display: table-row;
}
.market_whole_cell {
  display: table-cell;
  width: 50%;
  padding-bottom: 40px;
  padding: 10px;
}
/* 2024 列表開闔 unopen */
.market_style2 {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.market_style2 .market_whole_row {
  display: flex;
  width: 50%;
  flex-direction: column;
}
.market_style2 .market_whole_cell {
  display: table-cell;
  width: 100%;
  padding-bottom: 40px;
  padding: 10px;
}
/* 2024 列表開闔 end */

.fifa_market_table_head {
  background: url("../img/fifa/worldmarketbar01.svg") no-repeat;
  background-size: cover;
}
.head_icon1-1 {
  background: url("../img/OnNav13.svg") no-repeat;
  background-size: contain;
  padding: 2px 12px;
  width: 20px;
  height: 24px;
}
.head_icon1-2 {
  background: url("../img/OnNav15.svg") no-repeat;
  background-size: contain;
  padding: 0px 15px;
  width: 32px;
  height: 18px;
}
.head_icon1-3 {
  background: url("../img/OnNav16.svg") no-repeat;
  background-size: contain;
  padding: 1px 16px;
  width: 27px;
  height: 24px;
}
.head_icon1-4 {
  background: url("../img/OnNav17.svg") no-repeat;
  background-size: contain;
  padding: 1px 16px;
  width: 31px;
  height: 24px;
}
.fifa_market_table_head .head_icon1-1 {
  background: url("../img/fifa/worldmarketicon07.svg") center bottom no-repeat;
  background-size: contain;
  padding: 3px 10px;
}
.fifa_market_table_head .head_icon1-2 {
  background: url("../img/fifa/worldmarketicon08.svg") center bottom no-repeat;
  background-size: contain;
  padding: 8px 15px;
}
.fifa_market_table_head .head_icon1-3 {
  background: url("../img/fifa/worldmarketicon09.svg") center bottom no-repeat;
  background-size: contain;
  padding: 5px 11px;
}
.fifa_market_table_head .head_icon1-4 {
  background: url("../img/fifa/worldmarketicon10.svg") center bottom no-repeat;
  background-size: contain;
  padding: 9px 14px;
}
.fifa_market_table_head .head_title {
  color: #6a3906;
}
.fifa_market_table_head .head_amount {
  color: #6a3906;
}
.cell_39 {
  width: 11%;
  padding: 15px 5px 0px 20px;
}
.cell_40 {
  width: 40%;
  vertical-align: middle;
}
.cell_41 {
  width: 60%;
  text-align: right;
  padding-right: 20px;
}
.cell_42 {
  width: 10%;
  text-align: right;
  padding-right: 25px;
}
.cell_43 {
  width: 22%;
  font-weight: bold;
}
.cell_44 {
  width: 60px;
  color: var(--all-red-color);
  font-weight: bold;
}

.cell_46 {
  width: 11%;
  padding: 17px 5px 0px 15px;
}
.cell_47 {
  width: 11%;
  padding: 15px 5px 0px 15px;
}
.cell_48 {
  width: 11%;
  padding: 16px 5px 0px 15px;
}
.alliance_icon {
  background: var(--pageTitle-alliance-icon);
  background-size: contain;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 9px;
}
.choose_alli_row {
  width: 100%;
  margin-bottom: 20px;
}
.choose_alli {
  width: 220px;
  height: 56px;
  margin-right: 0.5%;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.choose_alli input[type="checkbox"] {
  display: none;
}
.choose_alli input[type="checkbox"] + label {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: var(--market-choose_alli-bg);
  background-size: cover;
  display: flex;
  align-items: center;
}
.choose_alli input[type="checkbox"] + label span {
  width: 55px;
  padding: 7px 10px 10px 13px;
  vertical-align: middle;
  background: transparent left top no-repeat;
  cursor: pointer;
  display: table-cell;
  justify-content: center;
  align-items: center;
}
.choose_alli input[type="checkbox"]:checked + label {
  background: var(--market-choose_alli-checked-bg);
  background-size: cover;
}
.choose_alli input[type="checkbox"]:checked + label span {
  background: var(--market-choose_alli-checked-span);
  background-size: var(--market-choose_alli-checked-size);
  width: 55px;
  height: 55px;
  padding: 7px 4px 10px 13px;
}
.alliance_name {
  font-size: 16px;
  padding-right: 13px;
  line-height: 18px;
  font-weight: bold;
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.choose_alli input[type="checkbox"] + label .alliance_name {
  color: var(--market-alliance_name-color);
}
.choose_alli input[type="checkbox"]:checked + label .alliance_name {
  color: var(--market-alliance_name-checked-color);
}
.alli_arrow {
  background: url("../img/OnNav08.svg") no-repeat;
  width: 20px;
  height: 13px;
  margin-right: 5px;
}
.alli_choose_table {
  width: 100%;
}
.alli_choose_head {
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: var(--table-head-bg);
  height: 55px;
  display: flex;
  flex-wrap: nowrap;
  color: white;
  font-size: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  box-shadow: var(--table-head-shadow);
}
.alli_choose_head > div {
  text-align: center;
  white-space: nowrap;
  padding: 0 5px;
  justify-content: center;
  align-items: center;
}
.alli_choose_head div:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 12%;
  flex: 1 1 12%;
}
.alli_choose_head div:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
}
.alli_choose_head div:nth-child(3) {
  -webkit-box-flex: 2;
  -ms-flex: 2 1 15%;
  flex: 2 1 15%;
}
.alli_choose_head div:nth-child(4) {
  -webkit-box-flex: 4;
  -ms-flex: 4 1 53%;
  flex: 4 1 53%;
}
.alli_choose_head div:nth-child(5) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
}
.alli_choose_row {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  background: var(--market-alli_choose_row-bg);
  margin: 10px 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--market-alli_choose_row-shadow);
}
.alli_choose_row > div {
  position: relative;
  text-align: center;
  color: var(--market-cell_43-color);
  padding: 20px 15px;
  margin-right: -1px;
  margin-top: -1px;
  white-space: nowrap;
}
.alli_choose_row > div::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -1px;
  height: calc(100% - 20px);
  border-right: var(--market-alli_choose_row-after);
}
.alli_choose_row > div:nth-last-child(1)::after {
  border-right: none;
}
.alli_choose_row > div:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 12%;
  flex: 1 1 12%;
}
.alli_choose_row > div:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: var(--market-alli_choose_row-before);
  display: block;
}
.alli_choose_row > div:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
}
.alli_choose_row > div:nth-child(3) {
  -webkit-box-flex: 2;
  -ms-flex: 2 1 15%;
  flex: 2 1 15%;
}
.alli_choose_row > div:nth-child(4) {
  -webkit-box-flex: 4;
  -ms-flex: 4 1 53%;
  flex: 4 1 53%;
}
.alli_choose_row > div:nth-child(5) {
  -webkit-box-flex: 1;
  -ms-flex: 1 2 10%;
  flex: 1 2 10%;
  font-size: 14px;
  padding: 14px 10px;
}
.alli_choose_row > div:nth-child(5) > button {
  min-width: 80px;
  height: 34px;
  border: none;
  color: white;
  border-radius: 40px;
  background: var(--market-alli_choose_btn-checked-bg);
}
.tab_container {
  width: 100%;
}
.nav-tabs {
  border-bottom: none;
  padding-left: 10px;
}
.nav-tabs li {
  border: none;
  background: url("../img/OnNavp10.png") no-repeat;
  background-size: cover;
  width: 120px;
  text-align: center;
  height: 40px;
  margin-left: -10px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: none;
  background: transparent url("../img/OnNavp09.png") no-repeat;
  background-size: cover;
  width: 120px;
  height: 40px;
  color: #00ffff;
  z-index: 100;
}
.nav > li > a {
  border: none;
  background: transparent url("../img/OnNavp10.png") no-repeat;
  margin-right: 0px;
  font-size: 16px;
  color: #808080;
  background-size: cover;
  text-align: center;
  height: 40px;
  width: 120px;
}
.nav > li > a:focus {
  background-color: transparent;
}
.nav > li > a:hover {
  background-color: transparent;
}
.nav-tabs > li > a:active {
  border: none;
  background-color: transparent;
}

.alli_tab_head_table {
  display: table;
  width: 100%;
  background: #328bc4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #328bc4), to(#002368));
  background: linear-gradient(to bottom, #328bc4 50%, #002368 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#328bc4', endColorstr='#002368', GradientType=0);
  background-size: cover;
  height: 58px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px -3px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px -3px 5px rgba(135, 148, 148, 0.5);
  border-radius: 8px 8px 0px 0px;
}

.alli_tab_head_row {
  display: table-row;
}

.alli_tab_head_cell {
  display: table-cell;
  color: white;
  text-align: center;
  font-size: 20px;
  letter-spacing: 2px;
  padding-top: 15px;
}

.alli_tab_table {
  display: table;
  width: 100%;
  background-color: white;
  border-radius: 0px 0px 20px 20px;
  -webkit-box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
  box-shadow:
    3px 3px 5px rgba(135, 148, 148, 0.5),
    -3px 0px 5px rgba(135, 148, 148, 0.5);
}

.alli_tab_row {
  display: table-row;
}

.alli_tab_cell {
  display: table-cell;
  text-align: center;
  font-size: 16px;
  padding: 15px 0px;
  border-right: solid 1px rgba(135, 148, 148, 0.3);
  border-bottom: solid 1px rgba(135, 148, 148, 0.3);
}

.cell_51 {
  width: 12%;
}

.cell_52 {
  width: 12%;
}

.cell_53 {
  width: 16%;
}

.cell_54 {
  width: 38%;
}

.cell_55 {
  width: 12%;
  border-right: none;
}

.cell_55 button {
  background: url("../img/OnNav12.svg") no-repeat;
  width: 80px;
  height: 37px;
  border: none;
  color: white;
}

.last_row {
  border-bottom: 0px;
}

.game_record_title {
  position: relative;
  width: 100%;
  color: var(--chart-game_record_title-color);
  text-align: center;
  padding: 20px 0px 20px 20px;
  z-index: 10;
}

.game_record_title .showBetTip {
  position: absolute;
  top: 50%;
  left: 20px;
  color: #969696;
  font-size: 15px;
  letter-spacing: 0;
  transform: translateY(-40%);
}

.game_record_title .showBetTip b {
  color: #3078eb;
}

.game_record_title div {
  display: inline-block;
  font-size: 24px;
  vertical-align: middle;
  letter-spacing: 4px;
  font-weight: 900;
}

.game_record_icon {
  background: var(--chart-game_record-icon);
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.close_modal {
  background: url("../img/market04nav02.svg") no-repeat;
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 20px;
  cursor: pointer;
}

.game_record_title .close_modal {
  position: absolute;
  right: 0;
}

.game_record_tab {
  padding: 10px 20px;
  border-top: 1px solid #d6d6d6;
  display: flex;
  flex-direction: row;
}
.game_record_tab .tabgroup {
  width: 440px;
}
.game_record_tab .tabgroup button {
  color: var(--tabgroup-btn-color);
  background: var(--tabgroup-btn-bg);
  border-radius: 36px;
  padding: 0 15px;
  line-height: 36px;
  margin: 0 5px;
  box-shadow: 0 0 2px var(--tabgroup-btn-shadow);
  border: none;
}
.game_record_tab .tabgroup button.active {
  color: #fff;
  background: var(--tabgroup-btn-active-bg);
  box-shadow: 0 0 0;
}
/*排行榜交易記錄*/
.game_record_tab.rankings_tab {
  padding: 0 0 10px;
  border-top: none;
}
.game_record_tab.rankings_tab .tabgroup {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  justify-content: center;
}
.game_record_tab.rankings_tab .tabgroup button {
  color: #283763 !important;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 10px 6px;
  opacity: 0.3;
  border: none !important;
  display: inline-block;
  cursor: pointer;
  width: 200px;
  background: transparent !important;
  box-shadow: none !important;
}
.game_record_tab.rankings_tab .tabgroup button.active {
  position: relative;
  opacity: 1;
}
.game_record_tab.rankings_tab .tabgroup button.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-image: linear-gradient(to bottom, #4b47fd, #2097fb);
  display: block;
}

.game_record_tab .checkgroup {
  display: none;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}

.game_record_tab .checkgroup.active {
  display: flex;
}

.game_record_tab .checkgroup input[type="checkbox"] {
  display: none;
}

.game_record_tab .checkgroup input[type="checkbox"] + label {
  padding-left: 25px;
  background: var(--checkgroup-radio-bg);
  background-size: auto 20px;
  color: var(--tabgroup-btn-color);
  margin-left: 15px;
}

.game_record_tab .checkgroup input[type="checkbox"]:checked + label {
  background: var(--checkgroup-radio-checked-bg);
  background-size: auto 20px;
}

.game_recordbox {
  display: none;
}

.game_recordbox.active {
  display: block;
}

.game_record_team {
  padding: 5px 20px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.game_record_content .team_logo {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  background: linear-gradient(to bottom, #b0f8f8, #037868);
}

.game_record_content .team_logo img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.game_record_content .team_logo::after {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.game_record_content .game_record_team:nth-child(4) .team_logo {
  background: linear-gradient(to bottom, #fef688, #e5da42);
}

.game_record_team span {
  flex: 1;
}

.game_record_head_table {
  display: block;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: var(--game_record_head-bg);
  height: 40px;
}

.players_box .game_record_head_table,
.players_table_box .game_record_head_table,
.players_table_box2 .game_record_head_table {
  background: var(--popup_rankings_record_head_bg);
}

.dealchart_icon {
  background: var(--chart-qdealchart-icon);
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.deal_chart_title {
  font-size: 24px;
  color: white;
  width: 100%;
  height: 53px;
  background: var(--deal_chart_title-bg);
  justify-content: center;
  align-items: center;
  background-size: cover;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 0 10px;
  text-align: center;
  line-height: 53px;
}

.fifa_cover_game_record .game_record_head_table {
  background: url("../img/fifa/worldmarketbar06.svg") no-repeat;
  background-size: cover;
  margin-bottom: -3px;
}

.fifa_deal_chart_title {
  background: url("../img/fifa/worldmarketbar06.svg") no-repeat;
  font-size: 20pt;
  color: #6a3906;
  text-align: center;
  display: table;
  width: 100%;
  height: 53px;
}

.game_record_head_row {
  display: flex;
}
.game_record_head_row.pr18 {
  padding-right: 18px;
}
.game_record_head_cell {
  display: inline-block;
  color: white;
  font-size: 15px;
  text-align: center;
  letter-spacing: 2px;
  line-height: 40px;
}

.fifa_cover_game_record .game_record_head_cell {
  color: #6a3906;
  padding-top: 13px;
  font-weight: 600;
}

.game_record_content {
  width: 100%;
  height: 400px;
  overflow-y: scroll;
}

.game_record_table {
  display: table;
  width: 100%;
  min-height: 100%;
}

.game_record_table.mb20 {
  margin-bottom: 20px;
}
.game_record_table .nodata {
  padding: 150px 20px 20px;
  background: url(/interface/v2/img/Thirdparty/icon/noCollect.png) center bottom calc(50% + 20px) no-repeat;
  background-size: auto 100px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
#ranking_records_dialog .players_box .game_record_table .nodata {
  margin: 5% auto 0;
  display: block;
}
.game_record_table .all_no_data {
  background: var(--game_record-all_no_data-bg);
  background-size: auto 30px;
  margin: 30px auto;
  padding-top: 40px;
  text-align: center;
  color: var(--game_record-all_no_data-color);
}

.game_record_table .tr_no_data {
  background: url("../img/no_data2.png") 20px center no-repeat;
  background-size: auto 40px;
  padding: 10px 20px 10px 70px;
  line-height: 40px;
  color: var(--game_record-td-color);
  border-bottom: solid 1px #707070;
  width: 100%;
}

.game_record_row {
  color: var(--game_record-td-color);
  background: var(--game_record-tr-bg);
  border-top: var(--game_record-tr-border);
  border-bottom: var(--game_record-tr-border);
  margin: var(--game_record-tr-margin);
  box-shadow: var(--popup_game_record_row_shadow);
  display: flex;
}

.game_record_table .game_record_row:last-child .game_record_cell {
  border-bottom: none;
}

.game_record_row.type2,
.game_record_row.type3,
.game_record_row.type5,
.game_record_table.mb20 .game_record_row.type4 {
  display: none;
}

.game_record_cell {
  display: flex;
  text-align: center;
  border-bottom: solid 1px #707070;
  padding: 10px 0px;
  font-size: 16px;
  vertical-align: middle;
  letter-spacing: 1px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.game_record_cell b {
  display: block;
  font-weight: normal;
}

.game_record_row .win {
  color: #ff4343;
}

.game_record_row .lose {
  color: #059e10;
}

.game_record_row .drawn {
  color: #3078eb;
}

.cell_t1c1 {
  width: 17%;
  flex-direction: column;
}
.cell_t1c2 {
  width: 18%;
}
.cell_t1c3 {
  width: 18%;
}
.cell_t1c4 {
  width: 10%;
}
.cell_t1c4 b,
.cell_t2c4 b {
  color: var(--game_record-cell_t1c4-color);
}
.cell_t1c5 {
  width: 18%;
}
.cell_t1c6 {
  width: 10%;
}
.cell_t2c1 {
  width: 17%;
  flex-direction: column;
}
.cell_t2c2 {
  width: 18%;
}
.cell_t2c3 {
  width: 18%;
}
.cell_t2c4 {
  width: 10%;
}
.cell_t2c5 {
  width: 18%;
}
.cell_t2c6 {
  width: 10%;
}
.cell_t3c1 {
  width: 22%;
}
.game_record_row .cell_t3c1,
.game_record_row .cell_t4c1 {
  text-align: left;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game_record_row .cell_t3c1 .team_logo {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.cell_t3c1 span,
.cell_t4c1 span {
  width: calc(100% - 70px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cell_t3c2 {
  width: 10%;
}
.cell_t3c3 {
  width: 10%;
}
.cell_t3c4 {
  width: 8%;
}
.cell_t3c5 {
  width: 8%;
}
.cell_t3c6 {
  width: 8%;
}
.cell_t3c7 {
  width: 8%;
}
.cell_t3c8 {
  width: 10%;
}
.cell_t3c9 {
  width: 8%;
}
.cell_t3c10 {
  width: 8%;
}
.cell_t4c1 {
  width: 22%;
}
.game_record_table .player_photo {
  position: relative;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.game_record_table .player_photo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.game_record_table.kind1 .player_photo {
  border: 2px solid #7ad5bd;
}
.game_record_table.kind1 .player_photo::before {
  border: 2px solid #b1e7d8;
}
.game_record_table.kind2 .player_photo {
  border: 2px solid #e9df5e;
}
.game_record_table.kind2 .player_photo::before {
  border: 2px solid #ebe996;
}

.game_record_row .cell_t4c1 .player_photo img {
  width: 100%;
}
.cell_t4c2 {
  width: 16%;
}

.cell_t4c3 {
  width: 16%;
}
.cell_t4c4 {
  width: 46%;
}
.game_record_row .cell_t4c4 {
  text-align: left;
  padding: 0 10px;
  justify-content: flex-start;
}

.cell_t4c4 span {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ff4343;
  display: inline-block;
  vertical-align: middle;
}
.cell_t4c4 span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  background: #fff;
  border-radius: 3px;
  transform: translate(-50%, -50%);
}
.cell_t4c4 span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: #fff;
  border-radius: 3px;
  transform: translate(-50%, -50%);
}
.game_record_table .position {
  padding: 0 10px;
  display: inline-block;
}
.game_record_table.type1 .position {
  color: #0193a4;
  border: 1px solid #0193a4;
}
.game_record_table.type2 .position {
  color: #e69200;
  border: 1px solid #e69200;
}

.line_icon {
  background: url("../img/nav02.svg") no-repeat;
  width: 20px;
  height: 20px;
}

.glyphicon-chevron-right:before {
  content: "";
}

.glyphicon-chevron-left:before {
  content: "";
}

.carousel-indicators {
  bottom: 0px;
  width: 50%;
  text-align: right;
  margin-left: 0px;
  letter-spacing: 10px;
  left: 48%;
  margin-bottom: 20px;
}

.footer_help .footer_block {
  display: inline-block;
}

.footer_help_block div {
  display: inline-block;
  cursor: pointer;
}

.footer_icon div {
  display: inline-block;
}

.footer_block .footer_help_block .footer_icon .help_text {
  margin-top: 5px;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  min-width: 1000px;
  height: auto;
}

.account_icon {
  background: url("../img/nav03.svg") no-repeat;
  background-position: 3px center;
  background-size: contain;
}

.lock_icon {
  background: url("../img/nav04.svg") no-repeat;
  width: 17px;
  height: 25px;
  vertical-align: top;
  margin-top: 2px;
}

.footer_help div {
  vertical-align: top;
}

.footer_block div {
  font-size: 28px;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
}

.footer_block div span {
  font-size: 14px;
  color: #707070;
}

.footer_block .footer_help_block div {
  font-size: 16px;
  vertical-align: middle;
}

.footer_block .footer_icon div {
  margin: 5px 0;
}

.mr-5 {
  margin-right: 1.25rem;
}

.qrFont {
  font-size: 14px;
  font-weight: 900;
  color: #707070;
  text-align: center;
  margin: 4px auto;
}

.qrFont::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  margin-top: -3px;
}

.qrFont.android::before {
  background: url("../img/app/qrIconAndroid.png") center no-repeat;
  background-size: contain;
}

.qrFont.ios::before {
  background: url("../img/app/qrIconIos.png") center no-repeat;
  background-size: contain;
}

.fifa_footer_login .help_text {
  color: #707070;
}

.fifa_footer {
  margin: 0;
  padding: 20px 0 10px;
}

.footer_block .login_line {
  background-color: black;
  width: 1px;
  height: 110px;
  display: inline-block;
  margin: 0px 15px 50px 15px;
}

.footer_block .footer_icon .help_center,
.footer_block .footer_icon .cooperate,
.footer_block .footer_icon .game_result,
.footer_block .footer_icon .rules,
.footer_block .footer_icon .discuss,
.footer_block .footer_icon .relate_web,
.footer_block .footer_icon .about_us {
  margin: 0px;
}

.footer_block .footer_help_block {
  text-align: left;
  padding-bottom: 20px;
}

.cooperation_banner {
  background: var(--cooperation_banner);
  background-size: cover;
  width: 1200px;
  height: 430px;
}

.cooper_block {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.cooper_block div {
  display: inline-block;
}

.block01 {
  background: var(--cooperation-24h-bg);
  width: 250px;
  height: 250px;
  margin-right: 12%;
  background-size: contain;
}

.block02 {
  background: var(--cooperation-security-bg);
  width: 250px;
  height: 250px;
  margin-right: 12%;
  background-size: contain;
}

.block03 {
  background: var(--cooperation-develope-bg);
  width: 250px;
  height: 250px;
  background-size: contain;
}

.form_block {
  width: 100%;
  background-color: white;
}

.cooper_title_wrap {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.cooper_title {
  font-size: 40px;
  color: #0091ea;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

.cooper_sub {
  color: var(--help-statistics-table-color);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 22px;
}

form input {
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 5px;
  height: 36px;
  border-radius: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  color: #333;
}

form textarea {
  color: #333;
}

form .name_wrap {
  margin-top: 20px;
  width: 30%;
}
form .onlinebank_block > div {
  text-align: left;
}

form .name_wrap .form_name {
  width: 350px;
}
form .email_wrap .form_email {
  width: 600px;
}

textarea {
  width: 100%;
  height: 200px;
  margin-top: 30px;
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 5px;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  border-radius: 5px;
}

.form_submit {
  width: 147px;
  height: 40px;
  border: none;
  color: white;
  letter-spacing: 5px;
  padding-top: 3px;
  margin-top: 40px;
  margin-bottom: 30px;
  margin-right: 3%;
  border-radius: var(--btn-confirm-radius);
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}

.form_cancel {
  width: 147px;
  height: 40px;
  border: none;
  color: white;
  color: #6d767b;
  letter-spacing: 5px;
  border-radius: var(--btn-confirm-radius);
  box-shadow: 0 0 5px 0 var(--btn-cancel-shadow);
  background-color: #ffffff;
}

.cannot_login_bg {
  background: url("../img/404backg.png") no-repeat;
  background-size: cover;
  width: 100%;
  min-width: 1920px;
  height: 980px;
  overflow-x: auto;
}

.CL_logo {
  background: url("../img/404logo.svg") no-repeat;
  width: 100%;
  height: 94px;
  margin-left: 3%;
  margin-top: 50px;
}

.CL_btn_wrap {
  width: 100%;
  position: fixed;
  bottom: 30px;
}

.CL_btn_bg {
  width: 350px;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: auto;
  border-radius: 20px;
  padding: 20px 30px;
  text-align: center;
}

.CL_btn_bg div {
  display: inline-block;
}

.CL_discuss {
  background: url("../img/404down01.svg") no-repeat;
  width: 80px;
  height: 80px;
  margin-right: 15%;
}

.CL_contract {
  background: url("../img/404down02.svg") no-repeat;
  width: 80px;
  height: 80px;
}

.QQ_qrcode {
  width: 330px;
  height: 330px;
  margin: 50px auto;
}
.weixin_qrcode {
  background: url("../img/whlogo.jpg") no-repeat;
  background-size: cover;
  width: 330px;
  height: 330px;
  margin: 10px auto;
}

.block_icon01 {
  background: url("../img/tgicon01.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon02 {
  background: url("../img/tgicon02.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon03 {
  background: url("../img/tgicon03.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon04 {
  background: url("../img/tgicon04.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon05 {
  background: url("../img/tgicon05.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon06 {
  background: url("../img/tgicon06.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon07 {
  background: url("../img/tgicon07.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon08 {
  background: url("../img/tgicon08.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon09 {
  background: url("../img/tgicon09.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_icon10 {
  background: url("../img/tgicon10.svg") no-repeat;
  width: 42px;
  height: 42px;
}

.block_title {
  font-size: 26px;
  color: #0091ea;
  vertical-align: top;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 2px;
}

.block_h2 {
  font-size: 18px;
  padding: 5px 0px 10px 8px;
}

.aboutus_block ul {
  margin-left: 26px;
}

.aboutus_block ul li {
  list-style-type: decimal;
  font-size: 16px;
  line-height: 30px;
}

.aboutus_block button {
  border: none;
  width: 149px;
  height: 38px;
  color: white;
  letter-spacing: 2px;
  font-size: 16px;
  position: absolute;
  bottom: 20px;
  left: 110px;
  border-radius: 40px;
  background: var(--help-rules_btn-bg);
}

.forum_title {
  font-size: 35px;
  text-align: center;
  letter-spacing: 5px;
  color: #0091ea;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}

.forum_btn {
  width: 180px;
  height: 40px;
  color: #808080;
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow:
    2px 2px 5px 1px rgba(135, 148, 148, 0.3),
    -2px -2px 5px 1px rgba(135, 148, 148, 0.3);
  box-shadow:
    2px 2px 5px 1px rgba(135, 148, 148, 0.3),
    -2px -2px 5px 1px rgba(135, 148, 148, 0.3);
  margin-right: 36px;
  cursor: pointer;
}

.forum_btn:hover {
  background-color: #328bc4;
  color: #00ffff;
}

.forum_btn_wrap {
  margin: 35px 0px;
  width: 100%;
}

.forum_btn_wrap div {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  letter-spacing: 1px;
}

.forum_btn_green {
  background: url("../img/pptdown11.svg") no-repeat;
  width: 98px;
  height: 40px;
  color: white;
  padding-left: 47px;
  padding-top: 8px;
  cursor: pointer;
  -webkit-box-shadow:
    2px 2px 5px 1px rgba(135, 148, 148, 0.3),
    -2px -2px 5px 1px rgba(135, 148, 148, 0.3);
  box-shadow:
    2px 2px 5px 1px rgba(135, 148, 148, 0.3),
    -2px -2px 5px 1px rgba(135, 148, 148, 0.3);
}

.btn_icon01 {
  width: 28px;
  height: 28px;
  background: url("../img/pptdown01.svg");
  margin-top: 6px;
  margin-left: 18px;
}

.btn_icon02 {
  width: 28px;
  height: 28px;
  background: url("../img/pptdown03.svg");
  margin-top: 6px;
  margin-left: 30px;
}

.btn_icon03 {
  width: 28px;
  height: 28px;
  background: url("../img/pptdown05.svg");
  margin-top: 6px;
  margin-left: 18px;
}

.btn_icon04 {
  width: 28px;
  height: 28px;
  background: url("../img/pptdown07.svg");
  margin-top: 6px;
  margin-left: 18px;
}

.btn_icon05 {
  width: 28px;
  height: 28px;
  background: url("../img/pptdown09.svg");
  margin-top: 6px;
  margin-left: 30px;
}

.btn_text {
  padding-top: 8px;
  padding-left: 4px;
}

.forum_btn:hover .btn_icon01 {
  background: url("../img/pptdown02.svg");
}

.forum_btn:hover .btn_icon02 {
  background: url("../img/pptdown04.svg");
}

.forum_btn:hover .btn_icon03 {
  background: url("../img/pptdown06.svg");
}

.forum_btn:hover .btn_icon04 {
  background: url("../img/pptdown08.svg");
}

.forum_btn:hover .btn_icon05 {
  background: url("../img/pptdown10.svg");
}

.forum_head_table {
  width: 100%;
  display: table;
  background: url("../img/pptbar01.svg") no-repeat;
  height: 58px;
}

.forum_head_row {
  display: table-row;
}

.forum_head_cell {
  display: table-cell;
  color: white;
  text-align: center;
  font-size: 18px;
  padding-top: 17px;
}

.forum_table {
  display: table;
  width: 100%;
}

.forum_row {
  display: table-row;
}

.forum_cell {
  display: table-cell;
  background-color: white;
  text-align: center;
  vertical-align: middle;
  padding: 15px 0px;
  font-size: 16px;
}

.cell_62 {
  width: 65%;
}

.cell_63 {
  width: 10%;
}

.cell_64 {
  width: 10%;
}

.cell_65 {
  width: 10%;
}

.cell_66 {
  width: 55%;
  text-align: left;
  padding-left: 10px;
}

.like {
  background: url("../img/pptnav01.svg") no-repeat;
  width: 24px;
  height: 24px;
  padding-left: 25px;
  font-size: 20px;
  color: #0091ea;
  font-weight: bold;
  margin-left: 35px;
  margin-top: 5px;
}

.history_content .cell_68 {
  text-align: right;
  padding-right: 20px;
}

.history_total .cell_68 {
  text-align: right;
  padding-right: 20px;
}

.history_detail_content .cell_68 {
  text-align: right;
  padding-right: 10px;
}

.cell_69 {
  width: 6%;
}

.cell_70 {
  width: 12%;
  text-align: right;
}

.history_detail_content .cell_70 {
  padding-right: 10px;
}

.history_detail_head .cell_70 {
  text-align: center;
}

.confirm_submit {
  background: url("../img/carddown03.svg") no-repeat;
  width: 250px;
  height: 61px;
  border: none;
  letter-spacing: 2px;
  font-size: 20px;
  padding-top: 4px;
}

.confirm_sub_block {
  width: 100%;
  text-align: center;
  padding-right: 80px;
  padding-top: 30px;
}

.please_choose_game,
.areaMsg {
  position: relative;
  width: 300px;
  background-color: #224f97;
  padding: 27px 0px 0px 0px;
  height: 100px;
  line-height: 40px;
  display: inline-block;
  color: white;
  font-weight: bold;
  border: 2px solid #224f97;
  border-left: none;
  z-index: 1;
  vertical-align: middle;
  font-size: 22px;
  letter-spacing: 4px;
  border-radius: 5px;
}

.please_choose_game::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 8px;
  z-index: -1;
  width: 70px;
  height: 70px;
  background-color: #224f97;
  border-left: 2px solid #224f97;
  border-top: 2px solid #224f97;
  -webkit-transform: rotate(-45deg) translate(-14px, -7px);
  transform: rotate(-45deg) translate(-14px, -7px);
  border-radius: 5px;
}

.please_choose_game_wrap {
  width: 100%;
  text-align: center;
  margin: 100px auto;
}

.countdown_block {
  padding: 5px 0px;
}

.modal_times_text {
  text-align: center;
}

.modal_times_text .text_line1 {
  font-size: 16px;
  letter-spacing: 2px;
  padding: 10px 0px 5px 0px;
}

.modal_times_text .text_line2 {
  font-size: 16px;
  letter-spacing: 2px;
}
.modal_times_text .text_line2 span {
  color: #e64141;
}

.modal_times_confirm {
  width: 40%;
  height: 40px;
  font-size: 16px;
  color: white;
  border: solid 2px #aae3ff;
  background: #47a6e6;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#47a6e6), color-stop(80%, #1f61a3));
  background: linear-gradient(to bottom, #47a6e6 0%, #1f61a3 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#47a6e6', endColorstr='#1f61a3', GradientType=0);
  /* IE6-9 */
  border-radius: 8px;
}
.modal_times_cancel {
  width: 40%;
  height: 40px;
  font-size: 16px;
  margin-left: 2px;
  color: white;
  border: solid 2px #0f95d1;
  border-radius: 0px 8px 8px 0px;
  background: #324d69;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#324d69), to(#131d32));
  background: linear-gradient(to bottom, #324d69 0%, #131d32 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#324d69', endColorstr='#131d32', GradientType=0);
  /* IE6-9 */
}

.text_line3 {
  font-size: 14px;
  padding: 0px 0px 15px 0px;
  margin-top: 10px;
}

.modal_times_text .text_line3 span {
  color: #e64141;
}

.overage {
  font-size: 20px;
  display: block;
  width: 100%;
  line-height: 30px;
  width: 100%;
  float: inherit;
  text-align: right;
}

.fifa_cover_order01 .overage,
.fifa_cover_order .overage {
  font-weight: 700;
}

.check_overage .overage {
  float: none;
}

.form-block {
  display: inline-block;
  margin-left: 2%;
  vertical-align: top;
  margin-top: 3px;
}

.form-group {
  width: 100%;
}

.form-inline .form-group {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-inline .form-group > input,
.form-inline .form-group > label {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.form-inline .form-group > input {
  margin-right: 1%;
  margin-left: 2%;
}

.desc {
  color: #6b6b6b;
}

.desc a {
  color: #0092dd;
}

.help_center_nav {
  height: 90px;
  width: 100%;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(45%, #f7f7f7), to(#d1d1d1));
  background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 45%, #d1d1d1 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=0);
}

.help_center_nav_border {
  width: 100%;
  height: 8px;
  background: #00589f;
  background: -webkit-gradient(linear, left top, right top, from(#00589f), color-stop(38%, #0082d8), to(#00a9ff));
  background: linear-gradient(to right, #00589f 0%, #0082d8 38%, #00a9ff 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00589f', endColorstr='#00a9ff', GradientType=1);
}

.help_center_bg {
  min-width: 1280px;
  background: black url("../img/help_center/black1920.jpg") center fixed no-repeat;
  background-size: cover;
}

.help_center_nav_logo {
  background: url("../img/help_center/helptglogo.svg") no-repeat;
  width: 200px;
  height: 80px;
  margin-right: 2.5%;
  cursor: pointer;
}

.help_center_nav_button {
  background: url("../img/help_center/helpdown01.svg") no-repeat;
  width: 120px;
  height: 35px;
  font-size: 18px;
  text-align: center;
  color: white;
  letter-spacing: 1px;
  padding-top: 6px;
  cursor: pointer;
}

.help_center_nav_button:hover {
  background: url("../img/help_center/helpdown02.svg") no-repeat;
}

.help_center_nav_wrap {
  width: 1200px;
  margin: auto;
  padding-top: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
}

.help_center_nav > ul > li {
  margin-right: 2.5%;
  position: relative;
}

#tabs > li > a {
  color: white;
}

.help_center_nav > ul > li > span {
  display: none;
}

.help_center_nav > ul > li:hover > span {
  position: absolute;
  top: 35px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  padding-top: 10px;
  display: block;
  z-index: 10;
}

.help_center_nav > ul > li:hover > span::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  background: #fff;
}

.help_center_nav > ul > li:hover > span ul {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 5px 0;
}

.help_center_nav > ul > li:hover > span ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.help_center_nav > ul > li:hover > span ul li a {
  font-size: 14px;
  color: #333;
  line-height: 36px;
  display: block;
}

.help_center_nav > ul > li:hover > span ul li a:hover {
  color: #0074e7;
}

.help_center_nav > ul > li:hover > span ul li:nth-last-child(1) {
  border-bottom: none;
}

#current {
  background: url("../img/help_center/helpdown02.svg") no-repeat;
}

#content > div {
  width: 100%;
}

.swipe div img {
  display: block;
  margin: 1.5% auto 0 auto;
  max-width: 1280px;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}

.prev {
  position: absolute;
  top: 47%;
  left: 20px;
  background: var(--help-prevIcon);
  width: 80px;
  height: 80px;
  background-size: contain;
}

.next {
  position: absolute;
  top: 47%;
  right: 20px;
  background: var(--help-nextIcon);
  width: 80px;
  height: 80px;
  background-size: contain;
}

.fifa_alone_main_content {
  width: 90%;
  padding: 70px 30px;
}

.statistics_imgs img {
  margin-bottom: 15px;
}

.fifa_activtiy_tabs .nav {
  padding: 0;
}

.fifa_activtiy_tabs li {
  width: 17%;
  height: 70px;
  margin: 0px 20px 20px 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}

.fifa_activtiy_tabs li a {
  background: url("../img/fifa/worldmarketnav06.svg") center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
  color: #fff;
  letter-spacing: 5px;
  font-weight: 900;
  padding-top: 18px;
  font-size: 18px;
}

.fifa_activtiy_tabs .nav-tabs > li.active > a,
.fifa_activtiy_tabs .nav-tabs > li.active > a:focus,
.fifa_activtiy_tabs .nav-tabs > li.active > a:hover {
  background: url("../img/fifa/worldmarketnav06.svg") center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
  color: #ffff00;
}

.fifa_res_sPawben {
  background: var(--market-pawbenIcon);
  float: left;
  position: absolute;
  margin-left: 5px;
  right: 5px;
  top: 13px;
  width: 35px;
  height: 35px;
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
}
.fifa_res_icon-pawbenVip {
  background: var(--market-pawbenVipIcon);
  float: left;
  position: absolute;
  margin-left: 5px;
  right: 5px;
  top: 13px;
  width: 35px;
  height: 35px;
  background-size: contain;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-left: 0px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -1px;
}
.cell_50 .fifa_res_sPawben {
  top: 3px;
}

.fifa_activtiy_tabs li a span {
  padding: 20px;
  margin-right: 5px;
  margin-left: -10px;
}

.activtiy_info span {
  background: url("../img/fifa/worldmarketicon12.svg") center no-repeat;
  background-size: contain;
}

.today_schedule span {
  background: url("../img/fifa/worldmarketicon13.svg") center no-repeat;
  background-size: contain;
}

.tor_schedule span {
  background: url("../img/fifa/worldmarketicon14.svg") center no-repeat;
  background-size: contain;
}

.week_schedule span {
  background: url("../img/fifa/worldmarketicon15.svg") center no-repeat;
  background-size: contain;
}

.cumulative span {
  background: url("../img/fifa/worldmarketicon16.svg") center no-repeat;
  background-size: contain;
}

.today_schedule_bg {
  width: 70%;
  height: auto;
  background: url("../img/fifa/worldmarketnav08.svg") 50% 0% no-repeat;
  background-size: contain;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  overflow-x: hidden;
}

.russia2018_logo {
  margin: 27px auto 17px;
  width: 35%;
}

.today_schedule_bg_bottom {
  background: url("../img/fifa/worldmarketnav09.svg") center bottom no-repeat;
  background-size: cover;
  position: relative;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 125px;
}

.today_schedule_content {
  background: #fff;
  height: auto;
}

.today_schedule_table {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 900;
}

.today_schedule_table caption {
  width: 101%;
  height: 45px;
  position: relative;
  vertical-align: middle;
}

.today_schedule_table caption h3 {
  background: url("../img/fifa/worldmarketbar05.svg") center no-repeat;
  background-size: cover;
  text-align: center;
  color: #6a3906;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 5px;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  left: -8px;
  right: -8px;
  top: 0;
  height: 100%;
  line-height: 25px;
  -webkit-box-shadow: 0px 2px 0px 1px rgba(106, 57, 6, 0.6);
  box-shadow: 0px 2px 0px 1px rgba(106, 57, 6, 0.6);
}

.today_schedule_table tr:last-child td,
.today_schedule_table td:last-child div {
  border: 0;
}

.today_schedule_table td,
.today_schedule_table tr:first-child td {
  padding: 0px 15px;
  font-weight: 600;
  letter-spacing: 1px;
  height: auto;
  border-bottom: 1px solid #b3b3b3;
  vertical-align: middle;
  border-collapse: collapse;
}

.today_schedule_table td p {
  margin: 0;
  line-height: 30px;
}

.table_inside_border {
  border-right: 1px solid #b3b3b3;
  height: 100px;
  width: 100%;
  margin: 10px auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.contury_logo {
  font-size: 18px;
}

.contury_logo > div > div {
  display: block;
  padding: 5px 0;
  background: #fff;
}

.contury_logo img {
  width: 55px;
  padding-right: 10px;
}

.tables_line {
  height: 520px;
  overflow-y: auto;
  margin: 0;
  scrollbar-arrow-color: #ccc;
  scrollbar-face-color: #efefef;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-base-color: #efefef;
}

.week_tables_line {
  height: 650px;
  overflow-y: auto;
  margin: 0;
  scrollbar-arrow-color: #ccc;
  scrollbar-face-color: #efefef;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-base-color: #efefef;
}

.tables_line::-webkit-scrollbar {
  background: #fff;
  border: 0;
}

.tables_line::-webkit-scrollbar-button {
  background-color: #fff;
}

.tables_line::-webkit-scrollbar-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000ecc transparent;
}

.tables_line::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

.tables_line::-webkit-scrollbar-thumb {
  background-color: #efefef;
  border: 0;
}

.cumulative_title {
  width: 102%;
  height: 45px;
  position: relative;
  background: url("../img/fifa/worldmarketbar05.svg") center no-repeat;
  background-size: cover;
  text-align: center;
  color: #6a3906;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 5px;
  margin: 0 -11px;
  padding: 10px 0px;
  line-height: 25px;
  -webkit-box-shadow: 0px 2px 2px 1px rgba(62, 62, 62, 0.6);
  box-shadow: 0px 2px 2px 1px rgba(62, 62, 62, 0.6);
}

.cumulative_score {
  width: 100%;
}

.cumulative_score caption {
  color: #4d4d4d;
  font-size: 18px;
  text-align: center;
  height: 38px;
  font-weight: 600;
  line-height: 27px;
}

.cumulative_score {
  -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.cumulative_score th {
  background: #c8b488;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.cumulative_score td {
  padding: 10px 0;
  width: 9%;
  border-bottom: 1px solid #dfd3a2;
}

.cumulative_score .cumulative_score_logo {
  width: 34%;
  text-align: left;
  padding-left: 45px;
  font-size: 16px;
  font-weight: 900;
}

.cumulative_score_logo img {
  height: 30px;
  margin-right: 10px;
}

.marketTimeBg {
  background: url("../img/fifa/worldback01.jpg") top center no-repeat;
  background-size: contain;
  width: 1300px;
  height: 1300px;
  text-align: center;
  display: inline-block;
  margin-top: -30px;
  margin-left: -30px;
  z-index: -5;
}

.LiveClock {
  display: inline-block;
  margin: 365px auto 0;
  position: relative;
  background: url("../img/fifa/markettime01.svg") center center no-repeat;
  background-size: contain;
  width: 900px;
  height: 115px;
  text-align: center;
}

.LiveClock .LiveClockInner {
  position: relative;
  top: 50px;
}

.LiveClock::before {
  content: "世界杯开赛倒数";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 21px;
  letter-spacing: 5px;
  font-weight: 500;
  text-align: center;
}

.LiveClockInner > span {
  margin: 0 2px;
}

.LiveClockInner > span > span {
  background: url("../img/fifa/markettime02.svg") center center no-repeat;
  background-size: cover;
  margin: 0 1px;
  border-radius: 3px;
  display: inline-block;
  width: 36px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
}

.fifa_login_content_wrap .LiveClock {
  margin: 20px auto 0;
  background: url("../img/fifa/markettime01.svg") center center no-repeat;
  background-size: contain;
  width: 750px;
  height: 100px;
}

.fifa_login_content_wrap .LiveClock .LiveClockInner {
  position: relative;
  top: 38px;
}

.fifa_login_content_wrap .LiveClock::before {
  top: -5px;
  font-size: 25px;
  letter-spacing: 6px;
  font-weight: 700;
}

.fifa_login_content_wrap .LiveClockInner > span {
  margin: 0 2px;
}

.fifa_login_content_wrap .LiveClockInner > span > span {
  background: url("../img/fifa/worldhometime03.svg") center center no-repeat;
  background-size: cover;
  margin: 0 1px;
  border-radius: 3px;
  display: inline-block;
  width: 32px;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  font-weight: 900;
  font-size: 26px;
  line-height: 36px;
}

.cancel_btn {
  color: #fff;
  font-size: 15px;
  padding: 3px 5px;
  cursor: pointer;
  width: 70px;
  margin: 5px auto;
  text-align: center;
  display: inline-block;
  background-position: center;
  border-radius: 40px;
  background-image: linear-gradient(to right, #a4e2ff, #2c66a8);
}
.carousel-caption {
  text-align: left;
  right: 5%;
  left: 5%;
  padding-bottom: 0px;
  text-shadow: 2px 2px 2px rgb(0, 0, 0);
}
.carousel-caption > h3 {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 2px;
}
.modal.in .loginbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
.verify {
  width: 320px;
  height: 34px;
  padding: 2px;
  border-radius: 8px;
  margin: 0 auto;
  background-image: linear-gradient(to bottom, #fdfdfd, #cbccd3);
}
.verify #verify_box {
  width: 316px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #c3c3c3;
  position: relative;
  border-radius: 7px;
  background-image: linear-gradient(to bottom, #c9cad1, #fefefe);
  font-weight: bold;
  user-select: none;
}
#verify_xbox {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 7px;
  position: absolute;
  background-image: linear-gradient(to right, #f0f2f3, #384d65);
  display: block;
}
#slidelock {
  cursor: pointer;
  color: #1d3957;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 5px;
  float: right;
  background-image: linear-gradient(135deg, #d7d7d8, #cacbd2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
#slidelock::before {
  content: "➜";
}
#slidelock.confirm::before {
  content: "✔";
  color: #24a100;
  font-size: 20px;
}
.qr_title {
  color: #777;
  font-weight: 700;
  text-align: center;
  font-size: 1.2em;
}
.qr_notice {
  color: #c1272d;
  font-size: 1em;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
.onlinebankQRcode {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.onlinebankQRcode img {
  width: 200px;
  height: 200px;
}
.repic {
  background-color: #eee;
  border: 1px solid #ccc;
  text-align: center;
  width: 33px;
  height: 33px;
  vertical-align: middle;
  margin: 0 -7px 0 0px;
}
.onlinebankQRcode img {
  width: 200px;
  height: 200px;
}
.onlinebank_block.sys_notice {
  text-align: center;
  min-height: 250px;
}
.sys_notice .wd_notice_group {
  border: 0;
  padding: 10px 0;
}
.sys_notice .cell_28 {
  width: 30%;
}
.sys_notice .cell_29 {
  width: 41%;
}
.sys_notice .notice_title_table {
  width: 50%;
  margin: auto;
}
.sys_notice .notice_text {
  font-size: 1em;
  font-weight: 900;
  margin: 2em auto;
  color: #e64141;
}

/*微商奖金入帐通知*/
#Bonus_notice {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1042;
}
#Bonus_notice.active {
  visibility: visible;
  z-index: 1042;
  display: block;
}
.bonus_notice {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 400px;
  transform: translate(-50%, -50%);
}
.bonus_notice .bonus_notice_close {
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background: url(../img/app/bonus_notice_close.png) center no-repeat;
  background-size: contain;
  cursor: pointer;
  transform: translateX(-50%);
  outline: none;
  z-index: 200;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.bonus_notice .bonus_notice_close.show_btn {
  visibility: visible;
  opacity: 1;
}

.bonus_notice .pig_pic {
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  height: 353px;
  background: url("../img/com_body_creditwindow_ic.png") center no-repeat;
  background-size: contain;
  transform: translateX(-50%);
}

.bonus_notice .pig_pic b {
  position: absolute;
  top: 230px;
  left: 50%;
  width: 60%;
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  transform: translateX(-50%);
}
#svgContainer1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#svgContainer2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#svgContainer1.active,
#svgContainer2.active {
  display: block;
}
.lottie_btn1 {
  position: absolute;
  top: 53%;
  left: 50%;
  width: 77%;
  height: 77%;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  z-index: 200;
  display: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.lottie_btn2 {
  position: absolute;
  top: 54%;
  left: 50%;
  width: 80%;
  height: 80%;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  z-index: 200;
  display: none;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.lottie_btn1.show,
.lottie_btn2.show {
  display: block;
  outline: none;
}
.num {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
  font-size: 70px;
  font-weight: bold;
  color: #fff;
  user-select: none;
}
/*微商奖金入帐通知 end*/
.show_24hservice {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1000px;
  height: 100%;
  overflow: auto;
  background: rgba(255, 255, 255, 0.6);
  visibility: hidden;
  overflow-y: hidden;
}
.show_24hservice.active {
  visibility: visible;
}
.show_24hservice .service_contain {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 1000px;
  height: 90%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
}
.show_24hservice .service_contain .close {
  position: absolute;
  top: 25px;
  right: 35px;
  width: 30px;
  height: 30px;
  font-size: 28px;
  background: #fff;
  color: #999999;
  border-radius: 50%;
  opacity: 1;
  display: flex;
  justify-content: center;
}
.show_24hservice .service_contain .close:hover {
  box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.4);
}
.USDT_video {
  width: 100%;
  outline: none;
}

/*客服打赏*/
.reward_info {
  padding: 20px 20px 30px;
}
.reward_info .message {
  margin-bottom: 15px;
  text-align: center;
}
.reward_info .message b {
  color: #b82967;
  font-weight: normal;
}
.reward_info .overage {
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: var(--order_overage-bg);
}
.reward_info .overage .txt {
  color: var(--order_overage-color);
  font-size: 14px;
  display: flex;
  align-items: center;
}
.reward_info .overage .txt::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: var(--order_overage-icon);
  background-size: contain;
  display: inline-block;
}
.reward_info .overage .quotaPoint {
  flex: 1;
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  color: var(--order_overage-span-color);
}
.reward_info > span {
  color: #707070;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
  display: block;
}
.reward_info .reward_amount {
  width: 100%;
  height: 36px;
  color: #283763;
  font-weight: bold;
  padding: 0 10px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}
.reward_info .gift_box {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.reward_info .gift_box button {
  width: calc(50% - 8px);
  padding: 5px;
  border: none;
  border-radius: 5px;
  background: linear-gradient(to bottom, #fff 0%, #f5f2ff 92%, #e2e2f2 93%, #efedfb 97%, #c4c4ec 97%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.reward_info .gift_box button b {
  flex: 1;
  color: #283763;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reward_info .gift_box button::before {
  content: "";
  width: 50px;
  height: 50px;
}
.reward_info .gift_box .gift1::before {
  background: url("/assets/primary/normal/img/icons/rewarding_heart_ic.png") center no-repeat;
  background-size: contain;
}
.reward_info .gift_box .gift2::before {
  background: url("/assets/primary/normal/img/icons/rewarding_like_ic.png") center no-repeat;
  background-size: contain;
}
.reward_info .gift_box .gift3::before {
  background: url("/assets/primary/normal/img/icons/rewarding_beer_ic.png") center no-repeat;
  background-size: contain;
}
.reward_info .gift_box .gift4::before {
  background: url("/assets/primary/normal/img/icons/rewarding_fish_ic.png") center no-repeat;
  background-size: contain;
}
.reward_info .gift_box .gift5::before {
  background: url("/assets/primary/normal/img/icons/rewarding_car_ic.png") center no-repeat;
  background-size: contain;
}
.reward_info .confirm_message {
  color: #e64141;
  text-align: left;
}
.reward_info .rewardControl {
  margin-top: 20px;
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.reward_info .rewardControl button {
  flex: 1;
  min-height: 36px;
  padding: 5px 20px;
  border: none;
  border-radius: var(--btn-confirm-radius);
}
.reward_info .rewardControl button.cancel {
  color: #707070;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
.reward_info .rewardControl button.confirm,
.reward_info .rewardControl button.double_confirm {
  color: #fff;
  background: var(--btn-confirm-bg);
  background-size: 100% 100%;
}

/*20200922 體驗金 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.icon_payExprience {
  background: var(--market-trialIcon);
}
.icon_payExprience.for_targetList {
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 46px;
  height: 22px;
  transform: translateY(-50%);
}
.market_table_content .cell_43 {
  width: 20%;
  color: var(--market-cell_43-color);
  /* padding: 14px 40px 14px 40px; */
  line-height: 1;
  text-align: left;
  word-break: break-all;
}

.trade_detail_content td.cell_5 {
  justify-content: left;
  padding-left: 10px;
}
.trade_detail_content .cell_5 {
  width: 20%;
}
.tab_payExp .cell_5 {
  width: 20%;
}
.icon_payExprience.for_trade_detail {
  background-size: 100% auto;
  position: absolute;
  top: 20px;
  right: 3px;
  display: block;
  width: 42px;
  height: 20px;
}
.icon_payExprience.for_order_score {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  width: 50px;
  height: 28px;
  background-size: 100% auto;
  padding-top: 0;
}
.icon_payExprience.for_order03 {
  background-size: 100% auto;
  display: block;
  width: 60px;
  height: 28px;
  float: right;
  margin: -5px 5px 0px 5px;
}
.cover.payforex_banner {
  width: 95%;
  margin: 25px auto 15px auto;
  position: relative;
}
.payforex_banner::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -15px;
  left: 0;
}
.payforex_banner img {
  width: 100%;
}
.cover .not_show {
  width: 95%;
  margin: 0 auto 10px auto;
}
.not_show label {
  font-size: 14px;
  color: #989898;
  font-weight: normal;
}
.not_show input {
  vertical-align: text-top;
}
/*20200922 體驗金 E N D ＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*20201020增加三個按鈕*/
.techBtn-box {
  height: 130px;
  display: flex;
  justify-content: space-between;
}
.techBtn {
  display: block;
  width: 96px;
  height: 96px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  text-decoration: none;
  background-size: 96px 96px;
  position: relative;
}
.techBtn span {
  color: #707070;
  font-size: 12px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 96px;
  bottom: -25px;
}
.techBtn:hover {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.techBtn01 {
  background: url(../img/techBtn01.png) no-repeat center;
}
.techBtn02 {
  background: url(../img/techBtn02.png) no-repeat center;
}
.techBtn03 {
  background: url(../img/techBtn03.png) no-repeat center;
}
.techBtn04 {
  background: url(../img/techBtn04.png) no-repeat center;
}
.recharge-teachBtn {
  background: url("/assets/primary/normal/img/icons/deposit_teach.png") no-repeat center;
}
.withdraw-teachBtn {
  background: url("/assets/primary/normal/img/icons/receive_teach.png") no-repeat center;
}
.download-teachBtn {
  background: url("/assets/primary/normal/img/icons/downloadTech.png") no-repeat center;
  background-size: contain;
}
.orange-teachBtn {
  background: url("/assets/primary/normal/img/icons/orangeTech.png") no-repeat center;
  background-size: contain;
}
.green-teachBtn {
  background: url("/assets/primary/normal/img/icons/greenTech.png") no-repeat center;
  background-size: contain;
}
.yellow-teachBtn {
  background: url("/assets/primary/normal/img/icons/yellowTech.png") no-repeat center;
  background-size: contain;
}
.purple-teachBtn {
  background: url("/assets/primary/normal/img/icons/purpleTech.png") no-repeat center;
  background-size: contain;
}
/* -------數字貨幣教學相關 -------------*/

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
}
.popup {
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  overflow: hidden;
}
.popupTitle {
  background: -webkit-gradient(linear, left top, left bottom, from(#92d2fd), to(#6597fa));
  background: linear-gradient(to bottom, #92d2fd 0%, #6597fa 100%);
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  padding: 5px 10px;
}
.popup .popupMain {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-pack: distribute;
  min-width: 200px;
}
.popup p {
  border-radius: 30px;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 40%);
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popup p span {
  display: inline-block;
}

.popup p a {
  background: linear-gradient(to right, #6cacfb, #3868c7);
  border-radius: 15px;
  color: #fff;
  padding: 6px;
}

.popup .popupMain .tech-options {
  margin-bottom: 10px;
}
.popup .popupMain .tech-options:last-child {
  margin-bottom: 0;
}
.popup .popupMain .tech-options .tech-classify {
  position: relative;
  color: #248ad2;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.popup .popupMain .tech-options .tech-classify:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  background: url(../img/arrow.png) no-repeat center;
  background-size: contain;
  display: block;
  transform: translateY(-50%);
}
.popup .popupMain .tech-options.open .tech-classify:after {
  transform: translateY(-50%) scaleY(-1);
}
.popup .popupMain .tech-options ul {
  display: none;
}

.popup .popupMain .tech-options.open ul {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup .popupMain .tech-options ul li {
  padding: 10px;
  border-radius: 5px;
  background: #f2f2f2;
  box-shadow: 0 0 3px rgb(0 0 0 / 30%);
  display: flex;
  align-items: center;
}

.popup .popupMain .tech-options ul li span {
  flex: 1;
}

.popup .popupMain .tech-options ul li a {
  color: #fff;
  padding: 2px 10px;
  border-radius: 15px;
  background: var(--btn-confirm-bg);
}

.popup .popupTitle .close {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  float: right;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  line-height: unset;
  opacity: unset;
}

/* ---------------20201113凱---------------- */
.as_icon {
  background: url("../img/level/as-title.png") center no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-top: 5px;
}
.trs-list {
  width: 1152px;
  margin-top: 20px;
}
.trs-list ul {
  list-style: none;
  width: 100%;
}
.trs-list li {
  width: 100%;
  height: 58px;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 15px;
  color: #505050;
  border-radius: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
}
.trs-list li:last-child {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcece));
  background: linear-gradient(to bottom, #ffffff 0%, #cfcece 100%);
}
.trs-list li:last-child .txt1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  text-align: center;
  padding-left: 30px;
}
.trs-list li:last-child .txt2 {
  -webkit-box-flex: 18;
  -ms-flex: 18;
  flex: 18;
  font-size: 15px;
  text-align: center;
}
.trs-list li:first-child {
  background: -webkit-gradient(linear, left top, left bottom, from(#3cb2bb), color-stop(0%, #6597fa), to(#92d2fd));
  background: linear-gradient(to bottom, #3cb2bb 0%, #6597fa 0%, #92d2fd 100%);
  color: #fff;
}
.trs-list li:first-child .twoLine-r-f {
  line-height: 58px;
  padding-left: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.trs-list li:first-child .twoLine-l-f {
  line-height: 58px;
  padding-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.trs-list li:first-child .oneLine-f {
  line-height: 58px;
  padding-left: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.trs-list li:first-child .oneLine-big-f {
  line-height: 58px;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  text-align: center;
}
.trs-list li .twoLine-r {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 30px;
  height: 58px;
  padding-top: 6px;
  text-align: right;
  line-height: 1.6;
  border-left: 12px solid #b5e1ff;
}
.trs-list li .twoLine-l {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 13px;
  padding-left: 10px;
  text-align: left;
  line-height: 1.6;
  border-left: 1px solid #ccc;
}
.trs-list li .oneLine {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-left: 1px solid #ccc;
}
.trs-list li .oneLine-big {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-right: 10px;
  text-align: right;
  border-left: 1px solid #ccc;
}
.blueTxt {
  color: #679afa;
}
.greenTxt {
  color: #6cd3c1;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  /* width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size); */
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  outline: none;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 13px;
  background-image: var(--vip-swiper-next);
  background-position: left -2px center;
}
/* .swiper-button-prev:after,
  .swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
  } */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 13px;
  left: auto;
  background-image: var(--vip-swiper-prev);
  background-position: right -2px center;
}
/* .swiper-button-next:after,
  .swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
  } */

.swiper-button-lock {
  display: none;
}
/* :root {
    --swiper-pagination-color: var(--swiper-theme-color);
  } */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition:
    200ms transform,
    200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nav_vipRules_btn {
  position: relative;
  width: 75%;
  height: 30px;
  border: none;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding-left: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  background-image: linear-gradient(to bottom, #f4e7c8, #f57756);
  border-radius: 5px;
}
.nav_vipRules_btn::before {
  content: "";
  position: absolute;
  background: url("../img/level/vipRules.png") no-repeat;
  background-size: contain;
  background-position: center;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 5px;
  left: 6px;
}
.vipfree {
  font-size: 24px;
  margin: 20%;
  color: #333333ed;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 2px;
}
.vipfree span {
  display: block;
  color: #20c579;
  font-weight: 700;
  padding: 5%;
}

/*--- 20201207 add pawbenPattern by nillie---*/
#pawbenPattern .order_input input {
  width: 55%;
  margin-left: 0;
}
#pawbenPattern .repic,
#pawbenPattern .showpic {
  height: 40px;
  margin: -5px -7px 0 0px;
}
#pawbenPattern .showpic {
  width: 120px;
}

/*不明*/
/*fifa*/
.content_block_left .fifa_market_sidebar .market_btn:hover .market_btn_icon01 {
  background: url("../img/fifa/worldmarketicon01.svg");
  background-size: cover;
}
.content_block_left .fifa_market_sidebar.open .market_btn_icon01 {
  background: url("../img/fifa/worldmarketicon01.svg");
  background-size: cover;
}
.content_block_left .fifa_market_sidebar .market_btn {
  background: transparent url("../img/fifa/worldmarketnav01.svg") left center no-repeat;
  background-size: cover;
}
.content_block_left .fifa_market_sidebar .market_btn:hover .market_btn_icon02 {
  background: url("../img/fifa/worldmarketicon03.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
}
.content_block_left .fifa_market_sidebar.open .market_btn_icon02 {
  background: url("../img/fifa/worldmarketicon03.svg");
  background-size: cover;
  width: 25px;
  height: 25px;
}
.content_block_left .fifa_market_sidebar .market_btn:hover .game_list_tab {
  color: #fffcc5;
}
.content_block_left .fifa_market_sidebar.open .game_list_tab {
  color: #fffcc5;
}
.content_block_left .fifa_market_sidebar.open .market_btn .market_btn_arrow {
  border-color: transparent transparent transparent #fffcc5;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transition: 300ms linear all;
  transition: 300ms linear all;
}
.content_block_left .fifa_market_sidebar .market_btn:hover .market_btn_arrow {
  border-color: transparent transparent transparent #fffcc5;
}
.fifa_game_wrap .game_category {
  width: 100%;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 4px 0px 2px 3px;
  margin-left: -3px;
  color: white;
  background: linear-gradient(to right, #6d0202 26%, #c80106 100%);
}
.fifa_cover_order .modal_head_order,
.fifa_cover_order01 .modal_head_order {
  background: url("../img/fifa/worldmarketbar02.svg") center no-repeat;
  background-size: cover;
  color: #706646;
  font-weight: 700;
}
.fifa_cover_order03 .modal_head_order03 {
  background: url("../img/fifa/worldmarketbar03.svg") no-repeat;
  background-size: cover;
  color: #6a3906;
  font-weight: 600;
}
.fifa_cover_order01 .blue_title_wrap,
.fifa_cover_order .blue_title_wrap {
  background: #c4ae7f;
}
.fifa_cover_order01 .order_game .order_name div,
.fifa_cover_order .order_game .order_name div {
  position: relative;
}
.fifa_cover_order .order_game .order_score,
.fifa_cover_order01 .order_game .order_score {
  padding-top: 0;
}
.fifa_cover_order01 .blue_title .against_text,
.fifa_cover_order .blue_title .against_text {
  background: #c4ae7f;
  letter-spacing: 11px;
}
.fifa_cover_order03 .success_icon_wrap {
  background: url("../img/fifa/worldmarketicon11.svg") center no-repeat;
}

/* ----2021 0330 下單第二步驟增加錢包顯示---- */
.box-pay {
  display: block;
  overflow: hidden;
  padding: 20px 20px 0px 20px;
}
.box-pay .pay-ed {
  font-size: 14px;
  font-weight: bold;
  color: #797788;
  display: inline-block;
  float: left;
}
.box-pay .pay-ed .point {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 4px 14px;
  vertical-align: middle;
}
.popup_content .detail .market .icon_payExprience {
  position: absolute;
  margin: 7px 0px 0px -8px;
  display: block;
  width: 42px;
  height: 25px;
  background-size: 100% auto;
}

.modal_times_btn_wrap .targertModal_close {
  flex: 1;
  max-width: 330px;
  height: 30px;
  font-size: 16px;
  color: white;
  box-shadow: none;
  border: 0;
  cursor: pointer;
  border-radius: 30px;
  margin: 0 10px;
  background-image: linear-gradient(to right, #69b3fc, #9151f3);
  box-shadow: 0 0 5px 0 rgb(51 80 159 / 50%);
}

.modal_success_wd.targetPawbenPopWhite {
  background: #ffffff;
}

/* -----------電視直播icon----------- */
.live_icon_gray,
.live_icon_white {
  display: inline-block;
  width: 21px;
  height: 18px;
  vertical-align: middle;
  position: relative;
  top: -10px;
  float: right;
  margin-left: 10px;
}
.live_icon_gray {
  background: url(/events/assets/img/live_icon_gray.png) no-repeat center;
  background-size: 21px 18px;
}
.live_icon_white {
  background: url(/events/assets/img/icon_live.png) no-repeat center;
  background-size: 21px 18px;
}

.live_icon_white_index {
  display: inline-block;
  width: 21px;
  height: 18px;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-left: 10px;
  background: url(/events/assets/img/live_icon_gray.png) no-repeat center;
  background-size: 21px 18px;
}

.market_game_title .liveIcon {
  background: url(/events/assets/img/icon_live.png) no-repeat center;
  background-size: 21px 18px;
  display: inline-block;
  margin-left: 10px;
  top: -3px;
  vertical-align: middle;
  position: relative;
  width: 21px;
  height: 18px;
}

.guaranteed_list,
.pawbenVip_list,
.game_category .insureIcon {
  position: relative;
  float: right;
  top: -17px;
}

/* 20210824 预约详情彈窗*/
.pop_booking {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.pop_booking.active {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
.pop_booking .booking_info {
  color: var(--history-booking_info-color);
  display: flex;
  align-items: center;
  padding: 15px 30px;
}
.pop_booking .booking_info span {
  flex: 1;
}
.pop_booking .booking_info span b {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 8px;
  margin-right: 10px;
  border-radius: 40px;
  background: linear-gradient(to right, #49cca0, #3c9cd4);
}
.pop_booking .execution_time,
.pop_booking .profit,
.pop_booking .result {
  flex: 1;
}
.pop_booking .popup_row {
  cursor: auto;
  line-height: 30px;
}

/* 體育內嵌 */
.sports-iframe-container iframe {
  width: 80%;
  height: calc(100vh - 270px);
  max-width: 1370px;
}

.sports-iframe-container.login_content_main {
  width: 100%;
}

.no-padding {
  padding: none !important;
}

.sports_right .sports_info button:disabled {
  color: #8a8a8a;
  background: #e4e4e4;
  box-shadow: none;
}

/*複製小窗用*/
.popover-content {
  padding: 9px 14px;
  color: #333;
  white-space: nowrap;
}

.order_game #sExprience.icon_payExprience.active,
.order_game #sExprience2.icon_payExprience.active,
.order_game #sExprience3.icon_payExprience.active,
.order_game #res_activity_icon.res_activity_icon.active {
  position: relative;
}

.market_table_content .cell_40 {
  width: 70px;
}

.market_table_content .content_title th.cell_43 {
  text-align: left;
}

.market_table_content .content_title th.cell_43 .icon_payExprience.for_targetList {
  right: auto;
  left: 10px;
}
.min-content_main {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
}

.infoSection {
  margin-top: 25px;
  margin-bottom: 50px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: flex-start;
  padding: 20px 30px 50px;
  min-height: 150px;
  gap: 20px;
}

.switch-input {
  opacity: 0;
  display: none;
}

.switch-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

.switch-input + .switch-label {
  margin-bottom: 0;
  vertical-align: middle;
  line-height: 20px;
  color: var(--index-loginModal-color);
  font-size: 20px;
}

.switch-input + .switch-label::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  pointer-events: all;
  background: var(--index-checkbox-bg);
  background-size: auto 30px;
  transition: all 0.15s ease-in-out;
}

.switch-input:checked + .switch-label::before {
  background: var(--index-checkbox-checked-bg);
  background-size: auto 30px;
  transition: all 0.15s ease-in-out;
  border: 0;
}

.p-2 {
  padding: 6px;
}

/* 我的獎金彈窗 */
#ranking_records_dialog.my_bonus_dialog .modal_game_record {
  display: flex;
  flex-direction: column;
}
.my_bonus_dialog .modal_game_record {
  height: 700px;
  margin-bottom: 4em;
}
.players_box {
  height: 560px;
  overflow: auto;
}
#ranking_records_dialog .players_box {
  flex: 1;
  height: auto;
  overflow: hidden;
}
#ranking_records_dialog .players_box .game_record_table.mb20 {
  height: 330px;
  overflow: auto;
  display: block;
}
#my_bonus_dialog .players_box {
  height: auto;
  overflow: hidden;
}
#my_bonus_dialog .players_tab_list .game_record_content {
  height: 500px;
  overflow: auto;
}
.players_tab_list {
  padding-bottom: 2em;
}
.players_tab_list .game_record_cell,
.players_tab_list .game_record_head_cell {
  font-size: 14px;
}
.players_tab_list .receive_btn {
  color: var(--popup_rankings_receive_btn_color);
  background: var(--popup_rankings_receive_btn_bg);
  box-shadow: var(--index-login_btn-sha);
  margin: auto 10px auto 0;
  height: 32px;
  border: none;
  border-radius: 30px;
  padding: 0 15px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.players_tab_list .cell_t1c1 {
  width: 15%;
  flex-direction: column;
}
.players_tab_list .cell_t1c2 {
  width: 10%;
}
.players_tab_list .cell_t1c3,
.players_tab_list .cell_t1c4 {
  width: 23%;
}
.players_tab_list .cell_t1c5 {
  width: 19%;
}
.players_tab_list .cell_t1c6 {
  width: 10%;
}
.players_tab_list .cell_t2c1,
.players_tab_list .cell_t2c2 {
  width: 15%;
  flex-direction: column;
}
.players_tab_list .cell_t2c3 {
  width: 36%;
}
.players_tab_list .game_record_row .game_record_cell.cell_t2c3 {
  padding: 10px 20px;
  text-align: left;
  align-items: flex-start;
}
.players_tab_list .game_record_row .game_record_cell.cell_t2c3.new {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 10px 20px !important;
}
.players_tab_list .cell_t2c4 {
  width: 14%;
}
.players_tab_list .cell_t2c5 {
  width: 14%;
}
.players_tab_list .cell_t2c6 {
  width: 13%;
}
.players_tab_list .cell_t2c1 {
  margin-left: 2%;
}
.players_tab_list .cell_t2c6 {
  margin-right: 2%;
}
.players_tab_list .cell_t3c1,
.players_tab_list .cell_t3c2,
.players_tab_list .cell_t3c3,
.players_tab_list .cell_t3c4 {
  width: 24%;
}
.players_tab_list .cell_t3c1 {
  margin-left: 2.5%;
}
.players_tab_list .cell_t3c4 {
  margin-right: 2.5%;
}
.players_tab_list .cell_t4c1,
.players_tab_list .cell_t4c2 {
  width: 50%;
  padding-left: 0;
}

.players_tab_list .ranking_records_main .game_record_cell {
  min-height: 74px;
}
.players_tab_list .game_record_cell {
  min-height: 72px;
}
.players_tab_list .players_table_box2 .game_record_cell {
  min-height: auto;
}
.players_tab_list .game_record_cell > span {
  color: var(--event-category-font);
}
.players_tab_list .game_record_cell i img {
  width: 40px;
}
.players_table_box2 {
  display: flex;
  gap: 20px;
  margin: 0 20px;
  padding-bottom: 20px;
}
.players_table_box2 > div {
  width: 100%;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  margin: var(--game_record-tr-margin);
  border-radius: 10px;
  overflow: hidden;
}
.players_tab_list .game_record_content {
  height: auto;
  overflow: hidden;
}
.players_tab_list .game_record_content .game_record_row {
  overflow: hidden;
  margin: var(--popup_rankings_game_record_row_margin);
  box-shadow: var(--popup_rankings_game_record_row_shadow);
}
.players_table_box2 .game_record_table .game_record_row {
  color: var(--popup_rankings_game_record_row_color);
  margin: 0;
  background: var(--popup_rankings_game_record_row_bg);
  box-shadow: none;
}
/* 獎金彈窗分頁 */
.Page_navigation {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Page_navigation .pagination {
  display: inline-block;
  margin: 0;
}
.Page_navigation .pagination input {
  width: 34px;
  height: 34px;
  text-align: center;
  border: solid #d5d6d7 1px;
  border-radius: 5px;
  background: #f5f7fd;
}
.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Page_navigation .pagination .span_text {
  float: left;
  padding: 6px 12px;
}
.Page_navigation .pagination > li > a,
.Page_navigation .pagination > li > span {
  border: 1px solid #d5d6d7;
  border-radius: 4px;
}
.Page_navigation .pagination > li > a.page-link.page-link_a {
  border-color: transparent;
  margin: 0;
  color: #555657;
}
.Page_navigation .pagination .page_link-next,
.Page_navigation .pagination .page_link-previous {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
}
.Page_navigation .pagination .page_link-next::before,
.Page_navigation .pagination .page_link-previous::before {
  /* content: "▼"; */
  content: "";
  position: absolute;
  display: block;
  border-top: 2px solid #3a4eb2;
  border-right: 2px solid #3a4eb2;
  -webkit-transform: rotate(45deg) translateX(-2px) translateY(2px);
  transform: rotate(45deg) translateX(-2px) translateY(2px);
  padding: 4px;
}
.Page_navigation .pagination .page_link-previous::before {
  -webkit-transform: rotate(225deg) translateX(-2px) translateY(2px);
  transform: rotate(225deg) translateX(-2px) translateY(2px);
}
.rankings_box {
  display: flex;
  flex-direction: column;
}
.rankings_box .rankings_item_box {
  gap: 20px;
  margin: 10px 30px 25px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rankings_box .rankings_item {
  min-height: 90px;
  width: 100%;
  color: #fff;
  position: relative;
  border-radius: 10px;
  background: var(--popup_rankings_singleItem_bg);
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

.rankings_box .rankings_item::before {
  content: "";
  display: block;
  position: absolute;
  left: -65%;
  width: 100%;
  height: 70%;
  background: var(--popup_rankings_item_before_bg);
  z-index: 1;
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.rankings_box3 .rankings_box .rankings_item::before {
  content: var(--popup_rankings_item_before_content);
  display: block;
  position: absolute;
  left: -65%;
  width: 100%;
  height: 70%;
  background: var(--popup_rankings_item_before_bg);
  z-index: 1;
  -moz-transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.rankings_box .rankings_item > div {
  position: relative;
  z-index: 2;
  flex-basis: 16%;
}
.rankings_box .rankings_item > div > span:nth-child(2) {
  display: block;
}
/* .rankings_list_time {
		color: #aaaaaa;
		padding-bottom: 0.5em;
		-moz-transform: translateY(-4px);
		-webkit-transform: translateY(-4px);
		-o-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		transform: translateY(-4px);
	}
  */
.rankings_box .rankings_item > div.rankings_list_icon {
  flex-basis: auto;
}

.rankings_box .rankings_item.game_before > div.rankings_list_icon {
  display: none;
}

.rankings_box3 .rankings_box .rankings_item > div.rankings_list_icon {
  margin: var(--popup_list_icon_margin);
}
.rankings_box .rankings_list_icon::before {
  content: "";
  display: block;
  position: relative;
  padding: 2.5em 2em;
  width: 100%;
  height: 100%;
  background: var(--popup_list_single_icon_bg);
}
.rankings_box3 .rankings_box .rankings_list_icon::before {
  background: var(--popup_list_icon_bg);
}
.rankings_box .rankings_list_icon i {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
}
.rankings_box .rankings_list_icon i img {
  width: 1.5em;
  height: auto;
}
.rankings_box .rankings_item > div {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 6px;
}
.rankings_box .rankings_item > div.rankings_list_time,
.rankings_box .rankings_item > div.rankings_list_total,
.rankings_box .rankings_item > div.rankings_list_bonus {
  flex: 1;
}

.rankings_box .rankings_item > div span {
  font-size: 15px;
}
.rankings_box div.rankings_list_nick_name {
  padding-left: 0.6em;
  flex-basis: 30%;
}

.rankings_box .rankings_item.game_before .rankings_list_nick_name {
  flex-direction: row;
  justify-content: space-between;
  flex-basis: 75%;
}

.rankings_box .rankings_item.game_before .rankings_list_nick_name > span:nth-child(1) {
  width: 40%;
}

.rankings_box .rankings_item.game_before .rankings_list_nick_name > span:nth-child(2) {
  width: 40%;
}
.rankings_box .rankings_item.game_before .rankings_list_bonus,
.rankings_box .rankings_item.game_before .rankings_list_time {
  display: none;
}

.rankings_box .rankings_list_nick_name button {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--popup_single_nick_name_color);
}
.rankings_box .rankings_list_nick_name > span:nth-child(2) {
  color: var(--popup_single_category_color);
}
.rankings_box .rankings_list_time > span {
  color: var(--popup_single_time_color);
}
.rankings_box .rankings_list_total > span {
  color: var(--popup_single_total_color);
}
.rankings_box .rankings_list_bonus > span {
  color: var(--popup_single_bonus_color);
}
.rankings_box3 .rankings_box .rankings_list_nick_name button {
  color: var(--popup_nick_name_color);
}
.rankings_box3 .rankings_box .rankings_list_nick_name > span:nth-child(2) {
  color: var(--popup_category_color);
}
.rankings_box .rankings_list_nick_name b {
  font-size: 13px;
}
.rankings_box .rankings_list_nick_name .color_grey {
  color: #aaaaaa;
}
.rankings_box div.rankings_list_time {
  flex-basis: 28%;
}
.rankings_box .rankings_list_bonus {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #373737;
}
.rankings_box .rankings_list_bonus b {
  font-size: 14px;
  word-break: break-all;
}
.rankings_box .rankings_list_deadline {
  display: flex;
  justify-content: flex-end;
  padding: 4px 0;
  color: #3f5f90;
}
.rankings_box3 .rankings_box {
  justify-content: flex-start;
}
.rankings_box3 .rankings_box .rankings_item::before {
  left: -12%;
  background: var(--popup_rankings_item_before_bg2);
}
.rankings_box3 .rankings_box div.rankings_list_nick_name {
  flex-basis: 70%;
}
.rankings_box3 .rankings_box .rankings_item_box {
  margin: 0px 30px;
}
.rankings_box3 .rankings_box .rankings_item {
  min-height: 80px;
  margin: var(--popup_rankings_item_margin);
  flex-basis: calc(100% / 3 - 12px);
  background: var(--popup_rankings_item_bg);
  overflow: var(--popup_rankings_item_overflow);
  gap: 0;
}
.rankings_box3 .rankings_box .rankings_item:nth-child(2) {
  background: var(--popup_rankings_item_bg2);
}
.rankings_box3 .rankings_box .rankings_item:nth-child(3) {
  background: var(--popup_rankings_item_bg3);
}
/* 最高排名紀錄(1-5名) */
.rankings_box3 .rankings_box .rankings_item2 {
  flex-basis: calc(100% / 3 - 12px);
  border: var(--popup_rankings_item2_border);
  background-image: var(--popup_rankings_item2_bg);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1em;
  min-height: 210px;
}
.rankings_box3 .rankings_box .rankings_list_icon2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 1.5em;
  padding-top: 1.5em;
  column-gap: 0.8em;
}
.rankings_box3 .rankings_box .rankings_list_icon2 i img {
  width: 4em;
}
.rankings_box3 .rankings_box .rankings_list_icon2 > span {
  position: relative;
  color: #fff;
  font-size: 26px;
  width: 1.8em;
  height: 2.4em;
  margin-top: -0.2em;
  background: url(/assets/primary/normal/img/rankings/ranking_reward_icon_bg.png) no-repeat center / 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.players_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 2em;
}

/* 排行榜時間彈窗 */
.ranking_time_dialog {
  margin: 32px auto !important;
  overflow: visible !important;
  max-width: 445px;
}
.ranking_time_dialog .v-card__title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  padding: 18px 24px 10px;
}
.ranking_time_dialog .ranking_time_dialog_gift {
  position: absolute;
  width: 48%;
  right: -11%;
  top: -12%;
}
.ranking_time_dialog .ranking_time_dialog_gift img {
  width: 100%;
}
.ranking_time_dialog .timer_title {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin: 14px 0 0px 24px;
  line-height: 1.4;
  /* width: 100px; */
}
.ranking_time_dialog .v-card {
  border: solid 3px #fff;
  border-radius: 30px !important;
  background: linear-gradient(to right, #bba3ff, #4779dc);
  position: relative;
}
.ranking_time_dialog .v-card .v-card_text_bg {
  background: linear-gradient(to top, #fff, #fff, #d1ddf8, #ebbeff);
  box-shadow: inset 0px 3px 2px #c7abe5;
  border-radius: 30px;
  min-height: 160px;
  margin: -2px;
  padding: 20px 0 10px;
}
.ranking_time_dialog .v-card .v-card_text_bg2 {
  background: #fff;
  border-radius: 8px;
  margin: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  gap: 14px;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .my_ranking {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ff4879;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .my_ranking b {
  font-size: 30px;
  line-height: 1;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .row {
  width: 100%;
  margin: 6px;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .row .col {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .row .col:first-child::after {
  content: "";
  width: 1px;
  height: calc(100% - 4px);
  display: block;
  background: #cdcdcd;
  position: absolute;
  right: 0;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .row .col b {
  display: flex;
  align-items: center;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .row .col b::before {
  content: "";
  display: block;
  padding: 0.8em;
  position: relative;
  background: url("/assets/primary/normal/img/rankings/winners_list_icon.png") no-repeat center/ 100%;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .v-card__actions {
  width: 100%;
  padding: 0 12px;
}
.ranking_time_dialog .v-card .v-card_text_bg2 .v-card__actions .v-btn {
  height: 36px;
  min-width: 64px;
  padding: 0 16px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #f58c9d, #d13748);
  border: none;
  color: #fff;
  font-size: 13px;
  width: calc(100% - 2em);
  margin: 0 1em;
  box-shadow:
    0 3px 6px 0 #00000029,
    inset 0 3px 6px 0 rgba(255, 255, 255, 0.5);
}
.ranking_time_dialog .v-card__title .timer {
  display: flex;
  gap: 16px;
  color: #0f3160;
}
.ranking_time_dialog .v-card__title .timer span {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 8px 0;
  font-size: 26px;
  font-weight: bold;
  min-width: 45px;
  line-height: 1.2;
  margin: -10px 0 6px;
}
.ranking_time_dialog .v-card__title .timer span b {
  font-size: 13px;
  color: #000;
}