/* 常用复用样式 */
/* 回到顶部 */
.backtop_div {
  width: 82px;
  cursor: pointer;
}
.backtop_div img {
  width: 100%;
}
.backtop_div:hover .hd {
  display: none;
}
.backtop_div:hover .hd1 {
  display: block !important;
}
/* 文本溢出隐藏 */
.text_ellip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 标题区域 三角样式 */
.triangle_t_r_div {
  min-width: 70px;
  height: 100%;
  position: relative;
  z-index: 5;
}
.triangle_t_r_div::before {
  content: '';
  position: absolute;
  background: var(--n1_4_GS_analyzeTbTitleBg);
  top: 0;
  right: -10px;
  height: 100%;
  transform-origin: bottom;
  transform: skewX(-45deg);
  z-index: 0;
  width: 150px;
  pointer-events: none;
}
.triangle_t_r_div > p {
  color: var(--competition-box-text);
  position: relative;
  z-index: 1;
}
.up_triangle,
.down_triangle,
.sum_triangle,
.cancel_triangle {
  color: var(--n6_5listResultTxt01) !important;
}
/* 弹窗居中 */
.center_dialog .el-overlay-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 2003;
}
/* 弹窗居中但不可蓋過公告彈窗 */
.center_dialog_lower .el-overlay-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 999 !important;
}
.center_dialog .el-overlay .el-dialog {
  margin: 0 auto !important;
}

.center_dialog_lower .el-overlay .el-dialog {
  margin: 0 auto !important;
}
.private_dialog .el-dialog__body {
  border-top: 2px var(--n1_4_GS_Border) dashed;
  margin: 0px 20px;
  margin-bottom: 0;
  padding: 15px 0px;
}
.head_dialog.private_dialog .el-dialog__body {
  margin: 0 15px;
  position: relative;
}
.head_dialog .el-dialog__body .content-inner {
  color: var(--popup_popup_annTxt);
  padding: 15px;
}
.head_dialog .el-dialog__body .content-inner li {
  position: relative;
  z-index: 1;
}
.head_dialog .el-dialog__body .content-inner::after {
  content: '';
  /* background: var(--dialog-content-bg); */
  border-radius: 10px;
  /* border: 1px solid var(--dialog-content-border); */
  position: absolute;
  left: 3px;
  right: 3px;
  top: 15px;
  bottom: 70px;
  z-index: 0;
}
.head_dialog .el-dialog__body .content-inner li {
  list-style: none;
}
.head_dialog {
  border-radius: 10px;
  position: relative;
}
.head_dialog::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 16px;
  border: 1px solid var(--dialog-border);
  z-index: 0;
}
.head_dialog::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border: 1px solid transparent;
  border-image: var(--dialog-border-img);
  z-index: 1;
}
.head_dialog.private_dialog .el-dialog__body {
  border-top: 1px solid transparent;
}
.sports_video_main .notData_div {
  border-top: 1px solid var(--n1_5_1_eventBorder);
  border-bottom: 1px solid var(--n1_5_1_eventBorder);
}
/* 列表无数据样式   */
.notData_div {
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.notData_div img {
  width: 150px !important;
}
.notData_div p {
  color: var(--function_systemNoticeTxt) !important;
  font-size: 16px !important;
}
/* 返回样式 */
.back_div {
  height: 20px;
  font-size: 20px;
  color: var(--back-icon-color);
  position: relative;
}
.back_div p {
  cursor: pointer;
  height: 20px;
}
.back_div p:hover {
  opacity: 0.9;
}
.back_div .el-icon-arrow-left {
  font-size: 23px;
}
/* 个人中心左侧带渐变边框样式 */
.personage_h2 {
  height: 20px;
  font-size: 18px;
  color: var(--nav_txtTitle_02);
  padding-left: 11px;
  position: relative;
}

.personage_h2::before {
  content: '';
  position: absolute;
  left: 0px;
  top: calc(50% - 10px);
  width: 3px;
  height: 20px;
  background: var(--popup_sheet_commonTitleDeco);
}

.publiceTitle2 {
  font-size: 14px;
  color: var(--n5_sectionItem_title);
}

.check_div {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-top: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom-right-radius: var(--radio-check-radius);
  opacity: 0;
}
.check_span {
  position: absolute;
  bottom: -12px;
  right: -12px;
  color: transparent;
}
.is-checked .check_div {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  opacity: 1;
}
.is-checked .check_div .check_span {
  color: #fff;
}
/* 单选框选中 */
.radio_check.el-radio.is-bordered {
  border-radius: 5px;
  border: 1px solid var(--n5_order_protocolBorder_off);
  background: var(--n5_order_protocolBg_off);
  color: var(--popup_sheet_selectStyle01Txt_off);
}
.radio_check.el-radio.is-bordered.is-checked {
  border: 1px solid var(--n5_order_protocolBorder_on);
  background: var(--n5_order_protocolBg_on);
  color: var(--popup_sheet_selectStyle01Txt_on);
}
.radio_check.el-radio.is-bordered.is-checked .el-radio__input.is-checked + .el-radio__label {
  color: var(--popup_sheet_selectStyle01Txt_on);
}
.radio_check.el-radio.is-bordered.is-checked .check_div {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
}
.radio_check.el-radio.is-bordered.is-checked .check_div .check_span {
  color: var(--icon_select);
}

/* 普通带功能文字标签 */
.linke_p {
  color: var(--n5_recycle_txt);
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}

.linke_p:hover {
  opacity: 0.85;
}
.linke_n_p {
  color: var(--n5_recycle_txt);
  font-size: 14px;
  cursor: pointer;
}
.linke_n_p:hover {
  opacity: 0.85;
}
.linke_h_p {
  color: var(--n5_recycle_txt);
  font-size: 14px;
  cursor: pointer;
}
.linke_h_p:hover {
  opacity: 0.85;
  text-decoration: underline;
}

/* vip等级标签 */
.grade_result {
  width: 46px;
  height: 16px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  background: var(--vip-gradient);
  color: var(--vip-text);
  border-radius: var(--vip-radius);
}

.grade_result .icon-vip {
  font-size: 20px;
  margin-right: 2px;
  color: var(--vip-text);
}
.grade_small {
  width: 46px;
  height: 20px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  border-radius: var(--vip-radius);
}
.grade_small .icon-vip {
  font-size: 21px;
  margin-right: 2px;
}

.header_tab .grade_small {
  border-radius: var(--header-vip-radius);
}
.header_tab .grade_result {
  background: var(--header-vip-gradient);
  color: var(--header-vip-text);
  border-radius: var(--header-vip-radius);
}
.header_tab .grade_result .icon-vip {
  color: var(--header-vip-text);
}

/* 顶部公共样式 */
.top_time {
  background-color: #3a4460;
  height: 22px;
  color: #b2b5bc;
  font-size: 12px;
}
.header_tab {
  height: 84px;
}
.login_img {
  cursor: pointer;
}
.gameType_div {
  font-size: 14px;
  color: var(--tab_common01_reverse_off);
}
.gameType_li {
  font-size: 16px;
  height: 84px;
  position: relative;
  cursor: pointer;
}
.gameType_li:hover {
  color: var(--tab_home02_on);
}
.gameType_div .gameType_li::before {
  content: '';
  position: absolute;
  border-radius: 2px;
  height: 3px;
  left: 0px;
  right: 0px;
  bottom: 1px;
}
.gameType_div .gameType_li:hover::before {
  background: var(--tab_common01_on);
}

.gameType_li img {
  position: absolute;
  top: 28px;
  right: -8px;
}
.gameType_li.activ {
  color: var(--tab_home02_on);
}
.gameType_li.activ::before {
  background: var(--tab_common01_on);
}
.gameType_li::after {
  content: '';
  position: absolute;
  left: -10px;
  right: -10px;
  top: 50%;
  z-index: 0;
  height: var(--game-type-bg-height);
  border-radius: var(--game-type-radius);
  transform: translateY(-50%);
}
.gameType_li:hover::after {
  background: var(--game-type-bg-hover);
}
.gameType_li.activ::after {
  background: var(--game-type-bg-active);
}
.gameType_li > p {
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.user_div {
  height: 84px;
  font-size: 12px;
}
.handle_p {
  font-size: 12px;
  width: 46px;
  cursor: pointer;
  line-height: 20px;
}
.handle_p img {
  width: 26px;
}
.handle_p:hover .hd {
  display: none;
}
.handle_p:hover .hd1 {
  display: block !important;
}

.shortcut_mian {
  position: fixed;
  right: 40px;
  bottom: 20px;
  z-index: 400;
  transition: all 0.5s;
}
.shortcut_div {
  width: 81px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.shortcut_p {
  width: 81px;
  cursor: pointer;
}
.shortcut_p img {
  width: 100%;
}
.shortcut_p:hover .hd {
  display: none;
}
.shortcut_p:hover .hd1 {
  display: block !important;
}

.user_img {
  cursor: pointer;
}
.user_img .el-image {
  width: 50px;
  height: 50px;
}
.user_img img {
  width: 100%;
  height: 100%;
}

.logo_img {
  width: 190px;
  cursor: pointer;
  text-align: center;
}
.logo_img img {
  max-width: 190px;
  max-height: 84px;
}

.game_body {
  width: 100%;
  height: 300px;
  position: fixed;
  top: 84px;
  background: var(--floor_0);
  left: 0%;
  z-index: 800;
  box-shadow: var(--floor_0_shadow);
  color: var(--n2casino_mainIntroTxt);
}
.game_main {
  z-index: 800;
}
.game_describe {
  width: 170px;
  flex: 0 0 170px;
  margin-left: 100px;
  min-height: 188px;
  height: 300px;
  position: relative;
  z-index: 1;
  padding-top: 35px;
}
.game_describe h2 {
  font-size: 26px;
  color: var(--n2casino_mainTitlelTxt);
  min-height: 26px;
  line-height: 30px;
  margin-bottom: 10px;
}
.game_describe p {
  font-size: 18px;
  color: var(--n2casino_mainIntroTxt);
  line-height: 18px;
}
.game_describe h6 {
  font-size: 12px;
  color: var(--n2casino_mainIntroTxt);
  min-height: 130px;
  line-height: 18px;
  font-weight: normal;
}
.game_describe .type_img {
  max-width: 144px;
  max-height: 72px;
  margin-bottom: 10px;
}
.game_describe .game_fs {
  max-width: 144px;
  max-height: 72px;
}

.game_img {
  height: 219px;
  cursor: pointer;
}
.game_img img {
  -webkit-user-drag: none;
  height: 219px;
  transition: 0.2s all linear;
  -ms-transition: 0.2s all linear; /* IE 9 */
  -moz-transition: 0.2s all linear; /* Firefox */
  -webkit-transition: 0.2s all linear; /* Safari 和 Chrome */
  -o-transition: 0.2s all linear; /* Opera */
}
.game_img:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
}
.game_brief {
  text-align: center;
  margin-left: 20px;
}

.game_brief h4 {
  font-size: 18px;
  color: var(--n2casino_gameLabelTxt);
  text-align: center;
  min-height: 24px;
  line-height: 24px;
  margin-bottom: 6px;
}

.game_brief h5 {
  font-size: 12px;
  color: var(--n2casino_gameIntroTxt);
  font-weight: normal;
  text-align: center;
  min-height: 16px;
  line-height: 16px;
  margin-bottom: 20px;
}
.game_brief .down_app i {
  border-color: var(--down-app-border);
}
.maintenanceText {
  color: var(--n2casino_gameMaintainDateTxt);
}
.maintenanceText > span {
  color: var(--n2casino_gameMaintainTimeTxt);
}
.game_brief > img {
  margin: 3px 0;
}
.enter_btn {
  cursor: pointer;
}
.enter_btn img {
  width: 90px;
}
.enter_btn:hover {
  opacity: 0.8;
}
.el-dropdown__popper .el-dropdown-menu {
  position: relative;
  overflow: visible;
  background: var(--floor_0);
  border: none;
  box-shadow: var(--floor_0_shadow);
  color: var(--n6_1_1_1mine_listTitle);
}
.el-dropdown__popper .el-dropdown-menu::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  /* border: 1px solid;
	border-color: var(--personage-dropdown-border) var(--personage-dropdown-border) transparent transparent; */
  background: var(--floor_0);
  box-shadow: 4px -4px 10px 0 rgba(0, 0, 0, 0.15);
  left: 50%;
  top: -10px;
  transform: rotate(-45deg) translateX(-50%);
}
.el-scrollbar {
  overflow: visible;
}
.personage_list .personage_li {
  width: 226px;
}
.personage_li {
  width: 198px;
  margin: 0 auto;
  cursor: pointer;
}
.personage_div {
  min-height: 50px;
  font-size: 13px;
}
.personage_div p img {
  width: var(--personage-img-width);
  height: 23px;
  margin-right: 5px;
}
.personage_div {
  position: relative;
  z-index: 1;
}
.personage_div::after,
.personage_div::before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.personage_div::after {
  bottom: 0;
}
.personage_div::before {
  top: 0;
}
.menu_box .personage_div::after {
  /* background: var(--personage-item-border-top); */
}
.menu_box .personage_li:last-child .personage_div::after {
  background: none;
}
.el-dropdown-menu__item .personage_div::before {
  background: var(--n6_1_1_1mine_listLine);
}
.el-dropdown-menu__item .personage_div p {
  color: var(--n6_1_1_1mine_listTitle);
}
.el-dropdown-menu__item .personage_div:hover p {
  color: var(--n6_1_1_1mine_listHoverTxt);
}
.news_font {
  position: absolute;
  height: 16px;
  min-width: 20px;
  padding: 0 6px;
  color: var(--notice_txt);
  background: var(--notice_bg);
  font-size: 12px;
  border-radius: 16px;
  right: 30px;
}
.el-dropdown-menu__item .personage_div:hover img {
  filter: var(--personage-item-img-active);
}
.el-dropdown-menu__item {
  color: var(--n6_1_1_1mine_listTitle);
}

/* 首页 */
.banner_div {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0;
  position: relative;
  z-index: 50;
}
.banner_bg {
  position: relative;
}
.banner_bg_img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

.main_message {
  width: 100%;
  position: relative;
  z-index: 20;
}
.mes_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.mes_bg_index {
  z-index: 1;
}
.notice_main {
  height: 40px;
  border-radius: 40px;
  border: 1px solid var(--marquee_pcBorder);
  background: var(--marquee_pcBg);
}
.notice_main img {
  width: 50px;
  margin-left: 4px;
}
.notice_div {
  font-size: 14px;
  color: var(--marquee_txt);
  flex: 0 0 1050px;
  width: 1050px;
}
.notice_div p {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  width: 100%;
}
.title_div {
  font-size: 34px;
  color: var(--home-title);
  font-weight: bold;
  background: var(--home-title-img) center center no-repeat;
}
.title_div span {
  color: var(--n3_1_3pomotionEvent_section_title);
}
.activity_title_div {
  font-size: 34px;
  color: var(--n3_1_3pomotionEvent_section_title);
  font-weight: bold;
  background: var(--home-title-img) center center no-repeat;
}
.activity_title_div span {
  color: var(--n3_1_3pomotionEvent_section_title);
}
.download_part {
  padding: var(--download-part-padding);
}
.download_part h2 {
  font-size: 28px;
  color: var(--download-title);
  text-align: center;
}
.download_part > p {
  font-size: 16px;
  line-height: 24px;
  width: 444px;
  color: var(--download-subtitle);
}
.download_btn {
  width: 176px;
  height: 54px;
  border-radius: 54px;
  font-size: 20px;
  color: #414755;
  background-color: #eef1ff;
  background-image: linear-gradient(#ffffff, #eef1ff, #ffffff);
}
.download_code {
  position: relative;
}
.code_img {
  width: 145px;
  height: 145px;
  position: absolute;
  z-index: 10;
  top: 28px;
  left: 34px;
}
.code_img img {
  width: 145px;
  height: 145px;
}
.p1 {
  font-size: 14px;
}
.p2 {
  font-size: 12px;
}

.a1 {
  font-size: 12px;
}

.yb_img {
  position: relative;
  width: 120px;
  height: 120px;
}
.yb_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.yb_img p {
  position: relative;
  z-index: 10;
  color: var(--home-icon);
}
.yb_img p span {
  font-size: 34px;
}
.yb_img p i {
  font-size: 14px;
  font-style: inherit;
}
.turn_img {
  /* -webkit-animation:rotateIn 5s .2s linear infinite;
-moz-animation:rotateIn 5s .2s linear infinite; */
}
.refresh_span.active {
  -webkit-animation: rotateIn 1s 0.2s linear infinite;
  -moz-animation: rotateIn 1s 0.2s linear infinite;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
  }
}
.title_img::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--serve-img-bg-width);
  border-radius: var(--serve-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--serve-img-bg);
  z-index: 0;
  pointer-events: none;
}
.title_img img {
  width: var(--serve-img-width);
  position: relative;
  z-index: 1;
}
.serve_li {
  width: 450px;
}
.serve_div {
  text-align: left;
}

.serve_div h3 {
  font-size: 16px;
  color: var(--home-serve-title);
}

.serve_div p {
  font-size: 12px;
  color: var(--home-serve-text);
  line-height: 20px;
}

.head_div .el-radio-group {
  display: grid;
  grid-template-columns: repeat(5, 70px);
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.head_div .el-radio {
  margin-right: 0;
  width: 70px;
  height: 70px;
}
.head_img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  border: 2px solid transparent;
  position: relative;
}
.head_div .is-checked .head_img {
  border: 2px solid var(--icon_primaryS_normal);
}
.head_img img {
  width: 100%;
  height: 100%;
  border-radius: 70px;
}
.head_img .el-image {
  width: 100%;
  height: 100%;
}
.head_img .active_i {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.is-checked .head_img .active_i {
  border-bottom: 5px solid var(--icon_primaryS_normal);
}

/* 登录注册页面 */
.login_main {
  width: 100%;
  height: 100%;
  position: relative;
}
.loginimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.loginform_main {
  position: relative;
  z-index: 50;
}
.loginform_div {
  width: 325px;
}
.cooperation_li img {
  width: 50px;
}
.cooperation_li p {
  font-size: 12px;
  color: var(--n0system_signIn01Version);
  text-align: center;
}
.el-range-editor .el-range-input::placeholder {
  color: var(--input_messageNormalTxt);
}
.loginform_div .el-checkbox__inner {
  border-color: var(--icon_primaryS_normal);
  background: transparent;
  border-radius: 2px;
}
.login_checkbox .el-checkbox__label {
  color: var(--n0system_signIn01RememberPassword);
}
.login_checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--icon_fixSelect);
}
.login_checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--icon_primaryS_normal);
  border-color: var(--icon_primaryS_normal);
}
.loginform_input img {
  width: 26px;
  height: 26px;
  pointer-events: none;
}
.loginform_input > span {
  color: var(--input_signIn01title);
  font-size: 16px;
  width: 100px;
  pointer-events: none;
}
.login_checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--n0system_signIn01RememberPassword);
}
.login_checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: var(--icon_primaryS_normal);
}
.link_p {
  color: var(--n0system_signIn01VisitorEnter);
  font-size: 13px;
}
.link_p span {
  cursor: pointer;
  text-decoration: underline;
}
.link_p span:hover {
  opacity: 0.9;
}
.link_p span.is-disabled,
.link_p span.is-disabled:focus,
.link_p span.is-disabled:hover {
  cursor: not-allowed;
  opacity: 0.5;
}
.link_span {
  cursor: pointer;
  color: var(--index-link-text);
  font-size: 13px;
}
.link_span:hover {
  opacity: 0.9;
  text-decoration: underline;
}

/* 比赛列表 */
.main_left {
  width: 210px;
  overflow-x: hidden;
}
.main_container {
  width: 622px;
}
.main_right {
  width: 340px;
  overflow-x: hidden;
}
.el-affix .main_left {
  overflow: visible;
}
/* 左侧 */
.money_title {
  height: 56px;
}
.money_span {
  font-size: 20px;
  color: var(--event_headerMoney);
}

.money_title i {
  font-size: 20px;
  cursor: pointer;
  color: var(--icon_reverse_primaryS_normal);
}

.money_title i:hover {
  opacity: 0.9;
}

.game_container .title_span {
  color: var(--game-title-text);
  font-size: 12px;
  padding: 0 15px;
}
.game_container .title_i {
  color: var(--n1_1_5sport_hotSearchLblTxt);
  font-size: 12px;
  text-align: center;
  background: var(--icon_primaryS_normal);
  display: inline-block;
  min-width: 16px;
  height: 16px;
  border-radius: 16px;
  padding: 1px 4px 0 4px;
  line-height: initial;
  font-style: inherit;
}

.collect_li {
  height: 30px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--game-collect-text);
  cursor: pointer;
  border-left: 2px solid transparent;
}

.collect_list .collect_li:hover {
  color: var(--tab_common01_on);
  background: var(--aside2ndTitle_bg);
  border-left: 2px solid var(--popup_sheet_commonTitleDeco);
}

.collect_list .collect_li.active {
  color: var(--tab_common01_on);
  background: var(--aside2ndTitle_bg);
  border-left: 2px solid var(--popup_sheet_commonTitleDeco);
}
.grounder_list .el-checkbox__input + .el-checkbox__label .collect_li:hover {
  color: var(--tab_home02_on);
}
/* 暂无提示 */
.not_available_title {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--side_menuTitleTxt);
  line-height: 20px;
}

/* 左侧下注 */
.rapidBet_main {
  padding: 4px;
}

.rapidBet_div {
  border: 1px solid var(--cart_o_cardBorder);
}

.rapidBet_title {
  height: 26px;
  line-height: 26px;
  color: var(--icon_neutral01);
  font-size: 12px;
  border-bottom: 1px solid var(--cart_o_cardBorder);
  background-color: var(--infoTitle_bg);
  position: relative;
}

.rapidBet_title > i.el-icon-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.rapidBet_input_div {
  line-height: 28px;
  color: var(--cart_o_oddsTitle);
}
.rapidBet_btn_main .el-button + .el-button {
  margin-left: 0;
}
.rapidBet_expect {
  font-size: 12px;
  color: var(--cart_o_oddsTitle);
}
.rapidBet_expect p {
  font-size: 12px;
  line-height: 20px;
}
/* 下注信息 */
.rapidBet_title > i.el-icon-close:hover {
  opacity: 0.8;
}
.rapidBet_competition {
  border-bottom: 1px solid var(--cart_o_cardBorder);
  padding-top: 4px;
  padding-bottom: 4px;
}
.rapidBet_competition p {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--side_menuBtnTxt);
  line-height: 20px;
  word-break: break-all;
}
.rapidBet_type {
  padding-top: 4px;
  padding-bottom: 4px;
}
.rapidBet_type p {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--side_menuBtnTxt);
  line-height: 20px;
}
/* 下注输入框 */
.rapidBet_input_main {
  border: 1px solid var(--cart_o_cardBorder);
}
.rapidBet_input_title {
  height: 26px;
  line-height: 26px;
  color: var(--cart_o_oddsTitle);
  font-size: 12px;
  border-bottom: 1px solid var(--cart_o_cardBorder);
  background-color: var(--infoTitle_bg);
  position: relative;
}

.rapidBet_input_type {
  height: auto;
  line-height: 26px;
  font-size: 12px;
  border-bottom: 1px solid var(--cart_o_cardBorder);
  color: var(--cart_o_oddsTitle);
}
.rapidBet_input_type .icon-shangzhang {
  color: var(--up-color);
  font-size: 12px;
}
.rapidBet_input_type .icon-xiadie {
  color: var(--down-color);
  font-size: 12px;
}

