@import "font-awesome/css/fontawesome.css";

:root {
  --main-color: #036564; /* 深主色 */
  --text-color: #000000; /* 文字色 */
  --secondary-color: #006400; /* 辅助色 */
  --top-color: transparent; /* 预设透明 */
  --top-image: 'none';
  --top-opacity: 0.5; /* 顶部透明度 */
  --button-color: #BAEDC2; /* 按钮颜色 */
  --button-hover: #A0D6A0; /* 按钮悬停颜色 */
  --line-color: #E8FFE8; /* 线条颜色 */
  --footer-color: #CEFFE7; /* 页脚颜色 */
  --table-color: #F2FEFC; /* 表格颜色 */
  --arrow-color: #0a8b8a; /* 箭头颜色 */
  --selected-color: #ffed97; /* 选中颜色 */
  --sub-color: #E7E2B5; /* 选中次要颜色 */
}
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 {
  border-spacing: 0;
  border-collapse: collapse;
}

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

q, blockquote {
  quotes: none;
}

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

i {
  font-style: normal;
}

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

select {
  height: 20px;
  position: relative;
  line-height: 20px;
  font-size: 13px;
  outline: none;
  cursor: pointer;
}

a {
  color: #333;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #70C1B3;
}
a img {
  border: none;
}

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

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.pointer {
  cursor: pointer;
}

.my-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}
.my-icon.online-icon {
  width: 10px;
  height: 10px;
  background-image: url(images/icon/online-icon.gif);
}
.my-icon.offline-icon {
  width: 10px;
  height: 10px;
  background-image: url(images/icon/offline-icon.gif);
}
.my-icon.operate-icon1 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate1.gif);
}
.my-icon.operate-icon2 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate2.gif);
}
.my-icon.operate-icon3 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate3.gif);
}
.my-icon.operate-icon4 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate4.gif);
}
.my-icon.search-icon {
  width: 11px;
  height: 11px;
  background-image: url(images/icon/search-icon.gif);
}
.my-icon.common-icon {
  width: 10px;
  height: 12px;
  background-image: url(images/icon/common-icon.gif);
}
.my-icon.gray-icon {
  width: 10px;
  height: 12px;
  background-image: url(images/icon/gray-icon.gif);
}
.my-icon.back-icon {
  width: 13px;
  height: 12px;
  background-image: url(images/icon/go-back.gif);
}
.my-icon.addLower {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/addLower.gif);
}
.my-icon.percent {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/percent.gif);
}
.my-icon.autofly {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/autofly.gif);
}
.my-icon.autorate {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/autorate.gif);
}
.my-icon.tb {
  width: 16px;
  height: 16px;
  background-image: url(images/icon/tb.gif);
}
.my-icon.dropdownList-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/icon/dropdownList-icon.gif);
}

.my-icon-add, .my-icon-minus {
  width: 19px;
  height: 20px;
  display: inline-block;
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  background-repeat: no-repeat;
  background-position: center center;
}

.my-icon-add {
  left: 0;
  background-image: url(images/icon/add.gif);
}

.my-icon-minus {
  right: 0;
  background-image: url(images/icon/minus.gif);
}

.caption-blue {
  background-image: url(images/table/TD_TS1.jpg);
  background-repeat: repeat-y;
}

.caption-purple {
  background-image: url(images/table/TD_TS2.jpg);
  background-repeat: repeat-y;
}

.caption-green {
  background-image: url(images/table/TD_TS3.jpg);
  background-repeat: repeat-y;
}

.caption-red {
  background-image: url(images/table/TD_TS4.jpg);
  background-repeat: repeat-y;
}

.caption-blue1 {
  background-image: url(images/table/TD_TS_B.jpg);
  background-repeat: repeat-y;
}

.caption-green1 {
  background-image: url(images/table/TD_TS_G.jpg);
  background-repeat: repeat-y;
}

.caption-yellow {
  background-image: url(images/table/TD_TS_Y.jpg);
  background-repeat: repeat-y;
}

.mgl20px {
  margin-left: 10px !important;
}

.mgl15px {
  margin-left: 15px !important;
}

.mgl10px {
  margin-left: 10px !important;
}

.mgl5px {
  margin-left: 5px !important;
}

.mgr5px {
  margin-bottom: 5px !important;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}

.el-dialog {
  position: relative;
  margin: 0 auto 10px;
  text-align: left;
  border-radius: 6px;
  border: none;
  background: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.el-dialog .el-dialog__header {
  padding: 7px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.el-dialog .el-dialog__header .el-dialog__title {
  padding-left: 5px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0;
  font-size: 16px;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  font-size: 18px;
  color: #FFF;
}
.el-dialog .el-dialog__body {
  padding: 5px;
  font-size: 14px;
  color: #596C8E;
  word-break: break-all;
}
.el-dialog .el-dialog__footer {
  padding: 5px 15px 10px;
  text-align: center;
}
.el-dialog .el-dialog__footer .el-button {
  border-radius: 5px;
  border: 1px solid #999;
  color: #333;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
}

.dialog-body {
  width: 100%;
  max-height: 500px;
  overflow: auto;
}

.el-button.el-button--small {
  padding: 6px 12px;
  font-size: 12px;
}

* {
  font-size: 13px;
  box-sizing: border-box;
  /* font-family: Verdana, "Simsun", Arial, sans-serif; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
}

.font14px {
  font-size: 14px;
}

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

.font-multiple {
  line-height: 20px;
  font-size: 15px;
  color: #2836F4;
}

.font-multiple .avg-rate {
  line-height: 20px;
  color: #777;
  font-size: 13px;
}

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

.color-red {
  color: red;
}

.color-green {
  color: #339100;
}

.color-purple {
  color: #7300AA;
}

.color-grey {
  color: #aaa;
}

.color-yellow {
  color: yellow;
}

.pos-relative {
  position: relative;
}

.display-none {
  display: none;
}

table.no-border td {
  border: none;
}

.win-50 {
  display: flex;
  justify-content: space-around;
}

.win-50 > span {
  display: block;
  width: 50%;
}

/**************/
#m_title {
  line-height: 25px;
}
/* #m_title th {
  border: 1px solid #E9BA84;
} */

#betsdataAERA .list-tr td {
  line-height: 20px;
}

#sdate, #edate {
  width: 110px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
}

#start_time, #end_time {
  width: 166px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
}

#scroll_div {
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-left: 25px;
  overflow: hidden;
  text-align: left;
  line-height: 22px;
  white-space: nowrap;
  /* border-bottom: 1.2px solid #558104; */
  /* background: linear-gradient(180deg, #96C71C, #6FA111); */
  font: 12px/1.5 tahoma, arial, "SimSun";
}
#scroll_div::after {
  content: "";
  width: 25px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 -91px;
  background-image: url(images/themes/BoxBg1.png);
}
#scroll_div .msg-item {
  margin-left: 200px;
  font-weight: 700;
}

#scroll_begin, #scroll_end {
  display: inline;
}

.scroll_before {
  margin-left: 1240px;
}

.home {
  height: 100%;
  min-width: 1380px;
  position: relative;
  overflow: auto;
  font-size: 12px;
  background-color: #FFF;
}
.home .layout {
  height: 93px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-repeat: repeat-x;
}
.home .layout .left-head {
  width: 219px;
  height: 100%;
  background: linear-gradient(180deg, #1F4E00 146px, transparent 148px);
}
.home .layout .left-head .logo {
  height: 63px;
  position: relative;
  /* box-shadow: 0 2px 4px rgb(0 0 0 / 50%); */
}
.home .layout .left-head .logo .app-name {
  width: 100%;
  height: 63px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 63px;
  font-size: 39px;
  font-weight: bold;
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
  color: var(--text-color);
  /* text-shadow: 1px 2px 1px #000; */
}
.home .layout .left-head .user {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 700;
  /* box-shadow: inset -10px 0 10px -15px #000; */
  background-repeat: repeat-x;
}
.home .layout .left-head .user.second-bg {
  font-weight: normal;
}
.home .layout .left-head .user .divider {
  color: #6F6F6F;
}
.home .layout .left-head .user .pointer {
  cursor: pointer;
}
.home .layout .middle-head {
  width: calc(100% - 219px);
  height: 100%;
  flex: 1;
  position: relative;
}
.home .layout .middle-head .nav-bar {
  height: 63px;
  position: relative;
  /* box-shadow: 4px 2px 4px rgb(0 0 0 / 50%); */
}
.home .layout .middle-head .nav-bar .newest-bet-bar {
  width: 1200px;
  display: flex;
}
.home .layout .middle-head .nav-bar .newest-bet-bar .newest-bet-item {
  width: 110px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-top: 3px;
  line-height: 16px;
  border-radius: 5px;
  color: #F3FDD5;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .lottery-options {
  width: 151px;
  position: relative;
  margin-right: 10px;
}
.home .layout .middle-head .nav-bar .lottery-options:hover .select-options {
  display: block;
}
.home .layout .middle-head .nav-bar .lottery-options::after {
  content: "";
  position: absolute;
  top: 53%;
  right: 15px;
  transform: translateY(-50%);
  border-top: 6px solid #FFF;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.home .layout .middle-head .nav-bar .select-options {
  width: 149px;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 999;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #204500;
  border-top: none;
  box-shadow: 0 2px 8px #454545;
  background-color: #FDFFF1;
  -webkit-box-shadow: 0 2px 8px #454545;
}
.home .layout .middle-head .nav-bar .select-options .option {
  height: 28px;
  display: flex;
  padding-left: 15px;
  text-align: left;
  line-height: 28px;
  border-bottom: 1px dashed #D1D1D1;
  color: #656565;
  background: url(images/themes/BoxBg7.png) 0 -208px no-repeat !important;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .select-options .option:last-child {
  border-bottom: none;
}
.home .layout .middle-head .nav-bar .select-options .option:hover {
  color: rgb(255, 99, 41);
  background-color: #EDF4FE !important;
}
.home .layout .middle-head .nav-bar .select-options .option i {
  width: 15px;
  display: inline-block;
}
.home .layout .middle-head .nav-bar .buttons {
  height: 30px;
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.home .layout .middle-head .nav-bar .buttons .select-button {
  width: 124px;
  height: 30px;
  position: absolute;
  left: 0;
  padding: 3px 0 3px 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  /* font-family: "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC"; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
  border: 0 solid #FF9224;
  color: #F3FDD5;
  background: unset;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .buttons .btn-item {
  width: 71px;
  height: 31px;
  padding: 0;
  font-size: 12px;
  border: none;
  color: #FFF;
  cursor: pointer;
  word-break: keep-all;
}
/* .home .layout .middle-head .nav-bar .buttons .btn-item[onclick="secondPage('system')"] {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
} */
.home .layout .middle-head .nav-bar .buttons .buttonsContent {
  display: inline-flex;
  align-items: center;
}
.home .layout .middle-head .nav-bar .buttons button.btn-item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.home .layout .middle-head .nav-bar .buttons .btn-item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.home .layout .middle-head .nav-bar .opening-voice {
  margin-top: 5px;
  margin-left: 5px;
  font-weight: 700;
  /* 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";
  color: #F56906;
}
.home .layout .middle-head .nav-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;
}
.home .layout .middle-head .nav-bar .voice-icon.opening {
  background-image: url(images/icon/tsy1.png);
}
.home .layout .middle-head .nav-bar .voice-icon.closing {
  background-image: url(images/icon/tsy2.png);
}
.menu-tab::-webkit-scrollbar {
  width: 4px;
  height: 4px
}
.menu-tab::-webkit-scrollbar-thumb {
  background-color: #f1f1f1
}
/* .home .layout .middle-head .menu-tab {
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 5px;
  overflow-x: auto;
  overflow-y: hidden;
  width: calc(100% - 156px);
} */
/* .home .layout .middle-head .menu-tab .menu-item {
  height: 100%;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 29px;
  border-radius: 0;
  border: 1px solid transparent;
  cursor: pointer;
  flex-shrink: 0;
} */
/* .home .layout .middle-head .menu-tab .menu-item.active, .home .layout .middle-head .menu-tab .menu-item:hover {
  margin-right: -4px;
  margin-left: -3px;
  padding-right: 9px;
  padding-left: 8px;
} */
/* .home .layout .middle-head .menu-tab .menu-item:hover {
  color: #FFF;
} */
.home .layout .middle-head .menu-tab .divider {
  height: 22px;
  line-height: 22px;
}
.home .layout .middle-head .serve-time {
  position: absolute;
  right: 0;
  bottom: 7px;
  margin-right: 10px;
  padding-right: 10px;
  text-align: right;
  /* font-weight: 700; */
  color: #FFF;
}
.home .layout .middle-head .serve-time a {
  color: #FFF;
}
.home .layout .middle-head .check-theme {
  position: absolute;
  right: 0;
  bottom: 43px;
  margin-right: 15px;
  padding-right: 10px;
  text-align: right;
}
.home .layout .middle-head .check-theme .btn {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
  border-radius: 2px;
  border: 1px solid #C6C6C6;
  cursor: pointer;
}

.home .layout .middle-head .check-theme .orange-theme {
  background: #EA6107;
}
.home .layout .middle-head .check-theme .blue-theme {
  background: #068ABE;
}
.home .layout .middle-head .check-theme .tiffany-theme {
  background: #00C2B8;
}
.home .layout .middle-head .check-theme .purple-theme {
  background: #A18FEA;
}
.home .layout .middle-head .check-theme .black-theme {
  background: #7C7B74;
}
.home .layout .middle-head .check-theme .red-theme {
  background: #C10616;
}
.home .layout .middle-head .check-theme .green-theme {
  background: #7BB01A;
}

.home .app-main {
  position: absolute;
  top: 93px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 25px;
}
/* .default_theme {
  height: 3000px;
} */

/*****************/
.my-container {
  margin: 0 3px 15px 3px;
  border: 1px solid #CCC;
}
.my-container .header {
  height: 30px;
  display: flex;
  position: relative;
  padding: 0 10px;
  line-height: 30px;
  font-weight: 700;
  /* background: linear-gradient(#FFF 30%, #DDD); */
  background: #ECEBEC;
}
.my-container .header label, .my-container .header label input {
	cursor: pointer;
}
.my-container .header .table-icon {
  width: 16px;
  height: 16px;
  margin: 7px 7px 7px 0;
  background-image: url(images/icon/table.gif);
}
.my-container .main-body {
  padding: 3px 3px 0 3px;
}
.my-container .footer {
  height: 30px;
  display: flex;
  position: relative;
  padding: 0 10px;
  line-height: 30px;
  background-image: url(images/tableFooter.gif);
  background-repeat: repeat-x;
}

.my-container #c6Header .ulCust, .my-container #BTAHeader .ulCust, #c6title .ulCust {
  display: flex;
}
#c6Header .ulCust, #c6title .ulCust {
  justify-content: center;
}
#c6title {
  margin-left: -20%;
  /* position: absolute;
  left: 30%;
  margin-top: 6px; */
}
table[name=cargotitle] tbody tr td.list-caption {
  display: flex;
  justify-content: center;
}

.my-pagination span {
  margin: 5px;
}
.my-pagination span span {
  margin: 0;
}
.my-pagination .pointer {
  cursor: pointer;
}
.my-pagination .pointer:hover {
  color: #47ACA4;
  text-decoration: underline;
}
.my-pagination .active-page {
  color: #47ACA4;
}
.my-pagination .jump-box {
  display: inline-flex;
}
.my-pagination .jump-input {
  width: 50px;
  height: 21px;
  padding: 0 4px;
  background-color: #FFF;
}
.my-pagination .jump-button {
  padding: 1px 4px 2px 4px;
  font-size: 12px;
  border: none !important;
  color: #FFF;
  cursor: pointer;
}

.my-header {
  display: flex;
  flex: 1;
}
.my-header .my-button {
  width: 66px;
  height: 20px;
  margin-top: 5px;
  font-size: 13px;
  color: #0C3E09;
  cursor: pointer;
}
.my-header .my-button:hover {
  background-position: -1010px 0;
}
.my-header .table-open-code {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.my-header .table-open-code tbody tr td {
  border: none;
}
.my-header .table-open-code .list-tr {
  height: 25px;
  line-height: 25px;
}
.table-open-code.ball_ssc{
  display: inline-block;
  vertical-align: middle;
}
.my-header select {
  height: 24px;
  position: relative;
  vertical-align: middle;
  line-height: 24px;
  font-size: 13px;
  cursor: pointer;
}
.my-header .btn {
  height: 22px;
  margin-top: 5px;
  padding: 1px 6px 2px 6px;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
}
.my-header .countdown-refresh {
  width: 90px;
  text-align: right;
}

table.noBorder th, table.noBorder td {
  border: none;
}
table tbody tr.list-tr {
  height: 28px;
  line-height: 28px;
}
table tbody tr.list-tr:hover, table tbody tr.list-tr:nth-child(odd):hover {
  background-color: #FFFFA2;
}
table tbody tr.list-tr .td-caption {
  padding-left: 2px;
  text-align: left;
  color: #0707D0;
}

table tbody tr.list-tr.openNum {
  height: 24px;
  line-height: 24px;
}

table tbody tr.stat-total td {
  padding-left: 15px;
  text-align: left;
  border: none;
}
table tbody tr.stat-total td .stat-item {
  height: 30px;
  line-height: 30px;
}
.app-main table tbody tr td, table.dialog-table.my-table tbody tr td, table.dialog-table.my-table thead tr td, table.nTable thead tr td {
  height: 30px;
  padding: 0;
  text-align: center;
  /* line-height: 24px; */
  /* border: 1px solid #E9BA84; */
}
/* table thead tr .list-caption, table tbody tr .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  background-color: #F9D9C4;
} */
table tbody tr td.tb-form {
  text-align: left;
}
table tbody tr td label {
  display: inline-block;
  margin-right: 5px;
}
table tbody tr td label input, table tbody tr td label span {
  vertical-align: middle;
}
table tbody tr td select, table tbody tr td input {
  height: 24px;
  margin-right: 5px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 24px;
  font-size: 13px;
  border: 1px solid #ABB2C5;
  background-position: -1px 0;
}
table tbody tr td input.type138 {
  width: 60px;
}
table tbody tr td input.nback {
  text-align: center;
  width: 65px;
}
table tbody tr td.title-bg {
  background: #D4F6E4;
}
table tbody tr td select {
  cursor: pointer;
}
table tbody tr td input:hover {
  border-color: #F80;
  background-color: #F6FED3;
}

#amP_JG {
  width: 80%;
  margin: 0;
  padding: 0;
}

.container-body .flex-table {
  display: flex;
  align-items: flex-start;
  padding-bottom: 3px;
  justify-content: flex-start;
}
.container-body table {
  margin-right: 3px;
}
.container-body table tbody tr.list-tr {
  height: 20px;
  line-height: 20px;
}
.container-body table tbody tr.list-tr td {
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.container-body .flex-table table tbody tr td {
  /* vertical-align: baseline; */
}
.container-body table tbody td[valign*="top"] {
  padding: 0 3px 0 0;
  vertical-align: top;
  border: none;
}

.container-footer {
  height: 30px;
  display: flex;
  position: relative;
  margin: 0 -5px;
  padding: 0 10px;
  line-height: 30px;
  background-image: url(images/tableFooter.gif);
  background-repeat: repeat-x;
}
.container-footer .my-footer {
  display: flex;
  flex: 1;
}
.container-footer .my-footer input {
  width: 48px;
  height: 18px;
  padding-top: 1px;
  padding-left: 5px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  -moz-appearance: textfield;
}
.container-footer .my-footer input[type=checkbox] {
  width: 25px;
  vertical-align: middle;
}
.container-footer .my-footer .btn {
  height: 20px;
  padding: 1px 6px 1px 6px;
  line-height: 16px;
  font-size: 12px;
  border: 1px solid #CCC;
  background: #F2F2F2;
  cursor: pointer;
}
.container-footer .my-footer .btn.btn-blue {
  border: 1px solid #3199E3;
  color: #FFF;
  background: #59B3EE;
}
.container-footer .my-footer .setting-pannel {
  min-width: 72px;
  position: absolute;
  bottom: 0;
  left: 43px;
  padding: 5px;
  line-height: 24px;
  border: 1px solid #CCC;
  background: #FFF;
}
.container-footer .my-footer .setting-pannel input {
  width: 55px;
}

.my-table {
  width: 100%;
  white-space: nowrap;
}
.my-table.results-table {
  width: auto;
  margin: auto;
}
.my-table.sum-table {
  width: 120px;
  margin: 0 3px 0 0;
}
.my-table.sum-table .list-tr {
  height: 20px;
  line-height: 20px;
}
.my-table.sum-table .list-tr td {
  width: 101%;
  display: flex;
  justify-content: space-between;
  padding: 0 3px;
  text-align: left;
  border-top: 0;
}
.my-table.two-sided-table {
  width: 150px;
  margin-right: 0;
}
.my-table.two-sided-table .list-tr {
  height: 20px;
  line-height: 20px;
}
.my-table.two-sided-table .list-tr td {
  text-align: left;
}
.my-table.follow-user-table, .my-table.bet-user-table {
  width: 700px;
  margin: 0 auto;
  white-space: initial;
}
.my-table.follow-user-table .tb-column, .my-table.bet-user-table .tb-column {
  width: 120px;
  vertical-align: middle;
  text-align: right;
}
.my-table .base-info {
  height: 100px;
  vertical-align: middle;
  line-height: 100px;
}
.my-table .rules {
  font-weight: 700;
  color: #2C5A7A;
  cursor: pointer;
}
.my-table .rules:hover {
  color: #47ACA4;
}
.my-table .rule-details {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
  padding: 30px;
  text-align: left;
  background-color: #FFFFA2;
}
.my-table .rule-details .rule-item {
  margin-bottom: 20px;
  line-height: 20px;
  font-weight: 700;
}
.my-table .rule-details .jing-qi {
  padding-right: 20px;
  text-align: right;
  line-height: 20px;
  font-weight: 700;
}
.my-table .tr-default:hover {
  background-color: var(--selected-color);
}
.my-table .tr-default:nth-child(even) {
  background-color: #F5F5F5;
}
.my-table .tr-default:nth-child(even):hover {
  background-color: var(--selected-color);
}
.my-table .tr-active {
  background-color: #FFEBEB;
}
.my-table .text-left {
  padding-left: 5px;
  text-align: left;
}
.my-table .align-right {
  text-align: right;
}
.my-table .align-left {
  text-align: left;
}
.my-table .my-icon {
  margin-top: -2px;
  vertical-align: middle;
}
.my-table .operate-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.my-table .online-icon {
  width: 20px;
  height: 20px;
}
.my-table .offline-icon {
  width: 10px;
  height: 10px;
}
.my-table .remain-belong-icon {
  width: 16px;
  height: 16px;
}
.my-table .common-icon {
  width: 10px;
  height: 12px;
}
.my-table .search-icon {
  width: 11px;
  height: 11px;
}
.my-table .font-bold {
  font-weight: 700;
}
.my-table .pointer {
  cursor: pointer;
}
.my-table .underline .content {
  border-bottom: 1px solid #F3D9C0;
}
.my-table .underline:hover .content {
  border-bottom: 1px solid #E88322;
}
.my-table .btn {
  padding: 0 5px 2px 5px;
  font-size: 12px;
}
.my-table .icons-margin {
  margin-right: 6px;
}

.my-button {
  width: 66px;
  margin-top: 5px;
  font-size: 13px;
  border-radius: 3px;
  cursor: pointer;
}

.table-center {
  width: auto;
  min-width: 800px;
  margin: 0 auto;
}
/* .table-center tbody .list-tr {
  height: 28px;
  line-height: 28px;
} */
.table-center tbody td {
  padding: 0 5px;
}
.table-center tbody .tb-column {
  width: 126px;
  text-align: right;
}
.table-center tbody .tb-form {
  text-align: left;
}
.table-center tbody .tb-form input[type=text] {
  width: 165px;
}
.table-center tbody .tb-form input.small-input {
  width: 33px;
}
.table-center tbody .tb-form input[type=radio] {
  width: 13px;
  margin-top: 0;
}
.table-center tbody .tb-form label {
  display: inline-block;
  margin-right: 5px;
}
.table-center tbody .tb-form label input, .table-center tbody .tb-form label span {
  vertical-align: middle;
}

.button-bar, .button-bar:hover {
  background-color: #FFFDE5;
}

.my-log tbody tr td:first-child {
  padding: 0 5px;
}

.my-dialog {
  width: auto;
  min-width: 80px;
  position: absolute;
  z-index: 2;
  border: 1px solid #A8A8A8;
  border-collapse: collapse;
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.65);
  background-color: #FFF;
}
.my-dialog.report-detail .dialog-content p {
  line-height: 14px;
}
.my-dialog .dialog-header {
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  line-height: 24px;
  background-color: #F5D26E;
}
.my-dialog .dialog-content {
  padding: 5px;
}
.my-dialog .dialog-content td {
  line-height: 14px;
}
.my-dialog .text-left {
  text-align: left;
}
.my-dialog .text-right {
  text-align: right;
}
.my-dialog .font-bold {
  font-weight: 700;
}
.my-dialog .color-blue {
  color: #2836F4;
}
.my-dialog .color-red {
  color: red;
}
.my-dialog .color-green {
  color: green;
}

.my-flycart {
  position: fixed;
  top: 100px;
  left: 549.5px;
  z-index: 19891015;
  box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
  background-color: #FFF;
}

.dialog-table {
  width: 100%;
}
.dialog-table td {
  padding: 0;
}
.dialog-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.dialog-table .list-tr {
  height: 22px;
  text-align: center;
  line-height: 22px;
}
.dialog-table .font-bold {
  font-weight: 700;
}
.dialog-table .radio {
  margin-top: -2px;
  vertical-align: middle;
  cursor: pointer;
}

.container {
  height: 100%;
}
.container .lottery-rebate {
  margin-bottom: 5px;
}
.container .set-max {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}
.container .set-max .my-button, .btn_1 {
  padding: 3px 15px;
  font-size: 12px;
  /* color: #0C3E09; */
  cursor: pointer;
}
.btn_1 {
  height: 22px;
  padding: 1px 5px;
  line-height: 1.5;
  border-radius: 3px;
}
.container .slot-header {
  display: flex;
  align-items: center;
  flex: 1;
}
.container .slot-header .left {
  min-width: 250px;
  display: flex;
  /* align-items: center; */
  /* margin-right: 20px; */
}
.container .slot-header .middle {
  flex: 1;
  display: flex;
  align-items: center;
}
.container .slot-header .middle .container>a, .container .slot-header .middle .container>span {
  margin-right: 10px;
}
.container .slot-header .middle .container>button {
  margin-left: -10px;
}
.container .slot-header .middle .container>a span {
  color: #FF5964;
}
.container .slot-header .middle form .left {
  display: contents;
}
.container .slot-header .right {
  text-align: right;
}
.container .slot-header .go-back {
  cursor: pointer;
}
.container .slot-header .go-back .back-icon,
.container .header .right .go-back .back-icon {
  margin-top: -2px;
  margin-right: 5px;
  vertical-align: middle;
}
.container .slot-footer {
  flex: 1;
  text-align: center;
}
.container .query-btn {
  height: 22px;
  padding: 1px 6px 2px 6px;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
}
.container .add-btn {
  padding-left: 20px;
  background-image: url(images/icon/add-btn.gif);
  background-repeat: no-repeat;
  background-position: 0 8px;
  cursor: pointer;
}
.container .add-btn:hover {
  color: #47ACA4;
  text-decoration: underline;
}
.container .refresh-btn {
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  border-width: 2px;
  border-style: outset;
  border-color: buttonface;
  cursor: pointer;
}

input {
  height: 22px;
  padding-left: 2px;
  line-height: 22px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}

input[name=dts], input[name=dte] {
  width: 100px;
}

.lottery-name.second-bg {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}

.quick-setting {
  width: 100%;
}
.quick-setting .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}
.quick-setting .my-table {
  width: 100%;
}
.quick-setting .my-table td {
  padding: 0 5px;
}
.quick-setting .my-table td input {
  width: 60px;
}
.quick-setting .my-table td.quickWater input {
  width: 74px;
}
.quick-setting .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.quick-setting .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.quick-setting .my-table .list-tr:hover {
  background-color: #FFFFA2;
}
.rebate-container {
  width: 100%;
}
.rebate-container .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}
.rebate-container .my-table {
  width: 100%;
}
.rebate-container .my-table td {
  padding: 0 3px;
}
.rebate-container .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.rebate-container .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.rebate-container .my-table .list-tr:hover {
  background-color: #FFFFA2;
}

