:root {
  --fontMajor_color1: var(--fontMajor_color1);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul, li {
  list-style: none;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th, td {
  font-weight: normal;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

i {
  font-style: normal;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

select {
  outline: none;
  font-size: 16px;;
  text-align: center;
}

a {
  color: #333;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-decoration: none;
  cursor: pointer;
}

a img {
  border: none;
}

button {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  outline: none;
}

input[type="button"] {
  cursor: pointer;
  background-image: -webkit-linear-gradient(#F6F6F6 15%, #DDD 110%);
  background-image:         linear-gradient(#F6F6F6 15%, #DDD 110%);
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none !important;
}

input {
  border: 1px solid #9F9F9F;
  outline: none;
}

.list-tr td {
  min-width: 10%;
}

.list-tr td.td-hover {
  max-width: 10%;
}

.list-tr td.normal {
  width: 54px;
}

.list-tr td label {
  display: flex;
  justify-content: center;
}

.autoBetPage .list-tr td label {
  display: inline-block;
  justify-content: center;
}

.not-started {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
}

.not-started .content {
  height: 100%;
  line-height: 340px;
  font-size: 56px;
  font-weight: 700;
  color: #FFF;
}

.bettint-header {
  color: #511E02;
}

.bettint-header .first-line {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  line-height: 27px;
}

.bettint-header .first-line .left-side {
  text-align: left;
}

.bettint-header .first-line .left-side .today-win {
  font-size: 10pt;
}

.bettint-header .first-line .left-side .today-win .win-data {
  font-weight: 700;
}

.bettint-header .first-line .right-side {
  flex: 1;
  /* margin-left: 7px; */
  /* text-align: right; */
  text-align: left;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  display: flex;
}

.bettint-header .first-line .right-side .table-open-code {
  display: inline-block;
  vertical-align: middle;
}
.bettint-header .first-line .right-side .table-open-code.ball_pk10,
.bettint-header .first-line .right-side .table-open-code.ball_ssc {
  flex: 1;
}

.bettint-header .first-line .right-side .table-open-code .list-tr {
  height: 25px;
  line-height: 25px;
}

#beforRound {
  min-width: 92px;
  max-width: 130px;
}
.bettint-header .bo-line {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  line-height: 27px;
  justify-content: flex-end;
}
.bo-line .bo-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bo-line .bo-right>span{
  min-width: 100px;
}
.bettint-header .second-line {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  margin-top: 5px;
  line-height: 18px;
}

/* .bettint-header .second-line .btn-common {
  width: 38px;
  height: 18px;
  margin-right: 1px;
  line-height: 16px;
  border: 1px solid #CCC;
  color: #666;
  cursor: pointer;
} */

.bettint-header .second-line .btn-active {
  font-weight: 700;
  color: red;
  background-position: 0 -19px;
}

.bettint-header .second-line .left-side {
  text-align: left;
}

.bettint-header .second-line .left-side .new-issue-no {
  margin-right: 3px;
  color: #299A26;
}

.bettint-header .second-line .right-side {
  flex: 1;
  text-align: right;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.bettint-header .font-bold {
  font-weight: 700;
}

.bettint-header .color-red {
  color: red;
}

.my-table {
  width: 100%;
}

.my-table td {
  line-height: 27px;
  color: #511E02;
  -webkit-border-image: none;
  border-image: none;
}

.my-table td.normal input {
  width: 42px;
  height: 18px;
  padding-left: 1px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}

/* .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #4A1A04;
} */

.my-table .list-tr {
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.my-table .color-red {
  color: red;
}

.my-table .name-field {
  min-width: 28px;
  max-width: 60px;
}

.my-table .rate-field, .my-table .amount-field, .my-table td.normal {
  min-width: 62px;
  max-width: 62px;
}
.my-table.ball_ssc td.normal {
  min-width: 55px;
  max-width: 55px;
}

.w700 {
  width: 700px;
}

.w700 table tr {
  line-height: 24px;
}

.w700 table tr td {
  padding: 0 5px;
}

table.widthAuto {
  width: auto;
}

table.widthAuto tr {
  line-height: 28px;
}

table.widthAuto td {
  padding: 0 10px;
}

.tfoot_page td {
  padding-top: 10px !important;
  border: none !important;
}

.my-pagination a:hover {
  color: #1890ff;
  text-decoration: underline;
}

.my-pagination .span_page a {
  padding: 0 4px;
}

.my-pagination .span_page a.active-page {
  font-weight: 700;
  color: #1890ff;
  border: 1px solid #1890ff;
}

.my-pagination .jump-box {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 0;
}

.my-pagination .jump-box .jump-input {
  width: 35px;
  height: 25px;
  padding: 0 4px;
  vertical-align: middle;
  background-color: #FFF;
}

.my-pagination .jump-box .jump-button {
  padding: 2px 6px;
  border: 1px solid #CDCDCD;
  background-color: var(--fontMajor_color1);
  outline: #6F6F6F solid 1px;
  color: #fff;
}

table tr.tr_28 {
  line-height: 28px;
}

.container {
  height: 100%;
  /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: -webkit-flex; */
  /* display:         flex; */
  position: relative;
}

.container .slot-stat {
  margin-top: 12px;
}

.container .right-panel {
  z-index: 2;
  margin-left: 10px;
}

.container.info_data table, .container.changePsw table {
  margin-bottom: 10px;
}

.container.info_data table td.tb-column, .container.changePsw table td.tb-column {
  width: 165px;
  text-align: right;
}

/* .container.info_data table td.tb-form, .container.changePsw table td.tb-form {
  text-align: left;
} */

.container.info_data table td.tb-form input, .container.changePsw table td.tb-form input {
  width: 168px;
}

/* .container.announce_page {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
} */

.container.announce_page .header {
  height: 25px;
  line-height: 25px;
}

.container.announce_page .content {
  padding: 0 10px 10px;
  color: #75320D;
}

.container.announce_page .content h1 {
  margin: 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

.container.announce_page .content .list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 0 0 7px;
  line-height: 18px;
}

.container.announce_page .content .content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 0 0 7px;
}

.container.announce_page .content .content-item .icon {
  width: 22px;
  margin-right: 4px;
  text-align: right;
  font-weight: 700;
}

.container.announce_page .content .content-item .text {
  flex: 1;
  white-space: pre-wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
}

#relog {
  float: right;
}

#gtypeSelect {
  margin-bottom: 6px;
}

.footer button {
  font-size: 12px;
}

/***********/
td {
  padding: 0;
  color: #511E02;
  -webkit-border-image: none;
  border-image: none;
  text-align: center;
}

.list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #4A1A04;
}

.my-table td {
  padding: 0;
  line-height: 27px;
  color: #511E02;
  -webkit-border-image: none;
  border-image: none;
}

/* .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #4A1A04;
} */

.my-table .list-tr {
  height: 27px;
  text-align: center;
  line-height: 27px;
}

.my-table .list-tr input, .my-table .list-tr select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.my-table .list-tr input::-webkit-inner-spin-button, .my-table .list-tr input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.my-table .list-tr input[type=number] {
  width: 52px;
  height: 18px;
  padding-left: 1px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}
.my-table.ball_ssc .list-tr input[type=number] {
  width: 45px;
}

.my-table .list-tr input[type=number]:focus {
  border: 1px solid #F80;
  background-color: #F6FED3;
}

.my-table .list-tr input[type=checkbox] {
  margin: -1px 1px 0 2px;
}

.my-table .list-tr .input-disable {
  border: 1px solid #7F7F7F;
  background: #E6E6E6;
}

.my-table .list-tr .td-hover:hover {
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: #D60B16;
  text-decoration-color: #D60B16;
}

.my-table .list-tr .font-bold {
  font-weight: 700;
}

.my-table .list-tr .color-blue {
  color: #067ECE;
}

.my-table .list-tr .color-red {
  color: #FF3A4A;
}

.my-table .list-tr .color-green {
  color: #299A26;
}

.my-table .list-tr .font-size-14 {
  font-size: 14px;
  /* font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
}

.my-table .list-tr .font-size-14:hover {
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: #D60B16;
  text-decoration-color: #D60B16;
}

.my-table .list-tr .stop-bet {
  padding: 3px 6px;
  border: 1px solid #B0B0B0;
}

.setting-panel {
  height: 20px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 20px;
  color: #511E02;
}

.setting-panel input, .setting-panel select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.setting-panel input::-webkit-inner-spin-button, .setting-panel input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.setting-panel input[type=number] {
  width: 45px;
  height: 18px;
  margin-right: 1px;
  padding-left: 1px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}

.setting-panel input[type=number]:focus {
  border: 1px solid #F80;
  background-color: #F6FED3;
}

.setting-panel .my-button {
  width: 66px;
  height: 20px;
  margin-top: 5px;
  vertical-align: bottom;
  font-size: 12px;
  color: #4A1A04;
  cursor: pointer;
}

.footer-bar {
  height: 20px;
  line-height: 20px;
}

.footer-bar .color-green {
  color: #299A26;
}

.footer-bar .color-red {
  color: red;
}

.footer-bar input, .footer-bar select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.footer-bar input::-webkit-inner-spin-button, .footer-bar input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.footer-bar input[type=number] {
  width: 70px;
  height: 18px;
  padding-left: 1px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}

.footer-bar input[type=number]:focus {
  border: 1px solid #F80;
  background-color: #F6FED3;
}

.footer-bar .btn-hover:hover {
  color: #D47F16;
  text-decoration: underline;
  cursor: pointer;
}

.footer-bar .my-button {
  width: 66px;
  height: 20px;
  line-height: 5px;
  margin-top: 5px;
  font-size: 14px;
  color: #4A1A04;
  cursor: pointer;
}

.footer-bar .font-bold {
  font-weight: 700;
}

.display-none {
  display: none !important;
}

.my-dialog {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.35);
  overflow-x: auto;
}

.my-dialog .modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  opacity: 0.5;
}

.my-dialog .dialog-table {
  min-width: 400px;
  max-width: 40.3vw;
  margin: auto;
  margin-top: 15%;
  line-height: 1.4;
  font-size: 12px;
  color: #511E02;
  background: #FFF;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.35);
  -moz-user-select: none;
}

.my-dialog .dialog-table .seventh-bg {
  height: 30px;
}

.my-dialog .dialog-table .dialog_title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-bottom: 1px solid #F3D0B8;
  color: #511E02;
  background-color: #F3D0B8;
}

.my-dialog .dialog-table .dialog_closebtn_over {
  width: 28px;
  height: 17px;
  position: relative;
  margin-top: 2px;
  margin-right: -5px;
  float: right;
  font-size: 20px;
  color: #FFF;
  cursor: pointer;
}

.my-dialog .dialog-table .buttonStyle {
  width: auto;
  height: 25px;
  margin-left: 10px;
  padding: 0 2px;
  font-size: 13px;
  color: #511E02;
}

.dialog-content {
  padding: 3px;
}

.dialog-content .bet-list-table {
  width: 100%;
  max-height: 200px;
  overflow: auto;
}

.dialog-content .bet-list-table tr {
  height: 25px;
  text-align: center;
  line-height: 25px;
}

.dialog-content .bet-total {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  padding: 0 10px;
  line-height: 25px;
  border-top: none;
}

.dialog-content .bet-total .left-section {
  text-align: left;
}

.dialog-content .bet-total .right-section {
  flex: 1;
  text-align: right;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.dialog-content .font-bold {
  font-weight: 700;
}

.dialog-content .color-red {
  color: red;
}

.buttonStyle {
  width: auto;
  height: 25px;
  margin-left: 10px;
  padding: 0 2px;
  font-size: 13px;
  color: #511E02;
}

.display-none {
  display: none;
}

.aui-dialog {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  font-size: 12px;
  color: #511E02;
}

.aui-dialog .modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  opacity: 0.5;
}

.aui-dialog .aui_outer {
  margin: auto;
  margin-top: 160px;
  text-align: left;
  border-radius: 8px;
  box-shadow: 0 3px 26px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 3px 26px rgba(0, 0, 0, 0.9);
}

.aui-dialog .aui_border {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

.aui-dialog .aui_nw {
  width: 5px;
  height: 31px;
}

.aui-dialog .aui_n {
  position: relative;
}

.aui-dialog .aui_ne {
  width: 5px;
  height: 31px;
}

.aui-dialog .aui_se, .aui-dialog .aui_sw {
  width: 5px;
  height: 5px;
}

.aui-dialog .aui_inner {
  background-color: #F7F7F7;
}

.aui-dialog .aui_dialog {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
}

.aui-dialog .aui_titleBar {
  width: 100%;
  height: 0;
  position: relative;
  bottom: 30px;
}

.aui-dialog .aui_title {
  height: 29px;
  padding: 0 25px 0 0;
  overflow: hidden;
  line-height: 31px;
  font-size: 13px;
  font-weight: 700;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 50, 0, 0.7);
  cursor: move;
  text-indent: 5px;
  text-overflow: ellipsis;
}

.aui-dialog .aui_close {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  margin-top: 2px;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  outline: none;
}

.aui-dialog a {
  color: #4A1A04;
}

.aui-dialog .aui_main {
  width: 100%;
  height: auto;
  min-width: 9em;
  padding-top: 3px;
  text-align: center;
}

.aui-dialog .aui_content {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0;
}

.aui-dialog .aui_footer {
  padding: 0;
}

.aui-dialog .aui_buttons {
  padding: 8px;
  text-align: right;
  white-space: nowrap;
}

.aui-dialog .aui_buttons button {
  width: auto;
  display: inline-block;
  margin-left: 15px;
  padding: 6px 8px;
  overflow: visible;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
  border: 1px solid #999;
  color: #333;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
  text-shadow: 0 1px 1px #FFF;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(0, 0, 0, 0.09);
  transition:         box-shadow 0.2s linear;
  -webkit-transition:         box-shadow 0.2s linear;
  cursor: pointer;
  letter-spacing: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-transition: -webkit-box-shadow 0.2s linear;
}

.font-bold {
  font-weight: 700;
}

.color-red {
  color: red;
}

.color-green {
  color: green;
}

.min-bet-list {
  max-height: 300px;
  padding: 20px 25px 10px 25px;
  overflow: auto;
  text-align: left;
  line-height: 30px;
}

/*********************/
.lately-bet-table td {
  padding: 0;
  -webkit-border-image: none;
  border-image: none;
  background-color: #FFF;
}

.lately-bet-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}

.lately-bet-table .list-tr .font-bold {
  font-weight: 700;
}

.lately-bet-table .list-tr .color-red {
  color: red;
}

.lately-bet-table .list-tr .color-blue {
  color: #2836F4;
}

.lately-bet-table .list-tr .align-left {
  padding-left: 3px;
  text-align: left;
}

.lately-bet-table td {
  padding: 0;
  -webkit-border-image: none;
  border-image: none;
  background-color: #FFF;
}

.lately-bet-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}

.lately-bet-table .list-tr .font-bold {
  font-weight: 700;
}

.lately-bet-table .list-tr .color-red {
  color: red;
}

.lately-bet-table .list-tr .color-blue {
  color: #2836F4;
}

.lately-bet-table .list-tr .align-left {
  padding-left: 3px;
  text-align: left;
}

.lately-bet-table .list-tr .lh17 {
  line-height: 17px;
}

.lately-info1 {
  width: 220px;
  height: 100%;
  padding: 5px 0;
}

.lately-info {
  width: 220px;
  height: 100%;
  padding: 5px 0;
}

.lately-info .tab-buttons {
  width: 100%;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  line-height: 28px;
  font-size: 14px;
}

.lately-info .tab-buttons .tab-btn {
  width: 72px;
  flex: 1;
  text-align: center;
  font-weight: 700;
  color: #949694;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  cursor: pointer;
  background-image: url(images/button/tab-btn.gif);
  background-size: 100% 100%;
}

.lately-info .tab-buttons .active-btn {
  height: 100%;
  line-height: 27px;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  color: #4A1A04;
  background-image: url(images/button/active-btn.gif);
  background-size: 100% 100%;
}

.recentBets .tab-buttons {
  height: 25px;
  line-height: 25px;
}

.recentBets .tab-buttons .active-btn {
  height: 25px;
  line-height: 24px;
  font-size: 14px;
}

.recentBets > div {
  font-size: 14px;
}



.my-table #betRecentAera td {
  padding: 1px;
  line-height: 18px;
}

.lately-info .open-cai-item {
  height: 25px;
  padding-left: 40px;
  text-align: left;
  line-height: 25px;
}

.lately-info .open-cai-item a {
  font-weight: 700;
  color: #4A1A04;
  text-decoration: underline;
}

/******************/
.text-info {
  text-align: center;
  line-height: 18px;
}

.text-info a {
  color: #4A1A04;
}

.text-info a:hover {
  color: red;
}

.btn-group {
  padding-bottom: 5px;
  background-color: #FFF;
}

.btn-group button {
  margin: 0 2px;
  padding: 1px 3px;
  font-size: 12px;
  border: 1px solid #968F8F;
  color: #484343;
  cursor: pointer;
  background-color: #F2F2F2;
}

.lately-table {
  width: 100%;
  background-color: #FFF;
}

.lately-table td {
  height: 18px;
  padding: 0;
  text-align: center;
  line-height: 18px;
}

.font-bold {
  font-weight: 700;
}

.tema-table {
  width: 100%;
  background-color: #FFF;
}

.tema-table td {
  height: 20px;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
}

.color-blue {
  color: #2836F4;
}

.color-red {
  color: red;
}

td[class^="mainTd"] table {
  width: 100%;
}

.ball-td {
  padding: 0;
  -webkit-border-image: none 100% / 1 / 0 stretch;
  border-image: none 100% / 1 / 0 stretch;
}

.ball_happy .circle_in_black {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.ball_ssc .No_0 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.ball_ssc .No_1 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -27px;
}

.ball_ssc .No_2 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -54px;
}