.rapidBet_warning {
  font-size: 12px;
  color: var(--function_error);
}
.rapidBet_affirm_title {
  height: 26px;
  line-height: 26px;
  color: var(--cart_o_popup_focus);
  background-color: var(--betToast_bg);
  border: 1px solid var(--betToast_border);
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.rapidBet_btn_main .el-icon-check {
  color: var(--icon_neutral01);
}
/* 中间 */
.affiche_main {
  position: relative;
  width: 805px;
}
.affiche_main > * {
  position: relative;
  z-index: 1;
}
.affiche_main::after {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 5px;
  top: 5px;
  background: var(--affiche-bg);
  border-radius: var(--affiche-radius);
}
.affiche_main > span {
  font-size: 18px;
  background: var(--icon_primaryS_normal);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.affiche_div {
  font-size: 14px;
  color: var(--marquee_txt);
  flex: 0 0 768px;
  width: 768px;
}
.affiche_div p {
  width: 100%;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--marquee_txt);
  height: 36px;
  line-height: 36px;
  overflow: hidden;
}
.filtrate_list {
  width: 802px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  border: 1px solid var(--n1_4_GS_Border);
  height: 30px;
  background: var(--input_signIn02bg);
}
.league_div {
  cursor: pointer;
  border-right: 0;
  height: 28px;
  color: var(--filtrate-main-text);
}
.odds_div .el-input__inner {
  border-radius: 0;
}
.refresh_div {
  cursor: pointer;
  border-left: 0;
  height: 28px;
}

/* 筛选弹窗内 */
.league_filtrate_li {
  border: 1px solid var(--n1_4_GS_Border);
}
.checkbox_label_div {
  width: 170px;
}
.league_span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #e2e3e5;
  color: #2c2b33;
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
/* im搜索区域 */
.search_type {
  background-color: var(--event_titleBg);
  height: 36px;
}
.result_name {
  background: var(--n1_1_5_1sport_leagueTitleBg);
  border: none;
  height: 32px;
  font-size: 12px;
}
.searchResult_li {
  background: var(--n1_1_5_1sport_resultBg);
  border-bottom: 1px solid var(--n1_1_5_1sport_resultlLine);
  min-height: 32px;
  font-size: 12px;
  cursor: pointer;
}
.searchResult_li .time {
  border-right: 1px solid var(--n1_1_5_1sport_resultlLine);
  width: 90px;
  flex: 0 0 90px;
}
.search_result {
  color: var(--n1_1_5_1sport_resultTxt);
}
.search_type .el-radio-button__inner {
  color: var(--side_tabText_off);
}
.search_result_main .searchResult_li:hover,
.search_result_main .searchResult_li.active {
  background: var(--n1_1_5_1sport_resultBg_hover);
}
/* im搜索区域 按钮单选 */

.search_type .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: var(--side_tabBg_on);
  border-color: none;
  color: var(--side_tabTxt_on);
  box-shadow: none;
}
.search_type .el-radio-button:not(.is-active) .el-radio-button__inner:hover {
  /* color: var(--checkbox-bg-active); */
}
.search_type .el-radio-button:last-child .el-radio-button__inner {
  border-radius: 4px;
}
.search_type .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 4px;
  border-left: none;
}
.search_type .el-radio-button__inner {
  border: none;
  border-radius: 4px;
  background-color: transparent;
}
.search_type .el-radio-button--mini .el-radio-button__inner {
  border-radius: 4px;
}
.hide_block {
  display: none;
}
/* 中间赛事展示 */
.competition_title {
  overflow: hidden;
  width: 802px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  border: 1px solid var(--n1_4_GS_Border);
}
.competition_title > p {
  position: relative;
  z-index: 10;
}

.competition_title p span.iconfont {
  font-size: 14px;
  color: var(--competition-box-icon);
}
/*滾球中圖示*/
.grounder_span {
  height: 20px;
  line-height: 20px;
  color: var(--notice_txt);
  padding: 0 6px;
  background: var(--notice_bg);
  border-radius: 2px;
}

.competition_header {
  color: var(--n1_4_GS_analyzeTbTitleTxt);
  width: 802px;
  height: 39px;
  border: 1px solid var(--n1_4_GS_Border);
  background: var(--n1_4_GS_analyzeTbTitleBg);
}