.form-item-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.form-item-tr:hover {
  background-color: #FFFFA2 !important;
}
.form-item-tr td {
  padding: 0 5px;
  border: 1px solid #B0C47A;
}
.form-item-tr td input {
  width: 70px;
  height: 24px;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
.form-item-tr td input[name*=rate], .boxshadow tbody tr td input[name*=Odds] ,.form-item-tr td input[name*=ex]{
  width: 100px;
}
.quickWater input {
  height: 24px;
  margin: 0;
  padding: 0;
  padding-left: 12px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}

/*****************/
#app, body, html {
  width: 100%;
  height: 100%;
  font-size: 12px;
  /* min-width: 1800px; */
}

#app {
  text-align: center;
  color: #2C3E50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app #nav {
  padding: 30px;
}
#app #nav a {
  font-weight: 700;
  color: #2C3E50;
}
#app #nav a.router-link-exact-active {
  color: #42B983;
}
#app input:-webkit-autofill {
  transition: color 99999s ease-out, background-color 99999s ease-out;
  transition-delay: 99999s;
}
#app input:-webkit-autofill:active, #app input:-webkit-autofill:focus, #app input:-webkit-autofill:hover {
  transition: color 99999s ease-out, background-color 99999s ease-out;
  transition-delay: 99999s;
}

.wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #FFF;
}

.l-icon:focus, .l-icon:hover {
  color: #FFF;
}

.clearfix:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
  font-size: 0;
  visibility: hidden;
}

.tip-bar {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.lottery-container {
  width: 100%;
}
.lottery-container .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  border: 1px solid #E9BA84;
  border-bottom: none;
  color: #000;
}
.lottery-container .my-table {
  width: 100%;
}
.lottery-container .my-table td {
  padding: 0 5px;
}
.lottery-container .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.lottery-container .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.lottery-container .my-table .list-tr:hover {
  background-color: #FFFFA2;
}
.lottery-container input, .lottery-container select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.lottery-container input::-webkit-inner-spin-button, .lottery-container input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.lottery-container input[type=number], .lottery-container input[type=text] {
  width: 70px;
  height: 18px;
  padding-left: 2px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}
.lottery-container input[type=number]:focus, .lottery-container input[type=text]:focus {
  border-color: #F80;
  background-color: #F6FED3;
}

.small-input {
  max-width: 120px;
}

#myFORM .divBtn, #myFORM .divBtn1 {
  background-color: #AF571F;
}
#myFORM .divBtn:hover, #myFORM .divBtn1:hover, #myFORM .divBtn.divBtnS, #myFORM .divBtn1.divBtnS {
  background-color: #EE7D37;
}

.container .table-query {
  margin-bottom: 6px;
  text-align: right;
}

td.fastpickup_6h {
  background-color:yellow;
}

td.selfly {
  background-color:pink;
}

#backS input {
  width: 85px;
}

#selectInput .my-dialog {
  width: 98px;
  height: 176px;
  position: absolute;
  top: -178px;
  left: 127px;
  padding: 5px;
  border: 1px solid #CCC;
  background: #F7F6F6;
}

#backS .btn {
  width: 85px;
}

/*切换线路*/
ul.chooseLine {
  width: 240px;
  height: 25px;
  display: flex;
  position: absolute;
  right: 10px;
  bottom: 35px;
  justify-content: space-between;
  align-items: center;
}
ul.chooseLine li span {
  font-weight: 700;
  color: #FFF;
}
ul.chooseLine li input[type="button"] {
  padding: 0 5px;
}
ul.chooseLine li input[disabled="disabled"] {
  color: #A3A3A3;
  background: #7C7C7C;
}

/*报表加上hover光棒*/
.reportAllContent tr.m_cen:hover {
  background-color: rgb(255, 251, 199);
}

/*报表字体放大*/
.reportMemberMain, .reportAllMain {
  font-size: 14px;
}
.reportMemberMain .my-container .header, .reportAllMain .my-container .header {
  font-size: 12px;
}
/*实时滚单*/
.reportRealTime {
  margin-top: 2px;
}
.reportRealTime .my-container .header {
  font-size: 12px;
  background: #ECECEC;
}
.reportRealTime .main-body .my-table tbody tr {
  height: 20px;
  padding: 0;
  text-align: center;
  line-height: 20px;
  border: 0;
}
.reportRealTime .main-body .my-table tbody tr:nth-child(odd) {
  background-color: #FFFDE5;
}
/* 报表多选css */
.table-box-info {
  display: flex;
  flex-wrap: wrap;
}
.table-box-info label {
  cursor: pointer;
}
.all-select-btn, .all-not-btn, .IDC-btn, .s138-btn, .hash-btn {
  display: inline-block;
  padding: 0 3px;
  font-size: 12px;
  cursor: pointer;
  background-image: linear-gradient(#F6F6F6 15%, #DDD 110%);
  border: 1px solid #ABB2C5;
  height: 25px;
  line-height: 25px;
  margin: 5px 0 0 5px;
}
.all-select-btn:hover, .all-not-btn:hover {
  background-image: linear-gradient(#DDD 15%, #F6F6F6 110%);
  color: #000;
}
#lottoData {
  position: fixed;
  z-index: 2;
  background: rgb(236, 235, 236);
  display: block;
  padding: 0px 5px;
}
input[name="gametype"] {
  height: 14px;
  cursor: pointer;
}
#showlotto, #closelotto {
  cursor: pointer;
  font-weight: 700;
  padding: 0 3px;
  color: red;
  font-size: 14px;
}

/* 组合类操盘 */
.comboTable {
  width: 50%;
  min-width: 530px;
  height: 600px;
  margin: 0;
  overflow-x: hidden;
}
#area1, #area2, #area3, #area4 {
  width: 180px;
}
.flexTb3 #area1, .flexTb3 #area2, .flexTb3 #area3, .flexTb3 #area4,
.flexTb10 #area1, .flexTb10 #area2, .flexTb10 #area3, .flexTb10 #area4 {
  /* width: 100%; */
  min-width: 180px;
}
.flexTb3 .checkbet, .flexTb10 .checkbet {
  width: 60px;
}
.flexTb3 td[title='补单'], .flexTb10 td[title='补单'] {
  width: 65px;
}
.flexTb1 #area1, .flexTb1 #area2, .flexTb1 #area3, .flexTb1 #area4, .flexTb1 #area5, .flexTb1 #area6 {
  width: 100%;
}
#comboAera tr {
  cursor: pointer;
}
#comboAera tr.selfly {
  background-color:pink;
}

/* 六合开奖球号 */
.ball_6h .No_1 span::after {
  content: "1";
}
.ball_6h .No_2 span::after {
  content: "2";
}
.ball_6h .No_3 span::after {
  content: "3";
}
.ball_6h .No_4 span::after {
  content: "4";
}
.ball_6h .No_5 span::after {
  content: "5";
}
.ball_6h .No_6 span::after {
  content: "6";
}
.ball_6h .No_7 span::after {
  content: "7";
}
.ball_6h .No_8 span::after {
  content: "8";
}
.ball_6h .No_9 span::after {
  content: "9";
}
.ball_6h .No_10 span::after {
  content: "10";
}
.ball_6h .No_11 span::after {
  content: "11";
}
.ball_6h .No_12 span::after {
  content: "12";
}
.ball_6h .No_13 span::after {
  content: "13";
}
.ball_6h .No_14 span::after {
  content: "14";
}
.ball_6h .No_15 span::after {
  content: "15";
}
.ball_6h .No_16 span::after {
  content: "16";
}
.ball_6h .No_17 span::after {
  content: "17";
}
.ball_6h .No_18 span::after {
  content: "18";
}
.ball_6h .No_19 span::after {
  content: "19";
}
.ball_6h .No_20 span::after {
  content: "20";
}
.ball_6h .No_21 span::after {
  content: "21";
}
.ball_6h .No_22 span::after {
  content: "22";
}
.ball_6h .No_23 span::after {
  content: "23";
}
.ball_6h .No_24 span::after {
  content: "24";
}
.ball_6h .No_25 span::after {
  content: "25";
}
.ball_6h .No_26 span::after {
  content: "26";
}
.ball_6h .No_27 span::after {
  content: "27";
}
.ball_6h .No_28 span::after {
  content: "28";
}
.ball_6h .No_29 span::after {
  content: "29";
}
.ball_6h .No_30 span::after {
  content: "30";
}
.ball_6h .No_31 span::after {
  content: "31";
}
.ball_6h .No_32 span::after {
  content: "32";
}
.ball_6h .No_33 span::after {
  content: "33";
}
.ball_6h .No_34 span::after {
  content: "34";
}
.ball_6h .No_35 span::after {
  content: "35";
}
.ball_6h .No_36 span::after {
  content: "36";
}
.ball_6h .No_37 span::after {
  content: "37";
}
.ball_6h .No_38 span::after {
  content: "38";
}
.ball_6h .No_39 span::after {
  content: "39";
}
.ball_6h .No_40 span::after {
  content: "40";
}
.ball_6h .No_41 span::after {
  content: "41";
}
.ball_6h .No_42 span::after {
  content: "42";
}
.ball_6h .No_43 span::after {
  content: "43";
}
.ball_6h .No_44 span::after {
  content: "44";
}
.ball_6h .No_45 span::after {
  content: "45";
}
.ball_6h .No_46 span::after {
  content: "46";
}
.ball_6h .No_47 span::after {
  content: "47";
}
.ball_6h .No_48 span::after {
  content: "48";
}
.ball_6h .No_49 span::after {
  content: "49";
}
.ball_6h .No_1 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_1 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_2 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_2 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_7 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_7 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_8 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_8 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_12 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_12 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_13 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_13 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_18 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_18 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_19 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_19 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_23 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_23 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_24 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_24 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_29 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_29 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_30 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_30 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_34 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_34 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_35 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_35 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_40 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_40 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_45 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_45 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_46 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_46 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_3 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_3 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_4 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_4 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_9 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_9 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_10 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_10 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_14 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_14 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_15 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_15 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_20 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_20 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_25 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_25 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_26 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_26 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_31 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_31 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_36 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_36 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_37 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_37 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_41 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_41 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_42 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_42 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_47 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_47 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_48 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_48 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_5 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_5 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_6 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_6 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_11 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_11 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_16 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_16 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_17 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_17 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_21 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_21 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_22 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_22 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_27 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_27 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_28 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_28 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_32 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_32 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_33 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_33 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_38 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_38 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_39 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_39 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_43 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_43 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_44 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_44 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_49 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_49 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h [class*=No_] span {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin: 0;
  vertical-align: middle;
  border-radius: 50%;
}
.ball_6h [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_6h [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;
  letter-spacing: -1px;
  opacity: 0.9;
}

.ball-td.ball-inline {
  display: inline-block;
  background-size: 90%;
}

.balls-6h {
  background-size: contain;
}

/*数据下载*/
.ptool a {
  width: 117px;
  height: 26px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  line-height: 26px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  background: url(images/btn_down.png);
  text-indent: 3em;
}
.ptool a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.toolmm {
  text-align: left;
  line-height: 150%;
  font-size: 12px;
}
/*报表应收下线*/
.bg-gray {
  background:#F1E1FF;
}

/* 即时注单遮罩 */
#my-flybg, #ShortcutFILLbg, #my-sratebg, #api138bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  background: rgba(0,0,0,0.15);
}