.ball_ssc .No_3 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -81px;
}

.ball_ssc .No_4 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -108px;
}

.ball_ssc .No_5 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -135px;
}

.ball_ssc .No_6 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -162px;
}

.ball_ssc .No_7 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -189px;
}

.ball_ssc .No_8 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -216px;
}

.ball_ssc .No_9 {
  background-image: url(images/ball/ball_2.gif);
  background-repeat: no-repeat;
  background-position: 50% -243px;
}


.ball_ssc .No_0_ {
  background-image: url(images/ball/ssc0.png);
  background-size: contain;
}

.ball_ssc .No_1_ {
  background-image: url(images/ball/ssc1.png);
  background-size: contain;
}

.ball_ssc .No_2_ {
  background-image: url(images/ball/ssc2.png);
  background-size: contain;
}

.ball_ssc .No_3_ {
  background-image: url(images/ball/ssc3.png);
  background-size: contain;
}

.ball_ssc .No_4_ {
  background-image: url(images/ball/ssc4.png);
  background-size: contain;
}

.ball_ssc .No_5_ {
  background-image: url(images/ball/ssc5.png);
  background-size: contain;
}

.ball_ssc .No_6_ {
  background-image: url(images/ball/ssc6.png);
  background-size: contain;
}

.ball_ssc .No_7_ {
  background-image: url(images/ball/ssc7.png);
  background-size: contain;
}

.ball_ssc .No_8_ {
  background-image: url(images/ball/ssc8.png);
  background-size: contain;
}

.ball_ssc .No_9_ {
  background-image: url(images/ball/ssc9.png);
  background-size: contain;
}


.ball_zifubaoani .No_1 {
  background-image: url(images/ball/BwnYDdof1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani .No_2 {
  background-image: url(images/ball/BwnYDdof2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani .No_3 {
  background-image: url(images/ball/BwnYDdof3.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani .No_4 {
  background-image: url(images/ball/BwnYDdof4.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani .No_5 {
  background-image: url(images/ball/BwnYDdof5.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani .No_6 {
  background-image: url(images/ball/BwnYDdof6.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_1 {
  background-image: url(images/ball/BwnYDdofN1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_2 {
  background-image: url(images/ball/BwnYDdofN2.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_3 {
  background-image: url(images/ball/BwnYDdofN3.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_4 {
  background-image: url(images/ball/BwnYDdofN4.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_5 {
  background-image: url(images/ball/BwnYDdofN5.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_zifubaoani1 .No_6 {
  background-image: url(images/ball/BwnYDdofN6.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.ball_pk10 .No_1 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.ball_pk10 .No_2 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -27px;
}

.ball_pk10 .No_3 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -54px;
}

.ball_pk10 .No_4 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -81px;
}

.ball_pk10 .No_5 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -108px;
}

.ball_pk10 .No_6 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -135px;
}

.ball_pk10 .No_7 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -162px;
}

.ball_pk10 .No_8 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -189px;
}

.ball_pk10 .No_9 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -216px;
}

.ball_pk10 .No_10 {
  background-image: url(images/ball/pk10.gif);
  background-repeat: no-repeat;
  background-position: 50% -243px;
}

.ball_happy .No_1 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.ball_happy .No_2 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -27px;
}

.ball_happy .No_3 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -54px;
}

.ball_happy .No_4 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -81px;
}

.ball_happy .No_5 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -108px;
}

.ball_happy .No_6 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -135px;
}

.ball_happy .No_7 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -162px;
}

.ball_happy .No_8 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -189px;
}

.ball_happy .No_9 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -216px;
}

.ball_happy .No_10 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -243px;
}

.ball_happy .No_11 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -270px;
}

.ball_happy .No_12 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -297px;
}

.ball_happy .No_13 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -324px;
}

.ball_happy .No_14 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -351px;
}

.ball_happy .No_15 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -378px;
}

.ball_happy .No_16 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -405px;
}

.ball_happy .No_17 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -432px;
}

.ball_happy .No_18 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -459px;
}

.ball_happy .No_19 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -486px;
}

.ball_happy .No_20 {
  background-image: url(images/ball/ball_0.gif);
  background-repeat: no-repeat;
  background-position: 50% -513px;
}
.ball_six .No_1 span::after {
  content: "1";
}
.ball_six .No_2 span::after {
  content: "2";
}
.ball_six .No_3 span::after {
  content: "3";
}
.ball_six .No_4 span::after {
  content: "4";
}
.ball_six .No_5 span::after {
  content: "5";
}
.ball_six .No_6 span::after {
  content: "6";
}
.ball_six .No_7 span::after {
  content: "7";
}
.ball_six .No_8 span::after {
  content: "8";
}
.ball_six .No_9 span::after {
  content: "9";
}
.ball_six .No_10 span::after {
  content: "10";
}
.ball_six .No_11 span::after {
  content: "11";
}
.ball_six .No_12 span::after {
  content: "12";
}
.ball_six .No_13 span::after {
  content: "13";
}
.ball_six .No_14 span::after {
  content: "14";
}
.ball_six .No_15 span::after {
  content: "15";
}
.ball_six .No_16 span::after {
  content: "16";
}
.ball_six .No_17 span::after {
  content: "17";
}
.ball_six .No_18 span::after {
  content: "18";
}
.ball_six .No_19 span::after {
  content: "19";
}
.ball_six .No_20 span::after {
  content: "20";
}
.ball_six .No_21 span::after {
  content: "21";
}
.ball_six .No_22 span::after {
  content: "22";
}
.ball_six .No_23 span::after {
  content: "23";
}
.ball_six .No_24 span::after {
  content: "24";
}
.ball_six .No_25 span::after {
  content: "25";
}
.ball_six .No_26 span::after {
  content: "26";
}
.ball_six .No_27 span::after {
  content: "27";
}
.ball_six .No_28 span::after {
  content: "28";
}
.ball_six .No_29 span::after {
  content: "29";
}
.ball_six .No_30 span::after {
  content: "30";
}
.ball_six .No_31 span::after {
  content: "31";
}
.ball_six .No_32 span::after {
  content: "32";
}
.ball_six .No_33 span::after {
  content: "33";
}
.ball_six .No_34 span::after {
  content: "34";
}
.ball_six .No_35 span::after {
  content: "35";
}
.ball_six .No_36 span::after {
  content: "36";
}
.ball_six .No_37 span::after {
  content: "37";
}
.ball_six .No_38 span::after {
  content: "38";
}
.ball_six .No_39 span::after {
  content: "39";
}
.ball_six .No_40 span::after {
  content: "40";
}
.ball_six .No_41 span::after {
  content: "41";
}
.ball_six .No_42 span::after {
  content: "42";
}
.ball_six .No_43 span::after {
  content: "43";
}
.ball_six .No_44 span::after {
  content: "44";
}
.ball_six .No_45 span::after {
  content: "45";
}
.ball_six .No_46 span::after {
  content: "46";
}
.ball_six .No_47 span::after {
  content: "47";
}
.ball_six .No_48 span::after {
  content: "48";
}
.ball_six .No_49 span::after {
  content: "49";
}
.ball_six .No_1 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_1 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_2 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_2 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_7 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_7 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_8 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_8 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_12 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_12 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_13 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_13 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_18 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_18 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_19 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_19 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_23 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_23 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_24 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_24 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_29 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_29 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_30 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_30 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_34 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_34 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_35 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_35 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_40 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_40 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_45 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_45 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_46 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_six .No_46 span::after {
  border: 1px solid #ED4949;
}
.ball_six .No_3 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_3 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_4 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_4 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_9 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_9 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_10 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_10 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_14 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_14 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_15 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_15 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_20 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_20 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_25 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_25 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_26 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_26 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_31 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_31 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_36 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_36 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_37 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_37 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_41 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_41 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_42 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_42 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_47 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_47 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_48 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_six .No_48 span::after {
  border: 1px solid #49BFED;
}
.ball_six .No_5 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_5 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_6 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_6 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_11 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_11 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_16 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_16 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_17 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_17 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_21 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_21 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_22 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_22 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_27 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_27 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_28 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_28 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_32 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_32 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_33 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_33 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_38 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_38 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_39 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_39 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_43 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_43 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_44 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_44 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six .No_49 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_six .No_49 span::after {
  border: 1px solid #B0CA4A;
}
.ball_six [class*=No_] {
  height: 25px;
  background-image: unset;
}
.ball_six [class*=No_] span {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin: 0;
  vertical-align: middle;
  border-radius: 50%;
}
.ball_six [class*=No_] span::before {
  content: "";
  width: 90%;
  height: 100%;
  position: absolute;
  bottom: 2.5%;
  left: 5%;
  z-index: 2;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 0px, #FFF, rgba(255, 255, 255, 0) 58%);
  opacity: 0.6;
}
.ball_six [class*=No_] span::after {
  width: 79%;
  height: 79%;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  color: #111;
  background: #FFF;
  opacity: 0.9;
}

.ball-span {
  display: inline-block;
}

* {
  box-sizing: border-box;
  /* font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
}

.border-none {
  border: none !important;
}

.width3 {
  width: calc(100% / 3);
}

.width4 {
  width: 25%;
}

.width5 {
  width: 20%;
}

.width6 {
  width: calc(100% / 6);
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

form {
  width: 100%;
}

#app, body, html {
  width: 100%;
  height: 100%;
}

#app {
  text-align: center;
  color: #2C3E50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tip-info {
  margin-left: 10px;
  font-size: 14px;
  color: red;
}

.autoFollow {
  width: 100%;
}

.autoFollow .header {
  width: 100%;
}

.autoFollow .header #myFORM {
  margin-bottom: 10px;
  text-align: center;
}

.autoFollow .header #myFORM #gdate {
  width: 110px;
  height: 20px;
  padding-left: 5px;
  line-height: 20px;
  font-size: 12px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
  cursor: pointer;
}

.autoFollow .header #myFORM select {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #511E02;
  cursor: pointer;
}

.autoFollow .header #myFORM .btn {
  margin-right: 8px;
  padding: 0 5px;
  font-size: 12px;
  border-width: 2px;
  border-style: outset;
  border-color: buttonface;
  color: #511E02;
  background: #EFEFEF;
  cursor: pointer;
}

.autoFollow .header .my-table td {
  padding: 0 5px;
}

.autoFollow .header .my-table tbody tr:hover {
  background-color: #FFFFA2;
}

.autoFollow .slot-footer {
  padding-top: 10px;
  text-align: center;
}

.table-query {
  width: 100%;
}

.table-query .header {
  margin-bottom: 10px;
  text-align: right;
}

.table-query .header input[type="text"] {
  width: 110px;
  height: 20px;
  padding-left: 5px;
  line-height: 20px;
  font-size: 12px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
  cursor: pointer;
}

.table-query .header select {
  /* height: 20px; */
  /* line-height: 20px; */
  font-size: 16px;
  color: #511E02;
  cursor: pointer;
  text-align: center;
}

.table-query .header .btn {
  padding: 1px 2px;
  font-size: 12px;
  border-radius: 2px;
  color: #511E02;
  background: #EFEFEF;
  cursor: pointer;
}

.user-account {
  width: 220px;
  height: 100%;
}

.user-account .t_list {
  position: relative;
  background-color: #E9BA84;
  font-size: 14px;
}

.user-account .t_list .t_td_caption {
  width: 64px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
}

.user-account .t_list .t_td_text {
  width: 156px;
  height: 25px;
  padding-left: 5px;
  text-align: left;
  line-height: 25px;
  background-color: #FFF;
  font-size: 14px;
}

.user-account .t_list .t_td_text > span {
  font-size: 14px;
}

.user-account .t_list .refresh-btn {
  margin-top: 3px;
  margin-right: 3px;
  padding: 0 2px;
  float: right;
  font-size: 12px;
  color: #511E02;
  cursor: pointer;
}

#scroll_div {
  width: 1000px;
  height: 18px;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  text-align: left;
  line-height: 18px;
  font-size: 12px;
  white-space: nowrap;
  color: #F8FF2D;
}

#scroll_div .msg-item {
  margin-left: 200px;
}

#scroll_begin, #scroll_end {
  display: inline;
}

.scroll_before {
  margin-left: 800px;
}