.competition_header_th {
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.competition_header_th .iconfont {
  color: var(--competition-box-icon);
}
.competition_header_th p {
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.competition_header_th p + p {
  border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_header_th + .competition_header_th {
  border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_header_th .th_tow_hang {
  border-top: 1px solid var(--n1_4_GS_Border);
}
.competition_mian .el-collapse-item__wrap > .el-collapse-item__content .el-collapse-item__header {
  border-color: var(--n1_4_GS_Border);
}
.th_tow_hang {
  width: 100%;
  background: var(--n1_4_GS_analyzeTbBg_01);
  color: var(--n1_4_GS_analyzeTbTitleTxt);
}

.th_tow_hang span {
  width: 33.333%;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.th_tow_hang span + span {
  border-left: 1px solid var(--n1_4_GS_Border);
}

.competition_body,
.competition_main,
.competition_container {
  width: 100%;
}
.competition_container > div {
  border-left: 1px solid var(--n1_4_GS_Border);
  border-right: 1px solid var(--n1_4_GS_Border);
}
.league_title {
  height: 26px;
  line-height: 26px;
}
.league_title .league_img {
  width: 20px;
  height: 20px;
  line-height: initial;
}
.league_title span {
  font-size: 12px;
}

/* 投注共用 */
.competition_main_content .el-collapse-item__header {
  position: relative;
  background-color: #ededed;
  height: 30px !important;
  line-height: 30px !important;
}
.grounder_collapse .el-collapse-item__content {
  padding-bottom: 0;
}
.grounder_collapse .el-collapse-item__wrap {
  border-bottom: 0 solid #ebeef5;
}
.competition_main_content .el-collapse-item__wrap {
  border-bottom: 1px solid #ebeef5;
}
.competition_main_content .el-collapse-item {
  border-left: 1px solid #e2e3e5;
  border-right: 1px solid #e2e3e5;
}
.competition_main_content .competition_container {
  border-right: 0;
  border-left: 0;
}

/* 1x2 & 双重机会 & 半场/全场 */
.btn_3items,
.btn_4items,
.btn_2items {
  width: 174px;
}
.btn_3items .bet_btn,
.btn_2items .bet_btn {
  padding: 23px 2px;
}
.btn_3items .notBet_div p,
.btn_4items .notBet_div p,
.btn_2items .notBet_div p {
  min-height: 62px;
  line-height: 62px;
}
.btn_3items .bet_btn.el-button,
.btn_3items .betOption_div,
.btn_3items .notBet_div p {
  width: 57px !important;
}
.btn_3items .notBet_div,
.btn_4items .notBet_div,
.btn_2items .notBet_div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* 总进球 */
.btn_4items .bet_btn {
  padding: 23px 0;
}
.btn_4items .bet_btn.el-button,
.btn_4items .betOption_div,
.btn_4items .notBet_div p {
  width: 42px !important;
}

/* 单/双 */
.btn_2items .bet_btn.el-button,
.btn_2items .betOption_div,
.btn_2items .notBet_div p {
  width: 86px !important;
}
.header_2items .th_tow_hang span {
  width: 50%;
}

/* 半场/全场 */
.one-row .th_tow_hang span {
  height: 36px;
  line-height: 36px;
}

/* 冠军 */
.champion_main .el-collapse-item__content {
  padding-bottom: 0;
}
.champion_main .el-collapse-item__wrap {
  border-bottom-color: transparent;
}
.champion_main .el-collapse-item__header {
  position: relative;
  height: 30px;
  line-height: 30px;
  border: 1px solid var(--n1_4_GS_Border);
}
.champion_main .el-collapse-item__header .el-collapse-item__arrow {
  position: absolute;
  left: 15px;
}

.champion_main_list .el-collapse-item__header .el-collapse-item__arrow {
  position: initial;
  left: initial;
}
.champion_main_list .el-collapse-item__header {
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  padding-left: 10px;
}

.champion_header {
  width: 100%;
  background: var(--n1_leagueTitleBg);
  height: 30px;
  color: var(--n1_5_1_eventTxt) !important;
  border-top: 1px solid var(--n1_4_GS_Border);
}
.champion_league .league_img {
  width: 20px;
  height: 20px;
  line-height: initial;
}
.champion_league p {
  font-size: 12px;
  color: var(--n1_5_1_eventTxt) !important;
}
.champion_time {
  font-size: 12px;
  color: var(--n1_5_1_eventTxt) !important;
}
.champion_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid var(--n1_4_GS_Border);
  border-top: 0;
  border-bottom: 0;
}

.champion_list .betOption_div {
  width: 160px;
}
.champion_list .bet_btn.el-button {
  width: 160px;
}
.champion_list .champion_li {
  border-bottom: 1px solid var(--n1_4_GS_Border);
  line-height: normal;
}
.champion_list .champion_li:nth-child(even) {
  border-left: 1px solid var(--n1_4_GS_Border);
}
/* 比赛队伍信息 */
.competition_li {
  border-bottom: 1px solid var(--n1_4_GS_Border);
  position: relative;
}
.competition_list:first-child .competition_li {
  border-top: none;
}
.not_cimg {
  position: absolute;
  right: 5px;
  bottom: 0px;
  width: 30px;
  z-index: 20;
}

.competition_msgs {
  width: 282px;
}
.competition_brief {
  width: 60px;
  text-align: center;
  line-height: initial;
}

.competition_collect {
  color: var(--favorite-color);
  font-size: 20px;
  width: 40px;
  cursor: pointer;
}

.competition_score {
  color: var(--event_teamScore);
  font-size: 16px;
}
.competition_stage {
  color: var(--rbtime-color);
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.competition_time {
  color: var(--rbtime-color);
  font-size: 14px;
}
.competition_troop {
  width: 190px;
  line-height: initial;
  border-left: 1px solid var(--n1_4_GS_Border);
  min-height: 96px;
}
.competition_troop div {
  width: 100%;
  line-height: 32px;
}
.competition_troop div span {
  width: 170px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.competition_troop div .el-image {
  width: 16px;
  height: 16px;
  line-height: initial;
  font-size: 0;
}

.competition_extend {
  width: 30px;
  line-height: initial;
  min-height: 96px;
}
.competition_extend p {
  width: 100%;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  flex: 32px 0 0;
  cursor: pointer;
  text-align: center;
}
.competition_extend p:hover {
  opacity: 0.9;
}
.competition_extend p span {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  color: var(--extend-color);
}
.competition_extend p span.active {
  color: var(--icon_primaryS_normal);
  cursor: pointer;
}

/* 胜负 */
.convention_span {
  font-size: 14px;
  color: var(--event_handicapTxtOdds_off);
}

.up_span {
  color: var(--event_handicapTxtOddsUp);
}
.up_span .icon-shangzhang {
  -webkit-animation: bounceInUp 1s 0s both infinite;
  -moz-animation: bounceInUp 1s 0s both infinite;
}
.down_span {
  color: var(--event_handicapTxtOddsDown);
}
.down_span .icon-xiadie {
  -webkit-animation: bounceInDown 1s 0s both infinite;
  -moz-animation: bounceInDown 1s 0s both infinite;
}
/* 让球 */
.default_span {
  color: var(--event_handicapTxtK_off);
  font-size: 12px;
}

.betOption_div {
  width: 86px;
  margin-left: 1px;
}
.notBet_div {
  width: 100%;
}
.notBet_div p {
  width: 100%;
  min-height: 32px;
  font-size: 17px;
  text-align: center;
  line-height: 32px;
  color: var(--function_systemNoticeTxt);
}
/* infinite */
.bet_btn .icon-shangzhang {
  -webkit-animation: bounceInUp 1s 0s both infinite;
  -moz-animation: bounceInUp 1s 0s both infinite;
}
@-webkit-keyframes bounceInUp {
  0% {
    position: relative;
    bottom: -1px;
  }
  100% {
    position: relative;
    bottom: 1px;
  }
}
@-moz-keyframes bounceInUp {
  0% {
    position: relative;
    bottom: -1px;
  }
  100% {
    position: relative;
    bottom: 1px;
  }
}

.bet_btn .icon-xiadie {
  -webkit-animation: bounceInDown 1s 0s both infinite;
  -moz-animation: bounceInDown 1s 0s both infinite;
}
@-webkit-keyframes bounceInDown {
  0% {
    position: relative;
    bottom: 1px;
  }
  100% {
    position: relative;
    bottom: -1px;
  }
}
@-moz-keyframes bounceInDown {
  0% {
    position: relative;
    bottom: 1px;
  }
  100% {
    position: relative;
    bottom: -1px;
  }
}
/* 实心下注按钮 */
.bet_btn.el-button {
  background: var(--event_handicapBg_off);
  border-color: var(--event_handicapBorder_off);
  font-size: 14px;
  color: var(--event_handicapTxtK_off);
  width: 86px;
  min-height: 30px;
  background-repeat: no-repeat;
}

.bet_btn.el-button:hover,
.bet_btn.el-button.active,
.betOption_li .bet_btn.el-button:hover,
.betOption_li .bet_btn.el-button.active {
  background: var(--event_handicapBg_on);
  border-color: var(--event_handicapBorder_on);
  color: var(--event_handicapTxt);
  background-repeat: no-repeat;
}
.bet_btn.el-button.is-disabled,
.bet_btn.el-button.is-disabled:focus,
.bet_btn.el-button.is-disabled:hover {
  cursor: not-allowed;
  background-color: var(--btn01_primaryBg_normal);
  border-color: var(--bet-button-border);
  color: var(--btn01_primaryTxt);
  opacity: 1;
}
.bet_btn .icon-shangzhang {
  font-size: 12px;
  color: var(--function_error);
}
.bet_btn .icon-xiadie {
  font-size: 12px;
  color: var(--function_succes);
}
.bet_btn.el-button + .bet_btn.el-button {
  margin-left: 0;
}
.betOption_div .bet_btn {
  margin: 1px 0;
  padding: 7px 2px;
}
/*詳情下注按鈕*/
.betOption_li .bet_btn.el-button {
  width: 100%;
  background: var(--event_handicapBg_off);
  border: 1px solid transparent;
  /* border-radius: var(--detail-bet-button-radius); */
}
.selection_list .notBet_div p {
  color: var(--bet-button-text);
}
/*投注hover時*/
.bet_btn.el-button:hover .default_span,
.bet_btn.el-button.active .default_span,
.betOption_li .bet_btn.el-button:hover .default_span,
.betOption_li .bet_btn.el-button.active .default_span {
  color: var(--event_handicapTxt);
  background: var(--event_handicapBg_on);
  border-color: var(--event_handicapBorder_on);
}
.bet_btn.el-button:hover .convention_span,
.bet_btn.el-button.active .convention_span,
.betOption_li .bet_btn.el-button:hover .convention_span,
.betOption_li .bet_btn.el-button.active .convention_span {
  color: var(--event_handicapTxt);
}
.bet_btn.el-button:hover .convention_span.up_span,
.bet_btn.el-button.active .convention_span.up_span,
.betOption_li .bet_btn.el-button:hover .convention_span.up_span,
.betOption_li .bet_btn.el-button.active .convention_span.up_span,
.bet_btn.el-button:hover .icon-shangzhang,
.bet_btn.el-button.active .icon-shangzhang,
.betOption_li .bet_btn.el-button:hover .icon-shangzhang,
.betOption_li .bet_btn.el-button.active .icon-shangzhang {
  color: var(--function_error);
}
.bet_btn.el-button:hover .convention_span.down_span,
.bet_btn.el-button.active .convention_span.down_span,
.betOption_li .bet_btn.el-button:hover .convention_span.down_span,
.betOption_li .bet_btn.el-button.active .convention_span.down_span,
.bet_btn.el-button:hover .icon-xiadie,
.bet_btn.el-button.active .icon-xiadie,
.betOption_li .bet_btn.el-button:hover .icon-xiadie,
.betOption_li .bet_btn.el-button.active .icon-xiadie {
  color: var(--function_succes);
}

.competition_all {
  width: 260px;
  min-height: 108px;
}
.competition_half {
  width: 260px;
  min-height: 108px;
}

/* 右侧 */
.title_h5 {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  min-height: 26px;
}

.sports_team {
  min-height: 36px;
  color: var(--live_plazaSchedule_teamTxt);
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.sports_team .el-image {
  width: 20px;
  height: 20px;
  line-height: initial;
  font-size: 0;
  background: var(--floor_0);
}
.team_score {
  font-size: 20px;
  color: var(--nav_txtTeam);
}
.team_score > span {
  color: var(--live_plazaSchedule_scoreAttackerTxt);
}
.sports_video {
  width: 340px;
  height: 190px;
  background-color: #f8f3ea;
}
.sports_video iframe {
  width: 100%;
  height: 100%;
}

.video_url {
  background: var(--floor_0);
  border: 1px solid var(--n1_tabLabelBorder);
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}
.video_url:after {
  content: '';
  display: block;
  position: absolute;
  background: var(--n1_tabLabelBg);
  height: 26px;
  width: 90px;
  transform: skewX(-45deg);
  left: -15px;
  top: 1px;
}
.video_url span {
  position: relative;
  z-index: 1;
  color: var(--n1_tabLabelTxt);
  padding-right: 15px;
}

.video_url p {
  color: var(--tab_common01_off);
  cursor: pointer;
}

.video_url p.active {
  color: var(--tab_common01_on);
}
.video_type_list .sports_type {
  width: 110px;
  height: 31px;
  line-height: 31px;
}

.live_streaming_list {
  border: 1px solid var(--n1_competitionLiveTeamBorder);
  border-top: 0;
  background: var(--n1_competitionLiveTeamBG);
  color: var(--n1_competitionLiveTeamTxt);
}

.live_streaming_li {
  line-height: 30px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.live_streaming_li:hover,
.active.live_streaming_li {
  color: var(--n1_competitionLiveTeamTxt_reverse);
}
.live_streaming_li:hover:after,
.active.live_streaming_li:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  bottom: -5px;
  background: var(--n1_competitionLiveTeamBG_reverse);
  z-index: -1;
}

.iframe_div {
  width: 100%;
  height: 299px;
}
.iframe_div iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.live_streaming_type > .title_h5 {
  border: 1px solid var(--function_error);
  background: var(--function_error);
  color: var(--live_hostList_fixTxt);
}
.sports_video_message > .title_h5 {
  border: none;
  background: var(--event_titleBg);
  color: var(--event_titleTxt01);
}
.sports_video_message > .title_h5 > span:last-child {
  color: var(--event_subtitleText01);
}
/* 比赛详情 */
/* 左侧滚球 */
.grounder_league {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: var(--side_menuTitleTxt);
  background: var(--event_titleBg);
  /* border-top: 1px solid var(--grounder-title-border); */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grounder_league_li {
  color: var(--live_plazaSchedule_leagueTxt);
  cursor: pointer;
}

.grounder_league_li:hover {
  opacity: 0.8;
}
.grounder_league_li p {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.grounder_league_li .iconfont {
  font-size: 14px;
}

.grounder_league_li .iconfont.active {
  color: var(--icon_primaryS_normal);
}
.grounder_league {
}

.grounder_league_stage {
  width: 50px;
}
/* 中间详情 */
/* 头部 */
.competition_detail_top {
  position: relative;
  width: 100%;
}
.competition_detail_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.competition_detail_div {
  width: 100%;
  position: relative;
  z-index: 10;
}
.competition_detail_p {
  height: 26px;
  line-height: 26px;
  color: var(--nav_scordboardTitle);
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.competition_detail_p .iconfont {
  font-size: 14px;
  color: var(--icon_fixWhite);
}

.competition_detail_p .icon-live {
  font-size: 18px;
  color: var(--notice_bg);
  position: relative;
}
.competition_detail_p .icon-live::before {
  position: relative;
  z-index: 1;
}
.competition_detail_p .icon-live::after {
  content: '';
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 7px;
  top: 7px;
  background: var(--notice_txt);
  z-index: 0;
}

.competition_detail_score {
  color: var(--live_halfscreen_screenScoreboardTeam);
  font-size: 13px;
}
.competition_detail_score p .el-image {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
  line-height: initial;
  font-size: 0;
}
.el-image img {
  width: 100%;
  height: 100%;
}

.competition_detail_stage {
  position: relative;
  color: var(--live_halfscreen_screenScoreboardState);
  line-height: 20px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.card_p span {
  padding: 0 4px;
  height: 16px;
  line-height: 16px;
  color: var(--event_teamCardTxt);
  border-radius: 3px;
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.red_card {
  background: var(--event_teamRedCardBg);
}
.yellow_card {
  background: var(--event_teamYellowCardBg);
}
.red_card,
.yellow_card {
  color: var(--event_teamCardTxt);
}
/* 盘口区域 */
.betOption_main_title {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.betOption_li {
  padding: 1px;
}
.betOption_li .notBet_div p {
  padding: 1px;
}

.team_name {
  text-align: center;
  font-size: 12px;
  color: var(--team-name-text);
  background: var(--team-name-bg);
}

/* 活动首页 */
.activity_title {
  width: 100%;
  height: 52px;
  position: relative;
  z-index: 0;
}
.activity_title img {
  width: 196px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 7px;
  z-index: 10;
}
.activity_title p {
  position: relative;
  z-index: 20;
  font-size: 23px;
  color: var(--n3_1_1functionTab_title);
  font-weight: bold;
}
.activity_type_list {
  position: relative;
  z-index: 1;
}
.activity_type_li {
  height: 60px;
  cursor: pointer;
  position: relative;
}
.activity_type_li .iconfont-text {
  position: relative;
}
.activity_type_li i.iconfont {
  font-size: 22px;
}
.activity_type_li span {
  font-size: 16px;
  color: var(--n3_1_1functionTab_txt_default);
}
.activity_type_li:hover,
.activity_type_li.active {
  background: var(--n3_1_1functionTab_hoverBg_on);
}
.activity_type_li:hover i.iconfont,
.activity_type_li.active i.iconfont {
  color: var(--n3_1_1functionTab_txt_active);
}
.activity_type_li:hover span,
.activity_type_li.active span {
  color: var(--n3_1_1functionTab_txt_active);
  font-weight: bold;
}

.activity_type_li img {
  position: absolute;
  top: -5px;
  right: -15px;
}
/* 字体渐变 */
.icon-h0 {
  color: #7aa8fe;
  background-image: var(--n3_1_1functionTab_functionIcon_h1);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.icon-h1 {
  color: #90cc4c;
  background-image: var(--n3_1_1functionTab_functionIcon_h2);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.icon-h2 {
  color: #3cb8eb;
  background-image: var(--n3_1_1functionTab_functionIcon_h3);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.icon-h3 {
  color: #e89514;
  background-image: var(--n3_1_1functionTab_functionIcon_h4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.icon-h4 {
  color: #e73a39;
  background-image: var(--n3_1_1functionTab_functionIcon_h5);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.icon-h5 {
  color: #953891;
  background-image: var(--n3_1_1functionTab_functionIcon_h6);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.icon-h6 {
  color: #953891;
  background-image: var(--n3_1_1functionTab_functionIcon_h7);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.activity_list {
  padding-bottom: 15px;
}
.activity_li {
  width: 100%;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.activity_li:hover {
  transform: scale(1.01);
  box-shadow: var(--floor_0_shadow);
}

.activity_li .activity_img {
  width: 100%;
  position: relative;
}
.activity_img {
  min-height: 100px;
}
.activity_img img {
  width: 100%;
}
.activity_name {
  font-size: 23px;
  color: var(--n3_1_2pomotionList_eventDateTxt);
  position: relative;
}
.activity_time {
  color: var(--n3_1_2pomotionList_eventDateTxt);
}
.look_div {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -21px;
  width: 138px;
  font-size: 0;
}
.look_div:hover {
  opacity: 0.9;
}
.look_div img {
  width: 100%;
}
.look_div p {
  position: absolute;
  top: 8px;
  width: 100%;
  text-align: center;
  color: var(--active-list-button-text);
  font-size: 20px;
  z-index: 1;
}
.look_div_prize {
  cursor: pointer;
  position: absolute;
  right: 150px;
  top: 50%;
  margin-top: -21px;
  width: 138px;
  font-size: 0;
}
.look_div_prize p {
  position: absolute;
  top: 8px;
  width: 100%;
  text-align: center;
  color: var(--active-list-button-text);
  font-size: 20px;
  z-index: 1;
}
.look_div_prize img {
  width: 100%;
}
.look_div_prize:hover {
  opacity: 0.9;
}

.activityList_type6-title {
  display: flex;
  align-items: center;
  font-size: 19px;
  color: var(--nav_txtTitle_02);
}
/* .activityList_type6-title::before {	width: 3px;	height: 20px;	background-color: var(--page-icon);	margin-right: 10px;	display: block;	content: ""; } */
.activityList_type6-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  border-radius: 12px;
  padding: 8px;
  outline: 10px solid var(--n6_6rewardRecord_listItiem01_dateBlockOutsideBg);
  color: var(--n6_6rewardRecord_listItiem01_titleTxt);
}
/* .activityList_type6-item { display: flex;	align-items: center; justify-content: space-between; height: 68px; border-radius: 12px;	padding: 8px;	outline: 10px solid #F5F5F5; } */

.activity_time {
  font-size: 14px;
}
.activity_heat {
  position: absolute;
  top: 0;
  right: -7px;
  width: 73px;
}
.activity_heat img {
  width: 73px;
  height: 73px;
}
.activity_heat img + img {
  margin-top: -28px;
}

/* VIP特权 */
.grade_img {
  width: 90px;
  font-size: 0;
}
.grade_img img {
  width: 100%;
}
.grade_brief {
  color: var(--n6_2_1vip_infoTxt);
  font-size: 14px;
}
.grade_brief .grade_p {
  color: var(--nav_txtTitle);
  font-size: 20px;
}
.grade_brief > p > span {
  color: var(--n6_2_1vip_infoMoney);
}

/* 等级 */
.progress_span {
  color: var(--n6_2_1vip_nextLeveTxt);
  font-size: 12px;
  position: relative;
}
.progress_span > p {
  width: 10%;
  text-align: left;
}
.progress_span > p span {
  margin-left: -11px;
  cursor: pointer;
}
.progress_span > p:nth-child(11) {
  position: absolute;
  top: 0px;
  right: -11px;
  width: auto;
  margin-left: initial;
}

.progress_location {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: -22px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  transition: left 0.3s;
  -moz-transition: left 0.3s;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  background: var(--floor_0);
}

.location_div {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: var(--n6_2_1vip_levelBubble);
  color: var(--n6_2_1vip_loadingLabelTxt_on);
  position: relative;
}

.location_div p {
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
.location_div i {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -11px;
  left: 11px;
  border-top: 8px solid var(--n6_2_1vip_levelBubble);
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  font-size: 0;
}

.progress_bg {
  height: 10px;
  background: var(--n6_2_1vip_levelProcessBg);
  border-radius: 20px;
  overflow: hidden;
}
.progress_p {
  width: 100%;
  height: 100%;
}
.progress_p span {
  width: 10%;
  height: 100%;
  border-left: 1px solid var(--n6_2_1vip_levelProcessBg);
  font-size: 0;
}
.progress_p span:nth-child(1) {
  border-left: 1px solid transparent;
}
.d1 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d2 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d3 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d4 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d5 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d6 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d7 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d8 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d9 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.d10 {
  background-color: var(--n6_2_1vip_levelProcessBg_active);
}
.vipGrade0 > span {
  background-color: transparent;
}
.vipGrade1 > span:nth-last-child(-n + 9) {
  background-color: transparent;
}
.vipGrade1 > span:nth-child(1) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade2 > span:nth-last-child(-n + 8) {
  background-color: transparent;
}
.vipGrade2 > span:nth-child(2) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade3 > span:nth-last-child(-n + 7) {
  background-color: transparent;
}
.vipGrade3 > span:nth-child(3) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade4 > span:nth-last-child(-n + 6) {
  background-color: transparent;
}
.vipGrade4 > span:nth-child(4) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade5 > span:nth-last-child(-n + 5) {
  background-color: transparent;
}
.vipGrade5 > span:nth-child(5) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade6 > span:nth-last-child(-n + 4) {
  background-color: transparent;
}
.vipGrade6 > span:nth-child(6) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade7 > span:nth-last-child(-n + 3) {
  background-color: transparent;
}
.vipGrade7 > span:nth-child(7) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade8 > span:nth-last-child(-n + 2) {
  background-color: transparent;
}
.vipGrade8 > span:nth-child(8) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.vipGrade9 > span:nth-last-child(-n + 1) {
  background-color: transparent;
}
.vipGrade9 > span:nth-child(9) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.next_grade_main {
  background: var(--vip-info-bg);
  border-radius: 6px;
  overflow: hidden;
}
.next_grade {
  width: 646px;
}

.gap_title {
  font-size: 14px;
  color: var(--n6_2_1vip_infoVipLevelTxt);
}
/* .gap_title > span { color: var(--up-lv-text);} */

.grade_gap > span {
  width: 36px;
  color: var(--n6_2_1vip_infoTxt);
  font-size: 13px;
}
.grade_gap .schedule_p {
  width: 330px;
  height: 8px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--n6_2_1vip_levelProcessBg);
}
.schedule_p span {
  height: 100%;
  border-radius: 6px;
  background: var(--n6_2_1vip_levelProcessBg_active);
  transition: width 1s;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  -o-transition: width 1s;
}
.grade_gap .money_gap {
  width: 280px;
  text-align: left;
  font-size: 13px;
  position: relative;
  top: -2px;
  color: var(--n6_2_1vip_infoTxt);
}
.money_gap span {
  color: var(--n6_2_1vip_infoMoney);
  font-size: 16px;
}
.gift_box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  font-size: 0;
}
.gift_box > img {
  width: 100%;
}
.gift_div {
  position: absolute;
  left: 60px;
  top: 0;
  height: 100%;
}
.gift_brief {
  width: 260px;
}
.gift_brief h2 {
  color: var(--n6_2_3_4vip_hugeGiftTxt);
  font-size: 50px;
}
.gift_brief .gift_miaosu {
  font-size: 20px;
  color: var(--n6_2_3_4vip_normalGiftTxt);
  line-height: 30px;
  word-wrap: break-word;
  word-break: normal;
  overflow: auto;
}
.enjoy_li {
}
.enjoy_li img {
  width: 68px;
}
.enjoy_num {
  font-size: 24px;
  color: var(--n6_2_1vip_offerBonus);
}
.enjoy_title {
  font-size: 13px;
  color: var(--n6_2_1vip_offerTxt);
}

/* VIP特权详情 */
.grade_banner_card {
  width: 448px;
  height: 204px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  color: var(--n6_2_1vip_cardTxt);
  background: var(--card-bg-url);
}
.grade_banner_div .el-carousel__item--card {
  box-shadow: var(--vip-card-shadow);
}
.grade_banner_card.activ {
  color: var(--n6_2_1vip_cardTxt);
  background: var(--card-bg-url);
}
.grade_title,
.privilege_brief_div {
  position: relative;
  z-index: 20;
}
.grade_title p {
  font-size: 34px;
}
.grade_title img {
  width: 108px;
}
.privilege_brief_div span {
  font-size: 16px;
}
.privilege_brief_div p {
  font-size: 13px;
}
.yuan1 {
  width: 270px;
  height: 184px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: -85px;
  left: -84px;
  z-index: 10;
}
.yuan2 {
  width: 198px;
  height: 246px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -198px;
  left: 125px;
  z-index: 10;
}

.welfare_li {
  flex: 0 0 138px;
  height: 82px;
}

.welfare_li img {
  width: 34px;
}
.welfare_title {
  font-size: 13px;
}

/* 领取晋级好礼 */
.upgradegift_list {
  display: inline-block;
}
.upgradegift_li {
  display: inline-block;
}
.upgradegift_div {
  width: 204px;
  height: 190px;
  background: var(--n6_2_3_4vip_giftBg);
  border: 1px solid var(--n6_2_3_4vip_giftBorder);
  border-radius: 5px;
} /* 175 */
.upgradegift_div img {
  height: 112px;
}
.upgradegift_div p {
  color: var(--gift-text);
  font-size: 13px;
}

/* 運營活动 - 共用區 */
.border_box {
  /* border-style: inset; */
  /* border-image: var(--border-img) var(--border-img-position);
	border: var(--outside-box-border); */
  border-radius: 10px;
  background: var(--floor_0);
  box-shadow: var(--floor_0_shadow);
  position: relative;
}
/* .border_box::after,.border_box::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: var(--outside-box-radius);
}
.border_box::after{
	z-index: 1;
	border: 1px solid transparent;
	border-image: var(--active-border-img);
}
.border_box::before{
	z-index: 0;
	border: 1px solid var(--active-border);
}
.border_son_box {
	border-style: inset;
	border-image: var(--border-son-img) var(--border-son-img-position);
	border: var(--inside-box-border);
	border-radius: var(--inside-box-radius);
	background: var(--inside-box-bg);
	box-shadow: var(--inside-box-shadow);
} */
.activity_condition {
  font-size: 16px;
  color: #6f7481;
}
.activity_condition .activity_span {
  font-weight: bold;
  color: #414755;
}
.activity_content {
  white-space: pre-wrap;
  word-break: break-word;
}
.activity_content img {
  max-width: 100%;
  margin: 10px auto;
  display: block;
}
/* 運營活动區 - 纯展示页 */
.activity_invite_scores_text {
  color: var(--n6_4_1_1points_rankingTxt);
}
.activity_invite_scores_scope {
  color: var(--n6_4_1_1points_rankingScoreTxt);
}
/* 運營活动區 - 活动详情 */
.invite_location {
  position: fixed;
  top: 96px;
  right: 54px;
  width: 426px;
  z-index: 510;
}
.invite_location img {
  width: 100%;
}
.down_div {
  position: absolute;
  top: 232px;
  left: 91px;
  width: 244px;
  color: #5d5c61;
}
.er_img {
  width: 212px;
  height: 212px;
  background-color: #fff;
  padding: 10px;
}
.er_img img {
  width: 100%;
  height: 100%;
}
.down_er {
  width: 184px;
  text-align: center;
  height: 54px;
  line-height: 50px;
  cursor: pointer;
  border-radius: 6px;
  /* border: 4px solid var(--active-download-border); */
  background: var(--btnFix_primaryBg01_normal);
  color: var(--btnFix_primaryTxt);
  font-size: 18px;
}
.copy_div {
  width: 244px;
  height: 60px;
  line-height: 52px;
  border: 4px solid var(--n6_4inviteFriends_bannerInputBorder);
  background: var(--n6_4inviteFriends_bannerInputBg);
  color: var(--n6_4inviteFriends_bannerInputTxt);
  border-radius: 6px;
}
.copy_div span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.copy_div p {
  background: var(--btnFix_primaryBg01_normal);
  color: var(--btnFix_primaryTxt);
  font-size: 18px;
  height: 100%;
  flex: 0 0 72px;
  text-align: center;
  cursor: pointer;
}
.down_er:hover,
.copy_div p:hover {
  opacity: 0.8;
}

/* 運營活动區 - 新手任務 */
.questLayout .deadLineBox {
  color: var(--n3_1_5pomotionBeginnerGuide_contentTxt);
}
.questLayout .pageActive_underLine {
  color: var(--n3_1_5pomotionBeginnerGuide_numberTxt) !important;
  border: none !important;
}
.quest_text_box,
.checkDate_description {
  color: var(--n3_1_5pomotionBeginnerGuide_card_assistTxt);
}
.currentDeposit,
.lossAmount {
  color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}
.titleCheckBox,
.totalCheckBox,
.btn_under_text {
  color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}
.titleCheckBox_num {
  color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.totalCheckBox_num {
  color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.btn_under_text_num {
  color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
.saveTextColor {
  color: var(--n3_1_5pomotionBeginnerGuide_card_importantTxt);
}
/* 沒點擊簽到大禮包文字 */
.dateCheck {
  color: var(--n3_1_5pomotionBeginnerGuide_card_assistTxt);
}
/* 點擊到簽到大禮包文字 */
.dateCheck_clicked {
  color: var(--n3_1_5pomotionBeginnerGuide_card_mainTxt);
}

/* 加入我们  */
/* 横向滚动条 */
.crosswise_scroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.crosswise_list {
  display: flex;
  float: left;
}
/* 投注记录 */
.title_hover_showname {
  position: relative;
}
.title_hover_showname .tit {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title_hover_showname .txt i {
  display: inline-block;
  padding: 5px;
  position: relative;
  z-index: 1;
}
.title_hover_showname .txt {
  display: inline-block;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 350px;
  bottom: 120%;
  display: none;
}
.title_hover_showname .txt:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #fff;
  border: 1px solid;
  border-color: transparent transparent #ccc #ccc;
  transform: rotate(-45deg);
  position: absolute;
  bottom: -4px;
  left: 5px;
}
.title_hover_showname:hover .txt {
  display: block;
}
.big_box {
  border: 1px solid var(--n6_5listCardBorder);
}
.big_box .title {
  min-height: 32px;
  background: var(--n6_5amountBg);
  font-size: 12px;
  color: var(--n6_5amountTxt);
  border-bottom: 1px solid var(--n6_5listCardBorder);
}
/* .big_box .title .title_txt{
	color: var(--sport-record-title-text);
} */
.big_box .content_box {
  background: var(--n6_5listCardBg);
}

.title_right {
  height: 30px;
  color: var(--n6_5listResultTxt02);
  cursor: pointer;
}

.left_box {
  width: 300px;
  margin: 10px 0 10px 15px;
  position: relative;
  padding-top: 26px;
}
.game_team {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  white-space: pre;
}

.lable_box {
  font-size: 12px;
  color: var(--n6_5gameStakeTxt);
  line-height: 20px;
}

.center_box {
  width: 300px;
  height: 100px;
  margin: 10px 0 10px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.restitution_span {
  width: 80px;
  height: 22px;
  line-height: 20px;
  border: 1px solid var(--n6_5gameStakeTxt);
  border-radius: 20px;
  padding: 0 4px;
  text-align: center;
}
.right_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100px;
  margin: 10px 0 10px 15px;
}
/* 赛果 */
.time_box {
  width: 110px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.time_list + .time_list {
  margin-left: 31px;
}
.amidithion_main {
  height: 350px;
}
.amidithion_li .el-collapse {
  border-top: none;
  border-bottom: none;
}
.amidithion_li .league_title span {
  font-size: 13px;
}
.noe_title .el-collapse-item__header {
  height: 34px;
  line-height: 34px;
  background: var(--live_plazaResult_leagueBg);
  color: var(--live_plazaResult_leagueTitle);
  /* border-top: 1px solid var(--amidithion-header-border);
	border-right: 1px solid var(--amidithion-header-border);
	border-bottom: none;
	border-left: 1px solid var(--amidithion-header-border); */
  border: none;
}
.noe_title .el-collapse-item__header .el-collapse-item__arrow {
  color: var(--icon_neutral03);
}
.noe_title .tow_thead {
  width: 100%;
  background: var(--n1_1_5_1sport_leagueTitleBg);
}

.noe_title .el-collapse-item__content {
  padding-bottom: 0;
}
.tow_title .tow_thead {
  border: 1px solid var(--n1_1_5_1sport_resultlLine);
  border-left: none;
}
.tow_title .tow_thead .tow_thead_p {
  border-left: 1px solid var(--n1_1_5_1sport_resultlLine);
  height: 26px;
  text-align: center;
  color: var(--live_plazaResult_teamNameTxt);
}
.tow_heade_thead .tow_thead_p {
  text-align: center;
}
.briefDetailItem .tow_thead_p:last-child {
  color: var(--live_plazaResult_totalScoreTxt);
}
.amidithion_li_tow .tow_title:first-child .el-collapse-item__header {
  border-top: 1px solid transparent;
}
.el-collapse-item__content .amidithion_li_tow .el-collapse {
  border-bottom: none;
  border-top: none;
}
.amidithion_li_tow .el-collapse-item__wrap {
  border-bottom: none;
}

.tow_title .el-collapse-item__header {
  height: 26px;
  line-height: 26px;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  border-left: none;
}
.tow_title .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
.tow_title .tow_thead {
  width: 100%;
  background-color: transparent;
  border-right: none;
}

.tow_title .el-collapse-item__header.is-active .arrows_p .el-icon-caret-right {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tow_title .el-collapse-item__content {
  padding-bottom: 0;
}

.arrows_p .el-icon-caret-right {
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  color: var(--icon_primaryS_normal);
  font-size: 16px;
}

.three_main .tow_thead {
  width: 100%;
  background-color: transparent;
  border-top: 0px solid var(--n1_1_5_1sport_resultlLine);
  border-right: 1px solid var(--n1_1_5_1sport_resultlLine);
}
.three_main .tow_thead:first-child {
  border-top: 1px solid var(--n1_1_5_1sport_resultlLine);
}
.el-collapse-item:last-child {
  margin-bottom: 0;
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  /* cursor: alias; */
}
.el-collapse-item.is-disabled .el-collapse-item__header .arrows_p .el-icon-caret-right {
  opacity: 0;
}
.el-input__inner,
.el-textarea__inner {
  resize: none;
  background: var(--input_signIn02bg);
  border: 1px solid var(--input_signIn02border);
  color: var(--input_messageNormalTxt);
  border-radius: 6px;
}
.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: var(--input_signIn01txtError);
}
.el-form-item__error {
  color: var(--input_signIn01txtError);
}
/* 导航登录 */
.head_login .el-form-item {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.head_login .loginform_input {
  background: var(--header-input-bg);
  border: 1px solid var(--header-input-border);
  border-radius: var(--header-input-radius);
  color: var(--header-input-text);
  box-shadow: none;
}
.head_login .el-input__inner {
  background: transparent;
  border: none;
  color: inherit;
}
/* 登录区 滑动验证码 */
.verify_img {
  position: relative;
}
.y_bg {
  width: 100%;
}
.y_que {
  position: absolute;
  left: 0%;
  top: 60px;
  width: 40px;
}
.y_ding {
  position: absolute;
  left: 0%;
  top: 60px;
  width: 40px;
}
.verify_refresh {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 50px;
  cursor: pointer;
}
.verify_refresh:hover {
  opacity: 0.95;
}

.verify_main {
  position: relative;
}
.verify_reality {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  width: 87.5%;
  opacity: 0;
}
.verify_div {
  position: relative;
}
.sliding_bg {
  width: 100%;
  height: 42px;
  line-height: 40px;
  border: 1px solid #d0b89e;
  background-color: #f8f3ed;
  color: #d0b89e;
  text-align: center;
  position: relative;
}

.begin.sliding_bg {
  border: 1px solid #5a94db;
  background-color: #cfdff2;
  color: #5a94db;
}
.begin.sliding_span {
  border: 1px solid #5a94db;
  background-color: #5a94db;
  color: #fff;
}

.pass.sliding_bg {
  border: 1px solid #54ba57;
  background-color: #c5eec6;
  color: #54ba57;
}
.pass.sliding_span {
  border: 1px solid #54ba57;
  background-color: #54ba57;
  color: #fff;
}

.error.sliding_bg {
  border: 1px solid #f62e2e;
  background-color: #f7d3d3;
  color: #f62e2e;
}
.error.sliding_span {
  border: 1px solid #f62e2e;
  background-color: #f62e2e;
  color: #fff;
}

.sliding_bg span {
  position: relative;
  z-index: 20;
}
.sliding_span {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 40px;
  border: 1px solid #d0b89e;
  background-color: #fff;
  color: #d0b89e;
  font-size: 20px;
}

.sliding_jd {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 100%;
  background-color: #ff6d00;
  z-index: 10;
}

.verify_reality .el-slider__button-wrapper {
  width: 40px;
  height: 40px;
  transform: translateX(0%);
  cursor: pointer;
}
.verify_reality .el-slider__runway {
  height: 0;
}
.verify_reality .el-slider__button {
  cursor: pointer;
}

/*自動填入的顏色*/
.loginform_main input:-webkit-autofill,
.loginform_main input:-webkit-autofill:hover,
.loginform_main input:-webkit-autofill:focus,
.loginform_main input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--input_signIn01txt);
}
.head_login input:-webkit-autofill,
.head_login input:-webkit-autofill:hover,
.head_login input:-webkit-autofill:focus,
.head_login input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--header-input-text);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--input_messageNormalTxt);
}
/*隱藏瀏覽器自動生成的eye*/
input::-ms-reveal,
input::-ms-clear {
  display: none;
}
.flex_tag {
  position: absolute;
  font-size: 12px;
  right: 0.5em;
  top: 0.5em;
}
.flex_triangle {
  position: absolute;
  right: 0;
  top: 0;
  height: 25px;
  line-height: 25px;
  min-width: 90px;
  text-align: center;
  font-size: 12px;
  background-color: transparent;
  overflow: hidden;
  padding-left: 1.7em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_triangle:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform-origin: bottom;
  transform: skewX(-45deg);
}
.flex_triangle span,
.flex_triangle i {
  position: relative;
  z-index: 1;
}

.up_triangle.flex_triangle:after {
  background-color: var(--n6_5listResultWin);
}
.down_triangle.flex_triangle:after {
  background-color: var(--n6_5listResultLose);
}
.sum_triangle.flex_triangle:after {
  background-color: var(--n6_5listResultTie);
}
.cancel_triangle.flex_triangle:after {
  background-color: var(--n6_5listResultCancel);
}

.game_list .el-carousel__arrow--left,
.game_list .el-carousel__arrow--right,
.card_arrow {
  background: var(--icon_primaryS_normal);
  color: var(--icon_select);
  box-shadow: var(--tab_home01Shadow_on);
  overflow: hidden;
  cursor: pointer;
}
.game_list .el-carousel__arrow--left:before,
.game_list .el-carousel__arrow--right:before,
.card_arrow::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: var(--liveAnchor_tagMask);
  transform: rotate(-32deg) translateY(-50%);
}
.game_list .el-carousel__arrow i,
.card_arrow i {
  transform: scale(1, 0.7);
  font-size: 30px;
}

.content-inner li {
  list-style: decimal;
  margin-bottom: 15px;
  color: var(--popup_popup_annTitle);
  padding-right: 10px;
}

.content-inner li::before {
  content: '●';
  padding-right: 7px;
  font-size: 16px;
}
.content-inner li p {
  color: var(--popup_popup_annTxt);
  padding: 5px 0 0 20px;
}
.el-select-dropdown__empty {
  color: var(--input_messageNormalTxt);
}

/* outline心主题背景按钮 */
.theme_btn_outline.el-button {
  border-radius: 6px;
  background-color: transparent;
  border-color: var(--btn01_secondaryBorder);
  color: var(--btn01_secondaryTxt);
  font-family: '\5FAE\8F6F\96C5\9ED1', Helvetica, sans-serif, '微软雅黑';
}
.theme_btn_outline.el-button:active,
.theme_btn_outline.el-button:focus,
.theme_btn_outline.el-button:hover {
  opacity: 0.9;
}
.theme_btn_outline.el-button.is-disabled,
.theme_btn_outline.el-button.is-disabled:focus,
.theme_btn_outline.el-button.is-disabled:hover {
  cursor: not-allowed;
  opacity: 0.5;
}

.el-tabs__item {
  color: var(--tab_common01_off);
}
.el-tabs__item:hover,
.el-tabs__item.is-active {
  color: var(--tab_common01_on);
}
.el-tabs__active-bar {
  background-color: var(--tab_common01_on);
}

.iconfont.icon-info {
  color: var(--icon_primaryS_normal);
}

/*支付相關補充*/
.el-input-group__append .phone_code {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.main_left .el-collapse-item__header {
  background: var(--asideTitle_bg);
  border: 1px solid var(--asideTitle_border);
  color: var(--side_menuTitleTxt);
}
.sports_type {
  position: relative;
  border-radius: none;
  color: var(--tab_mine02Txt_off);
  background: var(--tab_mine02Bg);
  /* box-shadow: var(--sports-type-shadow); */
  overflow: hidden;
}
.sports_type::before,
.sports_type::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: none;
}
.sports_type::before {
  z-index: 0;
  border: 1px solid var(--tab_mine02Border_off);
}
.sports_type::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--sports-type-border-bg); */
}
.sports_type_list .el-tabs__item.is-active .sports_type::before {
  border-color: var(--tab_mine02Border_on);
}
.sports_type_list .el-tabs__item.is-active .sports_type::after {
  /* border-image: var(--sports-type-border-bg-active); */
}
.sports_type_list .el-tabs__item.is-active .sports_type {
  border: none;
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
}
.sports_type_list .sports_type .type_i {
  color: var(--icon_neutral01);
}
.sports_type_list .el-tabs__item.is-active .sports_type .type_i {
  color: var(--icon_primaryS_normal);
}
.sports_type_list .el-tabs__item.is-active .active_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
}
.sports_type_list .el-tabs__item.is-active .active_span i {
  color: var(--icon_select);
}
.sports_type_list .el-tabs__active-bar {
  background: transparent;
}
.sports_type_list.video_type_list .el-tabs__item {
  padding-right: 0;
}
/*子盤口*/
.collect_li:not(.active) + .handicap_div {
  display: none;
}
.handicap_div.handicap_list {
  background: var(--sub-collect-bg);
  border-bottom: 1px solid var(--sub-collect-border);
}
.handicap_div.handicap_list .handicap_li.collect_li {
  color: var(--sub-collect-text);
}
.handicap_list .handicap_li.collect_li.active,
.handicap_list .handicap_li.collect_li:hover {
  border: none;
  background: transparent;
  color: var(--sub-collect-text-active);
}

.grounder_list .iconfont {
  position: relative;
}
.grounder_list .grounder_league_li .iconfont::before {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--icon_neutral01);
}
.grounder_list .grounder_league_li .iconfont::after {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--icon_primaryS_normal);
}
/* .grounder_list .collect_li:hover .iconfont{
	color: var(--game-icon-color-hover);
}
.grounder_list .is-checked .collect_li .iconfont{
	color: var(--game-icon-color-active);
} */

.flex_triangle::after {
  background: var(--n6_5listResultWaiting_bg);
  border-left: 1px solid var(--n6_5listResultWaiting_border);
}
.el-image__error,
.el-image__placeholder {
  background: transparent;
}
.el-image__error {
  color: var(--error-text-color);
}
.mes_bg:not(.wh_bg) {
  opacity: var(--home-bg-img-opacity);
  position: fixed;
}
.el-dialog {
  background: var(--popup_popup_commonBg);
}
.el-dialog__body {
  color: var(--popup_popup_commonTxt);
}
.el-checkbox,
.el-checkbox-button__inner {
  color: inherit;
}
.el-checkbox__inner {
  border-color: var(--icon_fixWhite_50);
  background: transparent;
  border-radius: 2px;
}
.el-checkbox__inner:hover {
  border-color: var(--icon_fixWhite_50);
}
.game_list .el-carousel__indicators {
  display: none;
}
.download_message .p1 {
  color: var(--mainPage_title);
}
.download_message .a1 {
  color: var(--mainPage_title_hint);
}
.home_icon_title {
  color: var(--home-icon-title);
  position: relative;
  z-index: 1;
  margin: var(--yb-title-margin);
  padding: var(--yb-title-padding);
  border-radius: var(--yb-title-radius);
  background: var(--yb-title-bg);
}
.home_icon_text {
  color: var(--home-icon-text);
}
.el-popper__arrow {
  display: none;
}
.el-dropdown__popper.el-popper[role='tooltip'] {
  border: none;
  box-shadow: none;
  background: none;
}
.el-scrollbar__wrap:not(.el-select-dropdown__wrap) {
  overflow: visible;
}
.page_bg {
  background: var(--floor_0);
  border-radius: 4px;
  box-shadow: var(--floor_0_shadow);
  position: relative;
}
.page_bg.prize_claim_frame {
  border: 2px solid;
  border-image: var(--n3_1_2pomotion_list_eventFocus);
  border-image-slice: 1;
}
.page_bg::after,
.page_bg::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: var(--page-radius);
}
.page_bg::after {
  z-index: 1;
  border: 1px solid transparent;
  border-image: var(--page-border-bg);
}
.page_bg::before {
  z-index: 0;
  border: 1px solid var(--page-border);
}
.menu_box .menu_box .personage_div {
  border-bottom: none;
}
.menu_box .personage_li {
  width: 100%;
  padding: 0 25px;
  border-width: var(--menu-box-border-width);
  border-style: var(--menu-box-border-style);
  border-color: var(--menu-box-border-color);
}
.menu_box .personage_li:hover {
  color: var(--menu-box-text-hover);
  background: var(--menu-box-bg-hover);
}
.menu_box .personage_li.menu_act {
  border-width: 0 0 0 4px;
  border-style: solid;
  border-color: var(--icon_primaryS_normal);
  color: var(--n6_1_1_1mine_listTitle);
  background: var(--n6_1_1_1mine_listBg_active);
  font-weight: 600;
}
/* .menu_box .personage_li.menu_act img{
	filter: var(--menu-img-active);
} */
.join_page_bg {
  background: var(--n6_9joinUs_cardBg);
  border-radius: 8px;
  box-shadow: var(--n6_9joinUs_cardShadow);
}

.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled:hover,
.el-pagination.is-background .btn-prev:disabled:hover {
  border: 0;
  color: var(--btn01_secondaryTxt_unclicked) !important;
  background: var(--KB_o_commonBtnBg);
}
.el-radio.is-bordered {
  border: 1px solid var(--n1_4_GS_Border);
  color: var(--input_messageNormalTxt);
}
/*郵件*/
.message_Type .el-table td {
  border: none;
  border-bottom: 1px solid var(--n6_12_1_2news_listLine);
  color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table__body {
  border: none;
}
.el-table__row td {
  background: transparent;
  color: var(--n6_2_2vip_tblOddTxt02);
}
.table_date {
  color: var(--n6_12_1_2news_listTime);
}
.msg_title {
  color: var(--n6_12_1_2news_listTitle);
}
.msg_info {
  color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td {
  color: var(--n6_12_1_2news_listTitle);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td .table_date {
  color: var(--n6_12_1_2news_listTime);
}
.message_Type .el-table--enable-row-hover .el-table__body tr:hover > td .msg_title {
  color: var(--n6_12_1_2news_listTitle);
}
.message_Type .table_div img {
  width: 26px;
  height: 26px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.mail_title {
  color: var(--n6_12_1_2news_listTitle);
  font-size: 18px;
}
.mail_time {
  color: var(--n6_12_1_2news_listTime);
  font-size: 13px;
}
.mail_top {
  border-top: 1px solid var(--n6_12_1_2news_listLine);
}
.mail_introduce {
  border-top: 1px solid var(--n6_12_1_2news_listLine);
  word-break: break-word;
}
.mail_introduce_main {
  color: var(--n6_12_1_5news_cntTxt);
}
.el-pagination__total,
.el-pagination__jump {
  color: var(--pagination-text);
}
.el-carousel__button {
  background: var(--carousel_box01_off);
}
.is-active .el-carousel__button {
  background: var(--carousel_box01_on);
}
.activity_img {
  background: var(--function_systemNoticeBg);
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  background: transparent;
  border-color: var(--btn01_secondaryBorder_disable);
  color: var(--btn01_secondaryTxt_disable);
}

.bet_box-content_item {
  color: var(--n3_1_3pomotionEvent_gameCard_gameTeamTxt);
}
.bet_box-content_item-date {
  color: var(--n3_1_3pomotionEvent_gameCard_gameDateTxt);
}
.bet_box-bottom_button_disabled {
  background: var(--active-button-text-disabled);
  background: var(--active-button-bg-disabled);
  cursor: not-allowed;
}
.applyList_content_bottom_button,
.bet_box-bottom_button {
  cursor: pointer;
}
.nullTxt {
  color: var(--function_systemNoticeTxt);
}
.bankCardCheck {
  color: var(--function_error);
}
.tips {
  color: var(--n5_rechargeNote_content);
}
.el-input.is-disabled .el-input__inner {
  background: var(--n3_1_3pomotionEvent_section_inputBg);
  border-color: var(--n3_1_3pomotionEvent_section_inputBorder);
  color: var(--n3_1_3pomotionEvent_section_inputTxt_dis);
}
.el-textarea.is-disabled .el-textarea__inner {
  background: var(--disabled-input-bg);
  border-color: var(--disabled-input-border);
  color: var(--disabled-input-text);
}
.smallTitle {
  color: var(--function_error);
}
.version {
  color: var(--n5_rechargeNote_content);
}
.el-select-dropdown__item:not(.selected).hover,
.el-select-dropdown__item:not(.selected):hover {
  background: var(--select-dropdown-bg-hover);
  color: var(--popup_dropdown01Txt_on);
}
.error-tips {
  color: var(--function_error);
}
.el-select-dropdown__item {
  color: var(--popup_dropdown01Txt_off);
}
.record_top {
  color: var(--n5_recharge_informationTitle_txt);
}
.record_botm {
  color: var(--n5_recharge_information_txt);
}
.cuccess_icon {
  color: var(--record-state-success);
}
.error_icon {
  color: var(--record-state-error);
}
.table-details th {
  color: var(--n6_3_history_list02TitleTxt);
}
.table-details td {
  color: var(--n6_3_history_list02Details);
}
.copyText {
  font-size: 12px;
  border-radius: 20px;
  border: none;
  padding: 1px 7px;
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
  cursor: pointer;
  white-space: nowrap;
}
.copyText:hover,
.copyText:active {
  filter: brightness(1.1);
}
.copyText:active {
  filter: brightness(0.9);
}
.service_box .content_box {
  border: none;
}

.big_box .content_box + .content_box {
  border-top: 1px solid var(--sport-record-divider);
}
.el-message-box {
  border: none;
  background: var(--popup_popup_commonBg);
}
.el-message-box .el-message-box__title,
.el-dialog .el-dialog__title {
  color: var(--popup_popup_commonTopTitle01);
}
.el-message-box__content {
  color: var(--popup_popup_commonTxt);
}
.el-message-box__headerbtn .el-message-box__close,
.el-dialog__headerbtn .el-dialog__close {
  color: var(--icon_neutral03);
}

.el-message-box__status.el-icon-info,
.el-icon-info,
.record_box .el-icon-more {
  color: var(--systemMessage_processing_info);
}
.el-message-box__status.el-icon-success,
.el-icon-success {
  color: var(--function_succes);
}
.el-message-box__status.el-icon-error,
.el-icon-error {
  color: var(--function_error);
}

.el-icon-info:not(.el-message-box__status),
.el-icon-success:not(.el-message-box__status),
.el-icon-error:not(.el-message-box__status),
.el-icon-info::before,
.el-icon-success::before,
.el-icon-error::before,
.el-icon-info::after,
.el-icon-success::after,
.el-icon-error::after,
.el-message-box__btns .el-button {
  border-radius: 6px;
  background-color: transparent;
  border-color: var(--btn01_secondaryBorder);
  color: var(--btn01_secondaryTxt);
}
.el-message-box__btns .el-button--primary {
  border-radius: 6px;
  background: var(--btn01_primaryBg_normal);
  border: none;
  color: var(--btn01_primaryTxt);
}
.el-message-box__headerbtn:hover .el-message-box__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--icon_neutral03);
}
.amount-wrap .amount {
  color: var(--n5_order_money);
}
.way-list .way-item {
  border: 1px solid var(--n5_cryptoCardBorder_off);
  background: var(--n5_cryptoCard_bg);
  color: var(--n5_1_bankCard_content);
  box-shadow: none;
}
.way-list .way-item:hover {
  border-color: var(--n5_cryptoCardBorder_on);
  background: var(--n5_cryptoCard_bg);
  color: var(--n5_1_bankCard_content);
}
.way-list .way-item .tip-gray {
  color: var(--n5_1_bankCard_content);
}
.way-list .way-item:hover .tip-gray {
  color: var(--n5_1_bankCard_content);
}
.el-collapse {
  border: none;
}
.el-collapse-item__content .el-collapse {
  border-top: 1px solid var(--help-sub-header-border);
}
.el-collapse-item.is-active .el-collapse-item__wrap {
  border: none;
}
.risk_tip {
  position: absolute;
  background: rgba(39, 37, 53, 0.8);
  color: #fff;
  right: 0;
  border-radius: 3px;
  width: 245px;
  top: 2.5em;
  padding: 8px;
  line-height: 170%;
  z-index: 10;
  display: none;
}
.risk_icon {
  display: block;
  cursor: pointer;
  margin-right: 10px;
  color: var(--video-info-color);
  font-size: 15px;
}

.risk_icon:hover + .risk_tip {
  display: block;
}
.video_url {
  height: auto;
}
.setting_div .title_text {
  color: var(--side_menuTitleTxt);
}
.setting_div .setting_text {
  color: var(--side_checkBoxTxt_on);
}
.sports_main .el-tabs__item {
  color: var(--sport-tab-text);
}
.sports_main .el-tabs__nav-wrap::after {
  background: var(--sport-tab-border);
}
.sports_main .el-tabs__item.is-active {
  color: var(--tab_common01_on);
}
.sports_main .el-tabs__active-bar {
  background: var(--tab_common01_on);
}
.filtrate_list .el-input__inner {
  border-top: none;
  border-bottom: none;
  height: 27px;
}
.filtrate_list .el-input__inner + .el-input__inner {
  border-top: none;
  border-bottom: none;
}
.filtrate_main + .scrollbar_div .competition_mian > .competition_title:first-child {
  border-top: none;
}
.publish_version {
  color: var(--n5_rechargeNote_content);
}
.filtrate_list .odds_div + .odds_div .el-input__inner {
  border-left: none;
}
.record_Type .el-tabs__nav-wrap::after {
  background: var(--n1_4_GS_Border);
}

.betOption_Type .el-tabs__nav-wrap {
  border: 1px solid var(--n1_4_GS_Border);
  background: var(--detail-tab-header-bg);
}
.el-tabs__nav-wrap::after {
  background: transparent;
}
.betOption_header .el-collapse-item__header {
  background: var(--n1_leagueTitleBg);
  border: none;
  color: var(--n1_leagueTitleTxt);
  border-left: 1px solid var(--n1_5_1_eventBorder);
  border-right: 1px solid var(--n1_5_1_eventBorder);
}
.el-collapse-item__content .betOption_list .el-collapse {
  border-top: none;
}
.betOption_header .betOption_list .el-collapse-item__header {
  background: var(--bet-option-bg);
  color: var(--bet-option-text);
  border: 1px solid var(--n1_4_GS_Border);
}
.filtrate_list .league_div:first-child {
  border-left: 1px solid var(--n1_4_GS_Border);
}
.competition_container .el-collapse-item__header {
  background: var(--n1_leagueTitleBg);
  border-color: var(--n1_5_1_eventBorder);
  color: var(--n1_leagueTitleTxt);
  font-weight: 400;
}
.el-loading-spinner .el-loading-text {
  color: var(--icon_primaryS_normal);
}
.betOption_list .el-collapse-item:not(.is-active) .el-collapse-item__header {
  border-bottom: none;
}
.games_type {
  border-bottom: 2px solid var(--tab_common01_on);
  color: var(--tab_common01_on);
}
.games_search {
  border-radius: 6px;
  border: none;
  background: var(--input_search_bg);
  color: var(--icon_neutral03);
}
.games_search .el-input__inner {
  color: var(--input_search_prompt);
}
.pirmary_bg {
  background: var(--floor_0);
  box-shadow: var(--floor_0_shadow);
}
.el-input-group__append,
.el-input-group__prepend {
  color: inherit;
  border: none;
}

.header_password img {
  -webkit-filter: none;
}
.title_right.flex_triangle {
  position: relative;
  height: 30px;
}
.search_popover .search_main {
  border: none;
  border-radius: 0px;
  overflow: hidden;
}
.search_popover.el-popover.el-popper {
  background: var(--floor_0);
  border-radius: 0px;
  box-shadow: var(--popup_dropdown01Shadow);
  overflow: hidden;
  z-index: 200 !important;
}
.market-search-container.el-popover.el-popper {
  z-index: 200 !important;
  background: var(--floor_1_1);
  border-radius: 8px;
}
.league_filtrate_li .el-collapse-item__header {
  background: var(--event_titleBg);
  color: var(--n1_1_5_1sport_leagueTitle);
}
.league_filtrate_li .el-collapse-item__header .el-collapse-item__arrow {
  color: var(--icon_neutral03);
}

.setting_i {
  width: 16px;
  height: 16px;
  line-height: 15px;
  border: 1px solid var(--icon_primaryS_normal);
  border-radius: 2px;
  color: transparent;
  background: transparent;
}
.el-radio__input.is-checked + .el-radio__label .setting_i {
  background: var(--icon_primaryS_normal);
  color: var(--icon_select);
}
.betOption_Type .el-tabs__item {
  color: var(--live_plaza_Common_filterTxt_def);
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.betOption_Type .el-tabs__header {
  border-bottom: 1px solid var(--n1_5_1_eventBorder);
}
.betOption_Type .el-tabs__item:hover {
  color: var(--live_plaza_Common_filterTxt_def);
}
.betOption_Type .el-tabs__item.is-active {
  color: var(--live_plaza_Common_filterTxt_def);
}
.betOption_Type .el-tabs__active-bar {
  background: var(--icon_primaryS_normal);
}
.game_information .el-collapse-item__header {
  background: var(--event_titleBg);
  color: var(--event_titleTxt01);
  /* border-color: var(--n1_5_1_eventBorder); */
}

.rule_iframe iframe {
  filter: invert(var(--rule-text-brightness));
  /*opacity: 0.8;*/
}
/*免責*/
.risk_tip {
  position: absolute;
  right: 0;
  border-radius: 3px;
  width: 398px;
  top: 2.5em;
  padding: 8px;
  line-height: 170%;
  z-index: 10;
  display: none;
}
.risk_icon {
  display: block;
  cursor: pointer;
  margin-right: 10px;
  color: var(--icon_primaryS_normal);
  font-size: 15px;
  position: relative;
}
.risk_icon::before {
  position: relative;
  z-index: 1;
}
.risk_icon::after {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 100px;
  background: transparent;
  z-index: 0;
}
.disclaimer_info_title {
  color: var(--popup_tooltips01_txt);
  font-size: 16px;
  padding: 10px 0 0 12px;
  line-height: 22px;
}

.disclaimer_info_text {
  padding: 7px 39px;
  line-height: 20px;
  font-size: 14px;
  color: var(--popup_tooltips01_txt);
}

.text_box li {
  padding-bottom: 15px;
  list-style-type: disc;
}

.text_box li::marker {
  font-size: 21px;
  color: var(--popup_tooltips01_txt);
}
.disclaimer-popper.el-popover.el-popper {
  box-shadow: var(--popup_tooltips01_shadow);
  background: var(--popup_tooltips01_bg);
  border: 1px solid var(--popup_tooltips01_border);
  border-radius: 8px;
}
.cashout-popper.el-popover.el-popper {
  box-shadow: var(--popup_tooltips01_shadow);
  border-radius: 8px;
}
/*提前結算標記*/
/* .big_box .content_box{
    min-height: 135px;
} */
.trade_tag {
  padding-top: 10px;
}
.trade_tit {
  padding-left: 20px;
  font-size: 16px;
  text-align: center;
  min-width: 160px;
  border: 1px solid var(--n6_5UpfrontBtnBorder);
  position: relative;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 6px;
}
.trade_tit:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 8px;
  border: 2px solid var(--icon_fixWhite);
  left: 20px;
  top: 20px;
  transform: rotate(45deg);
  border-top-width: 0px;
  border-left-width: 0px;
  z-index: 1;
}
.trade_tit:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(93, 185, 54, 1);
  border-radius: 50px;
  left: 13px;
  top: 50%;
  transform: translateY(-48%);
}
.trade_tit b {
  font-family: 'akrobat';
  font-size: 18px;
  color: var(--n6_5UpfrontTxt);
  margin-left: 24px;
}
.trade_tit span {
  font-weight: normal;
  display: block;
  color: var(--n6_5UpfrontTxt);
  margin-left: 24px;
}
.trade_tip {
  font-size: 12px;
  color: var(--n6_5UpfrontTxt);
  text-align: center;
  min-width: 160px;
}
.btn_transparent,
.btn_transparent:hover,
.btn_transparent:active,
.btn_transparent:focus {
  background: var(--disabled-button-bg);
  border-color: var(--disabled-button-border);
}
/* 边框选中 */
.order_filtrate_div {
  width: 120px;
  height: 40px;
  font-size: 14px;
}
.pitch_box {
  cursor: pointer;
  position: relative;
  border: 1px solid;
}
.pitch_span {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-top: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
  z-index: 2;
}
.pitch_span i {
  position: absolute;
  bottom: -10px;
  right: -10px;
  color: transparent;
  opacity: 0;
  font-size: 12px;
}
.pitch_box.activ .pitch_span i,
.payment-btn.selected .pitch_span i {
  opacity: 1;
}
/*篩選客製化*/

/*早盤的日期選項*/
.time_box.pitch_box {
  position: relative;
  border-radius: 5px;
  color: var(--tab_mine02Txt_off);
  background: var(--tab_mine02Bg);
  border: 1px solid var(--tab_mine02Border_off);
}

.time_box.pitch_box.activ,
.time_box.pitch_box:not(.disable):hover {
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
  border-color: var(--tab_mine02Border_on);
}
.time_box.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 5px;
}
.time_box.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
/*投注紀錄的日期選項*/
.order_filtrate_div.pitch_box {
  border-radius: 0;
  color: var(--tab_mine02Txt_off);
  background: var(--tab_mine02Bg);
  border: 1px solid var(--tab_mine02Border_off);
}
.order_filtrate_div.pitch_box.activ,
.order_filtrate_div.pitch_box:hover {
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
  border: 1px solid var(--tab_mine02Border_on);
  position: relative;
  z-index: 1;
}
.order_filtrate_div.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 0;
}
.order_filtrate_div.pitch_box.activ .pitch_span i {
  color: var(--icon_fixWhite);
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div {
  border-radius: 0px;
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div:nth-child(2) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.order_filtrate_list .order_filtrate_li .order_filtrate_div:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*紀錄類日期篩選*/
.order_record .order_filtrate_div.pitch_box {
  border-radius: 0px;
  color: var(--tab_mine02Txt_off);
  background: var(--tab_mine02Bg);
  border: 1px solid var(--tab_mine02Border_off);
}
.order_record .order_filtrate_div.pitch_box:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.order_record .order_filtrate_div.pitch_box:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
}
.order_record .order_filtrate_div.pitch_box.activ,
.order_record .order_filtrate_div.pitch_box:hover {
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
  border-color: var(--tab_mine02Border_on);
}
.order_record .order_filtrate_div.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
}
.order_record .order_filtrate_div.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
/*投注紀錄上方*/
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box .pitch_span {
  right: 0px;
  bottom: 0px;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div {
  position: relative;
  border-radius: 5px;
  color: var(--n5_money_txt_off);
  background: transparent;
  border: none;
  margin-bottom: 5px;
  /* box-shadow: var(--filter-list-shadow); */
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover {
  color: var(--n5_money_txt_on);
  background: transparent;
  border-color: transparent;
  overflow: hidden;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::before,
.order_filtrate_main .order_filtrate_list .order_filtrate_div::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::before {
  z-index: 0;
  border: 1px solid var(--n5_bankType_border_off);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--filter-list-border-bg); */
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ::before,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover::before {
  border-color: var(--n5_bankType_border_on);
}
.order_filtrate_main .order_filtrate_list .order_filtrate_div.activ::after,
.order_filtrate_main .order_filtrate_list .order_filtrate_div:hover::after {
  /* border-image: var(--filter-list-border-bg-active); */
}
/*存取款*/
.payment-btn.pitch_box,
.pay_item.pitch_box {
  position: relative;
  border-radius: 5px;
  color: var(--n5_bankType_txt_off);
  background: transparent;
  border: none;
  box-shadow: none;
}
.payment-btn.pitch_box.selected,
.pay_item.pitch_box.activ,
.payment-btn.pitch_box:hover,
.pay_item.pitch_box:hover {
  color: var(--n5_bankType_txt_on);
  background: transparent;
  border-color: transparent;
}
.payment-btn.pitch_box .pitch_span,
.pay_item.pitch_box .pitch_span {
  right: 0px;
  bottom: 0px;
}
.payment-btn.pitch_box.selected .pitch_span,
.pay_item.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 5px;
}
.payment-btn.pitch_box.selected .pitch_span i,
.pay_item.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
.payment-btn.pitch_box::before,
.payment-btn.pitch_box::after,
.pay_item.pitch_box::before,
.pay_item.pitch_box::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.payment-btn.pitch_box::before,
.pay_item.pitch_box::before {
  z-index: 0;
  border: 1px solid var(--n5_bankType_border_off);
}
.payment-btn.pitch_box::after,
.pay_item.pitch_box::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--payment-button-border-bg); */
}
.payment-btn.pitch_box.selected::before,
.pay_item.pitch_box.activ::before,
.payment-btn.pitch_box:hover::before,
.pay_item.pitch_box:hover::before {
  border-color: var(--n5_bankType_border_on);
}
.payment-btn.pitch_box.selected::after,
.pay_item.pitch_box.activ::after,
.payment-btn.pitch_box:hover::after,
.pay_item.pitch_box:hover::after {
  /* border-image: var(--payment-button-border-bg-active); */
}

/*金額篩選*/
.speedy_item.pitch_box::before,
.quick-amount-list .pitch_box::before,
.speedy_item.pitch_box::after,
.quick-amount-list .pitch_box::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 6px;
}
.speedy_item.pitch_box::before,
.quick-amount-list .pitch_box::before {
  z-index: 0;
  border: 1px solid var(--n5_money_border_off);
}
.speedy_item.pitch_box::after,
.quick-amount-list .pitch_box::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--quick-amount-border-bg); */
}
.speedy_item.pitch_box .pitch_span {
  right: 0;
  bottom: 0;
}
.speedy_item.pitch_box,
.quick-amount-list .pitch_box {
  position: relative;
  border-radius: 6px;
  color: var(--n5_money_txt_off);
  background: transparent;
  border: none;
  box-shadow: none;
}
.quick-amount-list .pitch_box.activ,
.quick-amount-list .pitch_box:hover,
.speedy_item.pitch_box.activ,
.speedy_item.pitch_box:hover {
  color: var(--n5_money_txt_on);
  background: transparent;
  border-color: transparent;
}
.quick-amount-list .pitch_box.activ::before,
.quick-amount-list .pitch_box:hover::before,
.speedy_item.pitch_box.activ::before,
.speedy_item.pitch_box:hover::before {
  border-color: var(--n5_money_border_on);
}
.quick-amount-list .pitch_box.activ::after,
.quick-amount-list .pitch_box:hover::after,
.speedy_item.pitch_box.activ::after,
.speedy_item.pitch_box:hover::after {
  /* border-image: var(--quick-amount-border-bg-active); */
}
.speedy_item.pitch_box.activ .pitch_span,
.quick-amount-list .pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 8px;
}
.speedy_item.pitch_box.activ .pitch_span i,
.quick-amount-list .pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
/*提現方式*/
.select-item.pitch_box {
  position: relative;
  border-radius: 5px;
  color: var(--n5_cryptoCard_title);
  background: transparent;
  border: none;
}
.select-item.pitch_box::before,
.select-item.pitch_box::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  pointer-events: none;
}
.select-item.pitch_box::before {
  z-index: 0;
  border: 1px solid var(--n5_cryptoCardBorder_off);
}
.select-item.pitch_box::after {
  z-index: 1;
  border: 1px solid transparent;
  border-image: var(--n5_bankType_border_off);
}
.select-item.pitch_box.activ,
.select-item.pitch_box:hover {
  color: var(--n5_bankType_txt_on);
  background: var(--n5_cryptoCard_bg);
  border-color: transparent;
}
.select-item.pitch_box.activ::before,
.select-item.pitch_box:hover::before {
  border-color: var(--select-item-border-active);
}
.select-item.pitch_box.activ::after,
.select-item.pitch_box:hover::after {
  border-image: var(--select-item-border-bg-active);
}
.select-item.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 8px;
}
.select-item.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
.select-item.pitch_box .item-content {
  color: var(--select-item-tips);
}
.select-item.pitch_box.activ .item-content {
  color: var(--select-item-tips-active);
}
/*支付其他篩選*/
.pitch_box,
.selectRow.pitch_box {
  border-radius: 5px;
  color: var(--popup_sheet_selectStyle01Txt_off);
  background: var(--popup_sheet_selectStyle01Bg);
  border: 1px solid var(--popup_sheet_selectStyle01Border_off);
}
.pitch_box.activ,
.pitch_box:not(.disable):hover,
.selectRow.pitch_box.activ,
.selectRow.pitch_box:hover {
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
  border-color: var(--tab_mine02Border_on);
}
.selectRow.pitch_box.activ,
.selectRow.pitch_box:hover {
  background: var(--popup_sheet_selectStyle01Bg);
  border-color: var(--popup_sheet_selectStyle01Border_on);
}
.pitch_box.activ .pitch_span,
.selectRow.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 8px;
}
.pitch_box.activ .pitch_span i,
.selectRow.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}

/*虛擬幣地址*/
.pay_select_item.pitch_box {
  position: relative;
  border-radius: 6px;
  color: var(--n5_cryptoCard_title);
  background: var(--n5_cryptoCard_bg);
  border: none;
}
.pay_select_item.pitch_box::before,
.pay_select_item.pitch_box::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 6px;
  pointer-events: none;
}
.pay_select_item.pitch_box::before {
  z-index: 0;
  border: 1px solid var(--n5_cryptoCardBorder_off);
}
.pay_select_item.pitch_box::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--pay-item-border-bg); */
}
.pay_select_item.pitch_box.activ,
.pay_select_item.pitch_box:hover {
  color: var(--n5_cryptoCard_title);
  background: var(--n5_cryptoCard_bg);
  border-color: transparent;
}
.pay_select_item.pitch_box.activ::before,
.pay_select_item.pitch_box:hover::before {
  border-color: var(--n5_cryptoCardBorder_on);
}
.pay_select_item.pitch_box.activ::after,
.pay_select_item.pitch_box:hover::after {
  /* border-image: var(--pay-item-border-bg-active); */
}
.pay_select_item.pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 8px;
  right: 0;
  bottom: 0;
}
.pay_select_item.pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}