#ShortcutFILL table tr td input {
  margin-right: 0;
  margin: 0 2px;
}

#ShortcutFILLheader {
  padding: 10px;
  cursor: move;
  z-index: 3;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}
#ShortcutFILLheader .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
/* 即时注单组合类操盘 */
.titleblock {
  width: calc(100% - 4px);
  font-weight: bolder;
  color: red;
}
.CI_Particular td {
  padding: 0;
}

/* 总项1 */
.tatol_a {
  display: flex;
  align-items: flex-start;
}

.stop {
  background-color: #E6E6E6!important;
}

.ulCust .subTabs {
  height: 20px;
  line-height: 20px;
}
.subTabs span {
  padding: 3px;
  border-radius: 2px;
}

/* 六合彩 特码 注单TITLE细项 */
#six_sp_item label span {
  color: #2C5A7A;
  cursor: pointer;
}

#six_sp_item label span:hover {
  color: #47ACA4;
  text-decoration: underline;
}

#six_sp_item label span.SPTTag {
  color: #F00;
}

.k3 .balls b {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 1px;
  vertical-align: middle;
  background-image: url(images/ball/ball_4_small.gif);
  background-repeat: no-repeat;
}

.k3 .balls .ball1 {
  background-position: 0 0;
}

.k3 .balls .ball2 {
  background-position: 0 -25px;
}

.k3 .balls .ball3 {
  background-position: 0 -50px;
}

.k3 .balls .ball4 {
  background-position: 0 -75px;
}

.k3 .balls .ball5 {
  background-position: 0 -100px;
}

.k3 .balls .ball6 {
  background-position: 0 -125px;
}

td.t_list_caption.F_bold {
  position: relative;
}
.same1st {
  position: absolute;
  right: 20px;
  font-weight: 900;
  color: #fff;
}
.b_close {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 5px;
  background-image: url(images/icon/del.gif);
}
.boxshadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
}
.tbl_muti {
  position: absolute;
  background: #FFF;
}

/* download */
.dateSet {
  margin: 3px auto;
  text-align: center;
}
.dateSet a, #tbody .t_list_tr_3 a {
  color: #2C5A7A;
  text-decoration: none;
}
.t_list_tr_3 {
  height: 20px;
  padding: 0;
  text-align: center;
  line-height: 20px;
  border: 0;
  background-color: #FFFDE5;
}

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

.triangle {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
  border-top: 4px solid #CA0309;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
/* #6852 */
#my-flylog.aclmax {
  width: 30%;
  min-width: 150px;
  max-width: 500px;
  display: inline-block;
  vertical-align: middle;
  left: 40%;
  top: 20%;
}
#my-flylog table tbody tr.t_list {
  height: 25px;
  line-height: 25px;
}
#my-flylog input {
  width: 80px;
}
#my-flylog button {
  width: 44px;
}

.newsAddTbFooter input {
  width: 66px;
  height: 20px;
  border: 1px solid #9DB0BC;
  color: #0C3E09;
  background: linear-gradient(to bottom, #E6ECF0 0%,#F1F5F9 6%,#EBF1F4 12%,#E0E8ED 29%,#D4DEE5 35%,#D4DEE5 47%,#B2C4CE 53%,#B8C9D5 65%,#CBDBE5 82%,#CBDBE5 88%,#DAE8F2 94%,#C4D4DF 100%);
}
.newsAddTbFooter input:hover {
  background: linear-gradient(to bottom, #C4D4DF 0%,#DAE8F2 6%,#CBDBE5 12%,#B8C9D5 29%,#B5C6D1 35%,#B5C6D1 47%,#B2C4CE 53%,#D4DEE5 59%,#E0E8ED 65%,#EBF1F4 82%,#EBF1F4 88%,#F1F5F9 94%,#E6ECF0 100%);
}

.aui_content {
  width: 100%;
}

.aui_title {
  font-size: 14px;
  text-align: center;
}

.autoRateTb #myDiv table.my-table tbody tr td label {
  width: 135px;
  text-align: right;
}
.autoRateTb #myDiv table.my-table tbody tr td label input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

/* password */
/* .passframe { width: 60%; } */
.passframe .tb-column {
  text-align: right;
}
.passframe .tb-form input {
  width: 150px;
  margin-left: 3px;
}
.passframe .my-button {
  width: 80px;
}

.changeurl, .abnormalip {
  width: 65px;
  height: 27px;
  margin-left: 8px;
  padding: 0;
  text-align: center;
  line-height: 27px;
  font-size: 13px;
  border-radius: 5px;
  border: none;
  color: #FFF;
  background: #6F6F6F;
  cursor: pointer;
  word-break: keep-all;
  margin-top: 2px;
}
.abnormalip {
  margin-left: 2px;
}
.changeurl:hover, .abnormalip:hover {
  font-weight: bolder;
  color: #000;
  background: #E7DDDD;
}
.Font_R {
  color: #F00;
}
#ts-control {
  position: absolute;
  margin-left: 10px;
  padding: 5px;
}
#ts-control input {
  width: 74px;
  height: 18px;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
.gray {
  line-height: 15px;
  color: #AAA;
}
.list-caption .btn {
  margin-right: 5px;
  font-weight: bolder;
}
.list-tr td .cancelbox {
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#FrmData {
  display: contents;
}
.red {
  color:#F00;
}

/* 报表悬浮视窗 */
#clew_window {
  position: absolute;
  background-color: #FFF;
}
#popRule {
  position: fixed;
  width: 600px;
  height: 140px;
  z-index: 2;
  background: #fff;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#popRule .box_header {
  position: absolute;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  font-size: 15px;
}
#popRule .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#popRule .box_conts {
  position: absolute;
  top: 35px;
  padding: 5px;
}
.fly51 button {
  background: #ccc;
  margin-right: 3px;
  border: 0;
  border-radius: 3px;
  padding: 2px 4px;
  width: 75px;
  text-align: center;
}
.fly51 .active {
  color: #fff;
  background: #1E579F;
}
#datax {
  display: flex;
  justify-content: center;
  width: 100%;
}
#datax table {
  flex: 1;
}
#accounted, #dialogPercent {
  display: table;
  position: fixed;
  width: 500px;
  z-index: 11;
  background: #fff;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#accounted .box_header, #dialogPercent .box_header {
  position: absolute;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  font-size: 15px;
}
#accounted .btn_close, #dialogPercent .btn_close {
  position: absolute;
  top: -4px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#accounted .box_conts, #dialogPercent .box_conts {
  position: absolute;
  top: 35px;
}
#dialogPercent td.pd5 {
  padding: 0 10px;
}
.rateSet td input {
  width: 50px;
}
.rateSet .styleNum {
  width: 27px;
}
/* 搅珠日期 */
#sixDate {
  float: right;
  /* margin-right: 25%; */
  width: 70px;
}
#sixDate a {
  background: #E53935;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
}
#sshkDate {
  float: right;
  margin-right: 25%;
}
#sshkDate a {
  background: #E53935;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
}
/* 快彩用 */
.qlt {
  margin: 0 3px;
}

/* 宾果球号 */
.circle_in_black{
  width: 25px;
  height: 25px;
  line-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%);
  opacity: 0.8;
  bottom: 2.5%;
  font-weight: bold;
  text-align: center;
}
.pickupadjustodd {
  background-color: #ffc214 !important;
}
/* 帐号管理-额度修改 */
.dialogAmount {
  width: 100%;
}
.dialogAmount th {
  width: 35%;
  padding-right: 5px;
  text-align: right;
}
.dialogAmount td {
  width: 65%;
  padding-left: 5px;
  text-align: left;
}
/* 帐号管理 138 */
.sync-button {
  margin: 0;
}
.app-main table tbody tr td.shareMode0 {
  text-align: left;
  font-size: 10px
}
.table-center tbody td.gname {
  width: 80px;
  padding-right: 1px;
}
table.usermax-center{
  min-width: 975px;
}
table.user-center {
  min-width: 1136px;
}
/* #6111 */
.chgamount {
  position: fixed;
  top: 3px;
  right: 110px;
  z-index: 2;
}
.chgamount input {
  width: 100px;
  height: 24px;
  line-height: 24px;

}
.chgamount input[type=number]::-webkit-inner-spin-button,
.chgamount input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.chgamount input[type=number] {
    -moz-appearance:textfield;
}
.chgabtn {
  position: fixed;
  top: 3px;
  right: 62px;
  z-index: 2;
}
/* slave_set */
.subpercentage {
  min-width: 290px;
  max-height: 600px;
  overflow-x: auto;
}
/* 福体操盘 */
.headRadio {
  max-width: 180px;
  flex: 1;
}
.e_text {
  text-align: center;
  align-items: center;
}
/* 批量 */
#setRBM {
  width: 450px;
  height: 150px;
  background-color: #fff;

}
#setRBM .header{
  height: 30px;
  line-height: 30px;
}
#setRBM .header .title{
  color: #fff;
  font-size: 14px;
}
#setRBM .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#setRBM .setval {
  padding: 5px;
}
#setRBM .setval span{
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}
#setRBM .setval input{
  width: 60px;
  height: 18px;
  margin-right: 3px;
  padding-left: 3px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
#setRBM .btn_1 {
  padding: 0 15px;
  margin: 3px;
}
.getRBM {
  display: flex;
  justify-content: space-between;
}
.getRBM>div {
  width: 24%;
}
.getRBM>div:first-child {
  width: 42%;
}
.getRBM>div:nth-child(2) {
  width: 34%;
}
.getRBM>div span {
  padding: 2px 5px;
  margin: 0 3px;
  font-weight: 700;
}
.getRBM>div span.qsr, .getRBM>div span.qsb, .getRBM>div span.qsm {
  background-color: #fff;
  cursor: pointer;
}
.getRBM>div span.active {
  background-color: #333;
  color: #fff;
}
/* other wtype */
.getRBMo {
  display: flex;
  justify-content: space-between;
}
.getRBMo>div {
  width: 40%;
}
.getRBMo>div:first-child {
  width: 60%;
}
.getRBMo>div span {
  padding: 2px 5px;
  margin: 0 3px;
  font-weight: 700;
}
.getRBMo>div span.qsr, .getRBMo>div span.qsb, .getRBMo>div span.qsm {
  background-color: #fff;
  cursor: pointer;
}
.getRBMo>div span.active {
  background-color: #333;
  color: #fff;
}
/* 拨放视窗 START*/
#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(images/time.png);
}

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

.tTypeBtn {
  margin: 5px;
  color: #fff;
  border-radius: 5px;
  padding: 3px;
  width: 100px;
}

/* 拨放视窗 END*/

#api138bg>div {
  position: absolute;
  top: 20%;
  left: 50%;
  color: #ff0000;
  font-size: 24px;
}

/* 六合试算 */
.calc-table {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 0;
  border-left: 0;
}
.app-main table.calc-table thead tr th,
.app-main table.calc-table thead tr td,
.app-main table.calc-table tbody tr th,
.app-main table.calc-table tbody tr td {
  border-bottom: 0;
  border-right: 0;
}
.app-main table.calc-table thead tr:last-child th,
.app-main table.calc-table thead tr:first-child th:first-child,
.app-main table.calc-table thead tr:first-child th:last-child {
  border-bottom: 1px #7EB1C1 solid;
}
.app-main table.calc-table tbody tr:first-child td {
  border-top: 0;
}
.calc-table tbody td input.up {
  width: 60px;
}
.calc-table .over {
  color:red;
  font-weight:700;
}
table.calc-table thead {
  position: sticky;
  top:0;
}

.bk-over {
  background-color: #ffa3a3;
}

.table-center tbody .tb-form #alias {
  width: 300px;
}

#jstreedivheader {
  padding: 10px;
  z-index: 3;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  width: 500px;
}
#jstreedivheader .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}

.container .slot-header div.left-6, .container .slot-header div.left-7 {
  min-width: 130px;
}
.onlineBetTb.container .slot-header div.right-6 {
  min-width: 305px;
  flex: 0.3;
}

#outData tr td {
  height: 34px;
  min-width: 35px;
}
#outData tr td:nth-child(4) {
  min-width: 65px;
}
.getRBM {
  height: 32px;
}
.getRBM div {
  height: 32px;
  line-height: 32px;
}
.getRBM div.additional {
  width: 49%;
  display: flex;
  justify-content: flex-end;
}
.getRBM div.additionalout {
  width: 49%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.getRBM div.additionalout .overfly {
  display: flex;
  align-items: center;
  padding: 10px;
}
 /* other wtype */
.getRBMo {
  height: 32px;
}
.getRBMo div {
  height: 32px;
  line-height: 32px;
}
.getRBMo div.additional {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.getRBMo div.additionalout {
  width: 20%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.getRBMo .overfly {
  display: flex;
  align-items: center;
  justify-content: center;
}
.getRBMo div.outmem {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#outData .setF1 {
  background-color: rgb(255, 255, 162);
}

.tr_list_play1 {
	background-color: #eee;
}

.ball_zifubaoani .No_1 {
  background-image: url(images/ball/BwnYDdofN1.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_2 {
  background-image: url(images/ball/BwnYDdofN2.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_3 {
  background-image: url(images/ball/BwnYDdofN3.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_4 {
  background-image: url(images/ball/BwnYDdofN4.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_5 {
  background-image: url(images/ball/BwnYDdofN5.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_6 {
  background-image: url(images/ball/BwnYDdofN6.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_pk6 div.pk6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}

.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;
}
/* 点数纪录 */
.points .btn {
  height: 22px;
  line-height: 22px;
  padding: 0 5px 2px 5px;
  font-size: 12px;
}

.onlinebetp2 {
  flex-direction: column;
  height: auto !important;;
}

#illustrate {
  color: #d10000;
  font-size: 14px;
  font-weight: 700;
}
div.ill {
  padding: 5px;
  display: flex;
}
.ill.red, .ill .red  {
  color: red;
}
.ill.blue, .ill .blue {
  color: blue;
}
.ill.green, .ill .green {
  color: green;
}
.ill.weight, .ill .weight {
  font-weight: 700;
  font-size: 14px;
}
.ill.bgill {
  margin: 0 auto;
  width: 99%;
  background: #e8edff;
  padding: 4px 0 4px 5px;
  line-height: 18px;
}
div.ill .left {
  width: 100px;
  padding-right: 3px;
  text-align: right;
}

#nBody .games {
  margin: 0 auto;
}
#nBody .gamefix {
  position: sticky;
  top: 0;
  background: #fff;
}
#nBody table.calc-table thead {
  position: sticky;
  top: 27px;
}
#nBody table.tablemem thead {
  position: sticky;
  top: 55px;
}

#nBody .games select {
  /* margin: 2px 15px; */
  margin: 2px 0px;
  float: right;
  text-align: center;
  font-size: 15px;
}
#nBody .games .grrs {
  display: flex;
  justify-items: center;
  align-items: center;
  padding: 2px;
}
#nBody .games #gametype button {
  margin-right: 10px;
  background-color: #696969;
  border: none;
  padding: 3px 5px;
  cursor: pointer;
  color: #fff;
  border-radius: 3px;
}
#nBody .games #gametype button.selected {
  background: var(--selected-color);
  color: #000;
}

#nBody .title-ground {
  position: relative;
}
#nBody .title-ground .pos {
  position: absolute;
  right: 45px;
  top: 0;
  height: 100%;
  line-height: 30px;
}
#nBody .title-ground .pos >span {
  display: flex;
  justify-items: center;
}
#nBody table {
  width: 100%;
}
#nBody table tr th {
  height: 28px;
  line-height: 28px;
}

/* THREE */
#rep {
  /* position: relative; */
}
.repbox {
  height: 100%;
  width: calc(100% - 18px);
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4px;
  min-width: 1250px;
  /* overflow: auto; */
  position: relative;
}
.rep_header {
  background-color: var(--main-color);
  color: #ffffff;
  line-height: 27px;
  height: 27px;
  position: sticky;
  top: 0;
}
.rep_header .close-btn, .rep_header .close-btn1 {
  position: absolute;
  top: 3px;
  right: 3px;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
}
.rep_header .close-btn line {
  stroke: #fff;
}
.repbox table tbody tr td {
  line-height: 16px;
  height: 16px;
}
.repbox table tbody tr td .rep-frame, .my-table tr.reptr td .rep-frame {
  display: flex;
}
.repbox table tbody tr td .rep-frame > div:nth-child(1), .my-table tr.reptr td .rep-frame > div:nth-child(1) {
  border-right: 1px solid #ccc;
}
.my-table tr.reptr td .rep-frame {
  height: 100%;
}
.my-table tr.reptr td .rep-frame > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.my-table tr.reptr td .rep-frame .rates {
  display: flex;
  justify-content: space-between;
}
.my-table tr.reptr td .rep-frame .rates > div:only-child {
  margin: 0 auto;
}

.search-three {
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-three > div {
  font-size: 15px;
  padding: 3px;
}
.search-three input {
  width: 70px;
}
.menu-table {
  display: flex;
  align-items: center;
  height: 60px;
  margin-left: 8px;
}
.menu-table > div {
  border: 1px solid #ccc;
  border-right: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  background: #ECEBEC;
}
.menu-table > div:last-child {
  border-right: 1px solid #ccc;
}
.menu-table .btns {
  flex-direction: column;
}
.menu-table .btns > div {
  height: 30px;
  line-height: 30px;
}
.menu-table .list {
  display: flex;
  align-items: center;
}
.menu-table button {
  font-size: 12px;
  padding: 0 10px;
  margin: 1px 0px;
  height: 30px;
  color: blue;
}
.menu-table input {
  font-size: 16px;
  height: 50px;
  width: 100px;
}
.menu-table input[type="radio"] {
  width: 25px;
  transform: scale(0.8);
}
.menu-table input[type="button"] {
  width: 45px;
  height: 22px;
  font-size: 13px;
  margin: 1px;
  border-radius: 3px;
  border: 1px solid #555;
  text-align: center;
  padding: 0 5px;
}
.menu-table > div.bg-o {
  background: #FFCC66;
}

/* new playtype1 */
#topMenu {
  display: flex;
  margin: 0 5px;
}
#topMenu .sub-menu {
  margin-right: 3px;
  flex: 1 1 0%;
  border: 1px solid #ccc;
  /* display: flex; */
  justify-content: center;
  /* height: 27px */
  line-height: 20px;
  background: #eee;
}
#topMenu .sub-menu div {
  display: flex;
  justify-content: center;
}
#topMenu .sub-menu .unfold {
  padding: 1px 3px;
}
#topMenu .sub-menu.topSelected {
  background: var(--sub-color);
}
#topMenu .alone {
  font-size: 14px;
  padding: 5px 8px;
}