.nav-bar {
  width: calc(100vw - 230px);
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.nav-bar .main-bar {
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #FED7AD;
}

.nav-bar .lottery-bar {
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  margin-top: 7px;
}

.nav-bar .lottery-bar .lottery-options:hover .lottery-box {
  display: block;
}

.nav-bar .lottery-bar .lottery-options .option {
  height: 28px;
  padding-left: 22px;
  text-align: left;
  line-height: 28px;
  border-bottom: 1px dashed #D1D1D1;
  color: #4A1A04;
  cursor: pointer;
}

.nav-bar .lottery-bar .lottery-options .option:last-child {
  border: none;
}

.nav-bar .lottery-bar .lottery-options .option i {
  width: 15px;
  height: 10px;
  display: inline-block;
}

.nav-bar .lottery-bar .lottery-options .select-button {
  width: 150px;
  height: 30px;
  margin-right: 10px;
  padding-right: 10px;
  text-align: center;
  line-height: 26px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 0 solid #FF9224;
  color: #FFF5D7;
  cursor: pointer;
  text-decoration: none;
}

.nav-bar .lottery-bar .lottery-options .select-button span {
  font-size: 14px;
  font-weight: 700;
}

.nav-bar .lottery-bar .lottery-options .select-button.active {
  font-size: 15px;
}

.nav-bar .lottery-bar .lottery-options .select-button i {
  width: 20px;
}

.nav-bar .lottery-bar .lottery-options .lottery-box {
  width: 149px;
  display: none;
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 999;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  border: 1px solid #204500;
  border-top: none;
  box-shadow: 0 6px 7px -3px #454545;
}

.nav-bar .lottery-bar .lottery-btn {
  height: 35px;
  padding: 0 5px;
  line-height: 35px;
  font-weight: 700;
  color: #FFF5D7;
  cursor: pointer;
}

.nav-bar .lottery-bar .btn-item {
  width: 100px;
  height: 70px;
  margin-right: 0;
  line-height: 27px;
  font-size: 12px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0 solid #FF9224;
  color: #FFF5D7;
  cursor: pointer;
}

.nav-bar .lottery-bar .logout-btn {
  color: #BAFF00;
  cursor: pointer;
}

.nav-bar .lottery-bar .opening-voice {
  margin-top: 5px;
  margin-left: 5px;
  font-weight: 700;
  color: #F56906;
}

.nav-bar .lottery-bar .voice-icon {
  width: 41px;
  height: 18px;
  display: inline-block;
  padding-bottom: 1px;
  vertical-align: middle;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.nav-bar .lottery-bar .voice-icon.opening {
  background-image: url(images/button/tsy1.png);
}

.nav-bar .lottery-bar .voice-icon.closing {
  background-image: url(images/button/tsy2.png);
}

.nav-bar .play-bar {
  width: fit-content;
  height: 30px;
  min-width: 100%;
  position: relative;
  padding-left: 5px;
  text-align: left;
  line-height: 30px;
}

.nav-bar .play-bar .frozen-info {
  padding-top: 2px;
  font-size: 13px;
  color: #000;
}

.nav-bar .play-bar span {
  color: #CF956D;
}

.nav-bar .play-bar .play-item {
  padding: 1px 5px;
  color: #542E16;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}

.nav-bar .play-bar .active-play, .nav-bar .play-bar .play-item:hover {
  padding: 2px 5px 3px;
  font-weight: bold;
  border-radius: 4px;
  color: #F8F0D8;
}

.nav-bar .sixth-bg .check-theme {
  width: calc(100% - 720px);
  padding-top: 5px;
  padding-right: 25px;
  padding-left: 25px;
  text-align: right;
  /* position: absolute;
  right: 25px;
  bottom: 35px; */
}

.nav-bar .sixth-bg .check-theme .btn {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #C6C6C6;
  cursor: pointer;
}

.nav-bar .sixth-bg .check-theme .blue-theme {
  background: #255793;
}

.nav-bar .sixth-bg .check-theme .orange-theme {
  background: #E9770D;
}

.nav-bar .sixth-bg .check-theme .tiffany-theme {
  background: #009FA3;
}

.nav-bar .sixth-bg .check-theme .purple-theme {
  background: #876346;
}

.nav-bar .sixth-bg .check-theme .black-theme {
  background: #7C7B74;
}

.nav-bar .sixth-bg .check-theme .red-theme {
  background: #C8442F;
}

.nav-bar .sixth-bg .check-theme .green-theme {
  background: #8EB31A;
}


/* .home {
  height: 100%;
  font-size: 12px;
  background-color: #FFF;
} */

.home .hide {
  display: none;
}

.home .layout {
  height: calc(100% - 22px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
}

.home .layout .left-section {
  width: 230px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.home .layout .left-section .hide-left-section {
  width: 10px;
  position: absolute;
  top: 155px;
  left: 220px;
  z-index: 2;
  line-height: 16px;
  color: #FFF;
  background-color: red;
  cursor: pointer;
}

.home .layout .left-section .left-top-section {
  height: 88px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.home .layout .left-section .left-top-section .app-logo {
  height: 58px;
  position: relative;
}

.home .layout .left-section .left-top-section .app-logo .app-name {
  text-align: center;
  line-height: 80px;
  font-size: 32px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
  color: #FFC729;
  text-shadow: 1px 2px 1px #333;
}

.home .layout .left-section .left-top-section .check-account-info {
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #3E1300;
}

.home .layout .left-section .left-bottom-section {
  position: absolute;
  top: 88px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.home .layout .right-section {
  height: 100%;
  flex: 1;
  position: relative;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.home .layout .right-section .show-left-section {
  width: 10px;
  position: absolute;
  top: 155px;
  left: 0;
  z-index: 2;
  line-height: 16px;
  color: #FFF;
  background-color: red;
  cursor: pointer;
}

.home .layout .right-section .app-header {
  height: 88px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.home .layout .right-section .app-main {
  /* position: absolute; */
  top: 44px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.home .layout .hide-section {
  width: 0;
}

.autoBetPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  text-align: left;
}

.autoBetPage select, .autoBetPage input, .autoBetPage textarea {
  font-size: 12px;
}

.autoBetPage .my-button {
  width: 66px;
  height: 20px;
  margin-top: 5px;
  font-size: 12px;
  color: #4A1A04;
  cursor: pointer;
}

.autoBetPage .add-panel {
  width: 60%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display:         inline-flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.autoBetPage .add-panel .form-item {
  height: 20px;
  margin-bottom: 10px;
  line-height: 20px;
}

.autoBetPage .add-panel .sub-panel {
  padding: 10px;
}

.autoBetPage .add-panel .sub-panel .form-item-2 {
  margin-bottom: 10px;
}

.autoBetPage .add-panel .sub-panel .form-item-2 textarea {
  margin-top: 5px;
}

.autoBetPage .add-panel .sub-panel .form-item-2 .my-table {
  width: 100%;
}

.autoBetPage .add-panel .sub-panel .form-item-2 .my-table .form-item {
  padding: 0 5px;
  text-align: left;
}

.autoBetPage .add-panel .sub-panel .form-item-2 .my-table .form-item .form-item-twoside {
  min-width: 300px;
  display: inline-block;
}

.autoBetPage .add-panel .sub-panel .panel-footer {
  text-align: center;
}

.autoBetPage .description {
  width: 40%;
  padding-left: 10px;
  color: #511E02;
}

.autoBetPage .description .my-panel {
  line-height: 20px;
}

.autoBetPage .description .my-panel .panel-title {
  height: 20px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
}

.autoBetPage .description .my-panel .txt-label {
  font-weight: bold;
}

#dataTable .state-icon {
  height: 22px;
  vertical-align: middle;
}

#dataTable tr:hover {
  background-color: #FFFFA2;
}

.report_detail {
  width: 900px;
}

/* .report_detail .my-table #dataTable .tr-caption td {
  vertical-align: middle;
  line-height: 26px;
  background: #EEE9E9;
} */

/* .report_detail .my-table #dataTable .tr-caption-3 td {
  background: #E8DCCF;
} */

.report_detail .my-table .slot-footer {
  line-height: 24px;
  background: #FDF8F2;
}

#twofaceLong .list-tr td {
  padding: 0 5px;
}

.play-rule {
  line-height: 18px;
  color: #75320D;
}

.play-rule .summary h1 {
  margin: 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

.play-rule .summary .summary-text {
  margin: 0 0 7px;
  text-indent: 2em;
}

.play-rule .title {
  margin-bottom: 5px;
}

.play-rule .line {
  margin-bottom: 7px;
  /* border-bottom: 1px dashed #CDCDCD; */
}

.play-rule .line:last-child {
  border: none;
  padding-left: 110px;
}

.play-rule .font-bold {
  font-weight: 700;
}

.play-rule .content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  margin: 0 0 7px;
}

.play-rule .content-item .icon {
  width: 22px;
  margin-right: 4px;
  text-align: right;
  font-weight: 700;
}

.play-rule .content-item .text {
  flex: 1;
  white-space: pre-wrap;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.lottery_name {
  border-bottom: 0.5px solid #666;
  color: red;
}

.lottery_name:hover {
  border-bottom: 0.5px solid #666;
  color: red;
}

.issue_no {
  border-bottom: 0.5px solid green;
  color: green;
}

.issue_no:hover {
  border-bottom: 0.5px solid green;
  color: green;
}

#loginopen .aui_n {
  position: relative;
}

#loginopen .aui_title {
  text-align: left;
  line-height: 29px;
  font-size: 13px;
  font-weight: 700;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 50, 0, 0.7);
  text-indent: 10px;
}

#loginopen .aui_close {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 2px;
  right: 9px;
  font-size: 20px;
  text-decoration: none;
  outline: none;
}

#loginopen .aui_close i.el-icon-close {
  color: #FFF;
}

#loginopen .aui_close i.el-icon-close::after {
  content: "x";
  width: 30px;
  height: 30px;
  display: inline-block;
  font-family: Microsoft Yahei;
  color: #FFF;
}

#loginopen .page-style {
  margin: -10px 0 10px;
}

#loginopen .page-style td {
  line-height: 32px;
  border: 1px solid #CCC;
  border-top: none;
  background: -webkit-linear-gradient(bottom, #EBEBEB, transparent);
  background:         linear-gradient(0deg, #EBEBEB, transparent);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
}

#loginopen .content {
  margin-top: -10px;
  line-height: 35px;
  border: 1px solid #CCC;
  border-top: none;
  background: -webkit-linear-gradient(bottom, #EBEBEB, transparent);
  background:         linear-gradient(0deg, #EBEBEB, transparent);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
}

.quick-select-box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin-top: 5px;
}

.quick-select-box .box-name {
  width: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px;
  background: #EEE;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

.quick-select-box .box-name p {
  line-height: 18px;
}

.quick-select-box .quick-button {
  width: calc(100% - 100px);
}

.quick-select-box .quick-button .ballsPos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 4px;
}

.quick-select-box .quick-button .ballsPos a {
  flex: 1 1 auto;
  margin: 0 2px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #DDD;
  background: -webkit-linear-gradient(top, #FFF, #E8E8E8);
  background:         linear-gradient(top, #FFF, #E8E8E8);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.quick-select-box .quick-button .ballsPos a.on {
  background: -webkit-linear-gradient(top, #FFF, red);
  background:         linear-gradient(top, #FFF, red);
  box-shadow: inset 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
}

.quick-select-box .quick-button .numbersPos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding: 0 4px 4px;
}

.quick-select-box .quick-button .numbersPos a {
  flex: 1 1 auto;
  margin: 0 2px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #DDD;
  background: -webkit-linear-gradient(top, #FFF, #E8E8E8);
  background:         linear-gradient(top, #FFF, #E8E8E8);
  box-shadow: 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.quick-select-box .quick-button .numbersPos a.on {
  background: -webkit-linear-gradient(top, #FFF, red);
  background:         linear-gradient(top, #FFF, red);
  box-shadow: inset 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
}

.Righttop {
  width: 25px;
  height: 21px;
  /* float: left; */
  /* background: url(../Image/TopBg.png) no-repeat; */
}


/* 宽度控制 */
.frameWidth {
  width: 100% ;
}

/* 六合快捷画面 */
#quickPanel {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

#quickPanel .quick-dialog {
  width: 800px;
  height: 500px;
  position: absolute;
  top: 65px;
  left: 10px;
  background: #FFF;
}

#quickPanel .quickmain {
  height: 475px;
  display: flex;
  padding: 10px;
  overflow: auto;
}

.quick-dialog .toptitle {
  height: 25px;
  line-height: 25px;
}

.quickmain .left-select {
  width: 50%;
  height: 100%;
  padding-right: 10px;
}

.left-select>div {
  padding: 0 0 5px;
}

.levelodd {
  height: 20px;
}

.levelnum {
  display: flex;
}

.levelnum>div {
  width: calc(100% / 5);
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  line-height: 18px;
  border: #FFF solid 1px;
  background: #DDD;
  user-select: none;
  cursor: pointer;
}

.levelother>div {
  width: calc(100% / 7);
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  line-height: 18px;
  border: #FFF solid 1px;
  background: #DDD;
  cursor: pointer;
}

#quickPanel .font-r {
  color: red;
}

#quickPanel .font-b {
  color: blue;
}

#quickPanel .font-g {
  color: green;
}

#quickPanel .seleN {
  background: #FFEE9C;
}

#quickPanel .seleN2 {
  background: pink;
}

#div_6h_quickPanel .seleN, .right-panel .seleN, .right-panel .seleN2, .rightdata .quickBut.seleN {
  background: #FFC50D;
}

#div_6h_quickPanel .seleN2 {
  background: pink;
}

.quickmain .right-bet {
  width: 50%;
  height: 100%;
}

.right-bet .betArea {
  display: flex;
  flex-direction: column;
  padding: 4px 11px;
  text-align: left;
  font-size: 13px;
}

.right-bet .betArea>div {
  padding: 2px 0;
  line-height: 23px;
}

.right-bet .betArea #JeuMoney {
  margin: 0 5px;
  padding: 1px 3px 0;
  line-height: 22px;
}

.right-bet .betArea #add_Jeu {
  padding: 0 15px;
  line-height: 23px;
  font-size: 13px;
}

.right-bet .betArea #Sum_Jeu_XZ, .right-bet .betArea #Count_Jeu_XZ {
  margin: 0 5px;
}

.right-bet .betArea #confirm_clew input[type="button"] {
  margin-right: 5px;
  padding: 1px 15px 0;
  line-height: 22px;
  font-size: 13px;
}

.right-bet table {
  width: 100%;
  height: 350px;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  overflow: auto;
}

.right-bet table tr {
  line-height: 25px;
}

.right-bet table thead {
  display: inline-table;
}

.right-bet table tbody#JeuList {
  display: inline-table;
}

.right-bet table tbody#JeuList tr td:nth-child(3) {
  cursor: pointer;
}

/*切换线路*/
.head-content .nav div select option[disabled="disabled"] {
  color: #A3A3A3;
  background: #7C7C7C;
}

/* .forth-bg {
  color: red;
} */

/* 侧边下注 */
#betRecentAera .list-tr td span , #betRecentAera .list-tr td div{
  white-space: normal;
  word-break: break-word;
  font-size: 14px;
}

/* 6h上方选项 */
.first-line.tabtype {
  position: absolute;
  top: -30px;
  left: 0;
}