/**/
.welfare_list .pitch_box::before,
.welfare_list .pitch_box::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 5px;
}
.welfare_list .pitch_box::before {
  z-index: 0;
  border: 1px solid var(--n5_bankType_border_off);
}
.welfare_list .pitch_box::after {
  z-index: 1;
  border: 1px solid transparent;
  /* border-image: var(--welfare-list-border-bg); */
}
.welfare_list .pitch_box.activ::before,
.welfare_list .pitch_box:hover::before {
  border-color: var(--n5_bankType_border_on);
}
.welfare_list .pitch_box.activ::after,
.welfare_list .pitch_box:hover::after {
  /* border-image: var(--welfare-list-border-bg-active); */
}
.welfare_list .pitch_box {
  position: relative;
  border-radius: 5px;
  color: var(--n5_bankType_txt_off);
  background: transparent;
  border: none;
}
.welfare_list .pitch_box.activ,
.welfare_list .pitch_box:hover {
  color: var(--n5_bankType_txt_on);
  background: transparent;
  border-color: transparent;
}
.welfare_list .pitch_box.activ .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 5px;
  right: 0px;
  bottom: 0px;
}
.welfare_list .pitch_box.activ .pitch_span i {
  color: var(--icon_select);
}
/* .welfare_li.pitch_box img{
	border-radius: var(--welfare-list-img-radius);
	background: var(--welfare-list-img-bg);
}
.welfare_list .pitch_box.activ img,.welfare_list .pitch_box:hover img{
	filter: var(--welfare-list-img-active);
} */
.filtrate_main .el-range-editor.is-active,
.filtrate_main .el-range-editor.is-active:hover,
.filtrate_main .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--n1_4_GS_Border);
}
.status_span {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--news-tag-bg);
}
.search_type .el-radio-group {
  display: flex;
}
.search_input .el-input__inner {
  padding-left: 15px;
  padding-right: 0;
}
.search_input .el-input__prefix {
  position: absolute;
  right: 0;
  left: auto;
  width: 27px;
  height: 27px;
  background: var(--search-icon-enable-bg);
  pointer-events: none;
}
.search_input .el-input__prefix .el-icon-search {
  color: var(--search-icon-enable) !important;
  font-size: 14px;
}
.search_input .el-input__suffix {
  position: absolute;
  right: 25px;
}
.search_input.search_input-disabled .el-input__prefix {
  background: var(--floor__1);
  opacity: 0.5;
}
.search_input.search_input-disabled .el-input__prefix .el-icon-search {
  color: var(--icon_neutral03) !important;
  opacity: 0.5;
}
.betRecord_box .order_filtrate_div:nth-child(7n) {
  margin-right: 0;
}
/*新增頁面標題可使用圖片*/
.page_title_img {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  opacity: var(--page-title-img);
  z-index: 3;
}
.page_title_img img {
  width: 25px;
  height: 25px;
}
/*新增首頁下方說明文字的底圖樣式*/
.serve_main.layout_auto {
  align-items: stretch;
}
.serve_li {
  padding: 10px 30px 10px 10px;
  border-radius: var(--serve-border-radius);
  background: var(--serve-bg);
  box-shadow: var(--serve-shadow);
  position: relative;
}
.serve_li::after,
.serve_li::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: var(--serve-border-radius);
}
.serve_li::after {
  z-index: 1;
  border: 1px solid transparent;
  border-image: var(--serve-border-img);
}
.serve_li::before {
  z-index: 0;
  border: 1px solid var(--serve-border);
}
.head_dialog_footer {
  position: relative;
}
.head_dialog_footer > * {
  position: relative;
  z-index: 1;
}
.head_dialog_footer::after {
  content: '';
  position: absolute;
  left: -15px;
  bottom: -15px;
  top: -15px;
  right: -15px;
  background: var(--dialog-footer-bg);
  z-index: 0;
}
.el-table {
  background-color: transparent;
}
.message_Type .el-table__body {
  background: transparent;
}
.service_box {
  border: 1px solid var(--n5_1_bankCard_Line);
  border-radius: 5px;
  background: var(--n5_1_bankCard_bg);
  color: var(--n5_1_bankCard_title);
}
.service_box .service_img + span {
  color: var(--n5_1_bankCard_title);
}
.border_son_box,
.border_son_box .el-form-item__label {
  color: var(--n6_4_1_1invite_txt);
}
.activity_screen_box.border_son_box .el-form-item__label {
  color: var(--input_commonTitle);
}