.ant-table-row .center-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rp-new {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rp-new > span {
  display: flex;
}
.rp-new > span > lable {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rp-new form span, .rp-new form input {
  margin: 0 2px;
}
.rp-new form input {
  padding: 0px 4px;
  height: 22px;
  line-height: 21px;
}
/* .report-new #tbody tr:nth-child(1) td:nth-child(1), .report-new #tbody tr:nth-child(1) td:last-child {
  width: 20%;
}
.report-new #tbody tr:nth-child(1) td:nth-child(1) td:not(:first-child):not(:last-child) {
  width: 30%;
} */
/* .report-new #tbody > tr:nth-child(1) td:nth-child(1) {
  background: #F0F0F0;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(2), .report-new #tbody > tr:nth-child(2) td:nth-child(-n+5) {
  background: #FFCC66;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(3), .report-new #tbody > tr:nth-child(2) td:nth-child(n+6):nth-child(-n+8) {
  background: #FED7EA;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(4), .report-new #tbody > tr:nth-child(2) td:nth-child(n+9):nth-child(-n+14) {
  background: #ffb46a;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:last-child, .report-new #tbody > tr:nth-child(2) td:nth-last-child(-n+2) {
  background: #d7eafe !important;
  color: #000;
}
.report-new #tbody > tr.tr-stat {
  background: #ffcfcf;
  color: #000;
}
.report-new #tbody > tr:nth-last-child(2) th {
  background: #F0F0F0;
  color: #000;
}
.report-new #tbody > tr:last-child table tbody tr:nth-child(1) td {
  background: #bcf7b8;
  color: #000;
} */
.report-new #tbody tr.menu td, .report-new #thead tr.menu td {
  height: 28px;
  line-height: 28px;
}
.report-new #tbody tr.m_cen td, .report-new #tbody tr.tr-stat td, .report-new #thead tr.m_cen td, .report-new #thead tr.tr-stat td {
  height: 38px;
  line-height: 38px;
}
.report-new #tbody tr td.title, .report-new #thead tr td.title {
  width: 10%;
  background: #FFFFFF;
  color: #000;
}
.report-new #tbody tr td.serial-num, .report-new #thead tr td.serial-num {
  width: 35px;
  background: #FFFFFF;
  color: #000;
}
.report-new #tbody tr td.aclname, .report-new #thead tr td.aclname {
  background: #D4FFF1;
  color: #3690FE;
}
.report-new #tbody tr td.member, .report-new #thead tr td.member {
  background: #FFFFCA;
  color: #000;
}
.report-new #tbody tr td.account, .report-new #thead tr td.account {
  background: #FFD7EB;
  color: #000;
}
.report-new #tbody tr td.senior-account, .report-new #thead tr td.senior-account {
  background: #FFDDAA;
  color: #000;
}
.report-new #tbody tr td.senior-account1, .report-new #thead tr td.senior-account1 {
  background: #FFC184;
  color: #000;
}
.report-new #tbody tr td.last-account, .report-new #thead tr td.last-account {
  background: #FFD7EB;
  color: #000;
}
.report-new #tbody tr td.account-total, .report-new #thead tr td.account-total {
  background: #D2F7F7;
  color: #000;
}
.report-new #tbody tr:hover td.aclname, .report-new #thead tr:hover td.aclname {
  /* background: #FFD7BB !important; */
  background: #FFFF6F !important;
  color: red;
}

.ant-table-tbody .outList {
  display: flex;
}
.ant-table-tbody .outList>div {
  margin: 0 5px;
}
.ant-table-tbody .outList>div input {
  width: 120px;
}
.primary-bg .autorate, .main-body .setAmount {
  display: flex;
  align-items: center;
}
.main-body .setAmount {
  justify-content: center;
}
.main-body .setAmount > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-body .setAmount div.set1 {
  position: absolute;
  left: 10px;
}
.main-body .setAmount div.set2 button {
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.main-body .setAmount div.set3 {
  position: absolute;
  right: 10px;
}
.set3 .ant-switch {
  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;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.set3 .ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff !important;
  font-size: 12px;
  pointer-events: none;
}
.set3 .ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36scubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: 4px;
  transform: translateX(100%);
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.set3 button.ant-switch.ant-switch-checked {
    background-color: var(--main-color);
}
.primary-bg .autorate div input {
  width: 30px;
}
.main-body .setAmount div {
  margin-right: 10px;
}
.main-body .setAmount input {
  width: 80px;
}
.my-table tbody tr td input[type=text].bg {
  background: #faffc7;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  bottom: 125%; /* 显示在上方 */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: normal;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.tooltip .tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%; /* 箭头指向上方 */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
table.report-new2 tbody tr td, table.report-new2 thead tr th {
  font-size: 14px;
}
table.report-new2 tbody tr td:nth-child(odd) {
  background: #F0F0F0;
}
table.report-new2 tbody tr td.weight {
  font-weight: bolder;
}
table.report-new2 tbody tr td.title-bg {
  background: #FFC184;
}
table.report-new2 thead tr th {
  height: 25px;
  line-height: 25px;
}
table.report-new2 thead tr th.left div {
  display: flex;
}
table.report-new2 thead tr th.left span {
  padding-left: 5px;
  text-align: left;
}
table.report-new2 tbody tr:hover td {
  background: #f5ffb3 !important;
  color: red;
}

.int-pos {
  color: black;
}
.dec {
  color: gray;
}
.int-neg { /* 负整数*/
  color: red;
}
.int-posfly {
  color: blue;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.spinner {
  border: 8px solid #f3f3f3; /* 浅色底圈 */
  border-top: 8px solid #3498db; /* 蓝色上边转圈 */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.fullVolume {
  background: #ffc7ff;
}
/* 下载 */
.my-table #tbody > tr {
  height: 28px;
  line-height: 28px;
}
.my-table #tbody > tr:nth-of-type(2n):not(.tr-list) {
  background-color: var(--table-color);
}
.my-table #tbody > tr:nth-of-type(2n+1):not(.tr-list), .my-table .detbody > tr:nth-of-type(2n+1):not(.tr-list), .my-table .detbody > tr:nth-of-type(2n):not(.tr-list) {
  background-color: #fff;
}
.my-table .detbody tr td {
  font-weight: bold;
}
.my-table .detbody tr.total-sum td {
  background: #CEFFE7;
}
.my-table #tbody > tr.tr-list.decode {
  background-color: #d3121230;
}
.my-table #tbody > tr.tr-list:hover {
  background-color: #fff699;
}

.sc-dnqmqq.epCXoX .totalStr {
  min-width: 130px;
}
.sc-dnqmqq.epCXoX .totalStr #totalout {
  font-weight: bolder;
  font-size: 14px;
}
table.my-table tr.reptr td.out .rep-frame > div > div {
  height: 24px;
  line-height: 24px;
}
table.my-table tr.reptr td.out:hover {
  background: #CFF7D6;
}

/* ============ Game87 彩种列表 - 横向滚动 ============ */
.game87-wrapper {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 30px;
  width: 100%;
}

.game87-container {
  flex: 1;
  height: auto;
  min-height: 28px;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-behavior: smooth;
  cursor: grab;
}

.game87-container:active {
    cursor: grabbing;
}

.game87 {
  display: flex;
  gap: 5px;
  padding: 2px 0;
  margin: 0;
  white-space: nowrap;
  height: auto;
  align-items: center;
}

.game87 button {
  flex-shrink: 0;
  white-space: nowrap;
  line-height: 1;
  font-size: 12px;
  margin-right: 5px;
  border: none;
  background: #FFFFFF;
  border-radius: 5px;
  font-weight: 700;
  padding: 5px 12px;
  border: 1px solid var(--main-color);
  font-size: 13px;
}
.game87 button.active {
  background: var(--selected-color);
  color: #000;
}
.game87 button span {
  font-size: 10px;
  display: inline;
  white-space: nowrap;
  color: #666;
  font-size: 13px;
}

/* 箭头按钮样式 */
.game87-arrow {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    background: white;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    border-radius: 50%;
    color: var(--main-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 4px;
}

.game87-arrow:hover {
    background: #f5f5f5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transform: scale(1.1);
}

.game87-arrow:active {
    background: #efefef;
    transform: scale(0.95);
}

.game87-arrow-left {
    order: -1;
}

/* 隐藏滚动条 */
.game87-container::-webkit-scrollbar {
    display: none;
}

.game87-container {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.my-dialog-bg {
  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;
}
.showbox {
  min-height: 225px;
  width: 400px;
  margin: 0 auto;
  top: 10%;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.showbox .showtitle {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.showbox .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
}
.showbox .showtitle div {
  font-size: 16px;
  text-align: center;
}
.showbox .out {
  padding: 18px;
  height: calc(100% - 72px);
  display: flex;
  max-height: 460px;
  overflow: hidden auto;
  flex-wrap: wrap;
}
.showbox .out .a-size {
  height: 110px;
  padding: 0 30px 10px 0;
}
.showbox .out .a-size > div {
  font-size: 16px;
  display: flex;
  height: 33%;
  align-items: center;
}
.showbox .out .a-size > div .title {
  width: 55px;
  padding: 0 10px;
  text-align: right;
}
.out > div:nth-of-type(12n+2),
.out > div:nth-of-type(12n+4),
.out > div:nth-of-type(12n+6),
.out > div:nth-of-type(12n+7),
.out > div:nth-of-type(12n+9),
.out > div:nth-of-type(12n+11) {
  background-color: #eee;
}
.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: #FFD8BD;
  border: 1px solid #6F6F6F;
  margin: 0 5px;
}
.showbox .ant-footer .footer-center button.chk {
  background-color: var(--button-color);
}
.weight-green {
  color: green;
  font-weight: bolder;
}

#goback {
  display: flex;
  align-items: center;
}
#goback button {
  background: #FFDDAA;
  border: 1px solid #4f4f4f;
  border-radius: 3px;
  padding: 3px 6px;
}

.show-re, .show-re1 {
  padding: 0px 4px;
  font-size: 14px;
  height: 24px;
  line-height: 20px;
  border-radius: 3px;
}
.show-re {
  margin-right: 5px;
  background: #CEFFE7;
  border: 1px solid #6F6F6F;
}
.show-re1 {
  border: 1px solid #ff0000;
  color: #ff0000;
}

.setLotto button {
  color: #004B97;
}
.setLotto button:disabled {
  color: #8f8f8f;
}
.golotto button {
  width: 74px;
  height: 22px;
}

.td2 {
  width: 2%;
}
.td3 {
  width: 3%;
}
.td4 {
  width: 4%;
}
.td5 {
  width: 5%;
}
.td6 {
  width: 6%;
}
.td7 {
  width: 7%;
}
.td8 {
  width: 8%;
}
.td9 {
  width: 9%;
}
.td10 {
  width: 10%;
}
.td11 {
  width: 11%;
}
.td12 {
  width: 12%;
}
.td13 {
  width: 13%;
}
.td14 {
  width: 14%;
}
.td15 {
  width: 15%;
}
.td17 {
  width: 17%;
}
.td18 {
  width: 18%;
}
.td20 {
  width: 20%;
}
.my-table #tbody > tr.fix-height {
  height: 85px;
}

#gtypespan label {
  display: flex;
  align-items: center;
  padding: 0 3px;
  margin-left: 3px;
  cursor: pointer;
}
.rightHead {
  padding-right: 4px;
}
#cdRefresh button {
  font-size: 14px;
}

.span-15 {
  font-size: 15px;
}

.demain {
  min-width: 800px;
}
.demain table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.demain table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.demain table tbody tr td {
  height: 30px;
  padding: 0;
  text-align: center;
  border: none;
  box-shadow: inset 0 -1px 0 #ccc, inset 1px 0 0 #ccc;
}
.demain table thead tr th {
  height: 30px;
  padding: 0;
  text-align: center;
  border: none;
  box-shadow: inset 0 -1px 0 #ccc, inset 1px 0 0 #ccc;
}
/* 白单 */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  text-align: center;
}
.loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  font-family: "Microsoft YaHei", sans-serif;
}
.dot {
  font-size: 28px;
  display: inline-block;
  opacity: 0;
  animation: dotBlink 1s infinite;
  animation-fill-mode: both;
}
.dot:nth-child(1) { animation-delay: 0s; }
.dot:nth-child(2) { animation-delay: 0.3s; }
.dot:nth-child(3) { animation-delay: 0.6s; }
@keyframes dotBlink {
  0%, 20%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
子帐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 {
  border-spacing: 0;
  border-collapse: collapse;
}

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

q, blockquote {
  quotes: none;
}

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

i {
  font-style: normal;
}

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

select {
  height: 20px;
  position: relative;
  line-height: 20px;
  font-size: 13px;
  outline: none;
  cursor: pointer;
}

a {
  color: #333;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #70C1B3;
}
a img {
  border: none;
}

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

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.pointer {
  cursor: pointer;
}

.ball-td {
  width: 27px;
  height: 27px;
  padding: 0;
  border-image: none 100%/1/0 stretch;
  background-repeat: no-repeat;
  background-position: 50%;
}

.ball_pk10 .pk10type {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background-size: 20px;
}

tr.m_cen.ball_pk10 > td, tr.m_cen.ball_ssc > td, tr.m_cen.ball_seven > td {
  background-repeat: no-repeat;
  background-position-x: center;
}

.ball_ssc .ball_center, .ball_seven .ball_center, .ball_pk10 .ball_center {
  width: 26px;
  height: 24px;
  margin: 0 auto;
}
.ball_ssc .dd1, .ball_seven .dd1, .ball_pk10 .dd1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ball_ssc .dd1 .dd, .ball_seven .dd1 .dd, .ball_pk10 .dd1 .dd {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}
.ball_ssc .No_0, .ball_seven .No_0 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 0;
}
.ball_ssc .No_1, .ball_seven .No_1 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -24px;
}
.ball_ssc .No_2, .ball_seven .No_2 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -48px;
}
.ball_ssc .No_3, .ball_seven .No_3 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -72px;
}
.ball_ssc .No_4, .ball_seven .No_4 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -96px;
}
.ball_ssc .No_5, .ball_seven .No_5 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -120px;
}
.ball_ssc .No_6, .ball_seven .No_6 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -144px;
}
.ball_ssc .No_7, .ball_seven .No_7 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -168px;
}
.ball_ssc .No_8, .ball_seven .No_8 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -192px;
}
.ball_ssc .No_9, .ball_seven .No_9 {
  background-image: url(images/ball/ball_ssc.png);
  background-position: 0 -216px;
}
.ball_seven .No_10 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -216px;
}
.ball_seven .No_11 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -240px;
}
.ball_seven .No_12 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -264px;
}
.ball_seven .No_13 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -288px;
}
.ball_seven .No_14 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -312px;
}

.seven.No_0 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 0;
}
.seven.No_1 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -24px;
}
.seven.No_2 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -48px;
}
.seven.No_3 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -72px;
}
.seven.No_4 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -96px;
}
.seven.No_5 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -120px;
}
.seven.No_6 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -144px;
}
.seven.No_7 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -168px;
}
.seven.No_8 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -192px;
}
.seven.No_9 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -216px;
}
.seven.No_10 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -240px;
}
.seven.No_11 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -264px;
}
.seven.No_12 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -288px;
}
.seven.No_13 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -312px;
}
.seven.No_14 {
  background-image: url(images/ball/ball_seven.png);
  background-position: 0 -336px;
}

.ball_pk10 .No_1 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.ball_pk10 .No_2 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -27px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_2 {
  background-position: 0 -20px;
}
.ball_pk10 .No_3 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -54px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_3 {
  background-position: 0 -40px;
}
.ball_pk10 .No_4 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -81px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_4 {
  background-position: 0 -60px;
}
.ball_pk10 .No_5 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -108px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_5 {
  background-position: 0 -80px;
}
.ball_pk10 .No_6 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -135px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_6 {
  background-position: 0 -100px;
}
.ball_pk10 .No_7 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -162px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_7 {
  background-position: 0 -120px;
}
.ball_pk10 .No_8 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -189px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_8 {
  background-position: 0 -140px;
}
.ball_pk10 .No_9 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -216px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_9 {
  background-position: 0 -160px;
}
.ball_pk10 .No_10 {
  background-image: url(images/ball/pk10.gif);
  background-position: 0 -243px;
  background-repeat: no-repeat;
}
.ball_pk10 .pk10type.No_10 {
  background-position: 0 -180px;
}
.ball_happy td {
  position: relative;
}
.ball_happy td>div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ball_happy .openNum td, .ball_happy div[class*="No_"] {
  width: 26px;
  height: 24px;
}
.ball_happy .No_1 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 0;
}
.ball_happy .No_2 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -24px;
}
.ball_happy .No_3 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -48px;
}
.ball_happy .No_4 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -72px;
}
.ball_happy .No_5 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -96px;
}
.ball_happy .No_6 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -120px;
}
.ball_happy .No_7 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -144px;
}
.ball_happy .No_8 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -168px;
}
.ball_happy .No_9 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -192px;
}
.ball_happy .No_10 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -216px;
}
.ball_happy .No_11 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -240px;
}
.ball_happy .No_12 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -264px;
}
.ball_happy .No_13 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -288px;
}
.ball_happy .No_14 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -312px;
}
.ball_happy .No_15 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -336px;
}
.ball_happy .No_16 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -360px;
}
.ball_happy .No_17 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -384px;
}
.ball_happy .No_18 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -408px;
}
.ball_happy .No_19 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -432px;
}
.ball_happy .No_20 {
  background-image: url(images/ball/ball_1.png);
  background-position: 0 -456px;
}

.my-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}
.my-icon.online-icon {
  width: 10px;
  height: 10px;
  background-image: url(images/icon/online-icon.gif);
}
.my-icon.offline-icon {
  width: 10px;
  height: 10px;
  background-image: url(images/icon/offline-icon.gif);
}
.my-icon.operate-icon1 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate1.gif);
}
.my-icon.operate-icon2 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate2.gif);
}
.my-icon.operate-icon3 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate3.gif);
}
.my-icon.operate-icon4 {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/operate4.gif);
}
.my-icon.search-icon {
  width: 11px;
  height: 11px;
  background-image: url(images/icon/search-icon.gif);
}
.my-icon.common-icon {
  width: 10px;
  height: 12px;
  background-image: url(images/icon/common-icon.gif);
}
.my-icon.gray-icon {
  width: 10px;
  height: 12px;
  background-image: url(images/icon/gray-icon.gif);
}
.my-icon.back-icon {
  width: 13px;
  height: 12px;
  background-image: url(images/icon/go-back.gif);
}
.my-icon.addLower {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/addLower.gif);
}
.my-icon.percent {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/percent.gif);
}
.my-icon.autofly {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/autofly.gif);
}
.my-icon.autorate {
  width: 14px;
  height: 14px;
  background-image: url(images/icon/autorate.gif);
}
.my-icon.tb {
  width: 16px;
  height: 16px;
  background-image: url(images/icon/tb.gif);
}
.my-icon.dropdownList-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/icon/dropdownList-icon.gif);
}

.my-icon-add, .my-icon-minus {
  width: 19px;
  height: 20px;
  display: inline-block;
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  background-repeat: no-repeat;
  background-position: center center;
}

.my-icon-add {
  left: 0;
  background-image: url(images/icon/add.gif);
}

.my-icon-minus {
  right: 0;
  background-image: url(images/icon/minus.gif);
}

.caption-blue {
  background-image: url(images/table/TD_TS1.jpg);
  background-repeat: repeat-y;
}

.caption-purple {
  background-image: url(images/table/TD_TS2.jpg);
  background-repeat: repeat-y;
}

.caption-green {
  background-image: url(images/table/TD_TS3.jpg);
  background-repeat: repeat-y;
}

.caption-red {
  background-image: url(images/table/TD_TS4.jpg);
  background-repeat: repeat-y;
}

.caption-blue1 {
  background-image: url(images/table/TD_TS_B.jpg);
  background-repeat: repeat-y;
}

.caption-green1 {
  background-image: url(images/table/TD_TS_G.jpg);
  background-repeat: repeat-y;
}

.caption-yellow {
  background-image: url(images/table/TD_TS_Y.jpg);
  background-repeat: repeat-y;
}

.mgl20px {
  margin-left: 10px !important;
}

.mgl15px {
  margin-left: 15px !important;
}

.mgl10px {
  margin-left: 10px !important;
}

.mgl5px {
  margin-left: 5px !important;
}

.mgr5px {
  margin-bottom: 5px !important;
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}