.tabtype button {
  padding: 1px 8px;
  border: none;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 70%);
}

.tabtype button.forth-bg, .tabtype button:hover {
  /* color: #ffffa2; */
}

/* password */
/* .passframe { width: 60%; margin: 10% auto; } */
.passframe .tb-column {
  text-align: right;
}

.passframe .tb-form input {
  width: 150px;
}

.passframe .my-button {
  width: 80px;
}

/* 6h快捷 */
.quick-6h {
  border-top: 1px solid #B8C4CD;
  border-right: 1px solid #B8C4CD;
  border-bottom: 1px solid #B8C4CD;
  border-left: 1px solid #B8C4CD;
}

.btn-area {
  border-right: 1px solid #B8C4CD;
  border-bottom: 1px solid #B8C4CD;
  border-left: 1px solid #B8C4CD;
}

.quick-title {
  width: 100%;
  padding: 3px;
  text-align: center;
  background: #C5D6E7;
}

.quick-6h td {
  width: calc(20% - 1px);
  height: 20px;
  margin-left: 1px;
  line-height: 20px;
}

.Font_R {
  color: #FF3A4A;
}

.Font_B {
  color: #067ECE;
}

.Font_G {
  color: #37AA2B;
}

.btn-area a {
  height: 22px;
  padding: 0 2px;
  text-align: center;
  line-height: 20px;
}

.right-title, .quick-title, .rightdata {
  width: 170px;
}

.right-title {
  display: flex;
}

.right-title div {
  flex: 1;
}

.rightdata table {
  width: 100%;
}

.right-title {
  height: 20px;
  margin-bottom: 2px;
  line-height: 20px;
  background: #EEE;
  cursor: pointer;
}

.sp12trend.selected, .quick1.selected, .quick2.selected {
  color: #FFF;
  background: #FF8100;
}

.rightdata .font-bold {
  height: 30px;
  line-height: 30px;
}
.rightdata {
  font-size: 16px;
}
.rightdata .ball_six {
  font-size: 12px;
}
.rightdata .quickBut {
  height: 20px;
  line-height: 20px;
  background: -webkit-linear-gradient(top, #FFF 0%,#FFF 50%,#F0F0F0 51%,#F0F0F0 100%);
  background:         linear-gradient(to bottom, #FFF 0%,#FFF 50%,#F0F0F0 51%,#F0F0F0 100%);
}
.rightdata .quickBut a {
  width: 100%;
  height: auto;
  display: block;
}
.rightdata .quickBut a span {
  font-weight: bolder;
}

.right-button a {
  display: block;
  margin: 0 0 5px 8px;
}
.right-button a button {
  width: 98%;
  text-align: center;
  border: none;
  text-decoration: none;
}
.right-out {
  width: 10.7vw;
  min-width: 180px;
  z-index: 2;
}

.pickupbox {
  background: #FFC50D;
}

.right-panel .quick-table {
  width: 170px;
  font-size: 16px;
}
.quick-table td {
  font-weight: bolder;
}
/* 胆拖使用 */
.graybg {
  background: #BFBFBF;
}
table#txtQuikBetpanel tr th.td-caption {
  width: 59px;
  vertical-align:middle;
  text-align:center;
  border-bottom: 1px solid #B8C4CD;
  border-left: 1px solid #B8C4CD;
}
/* 长龙 */
#twofaceLong .list-tr {
  height: 20px;
  line-height: 20px;
}
#twofaceLong .list-tr td {
  height: 20px;
  line-height: 20px;
}
.aui_content {
  width: 100%;
}
.dia-content {
  height: 560px;
  overflow: auto;
}
.dia-content table {
  white-space: nowrap;
}

/* 网页卷轴【宽度】 */
::-webkit-scrollbar {
  width: 10px;      /* 垂直滚轴宽度 */
  height: 10px;     /* 水平滚轴高度 */
  background-color: #EEE;
}

/* 网页卷轴【背景】颜色 */
::-webkit-scrollbar-track {
  background-color: #EEE;
  border-radius: 4px;
}

/* 网页卷轴【把手】颜色 */
::-webkit-scrollbar-thumb {
  background: #888;     /* 滚轴滑块颜色 */
  border-radius: 4px;
  border-radius: 4px;
}

/* 网页卷轴【滑过时】把手的颜色 */
::-webkit-scrollbar-thumb:hover {
  background: #666;
}
* {
  scrollbar-width: auto;            /* "auto", "thin" */
  scrollbar-color: #888 #f1f1f1;    /* thumb 颜色 + track 颜色 */
}
/* 下注页浮水印 */
.lottowatermark {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0);
  background-color:transparent;
  font-size:100px;
  text-align: center;
  color:rgba(169,169,169,0.4);
  pointer-events: none;
}

/* 组合类下注页 */
.combo-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
}

.circle_in_black{
  /* width:100px;
  height:100px;
  border-radius:999em;
  background-color: yellow;
  font-weight: bold; */
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin: 0;
  vertical-align: middle;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 120%, #fbd155, #f7c63a 10%, #f8c736 80%, #f7b906 100%);
  /* background: radial-gradient(circle at 50% 0px, #FFF, rgba(255, 255, 255, 0) 58%); */
  opacity: 0.8;
  bottom: 2.5%;
  font-weight: bold;
}

.divbingobtn{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:2px;
}

.divbingobtn button{
   width:10%;
   display:block;
   text-align:center;
   text-decoration:none;
}
/* 快捷投注相关 */
#quickfundiv {
  display: flex;
}
#quickfundiv button {
  background: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
  border: 1px solid #e6e6e6;
  width: 100%;
  margin-right: 2px;
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  cursor: pointer;
  text-align: center;
  color: #666;
  font-weight: bold;
  margin-bottom: 6px;
  box-sizing: border-box;
  position: relative;
}
#quickfundiv button.active {
  border: 1px solid #ff6e39;
  background: linear-gradient(to bottom, #ff8d52 0%, #ff692a 100%);
  color: #fff;
}
#quickfundiv button.active:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ff692a;
  -webkit-transform: rotate(45deg) translateX(-50%);
  -moz-transform: rotate(45deg) translateX(-50%);
  -ms-transform: rotate(45deg) translateX(-50%);
  -o-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  top: 27px;
  left: 50%;
}
#quickBar .dialog-table {
  min-width: 800px;
  max-width: 60vw;
  margin: auto;
  margin-top: 2%;
  line-height: 1.4;
  font-size: 12px;
  color: #511E02;
  background: #FFF;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.35);
  -moz-user-select: none;
}
#quickBar .quickSet {
  right: 150px;
  top: 27px;
}
#fastBetSettingTh {
  color: #ff6e39;
  border: none;
  cursor: pointer;
  padding-left: 35px;
  padding-right: 12px;
  padding-top: 5px;
}
#fastBetSetting {
  height: 18px;
  line-height: 18px;
  background: url(../images/fastbetsetting.png) no-repeat 2px 2.5px;
  background-size: 12% 80%;
}
#fastBetSetting span {
  font-weight: 700;
}
.fastBet {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
#fastBetChoose ul {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
#fastBetChoose {
  padding: 8px 8px 16px 8px;
}
#fastBetChoose ul li {
  text-align: left;
}
#quickdata tr.list-tr, #quickdata tr.list-tr td {
  height: 20px !important;
  line-height: 20px !important;
}
.quick-footer {
  padding: 5px;
  background-color: #d3d3d3;;
}
.quick-footer button {
  margin: 0 3px;
}

table.split_panel {
	float: left;
	/* width: 190px; */
	margin: 10px 1.3px 0 0;
}

table.group_selection3 {
	float: left;
	width: 159px;
	margin: 10px 1.3px 0 0;
}
table.group_selection6 {
	float: left;
	width: 190px;
	margin: 10px 1.3px 0 0;
}
table.group_selectionB3 {
	float: left;
	/* width: 320px; */
	margin: 10px 1.3px 0 0;
}

td[name="ballBtn"].active {
  background-color: #FFC50D;
}

/* 福彩三字 */
table.zh3table.dqeraera tr:hover {
  background-color: transparent;
}
table.zh3table.dqeraera {
  width: calc(50% - 2px);
}
table.zh3table.dqernumaera {
  width: calc(50% - 2px);
}
table.zh3table.dqernumaera tbody {
  max-height: 477px;
  overflow-y: auto;
  display: block;
  width: 100%;
}
table.zh3table.dqernumaera tbody tr {
  width: 100%;
}
table.zh3table.dqernumaera tbody td {
  width: 3%;
}
table.zh3table.dqeraera .footer {
  display: inline-block;
  width: 50%;
}
table.zh3table.dqeraera .footer span {
  font-weight: 700;
  color: red;
}

#recently10_aera tr, #recently10_aera table table td {
  border-right: none;
  border-left: none;
}
table.qdertab {
  width: calc(33% - 4px);
  margin: 5px 3px;
}
.qdertab input{
  width: 60px;
}


/* 拨放视窗 */
#liveiframe {
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}

.currentVideo {
  width: 640px;
  height: 450px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  background-color: #000;
}

.currentVideo .main {
  width: 100%;
  height: 100%;
}

.currentVideo .main .header {
  width: 100%;
  height: 90px;
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
}

.currentVideo .main .header .videoName {
  height: 30px;
  padding-right: 15px;
  line-height: 30px;
  font-size: 1rem;
  font-weight: bold;
  color: #515151;
}

.currentVideo .main .header .videoIssue {
  height: 30px;
  padding-right: 15px;
  line-height: 30px;
  font-size: 1rem;
  color: #515151;
}

.currentVideo .main .header .videoIssue span {
  color: #D80011;
}

.currentVideo .main .header .videoTitle {
  padding: 4px 10px;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #FFF;
  background-color: #D80011;
}

.currentVideo .main .header input[type="button"] {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 15px;
  text-align: center;
  line-height: 23px;
  border-radius: 50%;
  color: #777;
  cursor: pointer;
}

.currentVideo .main .header .buttomLine {
  display: flex;
}

.currentVideo .main .header .videoTime {
  height: 30px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 0.875rem;
  color: grey;
}

.currentVideo .main .header .videoTime i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(images/time.png);
}

.currentVideo .main .header .videoCode {
  height: 30px;
  display: inline-block;
  position: relative;
  top: 40px;
  left: -10px;
  font-size: 0.875rem;
  color: grey;
}

.currentVideo .main .header > div {
  width: 100%;
}

.currentVideo .main .header .videoCode .vtitle {
  width: 100px;
  height: 30px;
  position: relative;
  top: -29px;
  left: 22px;
}

.currentVideo .main .header .videoCode .ball .shengxiao {
  width: 30px;
  transform: translateY(0) !important;
  text-align: center;
}

.currentVideo .main .header .videoCode .ball .shengxiao {
  display: inline-block;
  transform: translateY(-2px);
  font-size: 0.8125rem;
  color: #414141;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
}

.currentVideo .main iframe {
  width: 100%;
  height: 368px;
}

.currentVideo .main .header .videoCode .balls {
  width: 30px;
  height: 29px;
  display: inline-block;
  text-align: center;
  line-height: 29px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #000;
  background-size: 30px;
  background-repeat: no-repeat;
}