.welfare_table .el-table thead {
  color: var(--n6_2_2vip_tblTopTxt01);
}
.welfare_table .el-table__header-wrapper {
  background: var(--n6_2_2vip_tblTopBg01);
  /* border: 1px solid var(--vip-table-border); */
  border-top: 1px solid var(--table01_border);
  border-left: 1px solid var(--table01_border);
  border-right: 1px solid var(--table01_border);
}
.welfare_table .el-table__body {
  background: var(--n6_2_2vip_tblOddBg02);
  /* border: 1px solid var(--vip-table-border); */
  border-bottom: 1px solid var(--table01_border);
  border-left: 1px solid var(--table01_border);
  border-right: 1px solid var(--table01_border);
  color: var(--n6_2_2vip_tblEvenTxt02);
}
.welfare_table .el-table__body-wrapper {
  border-right: 1px solid var(--table01_border);
}
.welfare_table .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: var(--n6_2_2vip_tblEvenBg02);
  color: var(--n6_2_2vip_tblEvenTxt02);
}
/* .welfare_table .el-table--enable-row-hover .el-table__body tr:hover>td{
	background: var(--vip-table-body-bg-hover);
	color: var(--vip-table-body-text-hover);
} */
.welfare_table .el-table .el-table__header-wrapper th + th {
  border-left-color: var(--vip-table-header-border);
}
.rebate_table .el-table thead {
  color: var(--n6_2_2vip_tblTopTxt02);
}
.rebate_table .el-table__header-wrapper {
  background: var(--n6_2_2vip_tblTopBg02);
  border-top: 1px solid var(--table01_border);
  border-left: 1px solid var(--table01_border);
  border-right: 1px solid var(--table01_border);
}
.rebate_table .el-table__body {
  background: var(--n6_2_2vip_tblOddBg02);
  border-bottom: 1px solid var(--table01_border);
  border-left: 1px solid var(--table01_border);
  border-bottom: 1px solid var(--table01_border);
  color: var(--n6_2_2vip_tblOddTxt02);
}
.rebate_table .el-table__body-wrapper {
  border-right: 1px solid var(--table01_border);
}
.rebate_table .el-table--striped .el-table__body tr.el-table__row--striped td {
  background: var(--n6_2_2vip_tblEvenBg02);
  color: var(--n6_2_2vip_tblEvenTxt02);
}
/* .rebate_table .el-table--enable-row-hover .el-table__body tr:hover>td{
	background: var(--vip-table-body-bg-hover);
	color: var(--vip-table-body-text-hover);
} */
.sports_main {
  background: var(--game-collect-bg);
}
.rapidBet_input_li .rapidBet_input_div .el-input__inner {
  background: transparent;
  border: none;
  border-radius: 0px;
  color: var(--cart_o_oddsTitle);
}
.rapidBet_input_li .rapidBet_input_div .el-input__inner::placeholder {
  color: var(--function_systemNoticeTxt);
}
.filtrate_main .el-input__icon {
  color: var(--input_messageNormalTxt) !important;
}
.filtrate_main .el-input__inner {
  background: transparent;
  color: var(--input_messageNormalTxt);
}
.filtrate_main .el-input__inner::placeholder {
  color: var(--input_messageNormalTxt);
}
.sport_select_box.el-select__popper.el-popper[role='tooltip'] {
  background: var(--popup_dropdown01Bg);
  z-index: 200 !important;
}
.sport_select_box .el-select-dropdown__item.selected {
  color: var(--popup_dropdown01Txt_on);
}
.sport_select_box .el-select-dropdown__item {
  color: var(--popup_dropdown01Txt_off);
}
.video_header_bg {
  background: var(--video-header-bg);
}
.competition_mian:first-child .competition_header {
  border-top: none;
}
.amidithion_list .el-collapse-item__wrap > .el-collapse-item__content .el-collapse-item__header,
.el-collapse-item__content .champion_main_list .el-collapse {
  border-color: transparent;
}
/*賽果的聯賽多選下拉*/
.checkbox_select .el-checkbox__input.is-checked + .el-checkbox__label,
.checkbox_select .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: var(--popup_dropdown01Txt_on);
  background: transparent;
}
.checkbox_select .el-checkbox__input.is-checked .el-checkbox__inner,
.checkbox_select .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: var(--icon_primaryS_normal);
  border-color: var(--icon_primaryS_normal);
}
.checkbox_select .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--icon_select);
}
.checkbox_select .el-select-dropdown__list .el-checkbox__label,
.checkbox_select .el-select-dropdown__item {
  color: var(--popup_dropdown01Txt_off);
}
.checkbox_select .el-checkbox__inner {
  border-color: var(--icon_neutral03);
  background: transparent;
}
.checkbox_select.el-select .el-select__tags .el-tag {
  background: var(--input_search_bg);
}
.checkbox_select .el-tag.el-tag--info {
  color: var(--input_search_prompt);
}
.checkbox_select.el-select .el-select__tags .el-tag .el-icon-close {
  background: var(--function_error);
  color: var(--icon_select);
}
.competition_list .competition_li {
  position: relative;
}
.competition_list .competition_li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  background: var(--competition-brief-bg);
  z-index: 0;
}
.competition_list .competition_msgs {
  position: relative;
  z-index: 1;
}
.competition_list:nth-child(odd) {
  background: var(--competition-nomal-bg);
}
.competition_list {
  background: var(--competition-striped-bg);
}
.big_box .iconfont.icon-info {
  position: relative;
  color: var(--icon_primaryS_02_normal);
}
.big_box .iconfont.icon-info::before {
  position: relative;
  z-index: 1;
}
.big_box .iconfont.icon-info::after {
  content: '';
  position: absolute;
  left: 17px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  /* background: var(--info-icon-text); */
  z-index: 0;
}
.el-input-group__append,
.el-input-group__prepend {
  background-color: transparent;
}
.el-table--border,
.el-table--group {
  border: transparent;
}
.betOption_header .el-collapse-item__header {
  height: 30px;
  line-height: 30px;
}
/*聯賽前方圖示*/
.league_icon_bar {
  position: relative;
}
.league_icon_bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--league-bar-bg);
}
/*VIP尊享+底色*/
.enjoy_li {
  position: relative;
  padding: 10px 0;
  margin: 0 5px;
  border-radius: var(--enjoy-radius);
  border: 1px solid var(--enjoy-border);
  background: var(--enjoy-bg);
  box-shadow: var(--enjoy-shadow);
}
/*存取款側邊*/
.record_item {
  position: relative;
  padding-top: 5px;
}
.record_item::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  top: -5px;
  /* background: var(--record-border); */
}
.record_item + .el-pagination {
  border-top: 1px solid transparent;
  /* border-image: var(--record-border) 1; */
  margin-top: 10px;
  padding-top: 5px;
}
.no_open {
  background: var(--btn01_primaryBg_normal);
}
.no_open_btn {
  color: var(--btn01_primaryTxt);
}
.not_open_text {
  color: var(--function_systemNoticeTxt);
}
.discount-per {
  /* background: var(--discount-bg); */
  /* color: var(--discount-text); */
  color: var(--function_error);
  font-weight: bold;
}
.amidithion_li .noe_title .el-collapse-item__header {
  height: 26px;
  line-height: 26px;
}
.grounder_collapse .competition_header {
  position: sticky;
  top: 0;
  z-index: 1;
}
.grounder_collapse .competition_body {
  position: relative;
  z-index: 0;
}
.main_container {
  overflow: visible;
}
header::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 1px;
  background: var(--header-border);
  left: 0;
  right: 0;
}
.head_dialog .el-dialog__header {
  position: relative;
}
.head_dialog .el-dialog__header::after,
.badgeInfoDialog-main .header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--dialog-header-border);
}
.home_title_note {
  /* position: absolute;
    left: 50%;
    bottom: 9px;
    transform: translateX(-50%); */
  display: block;
  padding-top: 10px;
}
.games_btn .theme_btn.el-button {
  width: 100%;
  border-radius: 0;
}
.el-dropdown-menu__item .personage_div .el-icon-arrow-right:not(.news_font) {
  color: var(--icon_neutral03);
}
.el-dropdown-menu__item:hover .personage_div .el-icon-arrow-right {
  color: var(--personage-item-text-active);
}
.el-picker__popper.el-popper[role='tooltip'] {
  background: transparent;
  border: none;
  box-shadow: var(--popup_dropdown01Shadow);
}
.el-select__popper.el-popper[role='tooltip'] {
  background: var(--popup_dropdown01Bg);
  border: none;
  box-shadow: var(--popup_dropdown01Shadow);
}
/*維護從頁面移過來*/
.maintenance .txt h1 {
  font-weight: normal;
  font-family: '微软雅黑';
  font-size: 75px;
  color: var(--n0system_systemTitle);
  height: 76px;
  line-height: 76px;
}
.maintenance .txt h2 {
  font-weight: normal;
  font-size: 47px;
  color: var(--n0system_systemTitle);
  height: 40px;
  line-height: 40px;
}
.maintenance .txt h3 {
  font-weight: normal;
  font-size: 35px;
  color: var(--n0system_systemTxtTime01);
  height: 40px;
  line-height: 40px;
}
.maintenance .txt h3 span {
  color: var(--n0system_systemSubtitleIP02);
}
.maintenance .mtTime {
  font-weight: bold;
  font-size: 30px;
  color: var(--n0system_systemTxtTime02);
  line-height: 30px;
  white-space: pre;
}
.maintenance .mtInfo {
  font-size: 26px;
  color: var(--n0system_systemTxt);
}
.maintenance .kefu_btn {
  border: none;
  background: var(--btn01_primaryBg_normal);
}
.maintenance .kefu_btn--info {
  color: var(--btn01_primaryTxt);
}

.el-picker-panel__sidebar {
  border-color: var(--popup_sheet_commonBorder);
  background-color: var(--popup_dropdown01Bg);
}
.el-picker-panel__shortcut {
  color: var(--date-picker-text);
}
.el-picker-panel__shortcut:hover {
  color: var(--date-picker-active-bg);
}
/* .collect_li .collect_type .iconfont{
	color: var(--icon_neutral01);
} */
.collect_list .collect_li.active .collect_type .iconfont,
.collect_list .collect_li:hover .collect_type .iconfont {
  color: var(--game-collect-icon-active);
}
.download_main > * {
  position: relative;
  z-index: 1;
}
.download_main::after {
  content: '';
  position: absolute;
  background: var(--download-main-img) no-repeat;
  width: var(--download-main-bg-width);
  height: var(--download-main-bg-height);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  pointer-events: none;
}
.sports_main .el-tabs__nav-wrap.is-top {
  border-bottom: 1px solid var(--tab_home03btmLine);
}