.el-dialog {
  position: relative;
  margin: 0 auto 10px;
  text-align: left;
  border-radius: 6px;
  border: none;
  background: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.el-dialog .el-dialog__header {
  padding: 7px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.el-dialog .el-dialog__header .el-dialog__title {
  padding-left: 5px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0;
  font-size: 16px;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  font-size: 18px;
  color: #FFF;
}
.el-dialog .el-dialog__body {
  padding: 5px;
  font-size: 14px;
  color: #596C8E;
  word-break: break-all;
}
.el-dialog .el-dialog__footer {
  padding: 5px 15px 10px;
  text-align: center;
}
.el-dialog .el-dialog__footer .el-button {
  border-radius: 5px;
  border: 1px solid #999;
  color: #333;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#DDD));
}

.dialog-body {
  width: 100%;
  max-height: 500px;
  overflow: auto;
}

.el-button.el-button--small {
  padding: 6px 12px;
  font-size: 12px;
}

* {
  font-size: 13px;
  box-sizing: border-box;
  /* font-family: Verdana, "Simsun", Arial, sans-serif; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
}

.font14px {
  font-size: 14px;
}

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

.font-multiple {
  line-height: 20px;
  font-size: 15px;
  color: #2836F4;
}

.font-multiple .avg-rate {
  line-height: 20px;
  color: #777;
  font-size: 13px;
}

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

.color-red {
  color: red;
}

.color-green {
  color: #339100;
}

.color-purple {
  color: #7300AA;
}

.color-grey {
  color: #aaa;
}

.color-yellow {
  color: yellow;
}

.pos-relative {
  position: relative;
}

.display-none {
  display: none;
}

table.no-border td {
  border: none;
}

.win-50 {
  display: flex;
  justify-content: space-around;
}

.win-50 > span {
  display: block;
  width: 50%;
}

/**************/
#m_title {
  line-height: 25px;
}
/* #m_title th {
  border: 1px solid #E9BA84;
} */

#betsdataAERA .list-tr td {
  line-height: 20px;
}

#sdate, #edate {
  width: 110px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
}

#start_time, #end_time {
  width: 166px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #ABB2C5;
  background-position: 100%;
}

#scroll_div {
  height: 22px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-left: 25px;
  overflow: hidden;
  text-align: left;
  line-height: 22px;
  white-space: nowrap;
  /* border-bottom: 1.2px solid #558104; */
  /* background: linear-gradient(180deg, #96C71C, #6FA111); */
  font: 12px/1.5 tahoma, arial, "SimSun";
}
#scroll_div::after {
  content: "";
  width: 25px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 -91px;
  background-image: url(images/themes/BoxBg1.png);
}
#scroll_div .msg-item {
  margin-left: 200px;
  font-weight: 700;
}

#scroll_begin, #scroll_end {
  display: inline;
}

.scroll_before {
  margin-left: 1240px;
}

.home {
  height: 100%;
  min-width: 1380px;
  position: relative;
  overflow: auto;
  font-size: 12px;
  background-color: #FFF;
}
.home .layout {
  height: 93px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-repeat: repeat-x;
}
.home .layout .left-head {
  width: 219px;
  height: 100%;
  background: linear-gradient(180deg, #1F4E00 146px, transparent 148px);
}
.home .layout .left-head .logo {
  height: 63px;
  position: relative;
  /* box-shadow: 0 2px 4px rgb(0 0 0 / 50%); */
}
.home .layout .left-head .logo .app-name {
  width: 100%;
  height: 63px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 63px;
  font-size: 39px;
  font-weight: bold;
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
  color: var(--text-color);
  /* text-shadow: 1px 2px 1px #000; */
}
.home .layout .left-head .user {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 700;
  /* box-shadow: inset -10px 0 10px -15px #000; */
  background-repeat: repeat-x;
}
.home .layout .left-head .user.second-bg {
  font-weight: normal;
}
.home .layout .left-head .user .divider {
  color: #6F6F6F;
}
.home .layout .left-head .user .pointer {
  cursor: pointer;
}
.home .layout .middle-head {
  width: calc(100% - 219px);
  height: 100%;
  flex: 1;
  position: relative;
}
.home .layout .middle-head .nav-bar {
  height: 63px;
  position: relative;
  /* box-shadow: 4px 2px 4px rgb(0 0 0 / 50%); */
}
.home .layout .middle-head .nav-bar .newest-bet-bar {
  width: 1200px;
  display: flex;
}
.home .layout .middle-head .nav-bar .newest-bet-bar .newest-bet-item {
  width: 110px;
  margin-bottom: 8px;
  margin-right: 8px;
  padding-top: 3px;
  line-height: 16px;
  border-radius: 5px;
  color: #F3FDD5;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .lottery-options {
  width: 151px;
  position: relative;
  margin-right: 10px;
}
.home .layout .middle-head .nav-bar .lottery-options:hover .select-options {
  display: block;
}
.home .layout .middle-head .nav-bar .lottery-options::after {
  content: "";
  position: absolute;
  top: 53%;
  right: 15px;
  transform: translateY(-50%);
  border-top: 6px solid #FFF;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.home .layout .middle-head .nav-bar .select-options {
  width: 149px;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 999;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #204500;
  border-top: none;
  box-shadow: 0 2px 8px #454545;
  background-color: #FDFFF1;
  -webkit-box-shadow: 0 2px 8px #454545;
}
.home .layout .middle-head .nav-bar .select-options .option {
  height: 28px;
  display: flex;
  padding-left: 15px;
  text-align: left;
  line-height: 28px;
  border-bottom: 1px dashed #D1D1D1;
  color: #656565;
  background: url(images/themes/BoxBg7.png) 0 -208px no-repeat !important;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .select-options .option:last-child {
  border-bottom: none;
}
.home .layout .middle-head .nav-bar .select-options .option:hover {
  color: rgb(255, 99, 41);
  background-color: #EDF4FE !important;
}
.home .layout .middle-head .nav-bar .select-options .option i {
  width: 15px;
  display: inline-block;
}
.home .layout .middle-head .nav-bar .buttons {
  height: 30px;
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.home .layout .middle-head .nav-bar .buttons .select-button {
  width: 124px;
  height: 30px;
  position: absolute;
  left: 0;
  padding: 3px 0 3px 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  /* font-family: "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC"; */
  font-family: "Microsoft Yahei", "Microsoft JhengHei", "Hiragino Sans GB", "STHeiti", "Heiti SC";
  border: 0 solid #FF9224;
  color: #F3FDD5;
  background: unset;
  cursor: pointer;
}
.home .layout .middle-head .nav-bar .buttons .btn-item {
  width: 71px;
  height: 31px;
  padding: 0;
  font-size: 12px;
  border: none;
  color: #FFF;
  cursor: pointer;
  word-break: keep-all;
}
/* .home .layout .middle-head .nav-bar .buttons .btn-item[onclick="secondPage('system')"] {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
} */
.home .layout .middle-head .nav-bar .buttons .buttonsContent {
  display: inline-flex;
  align-items: center;
}
.home .layout .middle-head .nav-bar .buttons button.btn-item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.home .layout .middle-head .nav-bar .buttons .btn-item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.home .layout .middle-head .nav-bar .opening-voice {
  margin-top: 5px;
  margin-left: 5px;
  font-weight: 700;
  /* 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";
  color: #F56906;
}
.home .layout .middle-head .nav-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;
}
.home .layout .middle-head .nav-bar .voice-icon.opening {
  background-image: url(images/icon/tsy1.png);
}
.home .layout .middle-head .nav-bar .voice-icon.closing {
  background-image: url(images/icon/tsy2.png);
}
.menu-tab::-webkit-scrollbar {
  width: 4px;
  height: 4px
}
.menu-tab::-webkit-scrollbar-thumb {
  background-color: #f1f1f1
}
/* .home .layout .middle-head .menu-tab {
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 5px;
  overflow-x: auto;
  overflow-y: hidden;
  width: calc(100% - 156px);
} */
/* .home .layout .middle-head .menu-tab .menu-item {
  height: 100%;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 29px;
  border-radius: 0;
  border: 1px solid transparent;
  cursor: pointer;
  flex-shrink: 0;
} */
/* .home .layout .middle-head .menu-tab .menu-item.active, .home .layout .middle-head .menu-tab .menu-item:hover {
  margin-right: -4px;
  margin-left: -3px;
  padding-right: 9px;
  padding-left: 8px;
} */
/* .home .layout .middle-head .menu-tab .menu-item:hover {
  color: #FFF;
} */
.home .layout .middle-head .menu-tab .divider {
  height: 22px;
  line-height: 22px;
}
.home .layout .middle-head .serve-time {
  position: absolute;
  right: 0;
  bottom: 7px;
  margin-right: 10px;
  padding-right: 10px;
  text-align: right;
  /* font-weight: 700; */
  color: #FFF;
}
.home .layout .middle-head .serve-time a {
  color: #FFF;
}
.home .layout .middle-head .check-theme {
  position: absolute;
  right: 0;
  bottom: 43px;
  margin-right: 15px;
  padding-right: 10px;
  text-align: right;
}
.home .layout .middle-head .check-theme .btn {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 2px;
  border-radius: 2px;
  border: 1px solid #C6C6C6;
  cursor: pointer;
}

.home .layout .middle-head .check-theme .orange-theme {
  background: #EA6107;
}
.home .layout .middle-head .check-theme .blue-theme {
  background: #068ABE;
}
.home .layout .middle-head .check-theme .tiffany-theme {
  background: #00C2B8;
}
.home .layout .middle-head .check-theme .purple-theme {
  background: #A18FEA;
}
.home .layout .middle-head .check-theme .black-theme {
  background: #7C7B74;
}
.home .layout .middle-head .check-theme .red-theme {
  background: #C10616;
}
.home .layout .middle-head .check-theme .green-theme {
  background: #7BB01A;
}

.home .app-main {
  position: absolute;
  top: 93px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 25px;
}
/* .default_theme {
  height: 3000px;
} */

/*****************/
.my-container {
  margin: 0 3px 15px 3px;
  border: 1px solid #CCC;
}
.my-container .header {
  height: 30px;
  display: flex;
  position: relative;
  padding: 0 10px;
  line-height: 30px;
  font-weight: 700;
  /* background: linear-gradient(#FFF 30%, #DDD); */
  background: #ECEBEC;
}
.my-container .header label, .my-container .header label input {
	cursor: pointer;
}
.my-container .header .table-icon {
  width: 16px;
  height: 16px;
  margin: 7px 7px 7px 0;
  background-image: url(images/icon/table.gif);
}
.my-container .main-body {
  padding: 3px 3px 0 3px;
}
.my-container .footer {
  height: 30px;
  display: flex;
  position: relative;
  padding: 0 10px;
  line-height: 30px;
  background-image: url(images/tableFooter.gif);
  background-repeat: repeat-x;
}

.my-container #c6Header .ulCust, .my-container #BTAHeader .ulCust, #c6title .ulCust {
  display: flex;
}
#c6Header .ulCust, #c6title .ulCust {
  justify-content: center;
}
#c6title {
  margin-left: -20%;
  /* position: absolute;
  left: 30%;
  margin-top: 6px; */
}
table[name=cargotitle] tbody tr td.list-caption {
  display: flex;
  justify-content: center;
}
.my-pagination {
  height: 30px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}
.my-pagination span {
  margin: 5px;
}
.my-pagination span span {
  margin: 0;
}
.my-pagination .pointer {
  cursor: pointer;
}
.my-pagination .pointer:hover {
  color: #47ACA4;
  text-decoration: underline;
}
.my-pagination .active-page {
  color: #47ACA4;
}
.my-pagination .jump-box {
  margin-left: 5px;
  display: inline-flex;
}
.my-pagination .jump-input {
  width: 50px;
  height: 21px;
  padding: 0 4px;
  background-color: #FFF;
}
.my-pagination .jump-button {
  padding: 1px 4px 2px 4px;
  font-size: 12px;
  border: none !important;
  color: #FFF;
  cursor: pointer;
}

.my-header {
  display: flex;
  flex: 1;
}
.my-header .my-button {
  width: 66px;
  height: 20px;
  margin-top: 5px;
  font-size: 13px;
  color: #0C3E09;
  cursor: pointer;
}
.my-header .my-button:hover {
  background-position: -1010px 0;
}
.my-header .table-open-code {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.my-header .table-open-code tbody tr td {
  border: none;
}
.my-header .table-open-code .list-tr {
  height: 25px;
  line-height: 25px;
}
.table-open-code.ball_ssc{
  display: inline-block;
  vertical-align: middle;
}
.my-header select {
  height: 24px;
  position: relative;
  vertical-align: middle;
  line-height: 24px;
  font-size: 13px;
  cursor: pointer;
}
.my-header .btn {
  height: 22px;
  margin-top: 5px;
  padding: 1px 6px 2px 6px;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
}
.my-header .countdown-refresh {
  width: 90px;
  text-align: right;
}

table.noBorder th, table.noBorder td {
  border: none;
}
table tbody tr.list-tr {
  height: 28px;
  line-height: 28px;
}
table tbody tr.list-tr:hover, table tbody tr.list-tr:nth-child(odd):hover {
  background-color: #FFFFA2;
}
table tbody tr.list-tr .td-caption {
  padding-left: 2px;
  text-align: left;
  color: #0707D0;
}

table tbody tr.list-tr.openNum {
  height: 24px;
  line-height: 24px;
}

table tbody tr.stat-total td {
  padding-left: 15px;
  text-align: left;
  border: none;
}
table tbody tr.stat-total td .stat-item {
  height: 30px;
  line-height: 30px;
}
.app-main table tbody tr td, table.dialog-table.my-table tbody tr td, table.dialog-table.my-table thead tr td, table.nTable thead tr td {
  height: 30px;
  padding: 0;
  text-align: center;
  /* line-height: 24px; */
  /* border: 1px solid #E9BA84; */
}
/* table thead tr .list-caption, table tbody tr .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  background-color: #F9D9C4;
} */
table tbody tr td.tb-form {
  text-align: left;
}
table tbody tr td label {
  display: inline-block;
  margin-right: 5px;
}
table tbody tr td label input, table tbody tr td label span {
  vertical-align: middle;
}
table tbody tr td select, table tbody tr td input {
  height: 24px;
  margin-right: 5px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 24px;
  font-size: 13px;
  border: 1px solid #ABB2C5;
  background-position: -1px 0;
}
table tbody tr td input.type138 {
  width: 60px;
}
table tbody tr td input.nback {
  text-align: center;
  width: 65px;
}
table tbody tr td.title-bg {
  background: #D4F6E4;
}
table tbody tr td select {
  cursor: pointer;
}
table tbody tr td input:hover {
  border-color: #F80;
  background-color: #F6FED3;
}

#amP_JG {
  width: 80%;
  margin: 0;
  padding: 0;
}

.container-body .flex-table {
  display: flex;
  align-items: flex-start;
  padding-bottom: 3px;
  justify-content: flex-start;
}
.container-body table {
  margin-right: 3px;
}
.container-body table tbody tr.list-tr {
  height: 20px;
  line-height: 20px;
}
.container-body table tbody tr.list-tr td {
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.container-body .flex-table table tbody tr td {
  /* vertical-align: baseline; */
}
.container-body table tbody td[valign*="top"] {
  padding: 0 3px 0 0;
  vertical-align: top;
  border: none;
}

.container-footer {
  height: 30px;
  display: flex;
  position: relative;
  margin: 0 -5px;
  padding: 0 10px;
  line-height: 30px;
  background-image: url(images/tableFooter.gif);
  background-repeat: repeat-x;
}
.container-footer .my-footer {
  display: flex;
  flex: 1;
}
.container-footer .my-footer input {
  width: 48px;
  height: 18px;
  padding-top: 1px;
  padding-left: 5px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  -moz-appearance: textfield;
}
.container-footer .my-footer input[type=checkbox] {
  width: 25px;
  vertical-align: middle;
}
.container-footer .my-footer .btn {
  height: 20px;
  padding: 1px 6px 1px 6px;
  line-height: 16px;
  font-size: 12px;
  border: 1px solid #CCC;
  background: #F2F2F2;
  cursor: pointer;
}
.container-footer .my-footer .btn.btn-blue {
  border: 1px solid #3199E3;
  color: #FFF;
  background: #59B3EE;
}
.container-footer .my-footer .setting-pannel {
  min-width: 72px;
  position: absolute;
  bottom: 0;
  left: 43px;
  padding: 5px;
  line-height: 24px;
  border: 1px solid #CCC;
  background: #FFF;
}
.container-footer .my-footer .setting-pannel input {
  width: 55px;
}

.my-table {
  width: 100%;
  white-space: nowrap;
}
.my-table.results-table {
  width: auto;
  margin: auto;
}
.my-table.sum-table {
  width: 120px;
  margin: 0 3px 0 0;
}
.my-table.sum-table .list-tr {
  height: 20px;
  line-height: 20px;
}
.my-table.sum-table .list-tr td {
  width: 101%;
  display: flex;
  justify-content: space-between;
  padding: 0 3px;
  text-align: left;
  border-top: 0;
}
.my-table.two-sided-table {
  width: 150px;
  margin-right: 0;
}
.my-table.two-sided-table .list-tr {
  height: 20px;
  line-height: 20px;
}
.my-table.two-sided-table .list-tr td {
  text-align: left;
}
.my-table.follow-user-table, .my-table.bet-user-table {
  width: 700px;
  margin: 0 auto;
  white-space: initial;
}
.my-table.follow-user-table .tb-column, .my-table.bet-user-table .tb-column {
  width: 120px;
  vertical-align: middle;
  text-align: right;
}
.my-table .base-info {
  height: 100px;
  vertical-align: middle;
  line-height: 100px;
}
.my-table .rules {
  font-weight: 700;
  color: #2C5A7A;
  cursor: pointer;
}
.my-table .rules:hover {
  color: #47ACA4;
}
.my-table .rule-details {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
  padding: 30px;
  text-align: left;
  background-color: #FFFFA2;
}
.my-table .rule-details .rule-item {
  margin-bottom: 20px;
  line-height: 20px;
  font-weight: 700;
}
.my-table .rule-details .jing-qi {
  padding-right: 20px;
  text-align: right;
  line-height: 20px;
  font-weight: 700;
}
.my-table .tr-default:hover {
  background-color: var(--selected-color);
}
.my-table .tr-default:nth-child(even) {
  background-color: #F5F5F5;
}
.my-table .tr-default:nth-child(even):hover {
  background-color: var(--selected-color);
}
.my-table .tr-active {
  background-color: #FFEBEB;
}
.my-table .text-left {
  padding-left: 5px;
  text-align: left;
}
.my-table .align-right {
  text-align: right;
}
.my-table .align-left {
  text-align: left;
}
.my-table .my-icon {
  margin-top: -2px;
  vertical-align: middle;
}
.my-table .operate-icon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.my-table .online-icon {
  width: 20px;
  height: 20px;
}
.my-table .offline-icon {
  width: 10px;
  height: 10px;
}
.my-table .remain-belong-icon {
  width: 16px;
  height: 16px;
}
.my-table .common-icon {
  width: 10px;
  height: 12px;
}
.my-table .search-icon {
  width: 11px;
  height: 11px;
}
.my-table .font-bold {
  font-weight: 700;
}
.my-table .pointer {
  cursor: pointer;
}
.my-table .underline .content {
  border-bottom: 1px solid #F3D9C0;
}
.my-table .underline:hover .content {
  border-bottom: 1px solid #E88322;
}
.my-table .btn {
  padding: 0 5px 2px 5px;
  font-size: 12px;
}
.my-table .icons-margin {
  margin-right: 6px;
}

.my-button {
  width: 66px;
  margin-top: 5px;
  font-size: 13px;
  border-radius: 3px;
  cursor: pointer;
}

.table-center {
  width: auto;
  min-width: 800px;
  margin: 0 auto;
}
/* .table-center tbody .list-tr {
  height: 28px;
  line-height: 28px;
} */
.table-center tbody td {
  padding: 0 5px;
}
.table-center tbody .tb-column {
  width: 126px;
  text-align: right;
}
.table-center tbody .tb-form {
  text-align: left;
}
.table-center tbody .tb-form input[type=text] {
  width: 165px;
}
.table-center tbody .tb-form input.small-input {
  width: 33px;
}
.table-center tbody .tb-form input[type=radio] {
  width: 13px;
  margin-top: 0;
}
.table-center tbody .tb-form label {
  display: inline-block;
  margin-right: 5px;
}
.table-center tbody .tb-form label input, .table-center tbody .tb-form label span {
  vertical-align: middle;
}

.button-bar, .button-bar:hover {
  background-color: #FFFDE5;
}

.my-log tbody tr td:first-child {
  padding: 0 5px;
}

.my-dialog {
  width: auto;
  min-width: 80px;
  position: absolute;
  z-index: 2;
  border: 1px solid #A8A8A8;
  border-collapse: collapse;
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.65);
  background-color: #FFF;
}
.my-dialog.report-detail .dialog-content p {
  line-height: 14px;
}
.my-dialog .dialog-header {
  padding-right: 5px;
  padding-left: 5px;
  text-align: left;
  line-height: 24px;
  background-color: #F5D26E;
}
.my-dialog .dialog-content {
  padding: 5px;
}
.my-dialog .dialog-content td {
  line-height: 14px;
}
.my-dialog .text-left {
  text-align: left;
}
.my-dialog .text-right {
  text-align: right;
}
.my-dialog .font-bold {
  font-weight: 700;
}
.my-dialog .color-blue {
  color: #2836F4;
}
.my-dialog .color-red {
  color: red;
}
.my-dialog .color-green {
  color: green;
}

.my-flycart {
  position: fixed;
  top: 100px;
  left: 549.5px;
  z-index: 19891015;
  box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
  background-color: #FFF;
}

.dialog-table {
  width: 100%;
}
.dialog-table td {
  padding: 0;
}
.dialog-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.dialog-table .list-tr {
  height: 22px;
  text-align: center;
  line-height: 22px;
}
.dialog-table .font-bold {
  font-weight: 700;
}
.dialog-table .radio {
  margin-top: -2px;
  vertical-align: middle;
  cursor: pointer;
}

.container {
  height: 100%;
}
.container .lottery-rebate {
  margin-bottom: 5px;
}
.container .set-max {
  display: flex;
  justify-content: center;
  margin: 8px 0;
}
.container .set-max .my-button, .btn_1 {
  padding: 3px 15px;
  font-size: 12px;
  /* color: #0C3E09; */
  cursor: pointer;
}
.btn_1 {
  height: 22px;
  padding: 1px 5px;
  line-height: 1.5;
  border-radius: 3px;
}
.container .slot-header {
  display: flex;
  align-items: center;
  flex: 1;
}
.container .slot-header .left {
  min-width: 250px;
  display: flex;
  /* align-items: center; */
  /* margin-right: 20px; */
}
.container .slot-header .middle {
  flex: 1;
  display: flex;
  align-items: center;
}
.container .slot-header .middle .container>a, .container .slot-header .middle .container>span {
  margin-right: 10px;
}
.container .slot-header .middle .container>button {
  margin-left: -10px;
}
.container .slot-header .middle .container>a span {
  color: #FF5964;
}
.container .slot-header .middle form .left {
  display: contents;
}
.container .slot-header .right {
  text-align: right;
}
.container .slot-header .go-back {
  cursor: pointer;
}
.container .slot-header .go-back .back-icon,
.container .header .right .go-back .back-icon {
  margin-top: -2px;
  margin-right: 5px;
  vertical-align: middle;
}
.container .slot-footer {
  flex: 1;
  text-align: center;
}
.container .query-btn {
  height: 22px;
  padding: 1px 6px 2px 6px;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
}
.container .add-btn {
  padding-left: 20px;
  background-image: url(images/icon/add-btn.gif);
  background-repeat: no-repeat;
  background-position: 0 8px;
  cursor: pointer;
}
.container .add-btn:hover {
  color: #47ACA4;
  text-decoration: underline;
}
.container .refresh-btn {
  height: 20px;
  padding: 0 5px;
  font-size: 12px;
  border-width: 2px;
  border-style: outset;
  border-color: buttonface;
  cursor: pointer;
}

input {
  height: 22px;
  padding-left: 2px;
  line-height: 22px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}

input[name=dts], input[name=dte] {
  width: 100px;
}

.lottery-name.second-bg {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}

.quick-setting {
  width: 100%;
}
.quick-setting .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}
.quick-setting .my-table {
  width: 100%;
}
.quick-setting .my-table td {
  padding: 0 5px;
}
.quick-setting .my-table td input {
  width: 60px;
}
.quick-setting .my-table td.quickWater input {
  width: 74px;
}
.quick-setting .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.quick-setting .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.quick-setting .my-table .list-tr:hover {
  background-color: #FFFFA2;
}
.rebate-container {
  width: 100%;
}
.rebate-container .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  color: #000;
}
.rebate-container .my-table {
  width: 100%;
}
.rebate-container .my-table td {
  padding: 0 3px;
}
.rebate-container .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.rebate-container .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.rebate-container .my-table .list-tr:hover {
  background-color: #FFFFA2;
}