.currentVideo .main .header .videoCode .balls.red {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURUdwTPE/QPNZWfVqau4KCu4LDPIPD/EyM+4LC/9NTfd9fe0KC/E/P/Z2dvJJSe8PD+4LDe8PD/NgYPJQUPJAQO0JCf////AjJO4WFu0PD+8eH/I3OfEuL+8bG/RFR/VNT/ApKvI8PfNAQv3b2/eCg/7r6//7+/RbXPmmpviSkvVnaPZ0df709fzPz/q9vT6YIBkAAAAVdFJOUwD5w46/3EH+7wxBi+ph32lalq/VuXleMwwAAAQoSURBVFjDnZhZl6IwEIU9tjaoM73MTCUElB3C6v//eVOVRdBxIXNPP/AgX9+6FEWS1eqh9m9/tr4QAEL42833+8pVu7cPDjcS28POAfHzd4A3hfIY8lSJh6dAc76WIn7gz7N2ZMXxePSUjiR+wtLA/1yA2CMi6AuGKr3oIk3i5Md/lc5uLeBUVoRgRRZdSXHSE2I2T7PZewCdRrBaZqhcia40BzHBczNvAfCRGbUEiGPzp0CEoaLQzNsjxi+AvLKMBm+dK4+Jo81wTPjXfcYaS6mvGEmcGOGltqPNUEnrB4zWIup2TrAg4igzSCnvUrCWs2WMnQHIri/bsu/kHKMo5/Odit4mHwPZSGTZjIOlsmFsSqkxmtKw9p909wF0+udVi79M2uKSzkV10SqMouB/7CDYX/WYBzndNZxLDFQ2FbuvqpGUL1IkQnPwdleh8qI4Nx02Vxw3NXusutVePPw/FZ+H+w6QpviyRVGWy5E91yhVQQ1dgpgK8kFwhBCjHNgrDSVRerrs4IdlfOLs4MpI3tfsteo+zqOMcqtO8PNiJMDhQ0a6gS3R0KEV1RGltfJFRlIyIiu2TJXMjJXAWNliIgqSjWypRmulh9+qRwBOOtaeLVefReqNLyCgXjmA0NVkhQOExp7q8Uw1/xZjVZCSuajE3qdeaeEDIThUNWR0gozYtVFBDcdVt4acuiSunSB1jO9ygi0Rwn71TZEQxK0aqgfHihyYxFA2FnJ2hJwJwru6xLcQc9WQyhFSISTlvGswWd9CakdIrZzw0AMPHw5B0mPGXBUrJ2EA4Qq/vOoRJ84QqSC0XLhApDOk89I5JPw/J/j50QsXA+H/k4nKVUEwWJ2s69Nhkc41AEHzVdfj3CdHvQwT4NNIUvWkzh1rqhGwpbbX9Ti/O6muRsAGX0AMherJnXNV1WCu3zQKjBW3eVIcrRHAtZeCUCqOk00nQhA1Ho0Vl+dTV5ORrRrU1orTtE8vRg76kyEMZfm4Hy0DIbuVqYconCfDQsaQqFdPMbb2M2oL6pb1fi2nYuDLftAvBfVugSDEn5YWlpKWr73UJZ8Y8DktciYvyat0i2TO8OfLLUtBM81TRktNdmHAbKewsRRtpnn0lIYmNjYMYzNfgvozCmK88l5RRelxY8Mw/KuNz7veKk4YnvXNOIVcj7g+5TOEYsDNtudgdpyKojH4Yme0uu9kHNHs0IjJhm74K21gbubC0UpDQ5jbuArkisJl25zH8dy0fRQq0d0kTZgQ9xiKYlZcJouikXSrVmAIFnGfsVr9mW/f7APhgZWYI8Rm0UbStkYvAqEBYrbnPyzb0s6+DTeAV/vr+eZ6MhPfHD1sdsu3+RMlX27j9sBhRskmxKfj0QfuJYuqrqtibA1i8dHHo0MYcDuEscdB6w+Pn4Q4ce9j/ew46C9Yklowlz0j0AAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}
.currentVideo .main .header .videoCode .balls.blue {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUdwTHm57QR93AF62wF62gR83gR83Ad824S/9gF62wB52qnU9t/x/wB52pXH8nG16zGU4Uig5crk+2Su6RyI34O+7lWm5////wB42QuB3QZ93A+E3wJ62iGR5ByO4xOH4BmL4haJ4SWV5fT6/jmb5XK37OXy/Eeh59Xq+pLI8cjk+GOw6lap6aDO8oPA77fa9c1iocQAAAAXdFJOUwCEN5yzI1fvBoDhViPOKo/Otzec4XGrPPHLcQAABDdJREFUWMOdmOly6jAMhYECYZ2ht4vl2EkI2Vfe/+2u5CWQFtq4GqbTH/DlHEm25cxmT+Owny+PO09Kb3dcbtermWts9m/vcB8SYPey3jgg/r15+LuwCQRGFOEfzn3EgPeymIp4xQenXc7KOIp1RBF+BCfOcgrmgAjR5wwji89DaJYgPcvfsrOZ+xBVCSFYGYTnED/ns/pzVooijmq2P+bmcAKZaQRjRTgKAimMD3D8Qczeg6A0CNbTLwMThoMYpAgJ3v4Z40NCYWWwbgDcg7QpgWI+HjPmAJlFsIp+dgkuJvDfGyZSlPljht9ZRNIHw++HGDBkqfcfUT7Ary2jLgwiLdoma9oiHWGIcq397472ErqRjLSp6iFBLKmrJtUYnZiOdSC/ZPfg2XzkPX7zkg1Fuos6UxiiRD32IniHUY+doFAPvGb4rLTK2ePIq9Rooa8XcNqMkhrk5bVqVWf0CXseSa+1xPicJLhP7gogxtWKSyUM05r9HHWqpFAGS+nfDC3BxyWvGFnCfoukIUqrlii8WsYCgBshDZsQSUuFprwlEfz7JqRI2CQKrs1zrxrbSlmA5BqS5mxa5Gl4DpQUYaS8gI9u4vgc1mxq1FZKD2+qRzwgIdHEhJhojZRcetQr68FN6QApbYEK2Fs3At1kzCUyXEHUK53ysyM3BKmdIDV2LZU5h3fqVslVl1yYW1xwLafYEiEchpTEmSMko20FG6vBpGwt5OoIuYa0T7bYb3NqV20nd4TkdIAI3nbwOTuq4qCSxBHCFETwAE5YHIKIKHBlsIs6n7mP5fGUHRGnzpAijmle8MGbSaOkcIa0yg1CpIJQUv6ixNiR2g7/U04io8SjxGo/f6hOpCeoHZVY+3HuEyPEhyM2m9R+nDtWCSElS2p7LcV57RghEra4AI0f51Vs3cCaDi6pk+K2n5RqMiUhsJqp8vzBz83NTm2PiuJYnzw2DAkvaqPWqeXCZbdvhBWCKVFHhjSU6dt9bRgIUUcG+ZHaUDq1a5M0smaUG3WeW0PtREYhVJ9RfWFhD3QpnSrUmMoQY3kbLUxaJlGSzOggM7C4DTkI0RSe/pbdMhV8SMggRI1bMJQoqn5kVGrZ6cKA6lYbW0shDE+7Z1VKqlQjcPEqIdv7EfQIukRajDg/nGPL7CwGGUrHcXTxWXlaixGDri84UbP7ibrFGyE3lTUM78u1Z20undYS14cRDfc42odCBR/J0A0/iu0dRWMEFya4BWgZvmFsv18zNCVqq+5a19eubwKjiA+hjUiQzxiKMm6SvGvHAF+aojxl0JUHvg6yeRb5NqS8qXjK+HKRHIZwTJPUiNut31tPvNLephl8/k2C6o/V1Mv13e4B49hupl/zn1CWq6kvHIouf0xZLhxffVTXUjlLykpnZPqrjy8vYdT+ReH4EmZ4HfR5evd833s/fc5/eh30H+ojbI8K3+ssAAAAAElFTkSuQmCC) 0% center / 100% 100%;
}
.currentVideo .main .header .videoCode .balls.green {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACZUExURUdwTD61Fj20FJjYgDy0FX3MYj+4FTyzFE+7KzyzFWjESorRclu/OqDhipHUe3LIVTy1FT20FUbRFzu0EzuxFIjRcGjESDvEFDuyFP///0W6HEK4GT61F0e9HUq/H1LFJlXIKFvNLU/CI0zBIVjJLGDQMfr9+Nvz05vbg/H67nvRW4fUa2/SR2fGRsvtv6nhlZHccuj34rXlpGCCP/YAAAAYdFJOUwCP2EHovkH4/r/oi/ULYdhpWgtlDZa5DcCAYQcAAARDSURBVFjDnZhtd6IwEIW1asHWbts97e4kQnABeX///z9uZyYg0FVL9p7W4wd4vHMzCQmr1U1tPn9tLQtQlrXdrx9Xpnp5frVhKgdRD+vfBogfrxLvszPbVSrwg0ApKY/MenhfinjCq8s6FrHv+x4Lv/iBkmgHtm8LEBtEyCQWqMSbCUGK/Gy/S+dl5yAiJYRow9OogRMQZv/zro0DQK4RIsro5pA1gjTGumPmWYJdiV41Af78wX/+DEeKi9k832LsMM90YHR461TI6jkYMVJ2Nxl5dPFBjDP+aTFmsKNL2l1nOPWAiBK66zyT5mhKECTONQoyLnHERU8oiqxpmqyYcjSlqq5QngEGH2lCiKLp4ktxIorrpphSOlH/k+5GQq4vb2tKQnfbXFHcMIYpiRA5yM2sxw5Q0s9GVYNXFV0qriutCx2Ml+HFJRxeZoHYbVvVWXjCQakjcVsUOVI8D38ntaexPOKUDQKabKewiMV9VQUX1NFXcMaCtuDQnPewy5tIfKe0IQpHmMPTwHgDcBXN+lOYiwWKcqSElFsq4cfFyFEFbCSLlkBEiuGdEl4tBivvZIQSORWpWKa0OH2x8gDHHhKLpapwgHorr8T4wJXM5WpysVw5WmlphoCkXlmDI3FsjIzgzSE3nBAlN39fje81wkQNNhz1Ss31WFiNUhhJbASJEUIFxWBzt0rukrMRQ0RnnMs0nDZsOBIeHLNquB4/wMbK4HO1Zwg6qQwhFUFUFiU4C3HeuOykNYS0DHHzDpvWgqN2EhlCIl73XRnCoYcoPxSmOmvIEYcHGBL4hTGk8HzFEOghKsiMIZkXBBOI/D8ntHORIwTr+Y9MKBLtBIPVoZiOjuhzdcBCiEP1KN+0T1I/uEC2DEErxh3LRgiypbZ3jtizynTuJGTEPToO7HECUihoxTTZEnc7WA3muqalwNHRGq4nAXcaVgOPK06WrSSG1ehEKFdaHnsrRuPTehcjD7xQD1aMVnvFjUaQtX5kOGzFVctTiRUXQ9XAx6qvRxdULO3atAx0MX01/BgdClr4LI6ysRh4Hx7o2gpSlnVcHozFbMetxYWSfO8laiaBwNu4ybmE65bfpRuXVMrA2E63W0Thmej63V1G7ZONgQGTk8Ieei+MKbtbNaUd2aBIe8Z+snv8aY0UF5PxkmvdGyee6kvpGdbs4PMIQ0VkhhovzL/sqPOQCb0NZsCXY88aRowkN7jC4MJbZlmeFWWocM5qhBwR3PAz7WFuhuwwie53WVLKqY1ZIDOKndVdVcVVh/alq1lS38+EEXGNwZR5k7RdJi869oQBcZ2xWv2aHt96TmIfeznOFGHtFx0kh9bInYsmx/71siPt+GywvwDuH2nnh+uxSUqY6/7hen7Mv0HZPpq8cJiuZCPizfDVR9LFbRpFaRvXfSaLX31cfQkD/BLmw/htzuZz93SwcWhs+/C0u/c66C9LLIcDJpjgSAAAAABJRU5ErkJggg==) 0% center / 100% 100%;
}
.currentVideo .main .header .videoCode .balls.numNo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAAC+1JREFUeF7dXGtMVM0Znt0FES9VQQWVkI9IKumfakjEeMFrqpDW+EOMbdVoNYqIrqBioklj+8MarNiV6EeM8RahxhA1VgUNIkaxwYhY4gUNBBVQIIKgICq4NM/oezJn9pw9Z0Fg9zvJZs/umZ0z85znfd533plZC+uno7a2dm5bW1tCVVXVxOvXr/+WMTYSt3Y6nQFiE6xW6+fvn1sYY09tNttDPz+/S+np6Tf7o6mWvrpJfX390JaWlj2NjY1/KCsr+3VlZaXH9xo0aBD78uULb+J3oF7YbLY8Pz+/v6anp3/oi7Z73EijRlRXV6+pqanZWVBQMOndu3dK8cjIyO4ZM2ZYiouLu1tbWy0BAd+I4efnh86CKfxzV1cXf29vb+fvnZ2drK2tzeW2Vqv1mdVq/fvBgwdzjNrkyfUfBgiAePr06T/y8vJCqAGLFi1i06ZNYyNGjGA2m419/fqVZWZmKu0DA7QOYgVdA1gACiDhJV63Wq0NNpvtbxkZGT970nG9sr0GBNpQXl7+bwJi1KhRbMOGDSwkJISDIB6vX79mFy9e7FG7RRBw3tLSomIOgAkICPhjb7Wmx4BAI+rq6v6Tk5MzFw0kIMaNG8csFtdq8ZTPnDmjerpGyMhMofL0Pep8+/atDExRWFjY73fs2PHN5jw8egQIWFFUVHS5pKRkCO6XlJTEJk2apAkEtae0tJSVlZWpmmfWZGQgjICBAAcEBMT1hC0eA1JRUbE/JydnOwQTQpmYmGjR6xg1vLm5mZ0/f56J5cicoCs4SGPk73FNNhcRVZEt0JfW1lal/KZNm/4ZFRW1wxOSeARIaWlp4cmTJ+fiBhDMuLg4t6xAuQ8fPrALFy646InZRgIwAssdOACGxLexsVEBZfXq1Tejo6Pnmb2faUBEMGAiUVFRhvcAMy5fvqwCA+728+dvsRe5Xq2KqAxdIyZpmQ+xRE9bPAHFFCAEBii/a9cuFhQUZAgGPMrNm+rg0h0A7irUA0fLlIgpqG/58uUsIyODs8UsKIaAiGDs3btXpQNancCTvH37Nqurq9NlwejRo/m14cOHs+DgYKWapqYmbmLwHHqHFjgyQwiU5ORkXg0eollQ3AICAT18+PB2VLpnzx63zOju7mZv3rxRWEFsQOd/+ukn3vEhQ4Z4pCUAFyL5/v179uLFCwUos6CsXbuWgw7TRftxGAmtLiBwrUePHi2EN3GnGRAyBEmFhYUqbZg+fbpmcGZoa24KAKCamhp2//59XkoEBtdkpixZsoSNHz+el62oqGBHjhzh8dL69evnhYWFaQ4WNQFB0FVQUNCIOAPeJD4+3qWZuDl0ori4WLk2YcIEFh0dzYYNG2bofXoDDNiIB1VeXq6YJomuCEpMTAxvDx1Xr15l+fn5LCYm5uOCBQvGhoaGugRvmoCQbiDOSE5O5mUwlsAgq7q6mj1+/Jg/DYgsxQ1wwWbEtjdAaP1WFG8RFAJm48aNysMBkJmZmd0YeeuJrAsgaWlpczs6OgpxcwDS1dXFy2BEKgZWOMcrPDyczZo1yyNt+NGgoPN3797lbJFNZ+XKlVxH6EDZ7du387anpKS4mI4LIHa7vd7pdIbgB2PHjuX10BCdQMB3OI+NjeWC6Q0Hnv7Lly+5CYugzJw50yVmIj2Ji4triI+PDxXbrwIkNTV1Y2dn5xEUGDNmDA+ciBXiO86nTp1qKjjrb7DQWYybCBS0FSwRB5wAD14HOpSamvqXiIiIE9ROFSDEDojiyJEjOTNEcyFQpkyZohKr/u60u/uhsw8ePFB0DmXhFMjb0G+hPfv27cPwQ8USBZCUlJQ/dXV1ZYvsEE2FzCQyMpLNnj27T71IbwEGKLdu3WKVlZW8Kk9YogBit9srnE7nJLAjMDCQm4sWIGvWrBlQATULFsTz7Nmz3BviJcYkMksSEhKexcbG8sEZByQtLW14R0fHe5wjcAEQQ4cOdTEXLYEy28CBKAc9uXPnjsKSFStWcG9JB3QmJSWF9zkpKWkY4hIOSGpq6sHOzs6toBaAIDAAzODBg5UKfYUdYoezs7MVlsiBGspRsEYhPQfEnbmQDUKYvMXFesI2jIEKCgqUsF6OS2icQ2ZDgHzChBGZCw3MxLgDiWM5aexJwwaqLMzixIkTCiDQSNF0yGwQhNrtdqtFjExFQMS4AwHa0qVLB6pPvb5vbm4uQxYNBwR28uTJKk956NAhHs7v3LlznkXWD+iG7GF81VwISdFsKFeC0IEGfgjkTp06hdTAzxa73X7T6XTOIUElQESGrFu3zjAx1OvH2IcVAITTp08r4kq51/nz53NQKEjDgA+AKGMXzLDhkBmSmJiocld92PY+qRoAHD9+3AUQ5FMSEhIY0ha7d+/mUSsA4YIKsfH39+cxiDyGQYLI1w8kh0hDiCEABGmNiRMn8qQT8iS6gJC7RY5j1apVvo4HI2EVpysIEJpQh6exbN68uRu9lRlCYTsUec6cOT4PSFFREXvy5IliNuiQDAi+0wUEFwGKqMa+jAo8SUlJCfv06RPvBkzFFCAojND9l8iQhw8fqtahaK1BcWEIMYM8DaYRfikaUltbq0x3UsYeTBEX5ahEFWCInoZYsnXrVl+2Ft52eBk9QaUUAVYNKIDQuAWAkNmQp9myZYtPxyFIGDkcDpW5iPohA6IEZgCFABFDeEwJGi158GYKocNgiBx/oM0wFwEQHpgpoTsxAhkziljxvmzZMp8c+tNDQmiO7JnoXXDe0dGhmu2zWq1FyuCOYhHSEVFcQ0NDfVpYkQR6/vw5Zwh5FhJT9JNWOfr7+/9LNfwX8x+yuNrtdp/Nh0A/aLmnqB0Ag8wF54GBgfNUCSIZEJElSKrIqXxv1g3ZXMRATNQOAgUexuFwDFalEElDSEDlwZ6veRuYSFZWlmIS7tiBhcAOhyNKlWTWAkRkyeLFi71ytk6Pqci6X7p0iV+WAzHZXKAfGRkZKS7TEPLUJbGEvM62bdt8QkuQKz1w4IACBmkI3CyBIb4HBgb+CuvnXSaqiCXiu2g6mNP19tEvArG8vDy+SEYexGmBQeaCa5pTmUamQ6k3bxVVjGxv3LhhylS+S8KfaROB5mS3HktEPfHWYA2sQNyh5VV02NHgcDiUJRG6yyHMgOJtrhjZ9XPnzpnWDRT09/dPEndS6C6YIXNwJ7Iog6z1woULB1RoIaDXrl1jjx49UnkTije0mIHvsINCZIdKQwgAceJKBoVYIw4A8R2WLNESyP7WFUxF0hQDxRnUBj2PQtcRmcobBDQX3dGAT+yczJTvdONFaGEN2IL1ZuKarr4ACF4E4w8sEBZZgXuJYxQ9ZnxnR5HD4eDr9sVDE5D9+/cPra2tbZI3COqBAkDQEEoZIGGN9RgYFIrLD3oLDkyjoaGBb0KiAZkYcIkmYgDG57CwsGCtPTW6C3e1TEcUWvmczEhkDNKQAAWxCyaDerqSGfOy9+7dY/X19RxTEQR6GGQeIhDyuTtToWtul3bTvK/Wk5WXaMomRIzB9+Kif3QAeVq8sA0NB5LaGJZjnfvHjx/5Em50njpL99cCQmSFu301VAeF6HpsNVz8r6UnVJkWKCIw4k1JZ+g7eWeE2Hl5LTv9hsJv+uwJK/AbJIC0dMNQQ2T09EChracRERE89UidpA0/6BgaTZSvqqpyeeqiiYmskjuvBYIZ86DfmQEDZQ0ZQhWKoGD9e09iD8pYIXtFo1A96uoBoKULoqlo1WcWDI8AQeErV65cy8/P/x3OzW4x0+swwIFO5ObmdtfX17t9MHodNgEEtm7918hMPDYZ8Qc92YTojgWIKZ49e8aOHTtmRBZ+3QgEsRIjAdW6oWmTEX/ck22qRr1FR7OysrpfvXqlapMnAAh60X/bVOmmnm5kNgKErtMySbPl5XLQi37fyCyzxexWd7Od7AkoA77VXe6cmT9DMAsIZbyw+8no8Lo/Q9ACxt3fZeC/ATD4QxiPLRv0Qj0Agl7YfIhdoHoa4vV/lyED8yP+UEWs02f/UEWP4vSXO+3t7VENDQ2/aW5uHt7U1MQnkcmzhIeH8+VdwcHBHUFBQR9CQkKeZGdn/68//3Ln/2MNc/TeRS7wAAAAAElFTkSuQmCC) 0% center / 100% 100%;
}