.el-date-range-picker__content.is-left {
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 1px solid var(--popup_sheet_commonBorder);
}
.el-date-range-picker__content.is-right {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.el-tabs__item.is-disabled {
  color: #999999;
}
.el-tabs__nav-next,
.el-tabs__nav-prev {
  color: var(--icon_neutral03);
}
.sports_type_list .el-tabs__nav-next,
.sports_type_list .el-tabs__nav-prev {
  color: var(--icon_neutral03);
}
.grade_banner_main .el-carousel__indicators--outside button {
  background: var(--vip-card-btn);
}
.grade_banner_main .is-active .el-carousel__button {
  background: var(--vip-card-btn-active);
}

/* element-ui 步骤条 */
.el-step.is-horizontal {
  display: flex;
  flex-direction: column-reverse;
}
.el-step.is-horizontal .el-step__main {
  margin-bottom: 15px;
}
.el-step.is-center .el-step__line {
  left: calc(50% + 25px);
  right: calc(-50% + 25px);
  height: 3px;
}
/* .el-step__icon { background: var(--n5_2_timetable_picYesBg01); border-width: 3px !important;} */
/* .is-success .el-step__icon { border-color: var(--n5_2_timetable_picYesBg01); }
.is-process .el-step__icon { border-color: var(--n5_2_timetable_picYesBg01); } */
.el-step__head.is-wait .el-step__icon {
  background: transparent;
}
.el-step__icon .el-step__icon-inner {
  background: transparent;
}
.el-step__title {
  color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-success {
  color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-wait {
  color: var(--n6_3_history_stepTxt_off);
}
.el-step__title.is-process {
  color: var(--n6_3_history_stepTxt_on);
}
/* .el-step__title.is-process { color: var(--recharge-step-text-process) }
.el-step__title.is-success { color: var(--n6_3_history_stepTxt_off) } */
/* .el-step__description.is-wait { color: var(--n6_3_history_stepTxt_off) }
.el-step__description.is-process { color: var(--recharge-step-text-process) }
.el-step__description.is-success { color: var(--n6_3_history_stepTxt_off) }
.el-step__head.is-wait { color: var(--recharge-step-wait); border-color: var(--recharge-step-wait) }
.el-step__head.is-process { color: var(--recharge-step-process); border-color: var(--recharge-step-process) }
.el-step__head.is-success { color: var(--recharge-step-success); border-color: var(--n5_2_timetable_border_on) } */
.el-step__head .el-step__line {
  background-color: var(--n5_2_timetable_border_off);
}
/* .el-step__head.is-process .el-step__line { background-color: var(--recharge-step-process); }
.el-step__head.is-success .el-step__line { background-color: var(--n5_2_timetable_border_on); } */
/* .el-step__head.is-process .el-step__line .el-step__line-inner { display: none; } */
.el-step__icon {
  background: transparent;
}
.el-step__head.is-finish {
  color: transparent;
}
.el-step__title.is-finish {
  color: var(--n6_3_history_stepTxt_on);
}
.el-step__head.is-finish .el-step__icon-inner {
  color: var(--icon_primaryS_normal);
}
.el-step__icon-inner[class*='el-icon']:not(.is-status) {
  font-size: 22px;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-step__head.is-wait {
  color: transparent;
  border-color: var(--n5_2_timetable_picPiontNotMet);
}
.el-step__line-inner {
  display: none !important;
}
.el-step__head.is-finish .el-step__line {
  background: var(--n5_2_timetable_border_on);
}
.el-step__icon-inner.el-icon-success::after {
  width: 20px;
  height: 20px;
  border: 3px solid var(--n5_2_timetable_picPiontNotMet);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.el-step__head.is-wait .el-step__icon.is-icon .el-step__icon-inner.el-icon-success {
  color: transparent;
}
.el-step__head.is-finish .el-step__icon-inner.el-icon-success::after {
  border-color: var(--n5_2_timetable_picYesBg01);
}
.el-step__head.is-success {
  color: var(--floor_0);
  border-color: var(--n5_2_timetable_picPiontNotMet);
}
.el-step__head.is-success .el-step__icon.is-text {
  border-color: var(--n5_2_timetable_picYesBg01);
}
.el-step__head.is-success .el-step__line {
  background: var(--n5_2_timetable_border_on);
}

.el-step__icon.is-text {
  border-radius: 50%;
  border: 3px solid;
  border-color: var(--n5_2_timetable_picYesBg01);
}

.loginform_main > * {
  position: relative;
  z-index: 1;
}
.loginform_main > .loginform_bg {
  position: absolute;
  z-index: 0;
  left: 50%;
  transform: translateX(-58.5%);
}

.footer_bg {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
footer a {
  color: inherit;
}
.video_type_list .sports_type::after,
.video_type_list .sports_type::before {
  display: none;
}
.video_type_list .sports_type {
  position: relative;
  border-radius: 0;
  color: var(--tab_mine02Txt_off);
  background: var(--tab_mine02Bg);
  border: 1px solid var(--tab_mine02Border_off);
  box-shadow: none;
  overflow: hidden;
}
.video_type_list .el-tabs__nav .el-tabs__active-bar + .el-tabs__item .sports_type {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.video_type_list .el-tabs__nav .el-tabs__item + .el-tabs__item .sports_type {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.video_type_list.sports_type_list .el-tabs__item.is-active .active_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
}
.video_type_list.sports_type_list .el-tabs__item.is-active .active_span i {
  color: var(--icon_select);
}
.video_type_list.sports_type_list .el-tabs__item.is-active .sports_type {
  border: 1px solid var(--tab_mine02Border_on);
  color: var(--tab_mine02Txt_on);
  background: var(--tab_mine02Bg);
}
.system-notice-checkbox {
  color: var(--system-notice-checkbox-text);
}
/* 玩法教程 course */
.course_div p {
  color: var(--popup_sheet_commonTxt);
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  color: var(--function_error);
}

.home_title {
  flex: 1;
  min-width: 445px;
  min-height: 32px;
  position: relative;
}
.home_title.activity_title {
  flex: none;
  min-width: initial;
  width: 345px;
  height: 32px;
}

.home_title::after {
  content: '';
  position: absolute;
  width: calc(100% - 15px);
  height: 3px;
}
.home_title::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 32px;
  top: 0;
  background: var(--icon_primaryS_02_normal);
}
.title_bgl::after,
.title_l::after {
  left: 0;
  transform: skewX(30deg);
  background: linear-gradient(to left, var(--icon_primaryS_02_normal) 0%, var(--icon_primaryS_02_normal) 100%);
}
.title_bgr::after,
.title_r::after {
  right: 0;
  transform: skewX(-30deg);
  background: linear-gradient(to right, var(--icon_primaryS_02_normal) 0%, var(--icon_primaryS_02_normal) 100%);
}
.title_bgl::before,
.title_l::before {
  right: 0;
  transform: skewX(30deg);
}
.title_bgr::before,
.title_r::before {
  left: 0;
  transform: skewX(-30deg);
}
.activity_title_icon {
  width: 196px;
  height: 52px;
  position: absolute;
  z-index: 15;
}
.activity_title_icon::before {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  z-index: 200;
  transform: perspective(50px) rotateX(4deg);
  background: var(--n3_1_1functionTab_titleBg);
}
.activity_title_icon::after {
  content: '';
  position: absolute;
  left: 8px;
  right: 8px;
  top: -2px;
  bottom: 0;
  z-index: 100;
  transform: perspective(50px) rotateX(13deg);
  background: var(--n3_1_1functionTab_titleBgOuter);
}
.activity_btn_bg {
  width: 100%;
  height: 45px;
  background: var(--active-list-button-bg);
  border-radius: var(--active-list-button-border-radius);
  border: 1px solid var(--active-list-button-border);
  box-shadow: var(--active-list-button-shadow);
}
.loginform_icon.iconfont {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 100px;
  background: var(--icon_fixWhite);
  color: var(--icon_fixprimaryS);
  font-size: 25px;
  padding-left: 1px;
  pointer-events: none;
}
.logininput_icon.iconfont {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
  color: var(--index-form-text);
}
.shortcut_icon {
  background: var(--floatMenu_bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 70px;
  color: var(--shortcut-btn-text);
  overflow: hidden;
}
.shortcut_icon_mian .shortcut_icon:not(:first-child) {
  border-top: 1px solid var(--floatMenu_border);
}
.shortcut_icon_mian .shortcut_icon:not(:last-child) {
  border-bottom: 1px solid var(--floatMenu_border);
}
.shortcut_icon:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.shortcut_icon:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.shortcut_icon .iconfont {
  font-size: 30px;
  background-image: var(--shortcut-btn-icon);
  background-clip: text;
  -webkit-background-clip: text;
  color: var(--floatMenu_off);
}
.shortcut_text {
  font-size: 12px;
  color: var(--floatMenu_off);
}
.shortcut_icon:hover {
  color: var(--shortcut-btn-text-hover);
}
.shortcut_icon:hover .iconfont {
  color: var(--floatMenu_on);
}
.el-backtop .shortcut_icon,
.shortcut_icon_mian {
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}
.header_icon.iconfont {
  width: 26px;
  height: 26px;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--icon_reverse_neutral04);
}
.header_icon.iconfont:hover {
  color: var(--icon_navArrow);
}
.shortcut_icon_mian {
  width: 80px;
}
.siderbar_icon.iconfont {
  width: 26px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  margin-right: 5px;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-jbzl {
  background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-tzjl {
  background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-viptq {
  background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-jijl {
  background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-ljjl {
  background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-jrwm {
  background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-bzzx {
  background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon-xtyj {
  background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon_gift_record {
  background-image: var(--n6_1_1_1mine_functionIcon_04);
}
.personage_li .siderbar_icon.iconfont.icon-hzhb {
  background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon-kffk {
  background-image: var(--n6_1_1_1mine_functionIcon_01);
}
.personage_li .siderbar_icon.iconfont.icon-xgmm {
  background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon-checklist {
  background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon_welfarecenter {
  background-image: var(--n6_1_1_1mine_functionIcon_02);
}
.personage_li .siderbar_icon.iconfont.icon_crown {
  background-image: var(--n6_1_1_1mine_functionIcon_03);
}
.personage_li .siderbar_icon.iconfont.icon_welfare_commissionerr {
  background-image: var(--fixLinear_mistyRose);
}
.mail_btn.iconfont {
  width: 20px;
  height: 20px;
  display: flex;
  font-size: 22px;
  color: var(--icon_primaryS_normal);
  justify-content: center;
  align-items: center;
}
.mail_nav.iconfont {
  width: 20px;
  height: 20px;
  display: flex;
  color: var(--icon_primaryS_normal);
  font-size: 26px;
  justify-content: center;
  align-items: center;
}
.btn_nav .el-button:focus:not(.is-disabled) .mail_btn.iconfont,
.btn_nav .el-button:hover:not(.is-disabled) .mail_btn.iconfont {
  color: var(--icon_primaryS_normal);
}
.btn_nav .el-button:focus:not(.is-disabled) .mail_nav.iconfont,
.btn_nav .el-button:hover:not(.is-disabled) .mail_nav.iconfont {
  color: var(--icon_primaryS_normal);
}
.edit .list_btn.iconfont {
  width: 20px;
  height: 20px;
  display: flex;
  font-size: 20px;
  color: var(--icon_neutral03);
  justify-content: center;
  align-items: center;
}
.edit .list_btn.iconfont.active {
  color: var(--icon_primaryS_normal);
}
.mail_list_icon.iconfont {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  background: var(--icon_function_03);
  color: var(--icon_fixWhite);
  border-radius: 50px;
}
.mail_list_icon.iconfont.icon-bell {
  background: var(--icon_function_01);
}
.mail_list_icon.iconfont.icon-sound {
  background: var(--icon_function_02);
}
/*直播大廳*/
.live_hall {
  background: var(--floor_0);
  border-radius: 6px;
  box-shadow: var(--floor_0_shadow);
  height: 640px;
  position: relative;
}
.live_hall_info {
  width: 100%;
  height: 74px;
}
.live_hall_footer {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

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

.live_hall_footer_gifts {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border: 2px solid var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
  border-radius: 12px;
  padding-left: 10px;
  position: relative; /* 確保相對定位 */
}

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

.live_hall_footer_recommend_container {
  position: relative;
}

.live_hall_footer_recommend_imag {
  width: 110px;
  height: 76px;
  position: relative;
  z-index: 10;
  cursor: pointer;
  top: -7px;
}

.recommend_number {
  position: absolute;
  top: 72%;
  right: 12px;
  transform: translateY(-50%);
  z-index: 11;
  color: white;
  font-size: 16px;
  padding: 5px;
}

.gifts_btn_img {
  width: 40px;
  height: 44px;
  margin-left: 10px;
  cursor: pointer;
}

.gift_popover {
  border-radius: 14px !important;
}

.live_hall_tab {
  height: 100%;
  overflow: hidden;
}
.live_hall_tab > .el-tabs__header {
  width: 100%;
  height: 74px;
  margin: 0;
  box-shadow: var(--floor_0);
}
.live_hall_tab .el-tabs__content {
  width: 100%;
  flex: calc(640px - 74px);
}
.live_hall_tab > .el-tabs__header .el-tabs__item {
  height: 74px;
  line-height: 74px;
  min-width: 80px;
  text-align: center;
  padding: 0;
}
.live_hall_tab > .el-tabs__header .el-tabs__item.live-hall-tab-notice-dot::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--notice_bg);
  position: absolute;
  right: 20px;
  top: 20px;
}
.live_hall_type .el-button + .el-button {
  margin-left: -1px;
  border-radius: 0;
}
.live_hall_type .el-button:first-child {
  border-radius: 8px 0px 0px 8px;
}
.live_hall_type .el-button:last-child {
  border-radius: 0px 8px 8px 0px;
}

.card_list_item {
  height: 135px;
  width: 355px;
  background: var(--live_plazaSchedule_cardBg);
  border-radius: 6px;
  box-shadow: var(--live_plazaSchedule_cardBgShadow);
}
.card_list_item .league_img {
  width: 22px;
  height: 22px;
}
.card_item_header {
  border-bottom: 1px solid var(--live_plazaSchedule_cardUpDownLine);
  width: calc(100% - 20px);
  margin: auto;
  padding: 10px 0;
  font-size: 12px;
  position: relative;
  color: var(--event_titleTxt01);
}
.card_list {
  display: inline-flex;
  transition: all 0.5s ease-in-out;
}
.card_list_item + .card_list_item {
  margin-left: 13px;
}
.live_hall_card {
  position: relative;
  height: 150px;
}
.card_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 201;
  border-radius: 50px;
}
.card_arrow_left {
  left: -15px;
}
.card_arrow_right {
  right: -15px;
}
.card_list_mask {
  width: 1200px;
  overflow: hidden;
  height: 150px;
  padding-left: 5px;
  margin-left: -5px;
  padding-top: 5px;
  margin-bottom: 15px;
}
.icon_anchor {
  border-radius: 2px;
  width: 16px;
  height: 16px;
  background: var(--function_error);
  position: relative;
}
.icon_anchor--line {
  display: block;
  position: absolute;
  width: 2px;
  height: 10px;
  border-radius: 1px;
  background: var(--icon_fixWhite);
  left: 50%;
  transform: translateX(-50%);
  bottom: 3px;
}
.icon_anchor--line::before,
.icon_anchor--line::after {
  content: '';
  position: absolute;
  width: 2px;
  border-radius: 1px;
  background: var(--icon_fixWhite);
  bottom: 0px;
}
.icon_anchor--line::before {
  height: 6px;
  left: -4px;
}
.icon_anchor--line::after {
  height: 4px;
  right: -4px;
}
.card_list_item .anchor_img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
}
.card_list_item .live_img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.card_item_info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
.card_item_anchor {
  font-size: 12px;
  width: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--live_plazaSchedule_cardLeftRightLine);
  position: relative;
}
.card_item_liveAnchor {
  font-size: 12px;
  width: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.card-item-pk-live-icon {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 19%;
}
.card-item-pk-live-icon > img {
  width: 12px;
  height: 14px;
}
.card-item-red-packet-live-icon {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 19%;
}
.card-item-red-packet-live-icon > img {
  width: 24px;
  height: 24px;
}
:root {
  --team-img: 30px;
  --team-row: row;
  --team-left-row: row;
  --team-right-row: row-reverse;
  --team-info-row: column;
  --team-width: 120px;
  --team-left-align: flex-start;
  --team-right-align: flex-end;
  --team-margin: 5px 0;
  --score-size: 20px;
}
[anchor-item='true'] {
  --team-img: 20px;
  --team-row: column;
  --team-left-row: row;
  --team-right-row: row;
  --team-info-row: row;
  --team-width: 170px;
  --team-left-align: center;
  --team-right-align: center;
  --team-margin: 0 5px;
  --score-size: 18px;
}
.card_team_img {
  width: var(--team-img);
  height: var(--team-img);
}
.card_item_liveTitle {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 0 0;
  cursor: pointer;
}
.card_liveTitle_title {
  width: 100%;
  max-width: 260px;
  padding: 5px 0;
  font-size: 16px;
  color: var(--nav_btnTxt);
}
.card_liveTitle_anchorName {
  width: 100%;
  max-width: 260px;
  padding: 5px 0;
  font-size: 14px;
  color: var(--live_plazaSchedule_anchorNameTxt);
}
.card_item_team {
  flex: 1;
  display: flex;
  flex-direction: var(--team-row);
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.card_team_info {
  display: flex;
  flex-direction: var(--team-info-row);
  align-items: center;
}
.card_team_left {
  display: flex;
  justify-content: space-between;
  flex-direction: var(--team-left-row);
  align-items: center;
  width: 100%;
  padding: 5px 0;
}
.card_team_right {
  display: flex;
  justify-content: space-between;
  flex-direction: var(--team-right-row);
  align-items: center;
  width: 100%;
  padding: 5px 0;
}
.card_team_name {
  max-width: var(--team-width);
  font-size: 14px;
  color: var(--live_plazaSchedule_teamTxt);
  margin: var(--team-margin);
}
.card_team_score {
  font-size: var(--score-size);
  color: var(--live_plazaResult_totalScoreTxt);
  font-weight: bold;
}
.card_team_left .card_team_info {
  align-items: var(--team-left-align);
}
.card_team_right .card_team_info {
  align-items: var(--team-right-align);
}
.card_list_item.active {
  position: relative;
}
.card_list_item.active::after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 6px;
  border: 2px solid var(--live_plazaSchedule_cardBgBorder_active);
  left: 0;
  top: 0;
}
.card_list_item.active::before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: var(--live_plazaSchedule_cardBgBorder_active) transparent transparent transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.info_team_img {
  width: 42px;
  height: 42px;
}
.card_info {
  width: 12px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  margin: 0 2px;
  border-radius: 2px;
}
.card_yellow {
  background: var(--event_teamYellowCardBg);
  color: var(--event_teamCardTxt);
}
.card_red {
  background: var(--event_teamRedCardBg);
  color: var(--event_teamCardTxt);
}
.info_game_left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 74px;
}
.info_game_right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 74px;
}
.info_game_right .info_btn {
  display: flex;
  padding: 2px 23px;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  border: none;
  border-radius: 100px;
  background: var(--nav_btnBg);
  box-shadow: var(--nav_btnShadow);
  min-width: 80px;
  min-height: 32px;
}
.info_game_right .info_img {
  width: 16px;
  height: 16px;
}
.info_game_right .info_msg {
  color: var(--nav_btnTxt);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.info_game_right .disable_info_msg {
  color: var(--nav_btnTxt_dis);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.info_game_img {
  width: 52px;
  height: 35px;
}
.info_game_name {
  overflow: hidden;
  color: var(--nav_btnTxt);
  text-overflow: ellipsis;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.info_game_anchor_img {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  overflow: hidden;
}
.info_team_score {
  color: var(--nav_btnTxt);
  font-weight: bold;
  font-size: 26px;
  min-width: 60px;
}
.info_team_name {
  font-size: 14px;
  color: var(--live_plazaSchedule_teamTxt);
  padding-bottom: 5px;
  max-width: 270px;
}
.info_game_time {
  font-size: 13px;
  color: var(--live_plazaSchedule_timeTxt);
  min-width: 80px;
  text-align: center;
}
.info_game_corner {
  font-size: 12px;
  color: var(--live_plazaSchedule_dataTxt);
  padding-top: 5px;
}
.info_game_corner_icon {
  width: 9px;
  height: 9px;
  margin-right: 5px;
  display: block;
  position: relative;
  font-size: 15px;
}
.info_otherLive_title {
  color: var(--nav_btnTxt);
  font-weight: bold;
  font-size: 20px;
  max-width: 1200px;
}
.info_otherLive_img {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.info_otherLive_anchor {
  font-size: 14px;
  color: var(--live_plazaSchedule_teamTxt);
}
.info_otherLive_time {
  font-size: 12px;
  color: var(--live_plazaSchedule_teamTxt);
}
/* .more_link_btn{
	border: 1px solid var(--anchor-info-border);
	border-radius: var(--button-radius);
	min-width: 75px;
	min-height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--anchor-info-title);
	font-size: 12px;
	margin-top: 20px;
} */
/* .bet_area_name{
	position: relative;
	font-size: 12px;
	background: var(--league-filter-bg);
	padding-left: 20px;
	margin: 5px 0;
} */
/* .bet_area_name::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 55%;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    background: var(--icon_primaryS_normal);
  } */
.bet_area_btn {
  padding: 7px 2px;
}
.bet_area_btn .bet_btn.el-button {
  height: 36px;
  line-height: 1;
  margin: 0 5px;
}
.bet_area_team {
  font-size: 12px;
  color: var(--anchor-info-title);
  text-align: center;
  padding-top: 5px;
}
.bet_area_info {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.bet_area_markets,
.bet_area_info .bet_area_markets div {
  width: 100%;
}
.bet_area_no_bet {
  width: 100%;
  height: 100%;
}
.bet_area_no_bet img {
  width: 150px;
  height: 150px;
}
.bet_area_no_bet p {
  margin-top: 12px;
  color: var(--function_systemNoticeTxt);
}
.video_game_playground {
  display: flex;
  padding: 12px 16px 12px 12px;
  gap: 16px;
}
.video_game_left_area {
  width: 281px;
  height: 500px;
  flex-shrink: 0;
  border-radius: 6px;
}
.video_game_right_area {
  width: 569px;
  height: 481px;
  flex-shrink: 0;
}
.video_game_right_ifram_area {
  width: 569px;
  height: 481px;
  border-radius: 15px;
  border: 0;
}
.video_game_right_maintain_area {
  width: 577px;
  height: 500px;
  flex-shrink: 0;
}
.video_game_right_maintain_img {
  width: 569px;
  height: 481px;
  flex-shrink: 0;
}
.video_area,
.video_area > *,
.video_area_info > * {
  width: 100%;
  height: 100%;
}
.video_area_animation {
  width: 100%;
  height: 100%;
}
.video_area_info {
  color: var(--live_fullScreenV_topInfoTxt);
  background-color: var(--mask);
}
.video_info_sport_background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video_info_sport_background_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--mask);
}
.video_area_info .anchor_img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
}
.video_area_info .anchor_name {
  font-size: 12px;
  text-align: center;
}
.video_info_wait {
  font-size: 16px;
  text-align: center;
  background: var(--mask);
  background-clip: text;
  -webkit-background-clip: text;
  color: var(--live_halfscreenFullScreenV_noticeTxt02);
}
.video_info_event_name {
  font-size: 12px;
  text-align: center;
}
.video_info_team_img {
  width: 42px;
  height: 42px;
}
.video_info_team_name {
  font-size: 14px;
  width: 220px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /*行數*/
  -webkit-box-orient: vertical;
  white-space: normal;
}
.video_info_game_time {
  font-size: 12px;
  text-align: center;
}
.video_disclaimer_mask {
  width: 100%;
  height: 100%;
  z-index: 2;
}
.video_disclaimer_box {
  width: 100%;
  height: 100%;
  position: relative;
}
.video_disclaimer {
  position: absolute;
  width: 268px;
  padding: 12px;
  top: 41px;
  right: 14px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border: 1px solid var(--video-disclaimer-tips-border);
}
.video_disclaimer_icon {
  position: absolute;
  border: 2px solid var(--video-disclaimer-border);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  top: 14px;
  right: 14px;
  z-index: 2;
}
.video_disclaimer_icon::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: var(--video-disclaimer-text);
  border-radius: 50px;
  left: 50%;
  top: 3px;
  transform: translateX(-50%);
}
.video_disclaimer_icon::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 7px;
  background: var(--video-disclaimer-text);
  border-radius: 50px;
  left: 50%;
  bottom: 3px;
  transform: translateX(-50%);
}
.video_disclaimer_icon.active::before,
.video_disclaimer_icon.active::after {
  background: var(--video-disclaimer-text-active);
}
.video_disclaimer_title {
  font-size: 14px;
}
.video_disclaimer_content {
  font-size: 12px;
  line-height: 22px;
  margin-top: 4px;
}

/*遊戲下拉選單返水跟標題*/
.type_img_text {
  font-family: sans-serif;
  font-size: 18px;
  transform: scaleX(0.98);
  transform-origin: left center;
  margin-bottom: 10px;
  color: var(--n2casino_mainTitlelEnTxt);
}
.game_fs_text {
  font-size: 95px;
  font-family: 'AKROBAT';
  white-space: nowrap;
  height: 100px;
  line-height: 100px;
}
.game_fs_text > div {
  display: inline-block;
  transform: scaleX(0.8);
  transform-origin: left center;
  letter-spacing: -6px;
  color: var(--n2casino_mainTitlelTxt);
}
.game_fs_text div:first-child {
  padding-right: 18px;
}
.game_fs_text div:first-child::after {
  content: '';
  display: inline-block;
  width: 11px;
  height: 10px;
  background: var(--n2casino_mainTitlelTxt);
  transform: translateX(14px);
}
.game_fs_text div:last-child {
  margin-left: -13px;
}
.game_fs_text div:last-child::after {
  content: '%';
  display: inline-block;
  font-size: 45px;
  font-weight: bold;
  transform: scaleY(0.6) translateY(10px);
  padding-left: 10px;
  color: var(--n2casino_mainTitlelTxt);
  padding-right: 10px;
}

/*聊天室*/
.chat-close {
  height: calc(580px - 74px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.chat-close.has-anchor-info {
  height: calc(580px - 74px - (56px + 5px) - 60px); /* 減去 anchor-info、sendbox高度 */
}

.chat-close-img {
  width: 150px;
  height: 150px;
  display: block;
}

.chat-close-message {
  display: flex;
  justify-content: center;
  color: var(--function_systemNoticeTxt);
  margin-top: 12px;
}

.chat-anchor-info {
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: left;
  align-items: center;
  background-color: var(--floor__1);
  margin-bottom: 5px;
  padding: 8px 12px;
  position: sticky;
  top: 0;
  z-index: 1;
}

.chat-anchor-info .chat-anchor-img {
  width: 28px;
  height: 28px;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
}

.chat-anchor-btn-box {
  display: flex;
  position: absolute;
  width: 100px;
  right: 0px;
  align-items: center;
  justify-content: flex-end;
  margin: 10px;
}

.chat-anchor-title {
  padding-left: 8px;
  font-weight: 500;
  color: var(--live_halfScreen_anchorCardName);
}

.chat-anchor-follow {
  display: flex;
  height: 24px;
  width: 24px;
  padding: 0px 3px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 100px;
  background: var(--icon_bg02);
  box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
  cursor: pointer;
}

.chat-anchor-follow-show {
  display: flex;
  width: 60px;
  height: 24px;
  padding: 0px 4px;
  gap: 2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  cursor: pointer;
  border-radius: 100px;
  border: var(--live_halfScreen_anchorCardFollowBorder_on);
  background: var(--live_halfScreen_anchorCardFollowBg_on);
  box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
}

.chat-anchor-follow-show-active {
  display: flex;
  position: absolute;
  padding: 0px 4px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
}

.chat-anchor-follow-show-text {
  color: var(--live_halfScreen_anchorCardFollowAmount);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}

.chat-scroll-btn {
  display: flex;
  padding: 8px 12px;
  position: absolute;
  top: 350px;
  right: 0;
  z-index: 1;
}

.chat-scroll-btn-img {
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.chat-window {
  width: 100%;
  overflow-y: auto;
  font-family: PingFang SC;
}

.chat-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0px 10px 10px 10px;
}

.chat-message {
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  word-break: break-all;
  display: flex;
}

.chat-message .chat-player {
  white-space: nowrap;
  color: var(--live_halfScreen_chatRoomMsgTxt_normal);
  cursor: pointer;
}

.chat-message .chat-player-content {
  white-space: pre-wrap;
  color: var(--live_halfScreen_chatRoomMsgTxt_normal);
}

.chat-message .chat-anchor-content {
  white-space: pre-wrap;
  color: var(--live_common_chatRoomMsgTxt_anchor);
}

.chat-message .chat-official-content {
  white-space: pre-wrap;
  color: var(--live_common_chatRoomMsgTxt_official);
}

.chat-message .chat-guess-content {
  white-space: pre-wrap;
  color: var(--live_common_chatRoomMsgTxt_guess);
}

.chat-message .chat-tag {
  word-wrap: break-word;
  display: inline-block;
  margin-right: 4px;
}
.chat-message .chat-tag:last-of-type {
  margin-right: 0;
}
.chat-message .chat-tagged {
  color: var(--live_common_chatRoomMsgTxt_tag);
  font-weight: 600;
}

.chat-auto-message-btn {
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  width: 54px;
  min-height: 28px;
}
.chat-auto-message-btn.theme_main_btn.el-button {
  border-radius: 40px;
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
}

.chat-icon {
  width: 14px;
  height: 20px;
}

.chat-title {
  width: 45px;
  font-size: 12px;
  color: var(--live_common_chatRoomLabelTxt);
  font-weight: bold !important;
  text-align: center;
}
.chat-title .anchor {
  width: 40px;
  background-color: var(--live_common_chatRoomMsgTxt_anchor);
  border-radius: 2px;
}

.chat-title .official {
  width: 40px;
  background-color: var(--live_common_chatRoomMsgTxt_official);
  border-radius: 2px;
}

.chat-title .guessing {
  width: 40px;
  background: var(--live_common_chatRoomMsgBg_guess);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat-system-title {
  width: 74px;
  font-size: 14px;
  color: var(--live_common_chatRoomMsgTxt_emphasize);
}

.chat-system-content {
  flex: 1 1 0%;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  word-break: break-all;
  color: var(--live_common_chatRoomMsgTxt_emphasize);
}

.chat-input-container {
  position: relative;
  width: 100%;
}
.chat-input-outer {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--live_halfScreen_chatRoomInputBg);
  padding-left: 8px;
}
.chat-input-tag {
  padding: 0 4px;
  background: var(--chat-input-tag-bg);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: var(--chat-input-tag-text);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.chat-input-tag span {
  margin-right: 2px;
}
.close-input-tag {
  color: var(--chat-input-tag-remove);
}
.chat-input {
  display: flex;
  padding: 8px 30px 8px 4px;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  width: 100%;
  background-color: var(--live_halfScreen_chatRoomInputBg);
  font-family: PingFang;
  color: var(--input_messageNormalTxt);
}
.chat-input::placeholder {
  color: var(--live_halfScreen_chatRoomInputTxt_Prompt);
}

.chat-input-button {
  padding-left: 5px;
  background-color: transparent;
  cursor: pointer;
}
.chat-input-emoji-box {
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 8px;
  top: 50%;
  right: 1%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-sendbox {
  width: 100%;
  height: 60px;
  padding: 12px 6px 12px 12px;
  box-shadow: var(--popup_sheet_commonBtmShadow02);
  display: flex;
  background: var(--popup_sheet_commonBtmBg02);
}

.chat-sticker-img-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: baseline;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-sticker-container {
  background: var(--popup_sheet_commonBg01);
  display: flex;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 318px;
  bottom: 0;
}

.chat-sticker {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: 300px;
  height: 275px;
  overflow-y: auto;
  gap: 16px;
  padding: 5px 18px 0 18px;
}

.chat-sticker-lock-bg {
  display: flex;
  width: 14px;
  height: 14px;
  justify-content: center;
  align-items: center;
  background: var(--fixB_50);
  border-radius: 10px;
}

.chat-sticker-lock {
  position: absolute;
  font-size: 12px;
  color: var(--icon_fixWhite);
  position: relative;
  z-index: 1;
  display: flex;
  width: 14px;
  height: 14px;
  right: 0;
  bottom: 0px;
}

.chat-sticker-img {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.chat-room-sticker-img {
  width: 40px;
  height: 40px;
}

.chat-sticker-tag-container {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: var(--chat-sticker-tag-icon);
}

.chat-sticker-tag-arrow-left {
  position: sticky;
  display: flex;
  width: 30px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: var(--popup_sheet_commonBg01);
}

.chat-sticker-tag-arrow-right {
  position: sticky;
  display: flex;
  width: 30px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: var(--popup_sheet_commonBg01);
}

.chat-sticker-tag {
  display: inline-flex;
  justify-content: flex-start;
  justify-items: center;
  align-items: center;
  position: absolute;
  top: 275px;
  left: 0;
  width: 300px;
  height: 46px;
  flex: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: auto;
  background: var(--popup_sheet_commonBg01);
}

.chat-sticker_tag_default_img {
  font-size: 20px;
}

.chat-sticker_tag_lock_mask {
  position: absolute;
  width: 28px;
  height: 17px;
  border-radius: 28px;
  margin-top: 10px;
  z-index: 1;
}

.chat-sticker-tag-img {
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.chat-sticker-tag-img:focus {
  background-color: red;
}

.chat-sticker-tag-lock-mask {
  display: flex;
  position: absolute;
  width: 28px;
  height: 17px;
  border-radius: 28px;
  margin-top: 10px;
  z-index: 1;
  background: var(--mask);
  justify-content: center;
  align-items: center;
  top: 5px;
}

.chat-sticker-tag-lock {
  font-size: 12px;
  color: var(--icon_fixWhite);
}

.chat-unlock-area {
  display: flex;
  height: 20px;
  flex-shrink: 0;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.chat-unlock-img {
  width: 56px;
  height: 20px;
}

.chat-unlock-tooltips {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
}

.chat-unlock-tip {
  display: inline-table;
  position: absolute;
  max-width: 200px;
  z-index: 2;
  top: 25px;
  padding: 8px;
  height: 64px;
  border-radius: 4px;
  background: var(--popup_tooltips01_bg);
  border: 1px solid var(--popup_tooltips01_border);
  box-shadow: var(--popup_tooltips01_shadow);
}

.chat-unlock-tip-msg {
  display: flex;
  position: relative;
  z-index: 1;
  color: var(--popup_tooltips01_txt);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  max-width: 200px;
  white-space: pre-wrap;
}

.chat-unlock-tip-title-bg {
  width: 58px;
  height: 20px;
  border-radius: 4px;
  background: var(--live_halfScreen_chatRoomStickerUnlockBg);
  padding: 0 8px 0 8px;
  box-shadow: var(--live_halfScreen_chatRoomStickerUnlockShadow);
}

.chat-unlock-tip-title {
  color: var(--live_halfScreen_chatRoomStickerUnlockText);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  gap: 2px;
}
.chat-unlock-tip-title .el-icon-lock {
  color: var(--icon_primaryS_normal);
}
.chat-unlock-tip-text {
  display: flex;
  color: var(--live_halfScreen_chatRoomKBNormalTxt1);
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 208px;
  overflow: hidden;
}

.chat-unlock-error {
  display: flex;
  position: absolute;
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  top: 50%;
  flex-shrink: 0;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.5);
}

.chat-unlock-error-text {
  color: #fff;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.chat-sendbox .send-icon {
  padding-left: 5px;
  width: 30px;
  height: 30px;
}

.chat-speech-guide-mask-view {
  position: absolute;
  top: 125px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.chat-speech-guide-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 16px 16px;
  background: var(--popup_sheet_commonBg01);
  color: var(--popup_sheet_restrictTitle);
}

.chat-speech-guide-info-block-inner {
  position: relative;
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--popup_sheet_restrictBorder01);
  background: var(--caht-room-speech-normal-bg);
  padding: 16px;
}

.chat-speech-guide-info-block-inner-error-border {
  border: 1px solid var(--popup_sheet_restrictBorder02);
}

.chat-speech-guide-inner-info-box {
  width: 100%;
  height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.chat-speech-guide-inner-info-title {
  display: flex;
  font-size: 14px;
  color: var(--popup_sheet_restrictText01);
}

.chat-speech-guide-inner-info-text {
  font-size: 14px;
  font-weight: bold;
  color: var(--popup_sheet_restrictText02);
}

.chat-speech-guide-inner-info-error-text {
  color: var(--function_error);
}
.chat-speech-guide-inner-info {
  color: var(--popup_sheet_restrictText02);
}

.chat-speech-guide-match-style {
  position: absolute;
  top: 0;
  right: 0;
}

.chat-speech-guide-match-img {
  width: 36px;
  height: 16px;
}

.chat-speech-guide-match-text {
  width: 36px;
  height: 16px;
  text-align: center;
  font-size: 11px;
  color: var(--popup_sheet_restrictLabelTxt);
  background: var(--popup_sheet_restrictLabelBg);
  border-radius: 0 30px 0 50px;
}

.chat-anchor-dialog-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--mask);
  z-index: 1;
}

.chat-anchor-dialog-container {
  display: flex;
  position: absolute;
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
  background: var(--popup_sheet_commonBg01);
  bottom: 0;
  z-index: 1;
  border-radius: 8px 8px 0 0;
}

.chat-anchor-dialog-bg {
  width: 300px;
  height: 63px;
  background: var(--chat-anchor-dialog-bg);
}

.chat-anchor-dialog-top {
  display: flex;
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 0px;
  background: var(--popup_popup_commonBg);
}

.chat-anchor-content-top .chat-anchor-avatar-box {
  display: flex;
  width: 105px;
  flex-direction: column;
  align-items: center;
  gap: -23px;
  flex-shrink: 0;
}

.chat-anchor-content-top .chat-anchor-avatar {
  display: flex;
  width: 72px;
  height: 72px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}

.chat-anchor-dialog-content {
  display: flex;
  padding: 10px 5px 10px 5px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.chat-anchor-dialog-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 63px;
  border-radius: 8px;
  background-image: var(--live_hostList_LinearBg);
}

.chat-anchor-dialog-content-top {
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 1;
}

.chat-anchor-dialog-content-top .chat-anchor-avatar-box {
  display: flex;
  width: 105px;
  flex-direction: column;
  align-items: center;
  gap: -23px;
  flex-shrink: 0;
}

.chat-anchor-dialog-content-top .chat-anchor-avatar-circle {
  position: absolute;
  width: 80px;
  height: 80px;
}

.chat-anchor-dialog-content-top .chat-anchor-icon-box {
  display: flex;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 12px;
  z-index: 2;
}

.chat-anchor-dialog-content-top .chat-anchor-icon-close {
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  color: var(--icon_navArrow);
}

.chat-anchor-dialog-content-top .chat-anchor-avatar {
  display: flex;
  width: 52px;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}

.chat-anchor-content-top {
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 1;
}

.chat-anchor-content-top .intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  z-index: 1;
}

.chat-anchor-content-top .chat-anchor-avatar-circle {
  position: absolute;
  width: 80px;
  height: 80px;
}

.chat-anchor-steam-status {
  display: flex;
  position: absolute;
  bottom: 20px;
  padding: 2px 4px;
  align-items: center;
  gap: 2px;
  border-radius: 12px;
  color: var(--live_hostList_tagTxt);
}

.chat-anchor-steam-status-text {
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.chat-anchor-steam-status.online {
  background: var(--live_hostList_onAirTagBg);
}

.chat-anchor-steam-status.reservation {
  background: var(--live_hostList_reserveTagBg);
}

.chat-anchor-steam-status .online-icon {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 3.333px 3.333px 3.03px 3.333px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chat-anchor-dialog-content-top .intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4px;
  z-index: 1;
}

.chat-anchor-dialog-content-top .title {
  color: var(--live_hostList_hostNameTxt);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 100% */
}

.chat-anchor-dialog-content-top .follow-count {
  color: var(--live_hostList_subTxt);
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 175% */
}

.chat-anchor-hit-rate {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #d3b599;
  font-family: 'PingFang SC';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-hit-rate-area {
  display: flex;
  /*width: 172px;*/
  height: 25px;
  align-items: center;
  gap: 4px;
}

.chat-anchor-hit-rate-border {
  display: flex;
  padding: 0 0 0 8px;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  background: var(--live_hostList_rateBg);
}

.chat-anchor-hit-rate-text {
  color: var(--live_hostList_rateNumberBg);
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 175% */
}

.chat-anchor-hit-rate-percentage {
  display: flex;
  padding: 1px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--live_hostList_rateNumberBg);
  color: var(--live_hostList_rateTxt);
}

.chat-anchor-hit-rate .tag-area .tag-text {
  color: var(--live_halfScreen_anchorCardTopicLabelTxt);
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-dialog-content-top .tag-area {
  display: flex;
  width: 43px;
  height: 16px;
  padding: 1px 2px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  background: var(--live_halfScreen_anchorCardTopicLabelBg);
}

.chat-anchor-dialog-content-top .tag-area .tag-img {
  width: 12px;
  height: 12px;
}

.chat-anchor-dialog-content-top .tag-area .tag-text {
  color: var(--live_halfScreen_anchorCardTopicLabelTxt);
  font-family: 'PingFang SC';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-dialog-content-bottom {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  align-self: stretch;
  overflow: hidden;
  color: var(--live_hostList_subTxt);
  text-overflow: ellipsis;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-dialog-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  padding: 12px 8px;
  gap: 11px;
  align-self: stretch;
}

.chat-anchor-dialog-btn-left {
  display: flex;
  height: 40px;
  padding: 0px 20px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex: 1 0 0;
  border-radius: 4px;
  border: var(--chat-anchor-dialog-btn-left-border);
  color: var(--chat-anchor-dialog-btn-left-color);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.chat-anchor-dialog-btn-right {
  display: flex;
  height: 40px;
  padding: 0px 7px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 4px;
  background: var(--chat-primary-color);
  box-shadow: -0.528px 0.528px 3.169px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.chat-anchor-dialog-hit-rate {
  display: flex;
  align-items: center;
  gap: 1px;
  font-family: 'PingFang SC';
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 120% */
}

.chat-anchor-dialog-hit-rate-area {
  display: flex;
  /*padding: 0px 0px 0px 2px;*/
  width: auto;
  height: 16px;
  align-items: center;
  /*gap: 2px;*/
}

.chat-anchor-dialog-hit-rate-border {
  display: flex;
  padding: 0 0 0 2px;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  background: var(--live_hostList_rateBg);
}

.chat-anchor-dialog-hit-rate-text {
  color: var(--live_hostList_rateNumberBg);
  font-family: 'PingFang SC';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 120% */
}

.chat-anchor-dialog-hit-rate-percentage {
  display: flex;
  padding: 1px 4px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  background: var(--live_hostList_rateNumberBg);
  color: var(--live_hostList_rateTxt);
}

.chat-general-info-text {
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
}

.chat-general-info-box {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.chat-general-info-description {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.chat-general-button-area {
  display: flex;
  flex-direction: row;
  padding: 0px 24px 24px 24px;
  align-items: center;
  gap: 32px;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.chat-general-btn {
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.chat-general-btn .chat-general-button-cancle {
  display: flex;
  height: 45px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: var(--chat-general-button-cancle-border);
  color: var(--chat-general-button-cancle-color);
  background: var(--chat-general-button-cancle-bg);
}

.chat-general-btn .chat-general-button-confirm {
  display: flex;
  height: 45px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  background: var(--chat-general-button-confirm-bg);
  box-shadow: -0.5px 0.5px 3px 0px rgba(0, 0, 0, 0.15);
  color: var(--chat-general-button-confirm-color);
  border: 1px solid var(--chat-general-button-confirm-border);
}

.chat-transfer-info-box {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.chat-transfer-info-description {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.chat-transfer-info {
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  border: var(--chat-transfer-info-border);
  background: var(--chat-transfer-info-bg);
}

.chat-transfer-info-text {
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.chat-transfer-info-title {
  color: var(--chat-transfer-info-title);
}

.chat-transfer-info-anchor {
  display: flex;
  text-align: center;
  justify-content: center;
  width: 200px;
}

.chat-transfer-info-anchor-nickname {
  color: var(--chat-transfer-info-anchor-nickname);
}

.chat-transfer-info-anchor-img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 15px;
}

.chat-transfer-button-area {
  display: flex;
  flex-direction: row;
  padding: 0px 24px 24px 24px;
  align-items: center;
  gap: 32px;
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.chat-transfer-btn {
  font-family: PingFang SC;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.chat-transfer-btn .chat-transfer-button-cancle {
  display: flex;
  height: 45px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  border: var(--chat-transfer-button-cancle-border);
  color: var(--chat-transfer-button-cancle-color);
  background: var(--chat-transfer-button-cancle-bg);
}

.chat-transfer-btn .chat-transfer-button-confirm {
  display: flex;
  height: 45px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 4px;
  background: var(--chat-transfer-button-confirm-bg);
  box-shadow: -0.5px 0.5px 3px 0px rgba(0, 0, 0, 0.15);
  color: var(--chat-transfer-button-confirm-color);
  border: 1px solid var(--chat-transfer-button-confirm-border);
}

/*#region 聊天室歡迎語入場特效*/
.chat_welcome_container {
  height: 80px;
  top: 120px;
  position: absolute;
}
.chat_welcome_default_bg_left {
  width: 126px;
  height: 40px;
  background: var(--chat-welcome-effect-default-bg);
}
.chat_welcome_default_bg_right {
  width: 84px;
  height: 40px;
  background-image: var(--chat-welcome-effect-default-bg-gradient);
}
.chat_welcome_bg {
  width: 210px;
  height: 40px;
  position: absolute;
}
.chat_welcome_vip_and_user_name_container {
  width: 170px;
}
.chat_welcome_vip_icon {
  height: 20px;
}
.chat_welcome_user_nick_name_text {
  height: 20px;
  font-size: 10px;
  text-align: center;
}
.chat_welcome_content_text {
  width: 170px;
  height: 20px;
  font-size: 10px;
  text-align: center;
}
.chat_welcome_svga {
  position: absolute;
  margin-left: 170px;
}

.chat-welcome-leave-active,
.chat-welcome-enter-active {
  transition: all 0.5s ease;
}

.chat-welcome-leave-from {
  transform: translateX(0%);
  opacity: 1;
}

.chat-welcome-leave-to {
  transform: translateX(-120%);
  opacity: 0.1;
}

.chat-welcome-enter-from {
  transform: translateX(-120%);
  opacity: 0.1;
}

.chat-welcome-enter-to {
  transform: translateX(0%);
  opacity: 1;
}
/*#endregion */

/*體育業主播列表*/
.anchor_list_header {
  background: var(--event_titleBg);
  height: 30px;
  font-size: 12px;
  padding: 0 5px;
  color: var(--event_titleTxt01);
}
.anchor_list_header .league_img {
  width: 22px;
  height: 22px;
}
.anchor_list .anchor_img {
  width: 40px;
  height: 40px;
  border-radius: 100px;
}
.anchor_list .team_img {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.anchor_list .anchor_list_team {
  max-width: 170px;
  color: var(--event_teamText);
}
.anchor_list .anchor_list_score {
  font-size: 18px;
  color: var(--icon_primaryS_normal);
}
.anchor_list {
  border-bottom: 1px solid var(--n5_sectionItem_border);
}
/*體育詳情賽況頁籤*/
.live_tools_tab > .el-tabs__header .el-tabs__item {
  min-width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 !important;
  color: var(--tools-tab-text);
}
.live_tools_tab > .el-tabs__header {
  margin: 0;
}
.live_tools_tab > .el-tabs__header {
  background: var(--tools-tab-bg);
  border-bottom: 1px solid var(--tools-tab-border);
}
.live_tools_tab > .el-tabs__header .el-tabs__item:hover,
.live_tools_tab > .el-tabs__header .el-tabs__item.is-active {
  color: var(--tools-tab-text-active);
}
.live_tools_tab > .el-tabs__header .el-tabs__active-bar {
  background-color: var(--tools-tab-text-active);
}
.disable > .pitch_box {
  cursor: no-drop !important;
}
.iconfont.icon-send {
  width: 25px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: transparent;
  background-clip: text;
  background-image: var(--icon_primaryL_04_normal);
}
.iconfont.icon-emoji {
  left: 0px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  /*color: transparent;*/
  background-clip: text;
  background-image: var(--icon_neutral01);
}
.iconfont.icon-keyboard {
  left: 0px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  /* color: transparent; */
  background-clip: text;
  background-image: var(--icon_neutral01);
}
.iconfont.icon-microphone {
  width: 20px;
  height: 20px;
  color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: transparent;
  background-clip: text;
  background-image: var(--live_halfScreen_anchorLive_microphone);
}
.iconfont.icon-shoucangA {
  font-size: 14px;
  color: var(--icon_primaryS_normal);
}
.iconfont.icon-shoucangB {
  font-size: 18px;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: var(--fixLive_heart);
}
.competition_collect.iconfont.icon-shoucangA {
  font-size: 18px;
  color: var(--function_error);
}
.ellipsis_tips.el-popper > .el-popper__arrow {
  display: block;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
}
.ellipsis_tips.el-popper {
  border: 1px solid rgba(225, 225, 225, 0.2);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.35);
}
.ellipsis_tips.el-popper > .el-popper__arrow::before {
  border: 1px solid rgba(225, 225, 225, 0.2);
  border-left: none;
  border-top: none;
}
.icon-sport-list-corner:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--function_error);
}
.icon-sport-list-corner:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.game_score_info {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
}
.game_score_info > .item {
  padding: 0 5px;
  position: relative;
}
.game_score_info > .item + .item::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--detail-info-text);
}
.game_score_icon {
  display: block;
  width: 9px;
  height: 9px;
  position: relative;
  margin-right: 5px;
}
/*遊戲直播未登入*/
.live_game_hall_no_login {
  display: flex;
  justify-content: center;
  width: 569px;
  height: 481px;
  background: var(--live_fullScreenH_chatRoomKBg);
  border-radius: 15px;
}
/*直播大廳限制*/
.live_hall_limit_mask_error {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  right: 300px;
  background: var(--live_fullScreenH_chatRoomKBg);
}

.live_hall_limit_mask {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 74px;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
.live_hall_limit_anchor {
  z-index: 2;
  width: 450px;
}
.live_hall_limit_anchor_no_login {
  position: absolute;
  z-index: 2;
  margin-left: 350px;
}
.limit_anchor_img {
  z-index: 2;
  width: 40px;
  height: 40px;
}
.limit_anchor_name {
  z-index: 2;
  color: var(--live_fullScreenV_topInfoTxt);
  font-size: 12px;
}
.limit_anchor_text {
  z-index: 2;
  font-size: 16px;
  text-align: center;
  color: var(--live_halfscreenFullScreenV_noticeTxt02);
}
.live_hall_limit_term {
  z-index: 2;
  width: 450px;
}
.limit_term_item {
  position: relative;
  width: 345px;
  padding: 15px;
  border-radius: 12px;
  margin: 5px 0;
  color: var(--live_fullScreenV_restrictText01);
}
.limit_term_item > * {
  position: relative;
  z-index: 2;
}
.limit_term_item.active {
  border: 1px solid var(--live_fullScreenV_restrictBorder02);
}
.limit_term_item.active .limit_term_times {
  color: var(--functionFix_error);
}
.limit_term_item::after {
  content: '';
  position: absolute;
  border-radius: 12px;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--live_fullScreenV_restrictBg02);
  border: 1px solid var(--live_fullScreenV_restrictBorder01);
}
.limit_term_item.active::after {
  background: var(--live_fullScreenV_restrictBg02);
  opacity: 0.1;
}
.limit_term_match {
  position: absolute;
  border-radius: 12px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--icon_primaryS_normal);
  color: var(--live_fullScreenV_restrictLabelTxt);
  font-size: 12px;
  right: 0;
  top: 0;
  padding: 0 5px;
}
.limit_term_note {
  width: 100%;
  padding: 5px 0;
}
.limit_term_note > p {
  max-width: 250px;
  word-break: break-word;
}
.limit_term_note > p:last-child {
  max-width: 50px;
  word-break: break-word;
  color: var(--live_fullScreenV_restrictText02);
}

.live_container {
  width: 1273px !important;
  padding: 27px 38px 42px 33px;
  background: var(--live-default-bg);
  background-blend-mode: multiply;
  border: 2px solid transparent;
  border-radius: 29px;
  transform: translateY(4%);
  margin: 0 auto;
}
.no_live_card_list_item {
  width: 356px;
  height: 123px;
  background: none;
  border-radius: 6px;
  box-shadow: var(--floor_0_shadow);
}
.no_live_card_list_item.active {
  position: relative;
}
.no_live_card_list_item.active::after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 6px;
  border: 2px solid var(--icon_primaryS_normal);
  left: 0;
  top: 0;
  z-index: 1;
}
.no_live_card_list_item.active::before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  border: 8px solid;
  border-color: var(--icon_primaryS_normal) transparent transparent transparent;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.no_live_card_list_item + .no_live_card_list_item {
  margin-left: 13px;
}
/*首頁投注彈窗*/
.bet_dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.bet_dialog_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5);
}
.bet_dialog_area {
  background: var(--floor_0);
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--cart_o_oddsTeamNews);
  font-size: 12px;
}
.bet_dialog_animation {
  animation: fadeIn 0.3s cubic-bezier(0, 0, 0.47, 1);
}
.bet_dialog_area .point_text:not([class$='_span']) {
  color: var(--cart_o_oddsTitle);
}
.bet_inquiry_info {
  min-height: 84px;
  position: relative;
  border-bottom: 1px solid var(--cart_o_cardBorder);
  overflow: hidden;
}
.bet_inquiry_info::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  top: 0;
  right: 85px;
  transform: translateY(-6px);
  pointer-events: none;
}
.bet_inquiry_info::after {
  content: '';
  position: absolute;
  pointer-events: none;
  right: 0;
  width: 91px;
  top: 10px;
  bottom: 0;
  border-left: 1px dashed var(--border_primaryL);
}
.bet_inquiry_stake {
  color: var(--bet-dialog-wager-text);
}
.quick_stake_btn {
  /* border: 1px solid var(--quick-stake-btn-border); */
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
  border-radius: 6px;
  flex: 1;
  height: 38px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.quick_stake_btn + .quick_stake_btn {
  margin-left: 5px;
}
.bet_dialog_input,
.bet_dialog_input .el-input__inner {
  font-size: 16px;
  font-weight: bold;
  border-color: var(--input_signIn02border_on);
}
.bet_dialog_input .el-input__prefix {
  color: var(--input_messageNormalTxt);
  padding-left: 8px;
}
.bet_outcome_info {
  border-bottom: 1px solid var(--bet-dialog-info-border);
}
.bet_outcome_info {
  height: 53px;
}
@keyframes fadeIn {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
.icon-check-record::before {
  position: absolute;
  color: var(--bet-dialog-text-active);
}
.icon-bet-alert {
  position: relative;
}
.icon-bet-alert::before {
  position: absolute;
  z-index: 1;
  color: var(--icon_popup_primaryS);
}
.icon-bet-alert::after {
  position: absolute;
  right: 0;
  z-index: 0;
  color: var(--icon_popup_secondary);
}
.icon-bet-alert > .iconfont {
  position: relative;
  z-index: 2;
  color: var(--icon_popup_primaryS);
}
.no_live_bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
  background: var(--floor_0);
}
.no_live_bg::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.5;
  background: var(--nolive-default-bg);
}
.no_live_bg::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: var(--nolive-default-bg-mask);
}
/* 直播影片區推單 */
.video_push_order_toggle {
  cursor: pointer;
  font-size: 12px;
  background: var(--push-order-toggle-bg);
  color: var(--push-order-toggle-text);
  position: absolute;
  border-radius: 4px 0 0 4px;
  top: 400px;
  right: 0px;
  padding: 4px 8px;
  transition: 0.3s;
  opacity: 0.9;
  z-index: 2;
}
.video_order_num {
  background: var(--pirmary-brightest);
  border-radius: 30% / 50%;
  color: var(--push-order-toggle-num-text);
  padding: 1px;
  padding-inline: 10px;
}
.video_push_order_toggle:active,
.video_push_order_toggle:focus,
.video_push_order_toggle:hover {
  background: var(--push-order-toggle-active);
  border-color: var(--push-order-toggle-active);
  color: var(--push-order-toggle-text-active);
  opacity: 0.9;
}

/* 直播影片區推單 transition 效果 */
.push_order_btn-enter-active,
.push_order_btn-leave-active {
  transition: all 0.25s ease;
}

.push_order_btn-enter-from,
.push_order_btn-leave-to {
  opacity: 0;
  transform: translateX(5px);
}

.push_order_list-enter-active,
.push_order_list-leave-active {
  transition: all 0.5s ease;
}

.push_order_list-enter-from,
.push_order_list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

.video_push_order_box {
  display: flex;
  flex-direction: row-reverse;
  max-width: 460px;
  height: 160px;
  position: absolute;
  top: 300px;
  right: 0;
  z-index: 2;
}

.video_push_order {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 1px;
  max-width: 460px;
  max-height: 158px;
  padding: 12px;
  border-radius: 6px;
  background-color: var(--push-order-area-bg);
  color: #fff;
}

.video_push_order_close_btn {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0;
  top: -8px;
  right: 12px;
  font-size: 20px;
  border-radius: 50%;
  background-color: var(--push-order-area-bg);
  color: #fff;
  z-index: 3;
}
/* 推單小卡樣式 */
.order_card {
  box-sizing: border-box;
  background-color: var(--push-order-card-bg);
  color: var(--push-order-card-txt);
  margin-inline: 1px;
  width: 140px;
  height: 134px;
  border-radius: 4px;
}
.order_card_title {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px 4px 0 0;
  height: 22px;
  font-size: 12px;
  line-height: 14px;
  background-color: var(--push-order-card-header-bg);
  color: var(--push-order-card-header-text);
}
.order_card_content {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  padding-inline: 8px;
  justify-content: center;
  align-items: center;
}
.order_card_content p {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
}
.order_odds_area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 4px;
  width: 100%;
  max-height: 24px;
  padding: 4px 8px 4px 8px;
  border: 1px solid var(--push-order-odds-area-border);
  border-radius: 4px;
  background: var(--push-order-odds-area-bg);
}
.order_gray {
  line-height: 16px;
  color: var(--push-order-card-subtxt);
}
.order_btn_list {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  justify-content: space-around;
  margin-inline: auto;
  margin-top: 8px;
  width: 90%;
}
.order_btn {
  width: 100%;
  min-height: 24px;
  padding: 4px;
  border-radius: 4px;
  background: var(--push-order-btn-gradient);
  color: var(--push-order-btn-txt);
  border: none;
  transition: 0.3s;
}
.order_btn.is-disabled {
  background: var(--push-order-btn-disabled-bg);
  color: var(--push-order-btn-txt);
}
.order_btn.is-disabled:hover,
.order_btn.is-disabled:focus,
.order_btn.is-disabled:active {
  cursor: not-allowed;
  background: var(--push-order-btn-disabled-bg);
  color: var(--push-order-btn-txt);
  filter: brightness(1);
}
.order_btn:hover,
.order_btn:active,
.order_btn:focus {
  background: var(--push-order-btn-gradient);
  color: var(--push-order-btn-txt);
  filter: brightness(1.05);
}
.push_order_ellipsis {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-room {
  position: relative;
}
.send-box-btn {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.open-share-order-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: transparent;
  background-clip: text;
  background-image: var(--icon_primaryL_04_normal);
}
.share-order-btn {
  margin-left: 8px;
}

.share-order-list {
  width: 100%;
  padding-bottom: 8px;
}

.footer-notice {
  height: 24px;
  display: flex;
  align-items: center;
  color: var(--n6_2_2vip_tblBtmTxt);
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.share-order-content .setting_i {
  border: 1px solid var(--icon_neutral03);
  border-radius: 2px;
  color: transparent;
  background: transparent;
}
.share-order-content .el-radio__input.is-checked + .el-radio__label .setting_i {
  background: var(--icon_primaryS_normal);
  color: var(--icon_select);
  border: none;
}

.share-order-content {
  width: 100%;
  margin-right: 0;
  margin-bottom: 8px;
  padding: 0 4px;
  height: auto;
}
.share-order-content:last-of-type {
  margin-bottom: 0;
}
.share-order-content .el-radio__label {
  display: flex;
  padding-left: 0;
  height: auto;
}
.share-order-item-container {
  width: calc(100% - 5px);
  border-radius: 10px;
  box-shadow: var(--live_halfScreen_showoffCardShadow);
  background: var(--live_halfScreen_showoffCardBg);
  position: relative;
  padding-bottom: 7px;
}

.share-order-item-container .order-beautify {
  width: 220px;
  height: 48px;
}
.share-order-item-container .order-top-area {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
}
.share-order-item-container .win-text {
  color: var(--live_halfScreen_showoffCardOld_titleWin);
}
.share-order-item-container .lose-text {
  color: var(--live_halfScreen_showoffCardOld_titleLose);
}
.share-order-item-container .settled-result {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-10deg);
}
.share-order-item-container .win-text > .settled-result {
  background-color: var(--live_halfScreen_showoffCardOld_titleWinBg);
}
.share-order-item-container .lose-text > .settled-result {
  background-color: var(--live_halfScreen_showoffCardOld_titleLoseBg);
}
.share-order-item-container .win-money {
  display: flex;
  align-items: center;
}
.share-order-item-container .order-top-area > .el-button {
  border-radius: 15px;
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
  min-height: 20px;
  padding: 0;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 600;
  width: 54px;
  border: none;
}
.share-order-item-container .order-top-area > .el-button:hover,
.order-top-area > .el-button:active,
.order-top-area > .el-button:focus {
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
}
.share-order-item-container .share-order-drawer > .footer .el-button:hover {
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
}
.share-order-item-container .can-win {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  width: 35px;
  margin-right: 4px;
  text-align: center;
}
.share-order-item-container .get-money {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 600;
}
.share-order-item-container .share-order-content-box {
  width: 85%;
  min-height: 20px;
  padding-left: 11px;
  padding-right: 17px;
  display: flex;
  align-items: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  white-space: break-spaces;
  word-break: break-all;
  overflow-wrap: break-word;
}
.share-order-item-container .share-order-content-box span {
  display: flex;
  align-items: center;
  height: 100%;
}
.share-order-item-container .color-default {
  color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .color-secondary {
  color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .bold-text {
  font-weight: 600;
  color: var(--live_halfScreen_showoffCardOld_typeTxt);
}
.share-order-item-container .odds {
  border-radius: 4px;
  background: var(--live_halfScreen_showoffCardOld_oddsBg);
  color: var(--live_halfScreen_showoffCardOld_oddsTxt);
  padding: 0 4px;
  margin-right: 3px;
}
.share-order-item-container .share-order-principal {
  width: 100%;
  color: var(--live_halfScreen_showoffCardOld_cotTxt);
  justify-content: flex-end;
}
.share-order-item-container .live-tag {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
}
.share-order-item-container .corner-icon {
  width: 15px;
  height: 13px;
}

.chat-share-order {
  width: 100%;
}
.chat-share-order-user {
  display: flex;
  margin-bottom: 5px;
}

/* 禮物 */
.open-gift-drawer-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: transparent;
  background-clip: text;
  background-image: var(--icon_primaryL_04_normal);
}
.gift-btn {
  margin-left: 4px;
}
.gift-drawer {
  width: 100%;
  height: 314px;
  position: relative;
  border-radius: 14px;
  background-color: var(--floor__1);
}
.gift-drawer .gift_detail {
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 14px;
  background-color: var(--floor__1);
}
.gift-drawer .gift_detail .gift_image {
  width: 52px;
  height: 52px;
  margin-right: 10px;
}

.gift-drawer .gift_detail .gift_info {
  display: flex;
  flex-direction: column;
}

.gift-drawer .gift_detail .gift_info .gift_name {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: var(--live_halfscreen_chatRoomGiftCardName);
}

.gift-drawer .gift_detail .gift_info .gift_amount {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--live_halfscreen_chatRoomGiftCardPrice);
  margin: 0;
}

.gift-drawer .el-overlay {
  position: relative;
  top: 0;
  left: 0;
}
.gift-drawer .el-drawer {
  height: calc(100% - 144px) !important;
}
.gift-drawer .el-drawer__body {
  position: relative;
  height: 100%;
}
.gift-drawer-header {
  height: 44px;
  padding: 0 8px 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--popup_sheet_commonBtmBg02);
  border-radius: 14px 14px 0 0;
}
.gift-drawer-header .el-checkbox__label {
  padding-left: 6px;
  color: var(--live_halfScreen_chatRoomKBNormalTxt1) !important;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}

.gift-drawer-footer-content .el-checkbox.is-checked .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--live_halfScreen_chatRoomKBNormalTxt1);
}

/* .el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--gift-text-default);
} */

.gift-drawer-footer-content .el-checkbox .el-checkbox__input .el-checkbox__inner {
  border-color: var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
}

.gift-drawer-footer-content .el-checkbox .el-checkbox__input .el-checkbox__inner:hover {
  border-color: var(--icon_neutral03);
}

.gift-drawer-footer-content .el-checkbox.is-checked .el-checkbox__input.is-checked .el-checkbox__inner::after {
  background-color: var(--icon_primaryS_normal);
  border-color: var(--icon_select);
}

.gift-drawer-amount-box {
  display: flex;
  align-items: center;
}
.gift-drawer-amount-label {
  color: var(--live_halfScreen_chatRoomKBNormalTxt2);
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
}
.gift-drawer-header .balance-text {
  color: var(--live_halfScreen_chatRoomKBNormalTxt1);
  font-family: Akrobat;
  font-size: 16px;
  font-weight: 600;
  margin-right: 4px;
  line-height: 100%;
}
.gift-recharge-btn {
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  width: 54px;
  min-height: 28px;
}
.gift-recharge-btn.theme_main_btn.el-button,
.gift-drawer-send-btn.theme_main_btn.el-button,
.gift-drawer-send-btn.theme_main_btn.el-button:hover {
  border-radius: 4px;
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
}

.gift-drawer-main {
  height: calc(100% - 44px - 86px);
  background-color: var(--floor_1);
  list-style: none;
  padding: 4px 16px 12px 16px;
  overflow-y: auto;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 78px);
}
.gift-content {
  position: relative;
  width: 78px;
  /* height: 80px; */
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  border: 2px solid transparent;
  cursor: pointer;
  padding-top: 3px;
}
.gift-content-selected {
  border: 1px solid var(--live_halfscreen_chatRoomGiftCard_on_border) !important;
  border-radius: 4px;
  background: transparent;
}
.gift-content img {
  width: 52px;
  height: 52px;
  margin-bottom: 2px;
}
.gift-content .gift-name {
  color: var(--live_halfscreen_chatRoomGiftCardName);
  font-family: PingFang SC;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.gift-content .gift-amount {
  color: var(--live_halfscreen_chatRoomGiftCardPrice);
  font-family: PingFang HK;
}
.gift-badge-stemp-select {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 17px 17px;
  border-color: transparent transparent var(--icon_primaryS_normal) transparent;
  border-radius: 4px;
}
.gift-badge-stemp-select::before {
  content: '';
  position: absolute;
  top: 10px;
  left: -7px;
  width: 3px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: var(--icon_select);
  transform: translateY(-50%) rotate(45deg);
}
.gift-badge {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 17px 17px;
  border-color: transparent transparent var(--icon_primaryS_normal) transparent;
  border-radius: 4px;
}
.gift-badge::before {
  content: '';
  position: absolute;
  top: 10px;
  left: -7px;
  width: 3px;
  height: 6px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: var(--icon_select);
  transform: translateY(-50%) rotate(45deg);
}

.gift-drawer-footer {
  height: 86px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--popup_sheet_commonBtmBg02);
  border-radius: 0 0 14px 14px;
}
.gift-drawer-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gift-drawer-footer-content > ul {
  display: flex;
}
.gift-footer-btn {
  width: 50px;
  height: 28px;
  color: var(--live_halfscreen_chatRoomGiftAmountTxt);
  background: var(--live_halfscreen_chatRoomGiftAmountBtn_bg);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid var(--live_halfscreen_chatRoomGiftAmountBtn_off_border);
  border-radius: 4px;
  cursor: pointer;
}
.gift-quantity {
  position: relative;
  width: 42px;
  margin-right: 2px;
}
.gift-quantity:last-of-type {
  margin-right: 0;
}
.gift-footer-btn.gift-quantity-selected {
  border-color: var(--live_halfscreen_chatRoomGiftAmountBtn_on_border);
  background: var(--live_halfscreen_chatRoomGiftAmountBtn_bg);
  color: var(--live_halfscreen_chatRoomGiftAmountTxt);
}
.gift-drawer-amount-text {
  font-family: Akrobat;
  font-size: 18px;
  font-weight: 600;
  color: var(--live_halfScreen_chatRoomKBNormalTxt1);
  margin-left: 4px;
}
.gift-drawer-send-btn {
  width: 110px;
  min-height: 34px;
  padding: 0;
}

.chat-gift-content-text {
  color: var(--live_fullScreenVH_chatRoomMsgTxt_gift) !important;
}

.chat-gift-content-text .chat-gift-content-player {
  cursor: pointer;
}

.chat-room-gift-img {
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.gift-effect-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
}
.gift-refresh-span {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--icon_neutral03);
  border-radius: 50px;
}
.gift-refresh-span.active {
  -webkit-animation: rotateIn 1s 0.2s linear infinite;
  -moz-animation: rotateIn 1s 0.2s linear infinite;
}
.gift-refresh-color {
  color: var(--icon_neutral03);
}

/* 聊天室稱號 */
.chatroom-badge-area {
  display: flex;
  align-items: flex-start;
  margin-right: 4px;
  flex-shrink: 0;
}
.chatroom-user-title {
  width: 58px;
  height: 20px;
  margin-left: 4px;
}
.user-title-dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.user-title-dialog-content img {
  width: 117px;
  height: 40px;
  margin-bottom: 8px;
}
.rules-area {
  display: flex;
}
.title-rules-tooltip-box {
  align-self: flex-end;
}
.title-rules-tooltip-box > .el-icon-warning-outline {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--icon_primaryS_normal);
  transform: rotate(180deg);
}
.user-title-rules-tooltip {
  background: var(--popup_tooltips01_bg) !important;
  color: var(--popup_tooltips01_txt);
  border: 1px solid var(--popup_tooltips01_border) !important;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) !important;
}
.user-title-rules-tooltip > .el-popper__arrow {
  display: block;
  top: -6px !important;
  left: 54.5% !important;
  transform: translate(-50%, 0) !important;
}
.user-title-rules-tooltip > .el-popper__arrow::before {
  background: var(--popup_tooltips01_bg) !important;
  border: 1px solid var(--popup_tooltips01_border) !important;
  border-left: none;
  border-top: none;
}

.user-title-desc-tooltip {
  background: var(--popup_tooltips01_bg) !important;
  color: var(--popup_tooltips01_txt);
  border: 1px solid var(--popup_tooltips01_border) !important;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35) !important;
}
.user-title-desc-tooltip > .el-popper__arrow {
  display: block;
  top: -6px !important;
  left: 50.5% !important;
  transform: translate(-50%, 0) !important;
}
.user-title-desc-tooltip > .el-popper__arrow::before {
  background: var(--popup_tooltips01_arrow) !important;
  border-left: 1px solid var(--popup_tooltips01_border) !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px solid var(--popup_tooltips01_border) !important;
}
.user-title-desc-tooltip .desc-content {
  width: 200px;
  white-space: pre-line;
  line-height: 20px;
}
.user-title-dialog-content .user-title-desc {
  white-space: pre-line;
  line-height: 20px;
  width: 186px;
}

/* 貢獻度排行榜 */
.contribution-ranking-btn {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  cursor: pointer;
}
.contribution-ranking-title {
  color: var(--contribution-Ranking-text-default);
  font-family: PingFang TC;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}
.contribution-ranking-drawer-list {
  height: calc(100% - 60px);
  overflow-y: auto;
  list-style: none;
  padding-bottom: 10px;
}
.contribution-ranking-drawer-no-data {
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--function_systemNoticeTxt);
}
.contribution-ranking-drawer-no-data > img {
  width: 135px;
  height: 126px;
  margin-bottom: 16px;
}
.contribution-ranking-drawer-list > li {
  padding-left: 6px;
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.contribution-ranking-drawer-list > li:last-of-type {
  margin-bottom: 0;
}
.ranking-sequence {
  width: 37px;
  color: var(--live_halfScreen_pkRankSheetNoTxt);
  font-family: Frick;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  -webkit-text-stroke: 1px var(--live_halfScreen_pkRankSheetNoTxt);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ranking-sequence > img {
  width: 26px;
  height: 26px;
}
.user-contribution-content {
  width: 246px;
  height: 37px;
  border: 1px solid var(--n1_4_GS_Border);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
}
.user-contribution-content .content-text {
  color: var(--live_halfScreen_pkRank_rankSheetTxt);
  font-family: PingFang HK;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
}
.user-contribution-content-name {
  max-width: 84px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.contribution-ranking-drawer-footer {
  height: 60px;
  padding-left: 6px;
  padding-right: 8px;
  box-shadow: var(--popup_sheet_commonBtmShadow02);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 聊天室搶紅包相關 */
.chatroom-red-envelope-icon {
  width: 20px;
  height: 20px;
}
/* 彈幕 */
.vjs-danmu-button {
  cursor: pointer;
}
.icon_barrage_outline {
  font-size: 1.8em;
  line-height: 1.67;
  position: relative;
}
.icon_barrage_show,
.icon_barrage_off {
  top: 50%;
  left: 50%;
  font-size: 1em;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--chat-barrage-color);
}
/* 主播下播 */
.anchor-close-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: PingFang TC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #fff;
  background-color: #1d1e1f;
  width: 100%;
  height: 100%;
}
.anchor-close-content > img {
  width: 50px;
  height: 50px;
  margin-bottom: 8px;
}

.deviceErr .el-input__inner {
  background: var(--input_signIn02bg);
  border: 1px solid var(--input_signIn02border);
  color: var(--input_signIn02txt);
  border-radius: 6px;
}
.deviceErr .el-input.is-disabled .el-input__inner {
  background: var(--input_signIn02bg);
  border: 1px solid var(--input_signIn02border);
  color: var(--input_signIn02txt);
  opacity: 1;
}
.deviceErr .verification_input .el-input__inner {
  border-radius: 6px 0 0 6px;
}

.el-switch__core {
  background: var(--toggle_bg_off);
  border: none;
}
.el-switch.is-checked .el-switch__core {
  background-color: var(--toggle_bg_on) !important;
}

/* 主播列表 */
.chat-anchor-list-dialog {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-anchor-list-search-bar {
  display: flex;
  padding: 20px;
  align-items: flex-start;
  gap: 80px;
}

.chat-anchor-list-search-input-box {
  display: flex;
  width: 280px;
  padding: 0 11px;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  background: var(--input_search_bg);
  z-index: 2;
}

.chat-anchor-list-search-input {
  color: var(--chat-anchor-list-search-input-color);
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  width: 230px;
  height: 20px;
  box-sizing: border-box;
}

.chat-anchor-list-search-input-clear {
  z-index: 10;
  cursor: pointer;
}

.chat-anchor-list-search-condition-container {
  display: flex;
  width: 280px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  left: 20px;
  top: 108px;
  background: var(--popup_dropdown01Bg);
  box-shadow: var(--popup_dropdown01Shadow);
  z-index: 4;
}

.chat-anchor-list-search-condition-no-data {
  display: inline-grid;
  width: 150px;
  height: 150px;
  padding: 11px 7px;
  justify-content: center;
  align-items: center;
}

.chat-anchor-list-search-condition-no-data-img {
  width: 135px;
  height: 126px;
  flex-shrink: 0;
  display: block;
}

.chat-anchor-list-search-condition-no-data-message {
  color: var(--chat-anchor-list-search-condition-no-data-message-color);
  justify-content: center;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-list-search-condition-container-mask {
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
}

.chat-anchor-list-search-condition-top-box {
  display: flex;
  min-height: 84px;
  padding: 10px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: var(--chat-anchor-list-search-condition-top-box-background);
}

.chat-anchor-list-search-condition-tips {
  width: 256px;
  height: 24px;
  color: var(--n1_1_5sport_historySearchTxt);
  font-family: 'PingFang SC';
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-bottom: 1px solid var(--n1_1_5sport_historySearchLine);
}

.chat-anchor-list-search-condition-tips img {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-bottom: 4px;
}

.chat-anchor-list-tab-container {
  display: flex;
  width: 536px;
  padding: 2px;
  align-items: flex-start;
  border-radius: 40px;
  background: var(--n1_2_1_1chat_tabBg);
}

.chat-anchor-list-tab-box {
  display: flex;
  width: 88px;
  height: 30px;
  padding: 5px 0px;
  justify-content: center;
  align-items: center;
  gap: -2px;
  flex: 1 0 0;
  cursor: pointer;
}

.chat-anchor-list-tab-box div.active {
  display: flex;
  width: 88px;
  height: 30px;
  padding: 5px 0px;
  justify-content: center;
  align-items: center;
  gap: -2px;
  flex: 1 0 0;
  border-radius: 100px;
  background: var(--n1_2_1_1chat_tab_on);
}

.chat-anchor-list-tab-box span {
  color: var(--n1_2_1_1chat_tabTxt_off);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
}

.chat-anchor-list-tab-box span.active {
  color: var(--n1_2_1_1chat_tabTxt_on);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
}

.chat-anchor-list-container-no-data {
  display: flex;
  height: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.chat-anchor-list-container-no-data-img {
  display: flex;
  width: 150px;
  height: 150px;
  padding: 11px 7px;
  justify-content: center;
  align-items: center;
}

.chat-anchor-list-container-no-data-message {
  color: var(--chat-anchor-list-container-no-data-message-color);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-list-container {
  display: flex;
  padding: 0px 20px 20px 20px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
  align-self: stretch;
  flex-wrap: wrap;
}

.chat-anchor-list-container .tag-area {
  display: flex;
  width: 58px;
  height: 25px;
  padding: 2px 4px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  background: var(--live_halfScreen_anchorCardTopicLabelBg);
}

.chat-anchor-list-container .tag-area .tag-img {
  width: 12px;
  height: 12px;
}

.chat-anchor-list-content-box {
  display: flex;
  position: relative;
  width: 442px;
  max-height: 155px;
  padding: 16px 14px;
  align-items: flex-start;
  gap: 16px;
  border-radius: 12px;
  background: var(--live_hostList_bg);
  box-shadow: var(--live_hostList_shadow);
}

.chat-anchor-list-content-box.__online {
  border: 1px solid var(--live_hostList_onAirBorder);
}

.chat-anchor-list-content-box.__reservation {
  border: 1px solid var(--live_hostList_reserveBorder);
}

.chat-anchor-list-follow-area {
  display: flex;
  position: absolute;
  width: 72px;
  height: 32px;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  right: 20px;
  top: 16px;
  border-radius: 50px;
  border: 1px solid var(--live_halfScreen_anchorCardFollowBorder_on);
  background: var(--live_halfScreen_anchorCardFollowBg_on);
  box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
  cursor: pointer;
  z-index: 2;
}

.chat-anchor-list-not-follow-area {
  display: flex;
  width: 72px;
  height: 32px;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: absolute;
  right: 20px;
  top: 16px;
  border-radius: 50px;
  border: 1px solid var(--live_halfScreen_anchorCardFollowBorder_off);
  background: var(--live_halfScreen_anchorCardFollowBg_off);
  box-shadow: var(--live_halfScreen_anchorCardFollowShadow);
  cursor: pointer;
  z-index: 2;
}

.chat-anchor-list-pagination-container {
  display: flex;
  padding: 0px 20px 20px 20px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  position: absolute;
  right: 0;
  bottom: 0;
}

.chat-anchor-list-pagination-container .chat-anchor-list-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}

.chat-anchor-list-pagination-container .chat-anchor-list-pagination .el-pagination__jump {
  color: var(--cart_o_oddsContent);
}

.chat-anchor-list-pagination-total-count {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--cart_o_oddsContent);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-list-search-records {
  color: var(--chat-anchor-list-search-records-color);
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.chat-anchor-list-search-record-item {
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  border-radius: 10px;
  background: var(--n1_1_5sport_historySearchLblBg);
  color: var(--n1_1_5sport_historySearchLblTxt);
  cursor: pointer;
}

.chat-anchor-list-search-hot {
  color: var(--n1_1_5sport_hotSearchTxt);
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-title {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-text {
  display: flex;
  width: 280px;
  padding: 3px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: var(--n1_1_5sport_hotSearchTitle);
  border-bottom: 1px solid var(--n1_1_5sport_hotSearchBtmLine);
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-content-box {
  display: flex;
  width: 280px;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--n1_1_5sport_hotSearchBtmLine);
}

.chat-anchor-list-search-hot .chat-anchor-list-search-hot-content {
  display: flex;
  height: 25px;
  padding: 4px 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-right: 1px solid var(--n1_1_5sport_hotSearchCenterLine);
  color: var(--n1_1_5sport_historySearchLblTxt);
  cursor: pointer;
}

.chat-anchor-list-follow,
.chat-anchor-list-follow-text,
.chat-anchor-list-not-follow,
.chat-anchor-list-not-follow-text {
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.chat-anchor-list-not-follow,
.chat-anchor-list-follow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat-anchor-list-follow,
.chat-anchor-list-follow-text {
  color: var(--live_halfScreen_anchorCardFollowAmount);
}

.chat-anchor-list-not-follow,
.chat-anchor-list-not-follow-text {
  color: var(--live_halfScreen_anchorCardFollowTxt);
}

.upload_btn.el-button.is-disabled,
.upload_btn.el-button.is-disabled:focus,
.upload_btn.el-button.is-disabled:hover {
  cursor: not-allowed;
  background: var(--btn01_primaryBg_dis);
  color: var(--btn01_primaryTxt);
  opacity: 0.9;
}
.upload_btn.el-button {
  border-radius: 8px;
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
}
.upload_btn.el-button:active,
.upload_btn.el-button:focus,
.upload_btn.el-button:hover {
  background: var(--btn01_primaryBg_normal);
  color: var(--btn01_primaryTxt);
  opacity: 0.9;
}

/* 隱藏element 驗證icon */
.el-input__suffix > .el-input__validateIcon {
  display: none;
}

.address-protocol .pitch_span {
  border-right: 12px solid var(--icon_primaryS_normal);
  border-bottom: 12px solid var(--icon_primaryS_normal);
  border-bottom-right-radius: 5px;
}
.address-protocol .pitch_span i {
  color: var(--icon_select);
  opacity: 1;
}