.form-item-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.form-item-tr:hover {
  background-color: #FFFFA2 !important;
}
.form-item-tr td {
  padding: 0 5px;
  border: 1px solid #B0C47A;
}
.form-item-tr td input {
  width: 70px;
  height: 24px;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
.form-item-tr td input[name*=rate], .boxshadow tbody tr td input[name*=Odds] ,.form-item-tr td input[name*=ex]{
  width: 100px;
}
.quickWater input {
  height: 24px;
  margin: 0;
  padding: 0;
  padding-left: 12px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}

/*****************/
#app, body, html {
  width: 100%;
  height: 100%;
  font-size: 12px;
  /* min-width: 1800px; */
}

#app {
  text-align: center;
  color: #2C3E50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app #nav {
  padding: 30px;
}
#app #nav a {
  font-weight: 700;
  color: #2C3E50;
}
#app #nav a.router-link-exact-active {
  color: #42B983;
}
#app input:-webkit-autofill {
  transition: color 99999s ease-out, background-color 99999s ease-out;
  transition-delay: 99999s;
}
#app input:-webkit-autofill:active, #app input:-webkit-autofill:focus, #app input:-webkit-autofill:hover {
  transition: color 99999s ease-out, background-color 99999s ease-out;
  transition-delay: 99999s;
}

.wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #FFF;
}

.l-icon:focus, .l-icon:hover {
  color: #FFF;
}

.clearfix:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
  font-size: 0;
  visibility: hidden;
}

.tip-bar {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.lottery-container {
  width: 100%;
}
.lottery-container .lottery-name {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  border: 1px solid #E9BA84;
  border-bottom: none;
  color: #000;
}
.lottery-container .my-table {
  width: 100%;
}
.lottery-container .my-table td {
  padding: 0 5px;
}
.lottery-container .my-table .list-caption {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.lottery-container .my-table .list-tr {
  height: 24px;
  text-align: center;
  line-height: 24px;
}
.lottery-container .my-table .list-tr:hover {
  background-color: #FFFFA2;
}
.lottery-container input, .lottery-container select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.lottery-container input::-webkit-inner-spin-button, .lottery-container input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.lottery-container input[type=number], .lottery-container input[type=text] {
  width: 70px;
  height: 18px;
  padding-left: 2px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
  -moz-appearance: textfield;
}
.lottery-container input[type=number]:focus, .lottery-container input[type=text]:focus {
  border-color: #F80;
  background-color: #F6FED3;
}

.small-input {
  max-width: 120px;
}

#myFORM .divBtn, #myFORM .divBtn1 {
  background-color: #AF571F;
}
#myFORM .divBtn:hover, #myFORM .divBtn1:hover, #myFORM .divBtn.divBtnS, #myFORM .divBtn1.divBtnS {
  background-color: #EE7D37;
}

.container .table-query {
  margin-bottom: 6px;
  text-align: right;
}

td.fastpickup_6h {
  background-color:yellow;
}

td.selfly {
  background-color:pink;
}

#backS input {
  width: 85px;
}

#selectInput .my-dialog {
  width: 98px;
  height: 176px;
  position: absolute;
  top: -178px;
  left: 127px;
  padding: 5px;
  border: 1px solid #CCC;
  background: #F7F6F6;
}

#backS .btn {
  width: 85px;
}

/*切换线路*/
ul.chooseLine {
  width: 240px;
  height: 25px;
  display: flex;
  position: absolute;
  right: 10px;
  bottom: 35px;
  justify-content: space-between;
  align-items: center;
}
ul.chooseLine li span {
  font-weight: 700;
  color: #FFF;
}
ul.chooseLine li input[type="button"] {
  padding: 0 5px;
}
ul.chooseLine li input[disabled="disabled"] {
  color: #A3A3A3;
  background: #7C7C7C;
}

/*报表加上hover光棒*/
.reportAllContent tr.m_cen:hover {
  background-color: rgb(255, 251, 199);
}

/*报表字体放大*/
.reportMemberMain, .reportAllMain {
  font-size: 14px;
}
.reportMemberMain .my-container .header, .reportAllMain .my-container .header {
  font-size: 12px;
}
/*实时滚单*/
.reportRealTime {
  margin-top: 2px;
}
.reportRealTime .my-container .header {
  font-size: 12px;
  background: #ECECEC;
}
.reportRealTime .main-body .my-table tbody tr {
  height: 20px;
  padding: 0;
  text-align: center;
  line-height: 20px;
  border: 0;
}
.reportRealTime .main-body .my-table tbody tr:nth-child(odd) {
  background-color: #FFFDE5;
}
/* 报表多选css */
.table-box-info {
  display: flex;
  flex-wrap: wrap;
}
.table-box-info label {
  cursor: pointer;
}
.all-select-btn, .all-not-btn, .IDC-btn, .s138-btn, .hash-btn {
  display: inline-block;
  padding: 0 3px;
  font-size: 12px;
  cursor: pointer;
  background-image: linear-gradient(#F6F6F6 15%, #DDD 110%);
  border: 1px solid #ABB2C5;
  height: 25px;
  line-height: 25px;
  margin: 5px 0 0 5px;
}
.all-select-btn:hover, .all-not-btn:hover {
  background-image: linear-gradient(#DDD 15%, #F6F6F6 110%);
  color: #000;
}
#lottoData {
  position: fixed;
  z-index: 2;
  background: rgb(236, 235, 236);
  display: block;
  padding: 0px 5px;
}
input[name="gametype"] {
  height: 14px;
  cursor: pointer;
}
#showlotto, #closelotto {
  cursor: pointer;
  font-weight: 700;
  padding: 0 3px;
  color: red;
  font-size: 14px;
}

/* 组合类操盘 */
.comboTable {
  width: 50%;
  min-width: 530px;
  height: 600px;
  margin: 0;
  overflow-x: hidden;
}
#area1, #area2, #area3, #area4 {
  width: 180px;
}
.flexTb3 #area1, .flexTb3 #area2, .flexTb3 #area3, .flexTb3 #area4,
.flexTb10 #area1, .flexTb10 #area2, .flexTb10 #area3, .flexTb10 #area4 {
  /* width: 100%; */
  min-width: 180px;
}
.flexTb3 .checkbet, .flexTb10 .checkbet {
  width: 60px;
}
.flexTb3 td[title='补单'], .flexTb10 td[title='补单'] {
  width: 65px;
}
.flexTb1 #area1, .flexTb1 #area2, .flexTb1 #area3, .flexTb1 #area4, .flexTb1 #area5, .flexTb1 #area6 {
  width: 100%;
}
#comboAera tr {
  cursor: pointer;
}
#comboAera tr.selfly {
  background-color:pink;
}

/* 六合开奖球号 */
.ball_6h .No_1 span::after {
  content: "1";
}
.ball_6h .No_2 span::after {
  content: "2";
}
.ball_6h .No_3 span::after {
  content: "3";
}
.ball_6h .No_4 span::after {
  content: "4";
}
.ball_6h .No_5 span::after {
  content: "5";
}
.ball_6h .No_6 span::after {
  content: "6";
}
.ball_6h .No_7 span::after {
  content: "7";
}
.ball_6h .No_8 span::after {
  content: "8";
}
.ball_6h .No_9 span::after {
  content: "9";
}
.ball_6h .No_10 span::after {
  content: "10";
}
.ball_6h .No_11 span::after {
  content: "11";
}
.ball_6h .No_12 span::after {
  content: "12";
}
.ball_6h .No_13 span::after {
  content: "13";
}
.ball_6h .No_14 span::after {
  content: "14";
}
.ball_6h .No_15 span::after {
  content: "15";
}
.ball_6h .No_16 span::after {
  content: "16";
}
.ball_6h .No_17 span::after {
  content: "17";
}
.ball_6h .No_18 span::after {
  content: "18";
}
.ball_6h .No_19 span::after {
  content: "19";
}
.ball_6h .No_20 span::after {
  content: "20";
}
.ball_6h .No_21 span::after {
  content: "21";
}
.ball_6h .No_22 span::after {
  content: "22";
}
.ball_6h .No_23 span::after {
  content: "23";
}
.ball_6h .No_24 span::after {
  content: "24";
}
.ball_6h .No_25 span::after {
  content: "25";
}
.ball_6h .No_26 span::after {
  content: "26";
}
.ball_6h .No_27 span::after {
  content: "27";
}
.ball_6h .No_28 span::after {
  content: "28";
}
.ball_6h .No_29 span::after {
  content: "29";
}
.ball_6h .No_30 span::after {
  content: "30";
}
.ball_6h .No_31 span::after {
  content: "31";
}
.ball_6h .No_32 span::after {
  content: "32";
}
.ball_6h .No_33 span::after {
  content: "33";
}
.ball_6h .No_34 span::after {
  content: "34";
}
.ball_6h .No_35 span::after {
  content: "35";
}
.ball_6h .No_36 span::after {
  content: "36";
}
.ball_6h .No_37 span::after {
  content: "37";
}
.ball_6h .No_38 span::after {
  content: "38";
}
.ball_6h .No_39 span::after {
  content: "39";
}
.ball_6h .No_40 span::after {
  content: "40";
}
.ball_6h .No_41 span::after {
  content: "41";
}
.ball_6h .No_42 span::after {
  content: "42";
}
.ball_6h .No_43 span::after {
  content: "43";
}
.ball_6h .No_44 span::after {
  content: "44";
}
.ball_6h .No_45 span::after {
  content: "45";
}
.ball_6h .No_46 span::after {
  content: "46";
}
.ball_6h .No_47 span::after {
  content: "47";
}
.ball_6h .No_48 span::after {
  content: "48";
}
.ball_6h .No_49 span::after {
  content: "49";
}
.ball_6h .No_1 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_1 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_2 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_2 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_7 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_7 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_8 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_8 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_12 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_12 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_13 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_13 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_18 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_18 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_19 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_19 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_23 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_23 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_24 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_24 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_29 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_29 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_30 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_30 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_34 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_34 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_35 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_35 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_40 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_40 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_45 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_45 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_46 span {
  background: radial-gradient(circle at 50% 120%, #FF3232, #ED4949 10%, #D50000 80%, #450606 100%);
}
.ball_6h .No_46 span::after {
  border: 1px solid #ED4949;
}
.ball_6h .No_3 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_3 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_4 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_4 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_9 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_9 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_10 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_10 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_14 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_14 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_15 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_15 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_20 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_20 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_25 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_25 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_26 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_26 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_31 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_31 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_36 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_36 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_37 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_37 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_41 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_41 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_42 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_42 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_47 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_47 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_48 span {
  background: radial-gradient(circle at 50% 120%, #3295FF, #49BFED 10%, #005DD5 80%, #062745 100%);
}
.ball_6h .No_48 span::after {
  border: 1px solid #49BFED;
}
.ball_6h .No_5 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_5 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_6 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_6 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_11 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_11 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_16 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_16 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_17 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_17 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_21 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_21 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_22 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_22 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_27 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_27 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_28 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_28 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_32 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_32 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_33 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_33 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_38 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_38 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_39 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_39 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_43 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_43 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_44 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_44 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h .No_49 span {
  background: radial-gradient(circle at 50% 120%, #B6F738, #B0CA4A 10%, #419430 80%, #134506 100%);
}
.ball_6h .No_49 span::after {
  border: 1px solid #B0CA4A;
}
.ball_6h [class*=No_] span {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  margin: 0;
  vertical-align: middle;
  border-radius: 50%;
}
.ball_6h [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_6h [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;
  letter-spacing: -1px;
  opacity: 0.9;
}

.ball-td.ball-inline {
  display: inline-block;
  background-size: 90%;
}

.balls-6h {
  background-size: contain;
}

/*数据下载*/
.ptool a {
  width: 117px;
  height: 26px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  line-height: 26px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  background: url(images/btn_down.png);
  text-indent: 3em;
}
.ptool a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.toolmm {
  text-align: left;
  line-height: 150%;
  font-size: 12px;
}
/*报表应收下线*/
.bg-gray {
  background:#F1E1FF;
}

/* 即时注单遮罩 */
#my-flybg, #ShortcutFILLbg, #my-sratebg, #api138bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  background: rgba(0,0,0,0.15);
}

#ShortcutFILL table tr td input {
  margin-right: 0;
  margin: 0 2px;
}

#ShortcutFILLheader {
  padding: 10px;
  cursor: move;
  z-index: 3;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}
#ShortcutFILLheader .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
/* 即时注单组合类操盘 */
.titleblock {
  width: calc(100% - 4px);
  font-weight: bolder;
  color: red;
}
.CI_Particular td {
  padding: 0;
}

/* 总项1 */
.tatol_a {
  display: flex;
  align-items: flex-start;
}

.stop {
  background-color: #E6E6E6!important;
}

.ulCust .subTabs {
  height: 20px;
  line-height: 20px;
}
.subTabs span {
  padding: 3px;
  border-radius: 2px;
}

/* 六合彩 特码 注单TITLE细项 */
#six_sp_item label span {
  color: #2C5A7A;
  cursor: pointer;
}

#six_sp_item label span:hover {
  color: #47ACA4;
  text-decoration: underline;
}

#six_sp_item label span.SPTTag {
  color: #F00;
}

.k3 .balls b {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 1px;
  vertical-align: middle;
  background-image: url(images/ball/ball_4_small.gif);
  background-repeat: no-repeat;
}

.k3 .balls .ball1 {
  background-position: 0 0;
}

.k3 .balls .ball2 {
  background-position: 0 -25px;
}

.k3 .balls .ball3 {
  background-position: 0 -50px;
}

.k3 .balls .ball4 {
  background-position: 0 -75px;
}

.k3 .balls .ball5 {
  background-position: 0 -100px;
}

.k3 .balls .ball6 {
  background-position: 0 -125px;
}

td.t_list_caption.F_bold {
  position: relative;
}
.same1st {
  position: absolute;
  right: 20px;
  font-weight: 900;
  color: #fff;
}
.b_close {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 5px;
  background-image: url(images/icon/del.gif);
}
.boxshadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.65);
}
.tbl_muti {
  position: absolute;
  background: #FFF;
}

/* download */
.dateSet {
  margin: 3px auto;
  text-align: center;
}
.dateSet a, #tbody .t_list_tr_3 a {
  color: #2C5A7A;
  text-decoration: none;
}
.t_list_tr_3 {
  height: 20px;
  padding: 0;
  text-align: center;
  line-height: 20px;
  border: 0;
  background-color: #FFFDE5;
}

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

.triangle {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
  border-top: 4px solid #CA0309;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
/* #6852 */
#my-flylog.aclmax {
  width: 30%;
  min-width: 150px;
  max-width: 500px;
  display: inline-block;
  vertical-align: middle;
  left: 40%;
  top: 20%;
}
#my-flylog table tbody tr.t_list {
  height: 25px;
  line-height: 25px;
}
#my-flylog input {
  width: 80px;
}
#my-flylog button {
  width: 44px;
}