.currentVideo .main .header .videoTime i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Image/time.png);
}

.currentVideo .main .header .videoCode .ball {
  width: 30px;
  display: inline-block;
  position: relative;
}

.openRound {
  margin: 5px;
  background: #E53935;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
}
/* 规则 生肖 */
.rule-ani {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.rule-ani>div {
  flex: 0 0 30%;
}

.t_td_odd_1 {
	height: 20px;
	line-height: 21.5px;
	background-color: #FEFFF3;
	text-align: center;
  font-size: 14px;
}

.t_td_odd_2 {
	height: 20px;
	line-height: 20px;
	background-color: #F4F4FE;
	text-align: center;
}

.s_td_0 {
	background-color: #ffffff;
	text-align: center;
	height: 20px;
  line-height: 20px;
	font-weight: bold;
	vertical-align: text-bottom;
}

.t_td_caption_1 {
	height: 25px;
	line-height: 23px !important;
	text-align: center;
	background-color: #fdf8f2;
}

#div_6h_quickPanel .t_td_text {
  height: 20px;
	line-height: 17px;
	background-color: #FFFFFF;
	padding-left: 2px;
}

/* 公告图片 */
.news-img {
  width: 100%;
  height: auto;
}

.ball_pk6 div.pk6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}
.ball_pk6 div.pk6bet {
  display: flex;
  align-items: center;
}
.ball_pk6 div.No_1 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.ball_pk6 div.No_2 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -27px;
  background-repeat: no-repeat;
}

.ball_pk6 div.No_3 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -54px;
  background-repeat: no-repeat;
}

.ball_pk6 div.No_4 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -81px;
  background-repeat: no-repeat;
}

.ball_pk6 div.No_5 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -108px;
  background-repeat: no-repeat;
}

.ball_pk6 div.No_6 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -135px;
  background-repeat: no-repeat;
}

.ball_pk6 div.mNo_1{
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ball_pk6 div.mNo_2{
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof2.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ball_pk6 div.mNo_3{
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof3.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ball_pk6 div.mNo_4{
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof4.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ball_pk6 div.mNo_5 {
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof5.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.ball_pk6 div.mNo_6 {
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background-image: url(images/ball/BwnYDdof6.png);
	background-repeat: no-repeat;
	background-size: cover;
}

button[class='my-button forth-bg']{
  color: #fff;
  background: #FF9224;
  border: none;
}

button.ant-btn {
  border: 1px solid #CDCDCD;
  background-color: var(--fontMajor_color1);
  outline: #6F6F6F solid 1px;
  color: #fff;
}
/* 左侧资料 */
.left-title {
  display: flex;
  /* justify-content: space-around; */
  height: 25px;
  line-height: 27px;
}
.left-title > div {
  /* width: 25%; */
  /* padding-left: 5px; */
}
.left-title > div.t50 {
  width: 50%;
}
.left-title > div.t80 {
  text-align: left;
  width: 80%;
  font-size: 11px;
}
.left-title > div.t80 span {
  font-size: 11px;
}
.left-data > div , .left-cancel > div,
.left-data2 > div , .left-cancel > div,
.left-data12 > div , .left-cancel > div,
.left-dataZero > div , .left-cancel > div,
.left-data3 > div , .left-cancel > div {
  text-align: left;
}
.left-data .left-text {
  background-color: #a0e5ff;
  padding: 3px 0;
}
.left-data2 .left-text {
  background-color: #b5f982a6;
  padding: 3px 0;
}
.left-data3 .left-text {
  background-color: #FBFFC7;
  padding: 3px 0;
}
.left-data12 .left-text {
  background-color: #cfcfcf;
  padding: 3px 0;
}

.left-dataZero .left-text {
  background-color: #ffffff;
  padding: 3px 0;
}

button.ant-btn.blue {
  background-color: var(--fontMajor_color1);
}
button.ant-btn.green {
  background-color: #60A357;
}
button.ant-btn.red {
  background-color: #B92929;
}
.lately-bet-table td.left-cancel {
  background-color: #FFE0E0;
}
.showbox {
  height: 80%;
  /* width: 90%; */
  margin: 0 auto;
  top: 10%;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  width: 1255px;
  margin-left: 270px;
}
.showbox .showtitle {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.showbox .showtitle div {
  font-size: 16px;
}
.showbox .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
}
.showbox .lottery-selector {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.showbox .out {
  padding: 20px;
  overflow-y: auto;
  height: calc( 100% - 72px );
}
.showbox .lottery-selector > span {
  cursor: pointer;
  display: inline-block;
  height: 28px;
  line-height: 26px;
  border: 1px solid #6F6F6F;
  width: 100px;
  text-align: center;
  color: black;
  margin: 0 5px;
}
.showbox .lottery-selector span.selected {
  background-color: var(--fontMajor_color1);
  color: #fff;
  border-color: var(--fontMajor_color1);
}
.showbox .name-3t {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #036564;
  border-color: #036564;
  border-bottom: 1px solid #036564;
  text-align: left;
}
.showbox .name-3d {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #7A2BC3;
  border-color: #7A2BC3;
  border-bottom: 1px solid #7A2BC3;
  text-align: left;
}

.showbox .name-twbggame {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  border-color: #000;
  border-bottom: 1px solid #000;
  text-align: left;
}

.showbox .name-3h {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #FF9900;
  border-color: #FF9900;
  border-bottom: 1px solid #FF9900;
  text-align: left;
}

.showbox .name-star3D7 {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #FF9900;
  border-color: #FF9900;
  border-bottom: 1px solid #FF9900;
  text-align: left;
}

.showbox .name-can28 {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #FF4500;
  border-color: #FF4500;
  border-bottom: 1px solid #FF4500;
  text-align: left;
}

.showbox .name-star7 {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #4343f9;
  border-color: #4343f9;
  border-bottom: 1px solid #4343f9;
  text-align: left;
}

.showbox .name-pai5 {
  margin: 5px 0px;
  padding: 5px 0px;
  font-size: 20px;
  font-weight: bold;
  color: #878751;
  border-color: #878751;
  border-bottom: 1px solid #878751;
  text-align: left;
}
.showbox .main-data .main-name {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: var(--fontMajor_color1);
  padding: 5px 15px 0px;
  margin-bottom: 5px;
}
.showbox .main-data div.sub-header {
  background-color: #6F6F6F;
}
.showbox .main-data .main-table > div:nth-of-type(-n+10) {
  border-top: 1px solid #6F6F6F;
}
.showbox .main-data div.main-table {
  /* display: flex;
  flex-wrap: wrap;
  padding-top: 4px; */
  display:grid;
  grid-template-columns:repeat(auto-fill,120px);
  gap:0;
  padding-top: 4px;
}
.showbox .main-data div.main-table > div , .showbox .main-data div.sub-header > div {
  /* display: inline-flex; */
  display:flex;
  flex-direction:column;
  width: 120px;
  min-height:120px;
  height:auto;
  flex-wrap: wrap;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #6F6F6F;
}
.showbox .main-data div.sub-header > div {
  width: 100px;
}
/* .showbox .main-data div.main-table > div > span , .showbox .main-data div.sub-header > div > span {
  display: inline-block;
  width: 100%;
  height: auto;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  word-break: break-all;
  white-space: normal;
} */
 .showbox .main-data div.main-table > div > span,
.showbox .main-data div.sub-header > div > span {

  display:flex;

  align-items:center;
  justify-content:center;

  width:100%;

  min-height:30px;
  height:auto;

  padding:5px;

  text-align:center;

  color:black;
  font-weight:bold;
  font-size:14px;

  line-height:20px;

  white-space:normal;
  word-break: break-all;
  overflow-wrap:break-word;
}
.showbox .main-data div.main-table > div > span > span {
  margin-left: 3px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.showbox .main-data div.sub-header > span {
  color: white !important;
  font-weight: normal !important;
}
.showbox .main-data .main-table > div:nth-of-type(16n+3),
.showbox .main-data .main-table > div:nth-of-type(16n+5),
.showbox .main-data .main-table > div:nth-of-type(16n+7),
.showbox .main-data .main-table > div:nth-of-type(16n+9),
.showbox .main-data .main-table > div:nth-of-type(16n+11),
.showbox .main-data .main-table > div:nth-of-type(16n+13),
.showbox .main-data .main-table > div:nth-of-type(16n+15),
.showbox .main-data .main-table > div:nth-of-type(16n+17) {
  background-color: #DEE6FF;
}
.showbox .main-data .main-table > div:nth-last-child(1) {
  border-right: 1px solid #6F6F6F;
}
.showbox .main-data .main-table > div > span:nth-of-type(n+2) {
  border-top: 1px dashed #6F6F6F;
}
.showbox .main-data .main-table > div > span:nth-of-type(3) {
  color: darkorange;
}
.showbox .main-data .main-table > div.sub-header > span:nth-of-type(n+2) {
  border-top: 1px dashed white !important;
}
.showbox .ant-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.showbox .ant-footer .footer-center {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.showbox .ant-footer .footer-center button {
  border-radius: 0px;
  height: 24px;
  line-height: 24px;
  padding: 0px 4px;
  width: auto;
  background-color: rgb(255, 216, 189);
  border: 1px solid #6F6F6F;
}

/**
  betDetail.php
**/
.jHkhgT {
  width: 100%;
}

.jHkhgT > .detail-list {
  background-color: white;
  border: 1px solid rgb(111, 111, 111);
  text-align: left;
}

.dIwFeo.is-withdrawed {
  background-color: rgb(255, 224, 224);
}
.dIwFeo {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 5px 0px;
}
.dIwFeo > div > span {
  color: red;
  margin-right: 10px;
}

.dIwFeo.is-withdrawed > label {
  border-bottom: 1px dashed rgb(79, 79, 79);
}

.dIwFeo.is-withdrawed > div, .dIwFeo.is-withdrawed > label {
  background-color: transparent;
  color: black;
}

.dIwFeo > label {
  height: 22px;
  line-height: 22px;
  width: 100%;
  display: block;
  border-bottom: 1px dashed rgb(95, 95, 95);
}

.dIwFeo:nth-of-type(n+2) {
  border-top: 1px solid rgb(63, 63, 63);
}

.dIwFeo > * {
  padding: 0px 3px;
}

.dIwFeo > p {
  padding: 8px 5px;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 16px;
  word-wrap: break-word;
}

.dIwFeo.is-withdrawed > span, .dIwFeo.is-withdrawed > div {
  border-color: rgb(79, 79, 79);
}

.dIwFeo.is-withdrawed > div {
  height: 26px;
}

.dIwFeo.is-withdrawed > div, .dIwFeo.is-withdrawed > label {
  background-color: transparent;
  color: black;
}

.dIwFeo > div {
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-top: 1px dashed rgb(95, 95, 95);
  padding: 0px 3px;
  height: 30px;
}

.dIwFeo:not(.is-withdrawed) > p {
  cursor: pointer;
  word-wrap: break-word;
}
.dIwFeo:not(.is-withdrawed) > p.pl3 {
  background-color: rgb(193, 255, 216);
}
.dIwFeo:not(.is-withdrawed) > p.fc3 {
  background-color: rgb(193, 238, 255);
}
.jHkhgT > .bet-info-table-footer {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 26px;
  flex-wrap: nowrap;
}
.jHkhgT > .bet-info-table-footer > span {
  font-size: 14px;
  color: red;
  margin: 0px 3px;
}

.fzvyuK {
  width: 100%;
  background-color: white;
  margin: 7px 0px;
  padding: 0px 5px;
  height: 70px;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-size: 12px;
}
.fzvyuK > div {
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.fzvyuK > div:nth-last-of-type(n+2) {
  width: auto;
  padding: 7px 9px 0px;
  height: 50px;
  position: relative;
  border: 1px solid rgb(143, 143, 143);
  border-radius: 4px;
  margin: 8px 5px 0px;
}
.fzvyuK > div:nth-last-of-type(n+2) > label, .fzvyuK > div:nth-last-of-type(n+2) > .t-label {
  width: auto;
  position: absolute;
  z-index: 2;
  padding: 0px 4px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  background-color: white;
  display: inline-block;
  left: 10px;
  top: -10px;
}
.fzvyuK > div:nth-last-of-type(n+2) > .range-search-wrapper {
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
}
.fzvyuK > div:nth-last-of-type(n+2) > .range-search-wrapper > select {
  min-width: 100px;
  background-color: white;
  display: inline-flex;
  height: 24px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px 5px;
  color: blue !important;
  text-align: center;
}
.fzvyuK > div:nth-last-of-type(n+2) {
  width: auto;
  padding: 7px 9px 0px;
  height: 50px;
  position: relative;
  border: 1px solid rgb(143, 143, 143);
  border-radius: 4px;
  margin: 8px 5px 0px;
}
.fzvyuK > div > textarea {
  height: 24px;
  line-height: 22px;
  border-radius: 0px;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}

/**
  betDetail.php
**/

.detail-titles {
  width: 900px;
  background-color: white;
  padding: 0px 5px;
  height: 58px;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-size: 11px;
}
.detail-titles > div:not(:last-of-type) {
  width: auto;
    padding: 10px 6px 0px;
    height: 40px;
    position: relative;
    border: 1px solid rgb(143, 143, 143);
    border-radius: 4px;
    margin: 0px 5px;
}
.detail-titles > div > label {
  width: auto;
  position: absolute;
  z-index: 2;
  padding: 0px 4px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  background-color: white;
  display: inline-block;
  left: 10px;
  top: -10px;
}
.detail-titles > div input {
  color: black;
  height: 22px;
  line-height: 20px;
  font-size: 11px;
}
.detail-titles > div input[type=text]{
  background-color: rgb(222, 236, 255);
}
.detail-titles > div select {
  background-color: white;
  display: inline-flex;
  height: 24px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px 5px;
  color: blue !important;
  text-align: left;
}


/*! CSS Used from: Embedded */
*,
*::before,
*::after {
    box-sizing: border-box;
}

ul {
    margin-top: 0;
    margin-bottom: 1em;
}

label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

::selection {
    color: #fff;
    background: #1890ff;
}

/*! CSS Used from: Embedded */
.cjKCsf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 30px;
}

.cjKCsf>span {
    display: block;
    height: 25px;
    font-weight: bold;
    line-height: 25px;
}

.cjKCsf>div {
    height: 25px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.cjKCsf>div>div {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px 20px;
}

.cjKCsf>div>div>label {
    font-size: 14px;
    color: rgb(183, 100, 0);
}

.doWGrz {
    display: flex;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    background-color: white;
    border: 2px solid var(--fontMajor_color1);
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 300px;
}

.doWGrz.fast-edit {
    /* display: inline-flex; */
    background-color: white;
    border: 1px solid rgb(63, 63, 63);
    font-size: 14px;
}

.doWGrz>li {
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
}

.doWGrz.fast-edit>li {
    cursor: default;
}

.doWGrz.fast-edit>li:nth-of-type(n+2) {
    border-top: 1px dashed rgb(175, 175, 175);
}

div,
span,
ul,
li,
label {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: "Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;
}

ul {
    list-style: none;
}

#div_error_msg {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background: #F5F5F5;
  color: black;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  z-index: 1000;
  min-width: 150px;
  font-size: 16px;
}

/*! CSS Used from: Embedded */
*,*::before,*::after{box-sizing:border-box;}
h5{margin-top:0;margin-bottom:0.5em;color:rgba(0, 0, 0, 0.85);font-weight:500;}
svg:not(:root){overflow:hidden;}
::selection{color:#fff;background:#1890ff;}
.anticon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.anticon > *{line-height:1;}
.anticon svg{display:inline-block;}
.anticon::before{display:none;}
/*! CSS Used from: Embedded */
.egWHrA{width:400px; min-width: 340px;height: 650px;max-height:650px;overflow:hidden;background-color:white;z-index:111;border-top:1px solid rgb(56, 67, 161);border-left:1px solid rgb(56, 67, 161);transition:bottom 0.3s linear;margin-bottom: 20px;}
.egWHrA.left{right:200px;}
.egWHrA > div.operation-wrapper{height:40px;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0px 12px;-webkit-box-align:center;align-items:center;background-color:var(--fontMajor_color1);border-bottom:1px solid rgb(56, 67, 161);}
.egWHrA > div.operation-wrapper > h5{-webkit-box-flex:1;flex-grow:1;text-align:center;line-height:30px;font-size:16px;color:white;margin:0px;}
.egWHrA > div.operation-wrapper > div{-webkit-box-flex:0;flex-grow:0;}
.egWHrA > div.operation-wrapper > div > span{display:inline-flex;cursor:pointer;width:28px;height:28px;line-height:26px;border-radius:50%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0px 3px;background-color:white;}
.egWHrA > div.operation-wrapper > div > span.hide-button{color:rgb(201, 110, 0);}
.egWHrA > div.operation-wrapper > div > span.hide-button:hover{background-color:rgb(255, 175, 79);color:white;}
.egWHrA > div.operation-wrapper > div > span.close-button{color:rgb(56, 67, 161);}
.egWHrA > div.operation-wrapper > div > span.close-button:hover{background-color:rgb(225, 129, 129);color:white;}
.egWHrA > div.announcement-wrapper{padding:10px;line-height:20px;font-size:14px;color:black;}
div,span,h5,i{margin:0px;padding:0px;border:0px;vertical-align:baseline;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-family:"Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;}
.egWHrA.minimize {
  bottom: -664px;
}
#my-left-egWHrA-wrapper {
  background-color: #FBFFC7;
}

#my-left-egWHrA-wrapper00 {
  background-color: #ffffff;
}

.text-main {
  display: flex;
}
.text-main .text-left {
  width: calc(100% - 405px);
  padding-right: 5px;
  min-width: 1080px;
}


.egWHrA00{position: absolute;width:400px; min-width: 340px;height: auto;max-height:650px;overflow:hidden;background-color:white;z-index:111;border-top:1px solid rgb(56, 67, 161);border-left:1px solid rgb(56, 67, 161);transition:bottom 0.3s linear;margin-bottom: 20px;}
.egWHrA00.left{right:0px;}
.egWHrA00 > div.operation-wrapper{height:40px;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0px 12px;-webkit-box-align:center;align-items:center;background-color:var(--fontMajor_color1);border-bottom:1px solid rgb(56, 67, 161);}
.egWHrA00 > div.operation-wrapper > h5{-webkit-box-flex:1;flex-grow:1;text-align:center;line-height:30px;font-size:16px;color:white;margin:0px;}
.egWHrA00 > div.operation-wrapper > div{-webkit-box-flex:0;flex-grow:0;}
.egWHrA00 > div.operation-wrapper > div > span{display:inline-flex;cursor:pointer;width:28px;height:28px;line-height:26px;border-radius:50%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0px 3px;background-color:white;}
.egWHrA00 > div.operation-wrapper > div > span.hide-button{color:rgb(201, 110, 0);}
.egWHrA00 > div.operation-wrapper > div > span.hide-button:hover{background-color:rgb(255, 175, 79);color:white;}
.egWHrA00 > div.operation-wrapper > div > span.close-button{color:rgb(56, 67, 161);}
.egWHrA00 > div.operation-wrapper > div > span.close-button:hover{background-color:rgb(225, 129, 129);color:white;}
.egWHrA00 > div.announcement-wrapper{padding:10px;line-height:20px;font-size:14px;color:black;}
div,span,h5,i{margin:0px;padding:0px;border:0px;vertical-align:baseline;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-family:"Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;}
.egWHrA00.minimize {
  bottom: -664px;
}
#my-left-egWHrA-wrapper {
  background-color: #FBFFC7;
}

.spanOption{
  display: inline-block;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
  padding: 0px 6px;
  cursor: pointer;
  border-radius: 2px;
  /* border: 1px solid rgb(0, 114, 77); */
  margin-left: 6px;
  margin-top: 3px;
  color: rgb(0, 114, 77);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.spanOption.up{
  color: #FFFFFF !important;
  background-color: #FE740C;
}

.ant-btn > span {
  font-size: 15px;
}

.ball-blue-ssc {
  width: 35px;
  height: 35px;
  justify-content: center;
  align-items: center;
  margin: auto;
  font-size: 30px;
  font-weight:400;
  border-radius: 50%;
  line-height: 35px !important;
  color: #FFF !important;
  background: linear-gradient(#619CFF 0px, #0A5EFF);
}


.topbutton{
  font-size:14px !important;
}
.topbutton div{
  display: block;
  margin: 0 auto;
}

.topbutton.topBtn0 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn0a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}
.topbutton.topBtn1 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn1a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn2 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn2a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn3 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn3a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}


.topbutton.topBtn4 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn4a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn5 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn5a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn6 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn6a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn7 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn7a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}

.topbutton.topBtn8 div{
  width: 30px;
  height: 30px;
  background: url(../Image/topBtn8a.svg) no-repeat center;
	background-size: cover;
  text-align: center;
  background-position: center center;
}


.topbutton.topBtn0.active div,.topbutton.topBtn0.active1 div{
  background: url(../Image/topBtn0.svg) no-repeat center;
}
.topbutton.topBtn1.active div,.topbutton.topBtn1.active1 div{
  background: url(../Image/topBtn1.svg) no-repeat center;
}
.topbutton.topBtn2.active div,.topbutton.topBtn2.active1 div{
  background: url(../Image/topBtn2.svg) no-repeat center;
}
.topbutton.topBtn3.active div,.topbutton.topBtn3.active1 div{
  background: url(../Image/topBtn3.svg) no-repeat center;
}
.topbutton.topBtn4.active div,.topbutton.topBtn4.active1 div{
  background: url(../Image/topBtn4.svg) no-repeat center;
}
.topbutton.topBtn5.active div,.topbutton.topBtn5.active1 div{
  background: url(../Image/topBtn5.svg) no-repeat center;
}
.topbutton.topBtn6.active div,.topbutton.topBtn6.active1 div{
  background: url(../Image/topBtn6.svg) no-repeat center;
}
.topbutton.topBtn7.active div{
  background: url(../Image/topBtn7.svg) no-repeat center;
}
.topbutton.topBtn8.active div,.topbutton.topBtn8.active1 div{
  background: url(../Image/topBtn8.svg) no-repeat center;
}

.topbutton.topBtn7.active {
  color: rgb(0, 0, 158) !important;
}

.topbutton.topBtn7 {
  color: #FFEB3B !important;
}

.topbutton.topBtn7.active1 {
  color: rgb(0, 0, 158) !important;
}

.topbutton.topBtn7.active1 div{
  background: url(../Image/topBtn7.svg) no-repeat center !important;
  color: rgb(0, 0, 158) !important;
}


/*! CSS Used from: Embedded */
*,
*::before,
*::after {
    box-sizing: border-box;
}

label {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

::selection {
    color: #fff;
    background: #1890ff;
}

/*! CSS Used from: Embedded */
.fEBmsp.green {
    color: darkgreen;
}

.fEBmsp.orange {
    color: rgb(205, 113, 0);
}

.fEBmsp.red {
    color: red;
}

.dlYwHU {
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    -webkit-box-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    justify-content: center;
    align-content: flex-start;
}

.dlYwHU>* {
    width: 45%;
    padding: 10px 9px 0px;
    height: 30px;
    position: relative;
    border: 1px solid rgb(143, 143, 143);
    border-radius: 4px;
    margin: 8px 5px 0px;
}
.dlYwHUkkl {
  width: 95%;
  padding: 10px 9px 0px;
  height: 32px;
}

.dlYwHUkkl > select {
  line-height: 32px;
}

.dlYwHU>*>label {
    width: auto;
    position: absolute;
    z-index: 2;
    padding: 0px 4px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    background-color: white;
    display: inline-block;
    left: 10px;
    top: -10px;
}

div,
span,
label {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: baseline;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-size: inherit;
    line-height: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: "Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;
}

.game1-overlay-20 {
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3); /* 黑色 + 20% 不透明度 */
  z-index: 999;
  pointer-events: auto;
  cursor: not-allowed;
}

#eoheejtb_a {
  position: relative;
}

.hide-egWHrA-section-btn {
  width: 20px;
  position: absolute;
  top: 100px;
  right: 5px;
  z-index: 30;
  line-height: 16px;
  color: #FFF;
  background-color: red;
  cursor: pointer;
}

.text-main .text-left-long {
  width: calc(100% - 25px);
}

/* 新版密码版面 */
.fAsMLt {
  width: 96%;
  margin: 0px auto;
  padding: 0px 0px 10px 10px;
  display: flex;
  height: calc(100% - 90px);
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
}
.cnxuYC {
  width: 100px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding-right: 5px;
}
.eYRaOA {
  background-color: white;
  padding: 15px;
  margin: 10px 0px;
  width: 800px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 90px;
}
.eYRaOA.full-width {
  width: 96%;
  margin: 10px auto 0px;
  min-height: 150px;
}
.eYRaOA>div {
  height: 100%;
  display: flex;
  padding: 0px 10px;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.eYRaOA>div>label {
  display: inline-block;
  height: 26px;
  color: black;
  font-size: 18px;
}
.eYRaOA>div:nth-of-type(n+2) {
  border-left: 1px dashed var(--fontMajor_color1);
}
.dYPkEt {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 8px;
}
.dYPkEt>span {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: rgb(176, 96, 0);
}
.iKWRPc {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  margin: 15px 0px 5px 20px;
  width: auto;
  height: 36px;
  border-radius: 15px;
  background-color: rgb(255, 255, 161);
  padding: 0px 12px;
  font-size: 14px;
}
.iKWRPc::before {
  content: "注：";
  color: red;
  margin-right: 8px;
  font-size: 16px;
  font-weight: bold;
}
.bIAupN>.submit-wrapper {
  width: 100%;
  margin: 38px 0px;
  text-align: center;
}
.bIAupN>.submit-wrapper>.ant-btn {
  width: 90px;
  text-align: center;
  height: 32px;
}
button.ant-btn.ant-btn-primary {
  border: 1px solid rgb(191, 191, 191);
  background-color: var(--fontMajor_color1);
  outline: rgb(111, 111, 111) solid 1px;
}
.ant-btn>span {
  display: inline-block;
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
input.ant-input {
  border: 1px solid rgb(143, 143, 143);
  color: black;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}

/* 新版测速 */
.main-container {
  width: 600px;
  height: 60vh;
  min-height: 400px;
  max-height: 500px;
  background-color: white;
  border-radius: 5px;
  padding: 20px 10px;
  z-index: 2;
  overflow-y: auto;
}
.main-container > .speed-test-title {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 30px;
  padding: 0px 10px;
  border-bottom: 1px solid rgb(143, 143, 143);
  margin-bottom: 20px;
}
.speed-test-title>h5 {
  font-size: 15px;
  font-weight: bold;
}
.fuRKBH {
  display: inline-flex;
  cursor: pointer;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 16px;
  border: 1px solid rgb(95, 95, 95);
  color: rgb(95, 95, 95);
  border-radius: 50%;
  background-color: white;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
  display: inline-block;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
.main-container > p {
  height: 32px;
  line-height: 32px;
  padding: 0px 20px;
  margin: 0px 0px 5px;
  border: 1px solid black;
  text-align: left;
  font-size: medium;
}
.main-container > p > span {
  color: red;
  margin: 0px 3px;
}
.main-container > .speed-test-header, .main-container > .speed-test-body {
  border-top: 1px solid rgb(95, 95, 95);
  border-right: 1px solid rgb(95, 95, 95);
  border-left: 1px solid rgb(95, 95, 95);
  border-image: initial;
  border-bottom: none;
}
.main-container > .speed-test-header > label {
  background-color: rgb(240, 240, 240);
}
.main-container > .speed-test-header > *, .main-container > .speed-test-body > * {
  display: inline-block;
  width: 50%;
  text-align: center;
  height: 29px;
  line-height: 28px;
  font-size: 15px;
}
.main-container > .speed-test-header > :nth-of-type(n+2), .main-container > .speed-test-body > :nth-of-type(n+2) {
  border-left: 1px solid rgb(95, 95, 95);
}
.main-container > .speed-test-header > label {
  background-color: rgb(240, 240, 240);
}
.main-container > .speed-test-body > div > a {
  color: blue;
  cursor: pointer;
}
.main-container > div:last-of-type {
  border-bottom: 1px solid rgb(95, 95, 95);
}
.main-container > .speed-test-body {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
/* .speed-test-body > div {
  border-bottom: 1px solid #eee;
  font-size: 14px;
} */
.speed-test-body a {
  color: blue;
  text-decoration: none;
}
.speed-test-body a:hover {
  text-decoration: underline;
}
/* mem2 */
.kngpMr {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
}
.eYRaOA {
  background-color: white;
  padding: 15px;
  margin: 10px 0px;
  width: 800px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 90px;
}
.eYRaOA.full-width {
  width: 96%;
  margin: 10px auto 0px;
  min-height: 150px;
}
.eYRaOA > div {
  height: 100%;
  display: flex;
  padding: 0px 10px;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.eYRaOA > div > label {
  display: inline-block;
  height: 26px;
  color: black;
  font-size: 18px;
}
.eYRaOA > div:nth-of-type(n+2) {
  border-left: 1px dashed var(--fontMajor_color1);
}
.eYRaOA > div > span {
  display: inline-block;
  height: 30px;
  color: var(--fontMajor_color1);
  font-size: 20px;
  font-weight: bold;
}
.edivwZ > .rate-body {
  padding: 15px 10px;
  background-color: white;
}
.edivwZ > .rate-body > .rate-setting-header.rate-setting-header, .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.rate-setting-header {
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  border-bottom: 1px solid rgb(143, 143, 143);
  padding-bottom: 2px;
}
.edivwZ > .rate-body > .rate-setting-header, .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper {
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  height: 40px;
  background-color: white;
}
.edivwZ > .rate-body > .rate-setting-header > div, .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div {
  -webkit-box-flex: 1;
  flex-grow: 1;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.edivwZ > .rate-body > .rate-setting-header > div:first-of-type, .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:first-of-type {
  width: 70px;
}
.edivwZ > .rate-body > .rate-setting-header > div:nth-of-type(2), .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:nth-of-type(2) {
  width: 70px;
}
.edivwZ > .rate-body > .rate-setting-header > div:nth-of-type(3), .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:nth-of-type(3) {
  width: 310px;
}
.edivwZ > .rate-body > .rate-setting-header > div:nth-of-type(4), .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:nth-of-type(4) {
  width: 130px;
}
.edivwZ > .rate-body > .rate-setting-header > div:nth-of-type(5), .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:nth-of-type(5) {
  width: 130px;
}
.edivwZ > .rate-body > .rate-setting-header > div:nth-of-type(6), .edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div:nth-of-type(6) {
  width: 70px;
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper > div {
  height: 40px;
}
.edivwZ > .rate-body > .rate-setting-body {
  height: 590px;
  overflow: hidden;
  width: 100%;
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper {
  font-size: 15px;
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.is-category {
  background-color: var(--fontMajor_color1);
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.is-odd {
  background-color: rgb(239, 239, 239);
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.is-category > div > * {
  color: white;
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.a2zx {
  background-color: rgb(212, 246, 246);
}
.edivwZ > .rate-body > .rate-setting-body .rate-setting-row-wrapper.a3zx {
  background-color: rgb(255, 248, 191);
}
.cJiYyc {
  width: 100%;
}
.czRyrE {
    width: 100%;
  background-color: white;
  margin: 7px 0px;
  padding: 0px 5px;
  height: 70px;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  font-size: 12px;
}
.czRyrE > div:nth-last-of-type(n+2) > label, .czRyrE > div:nth-last-of-type(n+2) > .t-label {
  width: auto;
  position: absolute;
  z-index: 2;
  padding: 0px 4px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  background-color: white;
  display: inline-block;
  left: 10px;
  top: -10px;
}
.czRyrE > div:nth-last-of-type(n+2) {
  width: auto;
  padding: 7px 9px 0px;
  height: 50px;
  position: relative;
  border: 1px solid rgb(143, 143, 143);
  border-radius: 4px;
  margin: 8px 5px 0px;
}
.czRyrE > div {
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.czRyrE > div:nth-last-of-type(n+2) > span {
  margin: 0px 4px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.hRJxHJ.flex-style {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.hRJxHJ {
  height: 30px;
  line-height: 30px;
  color: white;
  font-size: 14px;
  width: 100%;
  padding: 0px 20px;
  background-color: var(--fontMajor_color1);
}
.hRJxHJ > .table-title-annex-wrapper {
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: nowrap;
}
.hRJxHJ > .table-title-annex-wrapper > :first-child {
  padding-left: 0px;
  border-left: none;
}
.hRJxHJ > .table-title-annex-wrapper > .link-button, .hRJxHJ > .table-title-annex-wrapper > .title-button {
  cursor: pointer;
  color: white;
  position: relative;
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 0px 10px;
}
.hRJxHJ > .table-title-annex-wrapper > .link-button.selected {
  background: #fff;
  color: var(--fontMajor_color1);
  border-radius: 3px;
  padding: 0px 7px;
  margin: 0 3px;
}
.hRJxHJ > .table-title-annex-wrapper > .white {
  color: white;
}
.ant-table-wrapper.ant-table-overwrite {
  background-color: white;
  padding: 15px;
}
.ant-table-wrapper.ant-table-overwrite.bet {
  padding: 5px;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-table-wrapper.ant-table-overwrite > div > div .ant-table {
  color: black;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
table.report thead tr {
  box-shadow: 0 1px 0 #000;
}
table.report thead tr th {
  font-weight: bold;
}
table.report tbody tr td {
  height: 37px;
  line-height: 37px;
}
table.report tbody tr.bg-blue {
  background: rgb(212, 231, 255);
}
table.report tbody tr.bg-red {
  background: rgb(242, 222, 222);
}
table.report tbody tr:hover {
  background: #FFE6C7 !important;
}
table.report tbody tr.bg-red:hover {
  background: #fff !important;
}
table.report tbody tr.bg-green {
  background: rgb(210, 247, 247) !important;
}
table.report thead tr.detail th:nth-child(1), table.report thead tr.detail th:nth-child(2) {
  width: 15%;
}
table.report thead tr.detail th:nth-child(3), table.report thead tr.detail th:nth-child(4) {
  width: 8%;
}
table.report thead tr.detail th:nth-child(5) {
  width: 5%;
}
table.report thead tr.detail th:nth-child(6), table.report thead tr.detail th:nth-child(7), table.report thead tr.detail th:nth-child(8) {
  width: 13%;
}
table.report thead tr.detail th:nth-child(9), table.report thead tr.detail th:nth-child(10) {
  width: 5%;
}
div.table-out {
  height: auto;
  max-height: 590px;
  overflow-y: auto;
  font-size: 15px;
}
.table-out table.report {
  border-collapse: collapse;
}
.table-out table.report thead {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}
.table-out table.report tbody {
  height: auto;
  max-height: 579px;
  overflow-y: auto;
}
.int-pos {
  color: black;
}
.dec {
  color: gray;
}
.int-neg { /* 负整数*/
  color: red;
}
.int-posfly {
  color: blue;
}
.hRJxHJ > .sorter-wrapper {
  display: inline-flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  align-items: center;
}
.hRJxHJ > .sorter-wrapper > span {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px dashed white;
}
.hRJxHJ > .sorter-wrapper > div > label {
  color: white;
  margin-right: 8px;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  display: inline-block;
  line-height: unset;
}
.ant-table-pagination.ant-pagination {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px 20px;
  height: 40px;
}
.my-pagination {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.my-pagination span, .my-pagination a {
  font-size: 15px;
  margin: 3px;
  color: #000;
}
.my-pagination .tid {
  font-size: 16px;
  font-weight: bold;
  color: darkgreen;
  margin-right: 10px;
}
.my-pagination .ant-pagination-item-link {
  display: flex;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
  height: 24px;
  line-height: 22px;
  min-width: 24px;
  justify-content: center;
  align-items: center;
}
.my-pagination .ant-pagination-item-link .icon path {
  stroke: #222;
}
.my-pagination .ant-pagination-disabled {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.my-pagination .ant-pagination-disabled .icon path {
  stroke: rgba(0, 0, 0, 0.25);
}
.my-pagination .span_page {
  display: flex;
}

/* Chrome, Safari, Edge */
.table-wrapper::-webkit-scrollbar {
  width: 10px;      /* 垂直滚轴宽度 */
  height: 10px;     /* 水平滚轴高度 */
}

.table-wrapper::-webkit-scrollbar-track {
  border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  background: #888;     /* 滚轴滑块颜色 */
  border-radius: 4px;
}
.table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #666;
}
/* Firefox */
.table-wrapper {
  scrollbar-width: auto;            /* "auto", "thin" */
  scrollbar-color: #888 #f1f1f1;    /* thumb 颜色 + track 颜色 */
}

/*! CSS Used from: Embedded */
*,*::before,*::after{box-sizing:border-box;}
svg:not(:root){overflow:hidden;}
::selection{color:#fff;background:#1890ff;}
/*! CSS Used from: Embedded */
.dQsmjY{display:inline-block; font-size: 42px !important;width: 15%;color:var(--fontMajor_color1); font-weight: bold;}
span{margin:0px;padding:0px;border:0px;vertical-align:baseline;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-family:"Microsoft YaHei", Tahoma, Helvetica, Arial, sans-serif;}

/* 详情new */
#show_detail .out-content {
  width: 1000px;
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  height: auto;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#show_detail .out-content .pad-content {
  padding: 32px 32px 24px;
}
#show_detail .out-content .pad-content .main-content .totals {
  display: block;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
}
#show_detail .out-content .pad-content .main-content .data-content {
  max-height: 480px;
  overflow-y: auto;
  border: 1px solid rgb(143, 143, 143);
  padding: 3px 5px;
  height: 100%;
  width: 100%;
  box-shadow: rgb(63, 63, 63) 0px 4px 5px -5px;
  padding-bottom: 8px;
}
#show_detail .out-content .pad-content .main-content .data-content .toptitle {
  display: flex;
  margin-top: 5px;
}
#show_detail .out-content .pad-content .main-content .data-content .game-type-title {
  font-size: 18px;
  color: #075C5B;
  font-weight: bold;
  width: 100%;
  display: flex;
  padding: 4px 0;
}
#show_detail .out-content .pad-content .main-content .data-content .detail-table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 第一个 td/th 要补上左框 */
#show_detail .out-content .pad-content .main-content .data-content .detail-table td:first-child,
#show_detail .out-content .pad-content .main-content .data-content .detail-table th:first-child {
  border-left: 1px solid rgb(95, 95, 95);
}
#show_detail .out-content .pad-content .main-content .data-content .detail-table td,
#show_detail .out-content .pad-content .main-content .data-content .detail-table th {
  color: black;
  font-size: 14px;
  padding: 7px;
  border-top: 1px solid rgb(95, 95, 95);
  border-right: 1px solid rgb(95, 95, 95);
  border-bottom: 1px solid rgb(95, 95, 95);
  /* 不设定 border-left，避免重复 */
}
/* 移除每组第一个 (奇数位) 的右边线 */
#show_detail .out-content .pad-content .main-content .data-content .detail-table td:nth-child(2n-1),
#show_detail .out-content .pad-content .main-content .data-content .detail-table th:nth-child(2n-1) {
  border-right: none;
}
#show_detail .out-content .pad-content .main-content .data-content .detail-table thead {
  background-color: rgb(223, 223, 223);
}
#show_detail .out-content .pad-content .main-content .data-content .detail-table tbody {
  background-color: rgb(179, 234, 255);
}
#show_detail .out-content .pad-content .main-content .data-content .detail-table tbody tr td.bg-write {
  background-color: #fff;
}
#show_detail .out-content .pad-content .main-content .data-content .sep {
  margin: 10px auto;
  width: 100%;
  border-top: 1px dashed rgb(95, 95, 95);
  height: 0px;
}
#show_detail .out-content .pad-content .close-content {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
#counts , #amts {
  padding: 0 4px;
}
.ltype-wrapper.is-tai {
  background-color: #FF9900;
}

.ltype-wrapper.is-star7 {
  background-color: #4343f9;
  width: 46px;
}

.ltype-wrapper.is-pai5 {
  background-color: #878751;
  width: 46px;
}

.ltype-wrapper.is-star3D7 {
  background-color: #FF9900;
  width: 46px;
}



.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  z-index: 6000;
}

/* 顯示 tooltip 內容（抓 data-title） */
.tooltip::after {
  content: attr(data-title);
  position: absolute;
  bottom: 90%;  /* 顯示在上方，可改 top:125% 顯示在下方 */
  left: 40%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  z-index: 9999;
}

/* hover 時顯示 */
.tooltip:hover::after {
  opacity: 1;
  visibility: visible;
}

.tooltip2 {
  position: relative;
  display: inline-block;
  z-index: 10;
}

/* 顯示 tooltip 內容（抓 data-title） */
.tooltip2::after {
  content: attr(data-title);
  position: absolute;
  top: 100%;       /* 在元素下方 */
  left: 100%;      /* 從右側開始 */
  transform: translateX(-20%); /* 稍微往左調整位置 */
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  z-index: 9999;
}

/* hover 時顯示 */
.tooltip2:hover::after {
  opacity: 1;
  visibility: visible;
}

button.ant-btn.tooltip[data-title]:hover::after {
    font-size: 16px !important;
    min-width: auto;
    white-space: nowrap;
}




/*  */
#subspangtype_div {
    text-align : left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 10px 0;
}

#subspangtype_div .subspangtype_div_text{
    color: var(--fontMajor_color1);   
    font-weight: bold;
}

#subspangtype_div .subspangtype {
    display: inline-block;
    padding: 5px 12px;
    margin-left: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f5f5f5;
    transition: all 0.2s;
}

#subspangtype_div .subspangtype:hover {
    background-color: #e0e0e0;
}

#subspangtype_div .subspangtype.on {
    background-color: var(--fontMajor_color1);
    color: #fff;   
    border-color: var(--fontMajor_color1);
}

label[name="lamasubtypelabel"] {
    color: #FFF;
}

.quickBtn.my-button {
    display: inline-block;
    padding: 5px 8px;
    margin-left: 2px;
    cursor: pointer;
    background-color: #EFEFEF;
}

#buyCar,#buyCar *,
.footer-bar, .footer-bar * ,
.first-line , .first-line * ,
#quickSitingAera, #quickSitingAera * {
    font-size: 14px;
}