.onlineBetTb .header {
  background: #ECEBEC;
}
.onlineBetTb .header #drawNumber {
  /* width: 17%; */
  text-align: left;
}
.onlineBetTb .header .AllCount {
  /* width: 15%; */
  text-align: left;
  font-weight: bolder;
}
.onlineBetTb .header .other {
  /* width: 15%; */
  text-align: left;
  font-weight: bolder;
}
#tbAmount, #tbBack, #tbRealincome, #tbsCount, #winloss {
  color: red;
  font-weight: bolder;
}
.onlineBetTb .header .AllCount b {
  font-weight: bold;
}
.onlineBetTb.container .slot-header {
  align-items: center;
}
.onlineBetTb.container .slot-header .left {
  /* min-width: 600px; */
}
.onlineBetTb.container .slot-header .middle {
  padding-left: 10px;
  text-align: left;
  font-weight: normal;
  min-width: 475px;
  text-align: center;
}
.onlineBetTb.container .slot-header .right {
  display: flex;
  flex: 0.5;
  justify-content: center;
}
.onlineBetTb.container .slot-header .right.bo {
  flex: 1.1;
}
.onlineBetTb.container .slot-header .right>span {
  font-weight: normal;
}
.onlineBetTb.container .slot-header .right>span:nth-child(3) {
  margin-right: 10px;
}
.onlineBetTb.container .slot-header .right>span.color-orange {
  color: #F97C00;
}
.onlineBetTb.container .slot-header .right>div {
  flex: unset !important;
}
.onlineBetTb.container .slot-header .right>div table tr td {
  border: 0;
}
.onlineBetTb.container .slot-header .right>div table tr:hover {
  background: transparent;
}
.onlineBetTb.container .slot-header .right.high table {
  border: 0px none;
}
.onlineBetTb>.my-header {
  width: 100%;
  height: 28px;
  align-items: center;
}
.onlineBetTb>.my-header .leftHead {
  width: 230px;
  display: inline-flex;
}
.onlineBetTb>.my-header div.plwt_td {
  width: 84px;
  display: inline-flex;
  position: relative;
  z-index: 10;
  align-items: center;
  margin-left: 13px;
  word-break: keep-all;
}
.onlineBetTb>.my-header div.plwt_w {
  width: 42px;
}
.onlineBetTb>.my-header div.plwt_td .plwt_mo {
  width: 310px;
  display: inline-flex;
  align-items: center;
  padding-left: 15px;
  background-color: #fff;
}
.onlineBetTb>.my-header>div.centerHead {
  flex: 1;
}
.onlineBetTb>.my-header>div.centerHead .cut {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 380px;
}
.onlineBetTb>.my-header>div.centerHead .cut input {
  width: 50px;
}
.onlineBetTb>.my-header>div.totaldata {
  flex: 1 0 9%;
  /* min-width: 510px; */
  display: flex;
  justify-content: space-around;
}
.onlineBetTb>.my-header div.countdown-refresh {
  padding-left: 5px;
  width: 110px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* max-width: 200px; */
  /* flex: 1; */
}
.onlineBetTb>.my-header div.countdown-refresh button {
  color: blue;
  margin: 0;
}
.reportTb form>.main-body>table tbody tr td.tb-column, .reportSearchTb form>.main-body>table tbody tr td.tb-column {
  padding-right: 5px;
  text-align: right;
  background: var(--table-color);
}

table.newsAddTb {
  width: 683px;
}
table.newsAddTb tbody tr:nth-child(2) td.t_Edit_caption {
  width: 73px;
  background: var(--table-color);
}
table.newsAddTb tbody tr:nth-child(2) td.t_Edit_td {
  width: 610px;
}
table.newsAddTb tbody tr td textarea {
  width: 97%;
}
table.newsAddTb tbody tr:nth-child(3) td.t_Edit_caption ,table.newsAddTb tbody tr:nth-child(4) td.t_Edit_caption,table.newsAddTb tbody tr:nth-child(5) td.t_Edit_caption{
  background: var(--table-color);
}
table.newsAddTb tbody tr:nth-child(3) td.t_Edit_td , table.newsAddTb tbody tr:nth-child(4) td.t_Edit_td , table.newsAddTb tbody tr:nth-child(5) td.t_Edit_td{
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  text-align: left;
  border-top: none;
  border-right: none;
}
table.newsAddTb tbody tr:nth-child(5) td.t_Edit_td{
  border-bottom: none;
}

.newsAddTbFooter input {
  width: 66px;
  height: 20px;
  border: 1px solid #9DB0BC;
  color: #0C3E09;
  background: linear-gradient(to bottom, #E6ECF0 0%,#F1F5F9 6%,#EBF1F4 12%,#E0E8ED 29%,#D4DEE5 35%,#D4DEE5 47%,#B2C4CE 53%,#B8C9D5 65%,#CBDBE5 82%,#CBDBE5 88%,#DAE8F2 94%,#C4D4DF 100%);
}
.newsAddTbFooter input:hover {
  background: linear-gradient(to bottom, #C4D4DF 0%,#DAE8F2 6%,#CBDBE5 12%,#B8C9D5 29%,#B5C6D1 35%,#B5C6D1 47%,#B2C4CE 53%,#D4DEE5 59%,#E0E8ED 65%,#EBF1F4 82%,#EBF1F4 88%,#F1F5F9 94%,#E6ECF0 100%);
}

.aui_content {
  width: 100%;
}

.aui_title {
  font-size: 14px;
  text-align: center;
}

.autoRateTb #myDiv table.my-table tbody tr td label {
  width: 135px;
  text-align: right;
}
.autoRateTb #myDiv table.my-table tbody tr td label input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

/* password */
/* .passframe { width: 60%; } */
.passframe .tb-column {
  text-align: right;
}
.passframe .tb-form input {
  width: 150px;
  margin-left: 3px;
}
.passframe .my-button {
  width: 80px;
}

.changeurl, .abnormalip {
  width: 65px;
  height: 29px;
  margin-left: 8px;
  padding: 0;
  text-align: center;
  line-height: 29px;
  font-size: 13px;
  border-radius: 5px;
  border: none;
  color: #FFF;
  background: #6F6F6F;
  cursor: pointer;
  word-break: keep-all;
}
.abnormalip {
  margin-left: 2px;
}
.changeurl:hover, .abnormalip:hover {
  font-weight: bolder;
  color: #000;
  background: #E7DDDD;
}
.Font_R {
  color: #F00;
}
#ts-control {
  position: absolute;
  margin-left: 10px;
  padding: 5px;
}
#ts-control input {
  width: 74px;
  height: 18px;
  margin: 0;
  padding: 0;
  padding-left: 2px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
.gray {
  line-height: 15px;
  color: #AAA;
}
.list-caption .btn {
  margin-right: 5px;
  font-weight: bolder;
}
.list-tr td .cancelbox {
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#FrmData {
  display: contents;
}
.red {
  color:#F00;
}

/* 报表悬浮视窗 */
#clew_window {
  position: absolute;
  background-color: #FFF;
}
#popRule {
  position: fixed;
  width: 600px;
  height: 140px;
  z-index: 2;
  background: #fff;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#popRule .box_header {
  position: absolute;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  font-size: 15px;
}
#popRule .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#popRule .box_conts {
  position: absolute;
  top: 35px;
  padding: 5px;
}
.fly51 button {
  background: #ccc;
  margin-right: 3px;
  border: 0;
  border-radius: 3px;
  padding: 2px 4px;
  width: 75px;
  text-align: center;
}
.fly51 .active {
  color: #fff;
  background: #1E579F;
}
#datax {
  display: flex;
  justify-content: center;
  width: 100%;
}
#datax table {
  flex: 1;
}
#accounted, #dialogPercent {
  display: table;
  position: fixed;
  width: 500px;
  z-index: 11;
  background: #fff;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#accounted .box_header, #dialogPercent .box_header {
  position: absolute;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  font-size: 15px;
}
#accounted .btn_close, #dialogPercent .btn_close {
  position: absolute;
  top: -4px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#accounted .box_conts, #dialogPercent .box_conts {
  position: absolute;
  top: 35px;
}
#dialogPercent td.pd5 {
  padding: 0 10px;
}
.rateSet td input {
  width: 50px;
}
.rateSet .styleNum {
  width: 27px;
}
/* 搅珠日期 */
#sixDate {
  float: right;
  /* margin-right: 25%; */
  width: 70px;
}
#sixDate a {
  background: #E53935;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
}
#sshkDate {
  float: right;
  margin-right: 25%;
}
#sshkDate a {
  background: #E53935;
  color: #fff;
  padding: 4px;
  border-radius: 5px;
}
/* 快彩用 */
.qlt {
  margin: 0 3px;
}

/* 宾果球号 */
.circle_in_black{
  width: 25px;
  height: 25px;
  line-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%);
  opacity: 0.8;
  bottom: 2.5%;
  font-weight: bold;
  text-align: center;
}
.pickupadjustodd {
  background-color: #ffc214 !important;
}
/* 帐号管理-额度修改 */
.dialogAmount {
  width: 100%;
}
.dialogAmount th {
  width: 35%;
  padding-right: 5px;
  text-align: right;
}
.dialogAmount td {
  width: 65%;
  padding-left: 5px;
  text-align: left;
}
/* 帐号管理 138 */
.sync-button {
  margin: 0;
}
.app-main table tbody tr td.shareMode0 {
  text-align: left;
  font-size: 10px
}
.table-center tbody td.gname {
  width: 80px;
  padding-right: 1px;
}
table.usermax-center{
  min-width: 975px;
}
table.user-center {
  min-width: 1136px;
}
/* #6111 */
.chgamount {
  position: fixed;
  top: 3px;
  right: 110px;
  z-index: 2;
}
.chgamount input {
  width: 100px;
  height: 24px;
  line-height: 24px;

}
.chgamount input[type=number]::-webkit-inner-spin-button,
.chgamount input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.chgamount input[type=number] {
    -moz-appearance:textfield;
}
.chgabtn {
  position: fixed;
  top: 3px;
  right: 62px;
  z-index: 2;
}
/* slave_set */
.subpercentage {
  min-width: 290px;
  max-height: 600px;
  overflow-x: auto;
}
/* 福体操盘 */
.headRadio {
  max-width: 180px;
  flex: 1;
}
.e_text {
  text-align: center;
  align-items: center;
}
/* 批量 */
#setRBM {
  width: 450px;
  height: 150px;
  background-color: #fff;

}
#setRBM .header{
  height: 30px;
  line-height: 30px;
}
#setRBM .header .title{
  color: #fff;
  font-size: 14px;
}
#setRBM .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}
#setRBM .setval {
  padding: 5px;
}
#setRBM .setval span{
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
}
#setRBM .setval input{
  width: 60px;
  height: 18px;
  margin-right: 3px;
  padding-left: 3px;
  line-height: 18px;
  border: 1px solid #ABB2C5;
  color: #000;
  background-position: -1px 0;
}
#setRBM .btn_1 {
  padding: 0 15px;
  margin: 3px;
}
.getRBM {
  display: flex;
  justify-content: space-between;
}
.getRBM>div {
  width: 24%;
}
.getRBM>div:first-child {
  width: 42%;
}
.getRBM>div:nth-child(2) {
  width: 34%;
}
.getRBM>div span {
  padding: 2px 5px;
  margin: 0 3px;
  font-weight: 700;
}
.getRBM>div span.qsr, .getRBM>div span.qsb, .getRBM>div span.qsm {
  background-color: #fff;
  cursor: pointer;
}
.getRBM>div span.active {
  background-color: #333;
  color: #fff;
}
/* other wtype */
.getRBMo {
  display: flex;
  justify-content: space-between;
}
.getRBMo>div {
  width: 40%;
}
.getRBMo>div:first-child {
  width: 60%;
}
.getRBMo>div span {
  padding: 2px 5px;
  margin: 0 3px;
  font-weight: 700;
}
.getRBMo>div span.qsr, .getRBMo>div span.qsb, .getRBMo>div span.qsm {
  background-color: #fff;
  cursor: pointer;
}
.getRBMo>div span.active {
  background-color: #333;
  color: #fff;
}
/* 拨放视窗 START*/
#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(images/time.png);
}

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

.tTypeBtn {
  margin: 5px;
  color: #fff;
  border-radius: 5px;
  padding: 3px;
  width: 100px;
}

/* 拨放视窗 END*/

#api138bg>div {
  position: absolute;
  top: 20%;
  left: 50%;
  color: #ff0000;
  font-size: 24px;
}

/* 六合试算 */
.calc-table {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 0;
  border-left: 0;
}
.app-main table.calc-table thead tr th,
.app-main table.calc-table thead tr td,
.app-main table.calc-table tbody tr th,
.app-main table.calc-table tbody tr td {
  border-bottom: 0;
  border-right: 0;
}
.app-main table.calc-table thead tr:last-child th,
.app-main table.calc-table thead tr:first-child th:first-child,
.app-main table.calc-table thead tr:first-child th:last-child {
  border-bottom: 1px #7EB1C1 solid;
}
.app-main table.calc-table tbody tr:first-child td {
  border-top: 0;
}
.calc-table tbody td input.up {
  width: 60px;
}
.calc-table .over {
  color:red;
  font-weight:700;
}
table.calc-table thead {
  position: sticky;
  top:0;
}

.bk-over {
  background-color: #ffa3a3;
}

.table-center tbody .tb-form #alias {
  width: 300px;
}

#jstreedivheader {
  padding: 10px;
  z-index: 3;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  width: 500px;
}
#jstreedivheader .btn_close{
  position: absolute;
  top: -5px;
  right: 0;
  padding: 0 4px;
  height: 30px;
  cursor: pointer;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  font-weight: normal;
  font-size: 30px;
  color: #fff;
  background: transparent;
}

.container .slot-header div.left-6, .container .slot-header div.left-7 {
  min-width: 130px;
}
.onlineBetTb.container .slot-header div.right-6 {
  min-width: 305px;
  flex: 0.3;
}

#outData tr td {
  height: 34px;
  min-width: 35px;
}
#outData tr td:nth-child(4) {
  min-width: 65px;
}
.getRBM {
  height: 32px;
}
.getRBM div {
  height: 32px;
  line-height: 32px;
}
.getRBM div.additional {
  width: 49%;
  display: flex;
  justify-content: flex-end;
}
.getRBM div.additionalout {
  width: 49%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.getRBM div.additionalout .overfly {
  display: flex;
  align-items: center;
  padding: 10px;
}
 /* other wtype */
.getRBMo {
  height: 32px;
}
.getRBMo div {
  height: 32px;
  line-height: 32px;
}
.getRBMo div.additional {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.getRBMo div.additionalout {
  width: 20%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.getRBMo .overfly {
  display: flex;
  align-items: center;
  justify-content: center;
}
.getRBMo div.outmem {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#outData .setF1 {
  background-color: rgb(255, 255, 162);
}

.select_type {
  margin: 0 auto;
  position: relative;
  width: 100px;
}
#type1 , #type2 {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100px;
  padding-left: 2px;
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 3px;
}
#type1 option , #type2 option {
  background: #fff;
  color: #000;
}
.headRadio .down {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px solid #e53935;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 4px;
  z-index: 10;
}

.select_type4 {
  margin: 0 auto;
  position: relative;
  width: 60px;
}
.s4 #type1 , .s4 #type2 {
  min-width: 60px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 60px;
  padding-left: 2px;
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 3px;
}

.tr_list_play1 {
	background-color: #eee;
}

.ball_zifubaoani .No_1 {
  background-image: url(images/ball/BwnYDdofN1.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_2 {
  background-image: url(images/ball/BwnYDdofN2.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_3 {
  background-image: url(images/ball/BwnYDdofN3.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_4 {
  background-image: url(images/ball/BwnYDdofN4.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_5 {
  background-image: url(images/ball/BwnYDdofN5.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_zifubaoani .No_6 {
  background-image: url(images/ball/BwnYDdofN6.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(20%, 0%);
}

.ball_pk6 div.pk6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}

.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;
}
/* 点数纪录 */
.points .btn {
  height: 22px;
  line-height: 22px;
  padding: 0 5px 2px 5px;
  font-size: 12px;
}

.onlinebetp2 {
  flex-direction: column;
  height: auto !important;;
}

#illustrate {
  color: #d10000;
  font-size: 14px;
  font-weight: 700;
}
div.ill {
  padding: 5px;
  display: flex;
}
.ill.red, .ill .red  {
  color: red;
}
.ill.blue, .ill .blue {
  color: blue;
}
.ill.green, .ill .green {
  color: green;
}
.ill.weight, .ill .weight {
  font-weight: 700;
  font-size: 14px;
}
.ill.bgill {
  margin: 0 auto;
  width: 99%;
  background: #e8edff;
  padding: 4px 0 4px 5px;
  line-height: 18px;
}
div.ill .left {
  width: 100px;
  padding-right: 3px;
  text-align: right;
}

#nBody .games {
  margin: 0 auto;
}
#nBody .gamefix {
  position: sticky;
  top: 0;
  background: #fff;
}
#nBody table.calc-table thead {
  position: sticky;
  top: 27px;
}
#nBody table.tablemem thead {
  position: sticky;
  top: 55px;
}

#nBody .games select {
  /* margin: 2px 15px; */
  margin: 2px 0px;
  float: right;
  text-align: center;
  font-size: 15px;
}
#nBody .games .grrs {
  display: flex;
  justify-items: center;
  align-items: center;
  padding: 2px;
}
#nBody .games .grrs > div:first-child {
  width: 75px;
}
#nBody .games #gametype button {
  margin-right: 10px;
  background-color: #696969;
  border: none;
  padding: 3px 5px;
  cursor: pointer;
  color: #fff;
  border-radius: 3px;
}
#nBody .games #gametype button.selected {
  background: var(--selected-color);
  color: #000;
}

#nBody .title-ground {
  position: relative;
}
#nBody .title-ground .pos {
  position: absolute;
  right: 45px;
  top: 0;
  height: 100%;
  line-height: 30px;
}
#nBody .title-ground .pos >span {
  display: flex;
  justify-items: center;
}
#nBody table {
  width: 100%;
}
#nBody table tr th {
  height: 28px;
  line-height: 28px;
}

/* THREE */
#rep {
  /* position: relative; */
}
.repbox {
  height: 100%;
  width: calc(100% - 18px);
  margin: 0 auto;
  background-color: #fff;
  border-radius: 4px;
  min-width: 1250px;
  /* overflow: auto; */
  position: relative;
}
.rep_header {
  background-color: var(--main-color);
  color: #ffffff;
  line-height: 27px;
  height: 27px;
  position: sticky;
  top: 0;
}
.rep_header .close-btn, .rep_header .close-btn1 {
  position: absolute;
  top: 3px;
  right: 3px;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
}
.rep_header .close-btn line {
  stroke: #fff;
}
.repbox table tbody tr td {
  line-height: 16px;
  height: 16px;
}
.repbox table tbody tr td .rep-frame, .my-table tr.reptr td .rep-frame {
  display: flex;
}
.repbox table tbody tr td .rep-frame > div:nth-child(1), .my-table tr.reptr td .rep-frame > div:nth-child(1) {
  border-right: 1px solid #ccc;
}
.my-table tr.reptr td .rep-frame {
  height: 100%;
}
.my-table tr.reptr td .rep-frame > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.my-table tr.reptr td .rep-frame .rates {
  display: flex;
  justify-content: space-between;
}
.my-table tr.reptr td .rep-frame .rates > div:only-child {
  margin: 0 auto;
}

.search-three {
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-three > div {
  font-size: 15px;
  padding: 3px;
}
.search-three input {
  width: 70px;
}
.menu-table {
  display: flex;
  align-items: center;
  height: 60px;
  margin-left: 8px;
}
.menu-table > div {
  border: 1px solid #ccc;
  border-right: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  background: #ECEBEC;
}
.menu-table > div:last-child {
  border-right: 1px solid #ccc;
}
.menu-table .btns {
  flex-direction: column;
}
.menu-table .btns > div {
  height: 30px;
  line-height: 30px;
}
.menu-table .list {
  display: flex;
  align-items: center;
}
.menu-table button {
  font-size: 12px;
  padding: 0 10px;
  margin: 1px 0px;
  height: 30px;
  color: blue;
}
.menu-table input {
  font-size: 16px;
  height: 50px;
  width: 100px;
}
.menu-table input[type="radio"] {
  width: 25px;
  transform: scale(0.8);
}
.menu-table input[type="button"] {
  width: 45px;
  height: 22px;
  font-size: 13px;
  margin: 1px;
  border-radius: 3px;
  border: 1px solid #555;
  text-align: center;
  padding: 0 5px;
}
.menu-table > div.bg-o {
  background: #FFCC66;
}

/* new playtype1 */
#topMenu {
  display: flex;
  margin: 0 5px;
}
#topMenu .sub-menu {
  margin-right: 3px;
  flex: 1 1 0%;
  border: 1px solid #ccc;
  /* display: flex; */
  justify-content: center;
  /* height: 27px */
  line-height: 20px;
  background: #eee;
}
#topMenu .sub-menu div {
  display: flex;
  justify-content: center;
}
#topMenu .sub-menu .unfold {
  padding: 1px 3px;
}
#topMenu .sub-menu.topSelected {
  background: var(--sub-color);
}
#topMenu .alone {
  font-size: 14px;
  padding: 5px 8px;
}

.ant-table-row .center-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rp-new {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rp-new > span {
  display: flex;
}
.rp-new > span > lable {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rp-new form span, .rp-new form input {
  margin: 0 2px;
}
.rp-new form input {
  padding: 0px 4px;
  height: 22px;
  line-height: 21px;
}
/* .report-new #tbody tr:nth-child(1) td:nth-child(1), .report-new #tbody tr:nth-child(1) td:last-child {
  width: 20%;
}
.report-new #tbody tr:nth-child(1) td:nth-child(1) td:not(:first-child):not(:last-child) {
  width: 30%;
} */
/* .report-new #tbody > tr:nth-child(1) td:nth-child(1) {
  background: #F0F0F0;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(2), .report-new #tbody > tr:nth-child(2) td:nth-child(-n+5) {
  background: #FFCC66;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(3), .report-new #tbody > tr:nth-child(2) td:nth-child(n+6):nth-child(-n+8) {
  background: #FED7EA;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:nth-child(4), .report-new #tbody > tr:nth-child(2) td:nth-child(n+9):nth-child(-n+14) {
  background: #ffb46a;
  color: #000;
}
.report-new #tbody > tr:nth-child(1) td:last-child, .report-new #tbody > tr:nth-child(2) td:nth-last-child(-n+2) {
  background: #d7eafe !important;
  color: #000;
}
.report-new #tbody > tr.tr-stat {
  background: #ffcfcf;
  color: #000;
}
.report-new #tbody > tr:nth-last-child(2) th {
  background: #F0F0F0;
  color: #000;
}
.report-new #tbody > tr:last-child table tbody tr:nth-child(1) td {
  background: #bcf7b8;
  color: #000;
} */
.report-new #tbody tr.menu td, .report-new #thead tr.menu td {
  height: 28px;
  line-height: 28px;
}
.report-new #tbody tr.m_cen td, .report-new #tbody tr.tr-stat td, .report-new #thead tr.m_cen td, .report-new #thead tr.tr-stat td {
  height: 38px;
  line-height: 38px;
}
.report-new #tbody tr td.title, .report-new #thead tr td.title {
  width: 10%;
  background: #FFFFFF;
  color: #000;
}
.report-new #tbody tr td.aclname, .report-new #thead tr td.aclname {
  background: #D4FFF1;
  color: #3690FE;
}
.report-new #tbody tr td.member, .report-new #thead tr td.member {
  background: #FFFFCA;
  color: #000;
}
.report-new #tbody tr td.account, .report-new #thead tr td.account {
  background: #FFD7EB;
  color: #000;
}
.report-new #tbody tr td.senior-account, .report-new #thead tr td.senior-account {
  background: #FFDDAA;
  color: #000;
}
.report-new #tbody tr td.senior-account1, .report-new #thead tr td.senior-account1 {
  background: #FFC184;
  color: #000;
}
.report-new #tbody tr td.last-account, .report-new #thead tr td.last-account {
  background: #FFD7EB;
  color: #000;
}
.report-new #tbody tr td.account-total, .report-new #thead tr td.account-total {
  background: #D2F7F7;
  color: #000;
}
.report-new #tbody tr:hover td.aclname, .report-new #thead tr:hover td.aclname {
  /* background: #FFD7BB !important; */
  background: #FFFF6F !important;
  color: red;
}

.ant-table-tbody .outList {
  display: flex;
}
.ant-table-tbody .outList>div {
  margin: 0 5px;
}
.ant-table-tbody .outList>div input {
  width: 120px;
}
.primary-bg .autorate, .main-body .setAmount {
  display: flex;
  align-items: center;
}
.main-body .setAmount {
  justify-content: center;
}
.main-body .setAmount > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-body .setAmount div.set1 {
  position: absolute;
  left: 10px;
}
.main-body .setAmount div.set2 button {
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.main-body .setAmount div.set3 {
  position: absolute;
  right: 10px;
}
.set3 .ant-switch {
  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;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.set3 .ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff !important;
  font-size: 12px;
  pointer-events: none;
}
.set3 .ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36scubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: 4px;
  transform: translateX(100%);
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.set3 button.ant-switch.ant-switch-checked {
    background-color: var(--main-color);
}
.primary-bg .autorate div input {
  width: 30px;
}
.main-body .setAmount div {
  margin-right: 10px;
}
.main-body .setAmount input {
  width: 80px;
}
.my-table tbody tr td input[type=text].bg {
  background: #faffc7;
}
.game87 {
  text-align: left;
  /* margin-left: 10px; */
  color: blue;
  font-size: 14px;
}
.sixth-bg .txt-color {
  line-height: 30px;
  height: 32px;
}
/* 新跑马灯 */
#footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 25px;
  width: 100%;
  border-top: 1px solid #ccc;
  background: #f1f1f1;
}
/* ?说明 */
.tooltipout {
  display: flex;
  justify-content: center;
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
}
.tooltip-circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--main-color);
  color: white;
  font-size: 12px;
}
.tooltip-circle1 {
  background-color: #fff;
  color: #7A2BC3;
}
.tooltip-circle2 {
  background-color: #fff;
  color: #036564;
}
.tooltip-circle3 {
  background-color: #fff;
  color: #FF9900;
}
.tooltip-circle9 {
  background-color: #fff;
  color: #FF4500;
}
.tooltip-circle20 {
  background-color: #fff;
  color: #4343F9;
}
.tooltip-circle21 {
  background-color: #fff;
  color: #878751;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  bottom: 125%; /* 显示在上方 */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: normal;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.tooltip .tooltip-text::after {
  content: '';
  position: absolute;
  top: 100%; /* 箭头指向上方 */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
table.report-new2 tbody tr td, table.report-new2 thead tr th {
  font-size: 14px;
}
table.report-new2 tbody tr td:nth-child(odd) {
  background: #F0F0F0;
}
table.report-new2 tbody tr td.weight {
  font-weight: bolder;
}
table.report-new2 tbody tr td.title-bg {
  background: #FFC184;
}
table.report-new2 thead tr th {
  height: 25px;
  line-height: 25px;
}
table.report-new2 thead tr th.left div {
  display: flex;
}
table.report-new2 thead tr th.left span {
  padding-left: 5px;
  text-align: left;
}
table.report-new2 tbody tr:hover td {
  background: #f5ffb3 !important;
  color: red;
}

.int-pos {
  color: black;
}
.dec {
  color: gray;
}
.int-neg { /* 负整数*/
  color: red;
}
.int-posfly {
  color: blue;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.spinner {
  border: 8px solid #f3f3f3; /* 浅色底圈 */
  border-top: 8px solid #3498db; /* 蓝色上边转圈 */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.fullVolume {
  background: #ffc7ff;
}
/* 下载 */
.my-table #tbody > tr {
  height: 28px;
  line-height: 28px;
}
.my-table #tbody > tr:nth-of-type(2n+1):not(.tr-list), .my-table .detbody > tr:nth-of-type(2n+1):not(.tr-list), .my-table .detbody > tr:nth-of-type(2n):not(.tr-list) {
  background-color: #fff;
}
.my-table .detbody tr td {
  font-weight: bold;
}
.my-table .detbody tr.total-sum td {
  background: #CEFFE7;
}
.my-table #tbody > tr.tr-list.decode {
  background-color: #d3121230;
}
.my-table #tbody > tr.tr-list:hover {
  background-color: #fff699;
}

.sc-dnqmqq.epCXoX .totalStr {
  min-width: 130px;
}
.sc-dnqmqq.epCXoX .totalStr #totalout {
  font-weight: bolder;
  font-size: 14px;
}
table.my-table tr.reptr td.out .rep-frame > div > div {
  height: 24px;
  line-height: 24px;
}
table.my-table tr.reptr td.out:hover {
  background: #CFF7D6;
}
.my-dialog-bg {
  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;
}
.showbox {
  min-height: 225px;
  width: 400px;
  margin: 0 auto;
  top: 10%;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.showbox .showtitle {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.showbox .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
}
.showbox .showtitle div {
  font-size: 16px;
  text-align: center;
}
.showbox .out {
  padding: 18px;
  height: calc(100% - 72px);
  display: flex;
  max-height: 460px;
  overflow: hidden auto;
  flex-wrap: wrap;
}
.showbox .out .a-size {
  height: 110px;
  padding: 0 30px 10px 0;
}
.showbox .out .a-size > div {
  font-size: 16px;
  display: flex;
  height: 33%;
  align-items: center;
}
.showbox .out .a-size > div .title {
  width: 55px;
  padding: 0 10px;
  text-align: right;
}
.out > div:nth-of-type(12n+2),
.out > div:nth-of-type(12n+4),
.out > div:nth-of-type(12n+6),
.out > div:nth-of-type(12n+7),
.out > div:nth-of-type(12n+9),
.out > div:nth-of-type(12n+11) {
  background-color: #eee;
}
.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: #FFD8BD;
  border: 1px solid #6F6F6F;
  margin: 0 5px;
}
.showbox .ant-footer .footer-center button.chk {
  background-color: var(--button-color);
}
.weight-green {
  color: green;
  font-weight: bolder;
}

#goback {
  display: flex;
  align-items: center;
}
#goback button {
  background: #FFDDAA;
  border: 1px solid #4f4f4f;
  border-radius: 3px;
  padding: 3px 6px;
}

.show-re, .show-re1 {
  padding: 0px 4px;
  font-size: 14px;
  height: 24px;
  line-height: 20px;
  border-radius: 3px;
}
.show-re {
  margin-right: 5px;
  background: #CEFFE7;
  border: 1px solid #6F6F6F;
}
.show-re1 {
  border: 1px solid #ff0000;
  color: #ff0000;
}

.setLotto button {
  color: #004B97;
}
.setLotto button:disabled {
  color: #8f8f8f;
}
.golotto button {
  width: 74px;
  height: 22px;
}

.td2 {
  width: 2%;
}
.td3 {
  width: 3%;
}
.td4 {
  width: 4%;
}
.td5 {
  width: 5%;
}
.td6 {
  width: 6%;
}
.td7 {
  width: 7%;
}
.td8 {
  width: 8%;
}
.td9 {
  width: 9%;
}
.td10 {
  width: 10%;
}
.td11 {
  width: 11%;
}
.td12 {
  width: 12%;
}
.td13 {
  width: 13%;
}
.td14 {
  width: 14%;
}
.td15 {
  width: 15%;
}
.td17 {
  width: 17%;
}
.td18 {
  width: 18%;
}
.td20 {
  width: 20%;
}
.my-table #tbody > tr.fix-height {
  height: 85px;
}

#gtypespan label {
  display: flex;
  align-items: center;
  padding: 0 3px;
  margin-left: 3px;
  cursor: pointer;
}
.rightHead {
  padding-right: 4px;
}
#cdRefresh button {
  font-size: 14px;
}

.span-15 {
  font-size: 15px;
}

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

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

.mask {
  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;
}

table.table-result tbody tr td {
  height: 35px;
}
/* autoopen */
#weeks {
  margin: 2px;
  display: flex;
}
#weeks > div {
  padding: 7px 14px;
  border: 1px solid #ccc;
  cursor: pointer;
}
#weeks [class*="week"].active {
  background: var(--main-color);
  color: #fff;
}

#nBody input[disabled] {
  color: #000000;
  background: #d7d7d7;
}

/* 上下箭头 */
.sort-btn {
  position: absolute;
  top: 3px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2px;
  font-size: 12px;
  line-height: 12px;
}
.sort-btn .arrow {
  color: var(--arrow-color);
  cursor: pointer;
  user-select: none;
}
.sort-btn .arrow.active {
  color: #fff;
}

input.openprice_time {
  width: 165px;
}
/* 彩种显示 */
.g-title {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.g-title-lotto {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.g-title1 {
  background: #7A2BC3;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title2 {
  background: #036564;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title3 {
  background: #FF9900;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title4 {
  background: #FF9900;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title9 {
  background: #FF4500;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title20 {
  background: #4343F9;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title21 {
  background: #878751;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title45, .g-title94, .g-title95, .g-title96, .g-title97, .g-title98, .g-title99 {
  background: #000000;
  color: #FFFFFF;
  padding: 0 6px;
  height: 26px;
  line-height: 26px;
}
.g-title-lotto .g-title1, .g-title-lotto .g-title2, .g-title-lotto .g-title3, .g-title-lotto .g-title4, .g-title-lotto .g-title9, .g-title-lotto .g-title20,
.g-title-lotto .g-title21, .g-title-lotto .g-title45, .g-title-lotto .g-title94, .g-title-lotto .g-title95, .g-title-lotto .g-title96, .g-title-lotto .g-title97, .g-title-lotto .g-title98, .g-title-lotto .g-title99 {
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  font-weight: bold;
}
.g-bg1, .table-center tbody .list-tr.g-bg1, .table-center tbody .list-tr:nth-child(odd).g-bg1 {
  background-color: #FFE5FF;
}
.g-bg2, .table-center tbody .list-tr.g-bg2, .table-center tbody .list-tr:nth-child(odd).g-bg2 {
  background-color: #D3FFD3;
}
.g-bg3, .table-center tbody .list-tr.g-bg3, .table-center tbody .list-tr:nth-child(odd).g-bg3 {
  background-color: #FBFFC7;
}
.g-bg4, .table-center tbody .list-tr.g-bg4, .table-center tbody .list-tr:nth-child(odd).g-bg4 {
  background-color: #FBFFC7;
}
.g-bg9, .table-center tbody .list-tr.g-bg9, .table-center tbody .list-tr:nth-child(odd).g-bg9 {
  background-color: #FFDAC8;
}
.g-bg20, .table-center tbody .list-tr.g-bg20, .table-center tbody .list-tr:nth-child(odd).g-bg20 {
  background-color: #e3e3ff;
}
.g-bg21, .table-center tbody .list-tr.g-bg21, .table-center tbody .list-tr:nth-child(odd).g-bg21 {
  background-color: #cdcd9a80;
}

/* 白单 */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  text-align: center;
}
.loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  font-family: "Microsoft YaHei", sans-serif;
}
.dot {
  font-size: 28px;
  display: inline-block;
  opacity: 0;
  animation: dotBlink 1s infinite;
  animation-fill-mode: both;
}
.dot:nth-child(1) { animation-delay: 0s; }
.dot:nth-child(2) { animation-delay: 0.3s; }
.dot:nth-child(3) { animation-delay: 0.6s; }
@keyframes dotBlink {
  0%, 20%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
/* 子帐 */
.purview {
  border-bottom: 1px solid #ccc;
  height: 28px;
  line-height: 28px;
}
.purview-title {
  background-color: var(--line-color);
}
.purview-main {
  display: flex;
  justify-content: space-around;
}
.purview-main > div {
  width: 33.33%;
}
.sub-purview > div:first-child {
  padding-left: 22px;
}
.purview-main > div:not(:first-child) {
  text-align: center;
}
.table-center tbody .tb-form .sub-purview label {
  margin: 0;
}
/* 文字颜色 */
.t-amount {
  color: #D67600;
}
.u-amount {
  color: var(--secondary-color);
}
.ud-amount {
  color: #FF0000;
}
.zh-text {
  margin: 0 5px;
}

.calc-back {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calc-back > div {
  padding: 1px 2px;
}

#ltypeContainer {
  align-items: center;
  gap: 10px;
  padding: 0 20px;
}
#ltypeContainer .ltype-title {
  margin-right: 15px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
#ltypeContainer .ltype-btn {
  padding: 2px 16px;
  margin: 0 4px;
  border: 1px solid #000;
  background: #ffffff;
  color: #333;
  cursor: pointer;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
#ltypeContainer .ltype-btn.active {
  background: #FFD700;
  color: #000;
}

/* batchrate - 全选栏位 checkbox 置中 */
#checkAll {
  vertical-align: middle;
  margin: 0 2px 0 0;
  cursor: pointer;
}

/* batchrate - 资料列第一栏 (编号 + checkbox) 间距修正 */
#myTbody td:first-child,
#resultTbody td:first-child {
  white-space: nowrap;
  vertical-align: middle;
}
#myTbody td:first-child input[type="checkbox"],
#resultTbody td:first-child input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 0 0 2px;
}

/* ── 芒果注单页面（mongoBet）──────────────────────────── */
/* 搜寻列允许超过固定高度以容纳文字搜寻 */
.mango-search-bar {
  height: auto !important;
  min-height: 36px;
  flex-wrap: wrap;
  padding: 4px 6px;
}
/* 文字搜寻行 */
.mango-text-row {
  display: flex;
  align-items: flex-start;
  padding: 4px 6px 4px 8px;
  background: #fff;
  border: 1px solid rgb(82, 92, 61);
  border-top: 0;
  font-size: 12px;
}
.mango-text-row textarea.ant-input {
  height: auto;
  font-size: 12px;
  line-height: 1.5;
}
/* bet_big 对应连结 */
.mango-bid-link {
  color: #1890ff;
  text-decoration: underline;
  cursor: pointer;
  text-decoration: none;
}
.mango-bid-link:hover { color: #096dd9; }
/* bet_big 展开列 */
tr.mango-big-row > td {
  padding: 0 !important;
}

/* === 导出文本 / 出货号码 dialog === */
#exportText-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 1999;
}
#exportText-dialog {
  display: none;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 480px;
  max-height: 70vh;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  z-index: 2000;
  flex-direction: column;
  overflow: hidden;
}
.exportText-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
  background: #f5f5f5;
  border-radius: 10px 10px 0 0;
}
.exportText-title {
  font-size: 16px;
  font-weight: bold;
}
.exportText-closeX {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
}
.exportText-body {
  padding: 16px;
  overflow-y: auto;
  max-height: calc(70vh - 120px);
}
#exportText-content {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}
.exportText-footer {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid #e5e5e5;
}
.exportText-footer button {
  padding: 6px 18px;
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 14px;
  background: #fff;
}
.exportText-footer button:first-child {
  background: #4caf50;
  color: #fff;
  border-color: #4caf50;
}
.showbox .ant-footer .footer-center button.export-txt-btn {
  background: #9acfff;
  border-color: #9acfff;
  border: 1px solid #6F6F6F;
}
#exportText-copyToast {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
  min-width: 160px;
  max-width: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  z-index: 2001;
  text-align: center;
  padding: 15px 25px;
  font-size: 15px;
  color: #333;
  line-height: 1.4;
}