#wrap {
    background: #e4e4e4;
    display: flex;
    flex-wrap: wrap
}

aside {
    width: 230px;
    height: 866px;
    overflow-x: auto
}

aside >ul {
    padding: 5px 0 5px 5px
}

aside >ul >li {
    position: relative
}

aside >ul >li h4 {
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    border-top: 1px solid #92c2f4;
    z-index: 20;
    background: url(/images/40/icon_mainarrowUp.svg) no-repeat center #4984bf;
    background-size: 20px auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding-left: 50px;
    background-position: 15px 50%
}

aside >ul >li[data-type="1"] h4 {
    background: url(/images/graph/main/icon_mainarrow.svg) no-repeat center #4984bf;
    background-position: 15px 50%;
    background-size: 20px auto
}

aside >ul >li h4 a {
    padding: 10px 5px 10px 10px;
    font-weight: 300;
    font-size: 18px
}

aside >ul >li.action h4 a,aside >ul >li.action h4 i {
    color: var(--primary)
}

aside >ul >li .subUL {
}

aside >ul >li .subUL >li {
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #f5f5f5
}

aside >ul >li .subUL .subULHead p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

aside >ul >li .subUL .subULHead p span {
    margin-right: 10px
}

aside >ul >li .subUL .subULHead p span .icon_live {
    width: 35px
}

aside >ul >li .subUL >li p {
    font-size: 13px;
    height: 33px;
    line-height: 33px
}

aside >ul >li .subUL >li:hover {
    background-color: #f5a13e
}

aside >ul >li .subUL >li a {
    display: block;
    font-weight: 400;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    color: #000;
    position: relative
}

aside >ul >li .subUL >li b {
    position: absolute;
    right: 10px;
    display: inline-flex;
    top: 5px
}

aside >ul >li .subUL >li .sub2UL {
    display: none
}

aside >ul >li .subUL >li:hover .sub2UL {
    display: block
}

aside >ul >li .subUL >li .sub2UL li:hover .frontP {
    background: url(/images/graph/main/icon_checkR.svg)no-repeat center;
    background-size: 30%;
    background-position: 50% 50%
}

aside >ul >li .sub2UL li {
    background-color: #fff;
    color: #555;
    border-bottom: 1px solid #e5e5e5;
    line-height: 27px
}

aside >ul >li .subUL >li .sub2UL li:hover {
    background-color: #ffefa7
}

aside >ul >li .subUL >li[data-type="1"] {
    overflow: hidden
}

aside >ul >li .subUL >li[data-type="1"] .sub2UL {
    display: none
}

aside >ul >li .subUL >li[data-type="2"] {
    overflow: visible;
    background-color: #f5a13e
}

aside >ul >li .subUL >li[data-type="2"] .sub2UL {
    display: block
}

aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: rgb(234 234 234 / 0%)
}

aside::-webkit-scrollbar {
    width: 3px;
    background-color: rgb(0 0 0 / 0%)
}

aside::-webkit-scrollbar-thumb {
    background-color: rgb(48 48 48 / 20%)
}

.bg_box {
    width: 100%;
    height: 100%;
    background: no-repeat 50% / cover;
    background-attachment: fixed;
    opacity: .3;
    top: 0;
    left: 0
}

.bg_box:before {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(var(--primary-rgb),.2);
    content: ""
}

.bg_box.white:before {
    background: rgba(var(--white-rgb),.2)
}

.base-timer {
    position: relative;
    width: 58px;
    height: 58px
}

.base-timer__svg {
    transform: scaleX(-1)
}

.base-timer__circle {
    fill: none;
    stroke: none
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor
}

.base-timer__path-remaining.green {
    color: #4e9f2f
}

.base-timer__path-remaining.orange {
    color: #d56565
}

.base-timer__path-remaining.red {
    color: #e0e0e0
}

.base-timer__label {
    position: absolute;
    width: 58px;
    height: 58px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    color: #4e9f2f
}

.LongBet {
    margin: 10px 0 0 10px;
    height: 770px;
    overflow-x: auto;
    padding-right: 10px
}

.LongBet .box {
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px
}

.LongBet .box .bet {
    width: calc(100% - 230px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.LongBet .box .bet p {
    font-size: 14px
}

.LongBet .box .bet p font {
    font-size: 14px;
    font-weight: 500
}

.LongBet .box .bet p b {
    font-size: 14px;
    color: red;
    vertical-align: baseline
}

.LongBet .box .bet h4 {
    color: #3387db;
    font-size: 16px;
    font-weight: 400
}

.LongBet .box .time {
    width: 65px;
    display: inline-flex;
    justify-content: center
}

.LongBet .box .right {
    width: 140px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.LongBet .box .right a {
    position: relative;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #aaa;
    width: 56px;
    height: 56px;
    display: flex;
    float: left;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    user-select: none;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin-left: 5px
}

.LongBet .box .right a:hover {
    color: #eb132d;
    border: 1px solid #eb132d;
    background-color: #ffcdcf
}

.LongBet::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: rgb(234 234 234 / 0%)
}

.LongBet::-webkit-scrollbar {
    width: 3px;
    background-color: rgb(0 0 0 / 0%)
}

.LongBet::-webkit-scrollbar-thumb {
    background-color: rgb(48 48 48 / 20%)
}

.R2_longBet_btm {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    user-select: none
}

.btn_R2_GoTop {
    position: absolute;
    top: -38px;
    right: 5px;
    background: url("/images/graph/common/btn_toTopPC.png") 0% 0% / 100% no-repeat;
    height: 33px;
    width: 33px;
    cursor: pointer;
    display: none;
    z-index: 2
}

.btn_R2_GoTop:hover {
    opacity: 0.8
}

.R2LBB_box {
    background-color: rgb(179,210,242);
    font-size: 14px
}

.R2LBB_boxTop {
    border-bottom: 1px solid rgb(217,232,248);
    height: 60px;
    line-height: 60px;
    padding-left: 12px
}

.R2LBB_boxTop .btn_close {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 242px;
    margin: auto;
    background: url("/images/graph/common/icon_closeBank.svg") center center / 75% no-repeat rgb(255,255,255);
    width: 20px;
    height: 20px;
    cursor: pointer
}

.R2LBB_money input {
    font-size: 16px;
    font-weight: bold;
    background: rgb(255,255,255);
    border: 1px solid rgb(204,204,204);
    border-radius: 3px;
    width: 100px;
    height: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-right: 5px
}

.R2LBB_money input::-webkit-input-placeholder {
    color: rgb(136,136,136);
    font-weight: normal;
    font-size: 13px
}

.R2LBB_money input.amtFocus {
    border: 2px solid rgb(255,201,56)
}

.R2LBB_boxDown {
    padding: 0px 12px
}

.R2LBB_boxDown ul {
    display: table;
    width: 100%;
    height: 40px
}

.R2LBB_boxDown li {
    width: 21%;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.R2LBB_boxDown li span {
    font-weight: bold;
    vertical-align: baseline
}

.R2LBB_boxDown li:nth-child(2) {
    width: 1%
}

.R2LBB_boxDown li:nth-child(3) {
    text-align: right
}

.R2LBB_boxDown li .t_blue {
    color: rgb(0,126,255)
}

.R2LBB_buttom {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    align-items: center
}

.R2LBB_buttom a {
    float: left;
    width: calc((100% - 10px) / 2);
    height: 35px;
    border-radius: 3px;
    color: rgb(255,255,255);
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    background: #6f6f6f;
    line-height: 35px;
    margin: 0 2px
}

.btn_R2LBB_cancel {
    background: rgb(137,137,137)
}

.btn_R2LBB_cancel:hover {
    background-color: rgb(170,170,170)
}

.btn_R2LBB_confirm {
    background: rgb(51,106,171);
    margin-left: 10px
}

.btn_R2LBB_confirm:hover {
    background: rgb(73,156,255)
}

.btn_R2LBB_confirm.btn_confirmNone,.btn_R2LBB_confirm.btn_confirmNone:hover {
    background-color: rgb(128,128,128)
}

.confirmBet_box {
    width: 300px;
    border-radius: 5px;
    position: absolute;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    display: none;
    top: 155px;
    z-index: 5;
    left: 70px
}

.Js_BG_T {
    padding: 5px 10px;
    background: #4984bf;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.Js_BG_D {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    color: #fff
}

.Js_BG_D span {
    font-size: 14px;
    color: #fff
}

#spnGameName {
    color: #ffea01;
    font-weight: 400;
    margin-right: 10px
}

#spnGameResult {
    color: #ffea01;
    font-weight: 400;
    margin-left: 10px
}

.btn_Web a {
    background-color: #fd8805;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    font-weight: 300
}

.ay2NumList {
    background-color: #ffffff;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.LtNumList {
    background-color: #efefef;
    width: calc(60% - 2px);
    position: relative;
    padding: 15px 0;
    display: flex;
    align-items: center
}

.Lt39Num:first-child {
    margin-left: 45px
}

.Lt39Num {
    margin-left: 60px;
    position: relative
}

.LtBlue {
    background-image: url(/images/game/icon_LtBlue.png);
    width: 50px;
    height: 53px;
    text-align: center;
    line-height: 52px;
    font-weight: bold;
    color: #fff;
    font-size: 30px
}

.LtRed {
    background-image: url(/images/game/icon_LtRed.png);
    width: 50px;
    height: 53px;
    text-align: center;
    line-height: 52px;
    font-weight: bold;
    color: #fff;
    font-size: 30px
}

.LtGreen {
    background-image: url(/images/game/icon_LtGreen.png);
    width: 50px;
    height: 53px;
    text-align: center;
    line-height: 52px;
    font-weight: bold;
    color: #fff;
    font-size: 30px
}

.ZodiacT {
    width: 20px;
    height: auto;
    display: block;
    position: absolute;
    bottom: -5px;
    left: -18px
}

.ZodiacT img {
    height: 20px;
    margin: 0px 0px -3px -1px
}

.ay2Num {
    width: 20%;
    background-color: #efefef;
    padding: 15px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.ay2NumT {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3c70a2;
    width: 100%
}

#divResultTitle {
    color: #3c70a2;
    width: 100%;
    text-align: center;
    margin-bottom: 3px
}

.ay2CombRed,.ay2red {
    background: #f1202b;
    text-align: center;
    color: #fff;
    float: left;
    font-weight: 500;
    border-radius: 5px;
    padding: 1px 10px;
    margin: 0 5px
}












#spnGameGID {
    color: #ff0016
}

.ay2blue {
    background: #013bff;
    text-align: center;
    color: #fff;
    float: left;
    font-weight: 500;
    border-radius: 5px;
    padding: 1px 10px;
    margin: 0 5px
}

.ay2WinTime .time {
    display: block;
    background: url(/images/game/bg_time02.svg)no-repeat center;
    background-size: contain;
    width: 55px;
    height: 35px;
    line-height: 33px;
    color: #000;
    text-align: center;
    font-size: 26px;
    font-weight: bold
}

.ay2WinTime {
    display: flex;
    align-items: center
}

.ay2WinTime .white_t {
    width: 18px;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    text-align: center
}

.Js_registration {
    display: block;
    float: left;
    background: #ccc;
    width: 164px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    margin-right: 3px;
    cursor: pointer
}

.Js_registration:last-child {
    margin-right: 0;
    width: 161px
}

.Js_registration:hover {
    background: #fff;
    border-top: #4984c0 3px solid;
    height: 30px;
    color: #106eb6
}

.Js_bookmark .on {
    background: #fff;
    border-top: #4984c0 3px solid;
    height: 30px;
    color: #106eb6
}

.Js_playContent {
    background: #fff;
    height: 382px;
    color: #106eb6;
    font-size: 13px;
    padding-left: 10px;
    padding-bottom: 10px
}

.bet_boxTop {
    position: relative;
    padding: 20px 0 20px 10px;
    font-size: 14px;
    line-height: 25px
}

.btn_change {
    position: relative;
    display: block;
    float: right;
    width: 80px;
    padding: 0 20px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    color: #000;
    border-radius: 50px;
    cursor: pointer;
    background: url(/images/graph/common/icon_mainarrow.svg)#efefef no-repeat 54px;
    background-size: 16%;
    margin-right: 12px;
    font-weight: 700
}

.btn_change.th {
    position: relative;
    display: block;
    float: right;
    width: 80px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    color: #000;
    border-radius: 50px;
    cursor: pointer;
    background: url(/images/graph/common/icon_mainarrow.svg)#efefef no-repeat 64px;
    background-size: 16%;
    margin-right: 12px;
    font-weight: 700
}

.btn_change.vn {
    position: relative;
    display: block;
    float: right;
    width: 80px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    color: #000;
    border-radius: 50px;
    cursor: pointer;
    background: url(/images/graph/common/icon_mainarrow.svg)#efefef no-repeat 62px;
    background-size: 16%;
    margin-right: 12px;
    font-weight: 700
}

.btn_change.on {
    background: url(/images/graph/common/icon_mainarrow_up.svg)#efefef no-repeat 54px;
    background-size: 16%
}

.btn_change.th.on {
    background: url(/images/graph/common/icon_mainarrow_up.svg)#efefef no-repeat 64px;
    background-size: 16%
}

.btn_change.vn.on {
    background: url(/images/graph/common/icon_mainarrow_up.svg)#efefef no-repeat 62px;
    background-size: 16%
}

.btn_changeBox {
    display: none;
    position: absolute;
    top: 45px;
    right: 15px;
    width: 496px;
    height: 162px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    z-index: 99
}

.selectCox {
    position: absolute;
    margin: auto;
    top: 12px;
    left: 0;
    right: 0;
    height: 140px;
    width: auto
}

.selectCox td {
    height: 30px
}

.selectCox td:first-child {
    width: 52px;
    text-align: center;
    color: #000
}

.selectCox.id td:first-child {
    line-height: initial
}

.selectCox ul {
    list-style: none
}

.selectCox ul li {
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #008aff;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    opacity: 0.5
}

.selectCox ul li:hover,.selectCox ul .on {
    opacity: 1
}

.selectCox.th ul li {
    width: 31px;
    height: 31px;
    line-height: 31px
}

.bet_boxBot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 5px;
    padding-bottom: 10px
}
.bet_boxBotL {
    width: 49%;
}

.bet_boxBotR {
    width: 49%;
    position: relative
}
.h1_3_Lbox{
    width: calc(75% - 7px);
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.h1_3_Lbox table{
    width: calc((100%/3) - 5px);
}
.h1_3_Rbox{
    width: 25%;
}
.no_viewBox {
    width: 98%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.ball_Wraps {
    width: 100%;
    height: 305px;
    padding: 20px 0;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    text-align: center;
    margin: 1px 0;
    border-radius: 8px;
    background-color: #efefef
}

.ball_Wraps td {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(100%/10)
}

.ball_Wraps td span .box {
    position: absolute;
    top: 35px;
    left: 35px;
    background: #ffffcd;
    border: 1px solid #c4c4c4;
    width: 110px;
    padding: 0 5px;
    z-index: 1;
    display: none
}

.ball_Wraps td span:hover .box {
    display: block
}

.ball_Wraps td span .box p {
    color: #b92222;
    font-size: 14px;
    font-weight: 400
}

.ball_Wraps td span {
    display: flex;
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 2px;
    font-weight: bold;
    font-size: 17px;
    align-items: center;
    justify-content: center;
    position: relative
}

.ball_Wraps .bg_RedBorder.on {
    background-color: #ff0000;
    color: #fff !important
}

.ball_Wraps .bg_BlueBorder.on {
    background-color: #1a75bb;
    color: #fff !important
}

.ball_Wraps .bg_GreenBorder.on {
    background-color: #287f1f;
    color: #fff !important
}

.ball_Wraps td .bg_RedBorder {
    border: 1px solid #ff0000;
    box-sizing: border-box;
    color: #ff0000
}

.ball_Wraps td span.bg_RedBorder[data-type="1"] {
    background: #ff0000;
    color: #fff
}

.ball_Wraps td span.bg_BlueBorder[data-type="1"] {
    background: #1a75bb;
    color: #fff
}

.ball_Wraps td span.bg_GreenBorder[data-type="1"] {
    background: #287f1f;
    color: #fff
}

.ball_Wraps td .bg_BlueBorder {
    border: 1px solid #1a75bb;
    box-sizing: border-box;
    color: #1a75bb
}

.ball_Wraps td .bg_GreenBorder {
    border: 1px solid #287f1f;
    box-sizing: border-box;
    color: #287f1f
}

.ball_Wraps a {
    display: none;
    position: absolute;
    top: 48px;
    left: 35px;
    color: #ff0000;
    width: 95px;
    padding: 5px;
    height: 50px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    z-index: 99
}

.viewBox {
    display: block;
    width: 98%;
    height: 130px;
    padding: 10px;
    line-height: 30px;
    font-weight: bold;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fafafa;
    word-break: break-all;
    font-size: 18px;
    margin-bottom: 30px;
    letter-spacing: 1px
}

.tb_betInput {
    margin: 0 0 5px;
    width: 98%;
    color: #333333;
    font-size: 16px;
    position: relative;
    white-space: nowrap;
}
.tb_betInput.Zodiac{width: 49% !important;border:0;float:left;margin-top:15px;padding:0 4px 0 15px}
.tb_betInput.Zodiac td{height:52px;font-size: 14px;text-align: center;}
.tb_betInput.Zodiac img{display:block;width:42px}
.tb_betInput.Zodiac td:nth-child(2){text-align:left;width:158px}
.tb_betInput.Zodiac td span{display:inline-block;color:#d7000a;font-weight:bold;width:24px;height:24px;line-height:24px;text-align:center;background-color:#1a75bb;color:#fff;border-radius:50%;font-size:15px;margin:0 2px}
.tb_betInput.Zodiac td .bg_red{background-color:#ff0000}
.tb_betInput.Zodiac td .bg_green{background-color:#287f1f}
.tb_betInput td {
    position: relative;
    height: 30px;
    text-align: left
}

.tb_betInput td:nth-child(2),.tb_betInput td:nth-child(3) {
    text-align: right
}

.tb_betInput .red_t {
    color: #f00;
    font-weight: 400;
    vertical-align: baseline;
}

.tb_betInput .btn_close {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    background: url(/images/graph/common/icon_closeBank.svg)#fff no-repeat center;
    background-size: 75%;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.tb_betInput .btn_close.on {
    background-color: rgb(255,201,56)
}

.bet_chips {
    display: none;
    position: absolute;
    top: -55px;
    left: 0;
    background-color: #fff;
    width: 258px;
    height: 58px;
    border: 4px solid #c5cdd9;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 0px 12px rgba(220,220,220,1);
    z-index: 99
}

.bet539_num {
    display: none;
    position: absolute;
    bottom: -16px;
    right: -65px;
    left: 92px;
    color: #000;
    border: 1px solid #cccccc;
    background-color: #fff;
    font-size: 12px;
    padding: 2px 3px;
    z-index: 99;
    width: 60px;
    text-align: center
}

.bg_ballListinput {
    background-image: none;
    background-repeat: repeat-x;
    width: 90px !important;
    height: 24px;
    padding: 0 5px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 3px
}

.bg_ballListinput.on {
    background-image: none;
    background-color: #ffc938;
    border: #ffc938 2px solid !important
}

.div_btmBtn {
    width: 98%;
    padding-top: 5px;
    border-top: 1px solid #cccccc;
    overflow: hidden;
}

.div_btmBtn a {
    float: right;
    margin-top: 2px;
    margin-left: 5px;
    font-size: 15px;
    background-color: #898989
}

.div_btmBtn div {
    float: right;
    line-height: 34px;
    margin-right: 10px;
    font-size: 16px;
    color: #000;
    display: inline-flex;
    align-items: center
}

.div_btmBtn span {
    color: #f00;
    font-weight: bold;
    padding: 0 5px;
    padding-left: 40px;
    font-size: 19px
}

.confirm {
    background-image: none;
    background-color: #336aab;
    border-radius: 3px;
    width: 133px;
    height: 30px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #fff
}

.btn_betConfirmNone {
    background-color: #808080
}

.cancel {
    background-image: none;
    background-color: #898989;
    border-radius: 3px;
    width: 66px;
    height: 30px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #fff
}

.confirmBet_box {
    width: 300px;
    border-radius: 5px;
    position: absolute;
    box-shadow: rgba(0,0,0,0.5) 0 0 15px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    display: none;
    top: 146px;
    z-index: 5;
    left: 345px
}

.CB_w380 {
    width: 380px
}

input:disabled {
    background: rgb(255,255,255)
}

.pro-article {
    margin: 0;
    width: calc(100% - 10px);
    background-color: #efefef;
    padding-top: 5px;
    padding-left: 10px;
    display: flex;
    flex-direction: column
}

#tabs_container {
    /* height: 828px; */
    /* overflow: hidden; */
}


.pro-article .pro-tabs {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between
}

.pro-article .pro-tabs li {
    background: #ccc;
    width: 100%;
    margin-right: 5px
}

.pro-article .pro-tabs li:last-child {
    margin: 0
}

.pro-article .pro-tabs li a {
    padding: 5px 10px;
    text-align: center;
    font-size: 13px
}

.pro-article .pro-tabs li.active {
    background: #fff
}

.pro-article .pro-tabs li.active a {
    color: #106eb6
}

.pro-article .pro-tabs li a:before {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #4984c0;
    display: block;
    top: 0;
    left: 0;
    content: "";
    opacity: 0
}

.pro-article .pro-tabs li a:after {
    position: absolute;
    width: 100%;
    height: 7px;
    background: #fff;
    display: block;
    bottom: -5px;
    left: 0;
    content: "";
    opacity: 0
}

.pro-article .pro-tabs li.active a:before {
    opacity: 1
}


.pro-article .pro-tabs li.active a:after {
    opacity: 1
}

.bet_boxTop span {
    color: #106eb6;
    font-size: 14px;
    line-height: 25px
}

#divCaption {
    line-height: 35px;
    padding-left: 10px;
    text-align: left;
    color: red;
    font-size: 16px;
    background-color: #f0f0f0
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #e4e4e4;
    font-family: Arial,"微軟正黑體"
}

.tb_btmShow {
    width: 1002px
}

.tb_btmShow th {
    color: #fff;
    line-height: 35px;
    padding-left: 10px;
    background-color: #063851;
    font-size: 16px
}

.tb_btmShow th span {
    font-size: 15px
}

.tb_btmShow a {
    font-size: 19px;
    background-image: url(/images/graph/lottery/btn_btmWinlist.jpg);
    width: 117px;
    display: block;
    line-height: 38px;
    text-decoration: none;
    text-align: center;
    color: #6a6a6a
}

.tb_btmShow a.gType13 {
    background-image: url(/images/graph/lottery/btn_btmWinlistHeight51.jpg);
    line-height: 51px
}

.tb_btmShow a.gType13:last-child {
    line-height: 50px
}

.tb_btmShow a:hover {
    background-position: bottom;
    color: #fff
}

.tb_btmShowPo .tb_BS {
    text-align: center;
    border-top: 1px solid #b3b3b3;
    width: 100%
}

.tb_BS td {
    background-image: url(/images/graph/lottery/bg_btmWinlist.jpg);
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    width: 20px;
    text-align: center;
    font-size: 15px;
    line-height: 18px
}

.tb_btmShow02 {
    width: 1002px;
    margin: 0 auto;
    text-align: center;
    background-image: url(/images/graph/common/bg_btmShow.jpg);
    background-position: 0px 35px;
    color: #353535
}

.tb_btmShow02 tr:nth-child(2),.tb_btmShow02 tr:nth-child(3),.tb_btmShow02 tr:nth-child(4) {
    background-color: #fff
}

.tb_btmShow02 th {
    color: #336aab;
    background-color: #e4e4e4;
    line-height: 35px;
    border-right: 1px solid #c5c5c5;
    font-family: Arial,'微軟正黑體'
}

.tb_btmShow02 td {
    line-height: 48px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #fff;
    border-top: 1px solid #dcdcdc
}

.tb_btmShow02 a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-left: 3px;
    margin-top: 10px
}

.tb_btmShow02 div {
    float: left;
    font-size: 15px;
    margin: 0 3px
}

.tb_btmShow02 th {
    color: #fff;
    background-color: #063851;
    line-height: 35px;
    border-right: 1px solid #0a111b;
    border-left: 1px solid #4a6d81;
    font-family: Arial,'微軟正黑體'
}

.tb_btmShow02 td {
    line-height: 48px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #fff;
    border-top: 1px solid #dcdcdc
}

.tb_btmShow02 a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-left: 3px;
    margin-top: 10px
}

.tb_btmShow02 div {
    float: left;
    font-size: 15px;
    margin: 0 3px
}

.tb_btmShow03 {
    width: 1000px;
    line-height: 35px;
    padding-left: 10px;
    text-align: left;
    color: #336aab;
    font-size: 16px;
    background-color: #f0f0f0
}

.tb_btmShow04 {
    width: 1002px;
    margin: 0 auto;
    text-align: center;
    background-position: 0px 35px;
    color: #353535
}

.tb_btmShow04 tr:nth-child(2),.tb_btmShow04 tr:nth-child(3),.tb_btmShow04 tr:nth-child(4) {
    background-color: #fff
}

.tb_btmShow04 th {
    color: #336aab;
    background-color: #e4e4e4;
    line-height: 35px;
    border-right: 1px solid #c5c5c5;
    font-family: Arial,'微軟正黑體'
}

.tb_btmShow04 td {
    line-height: 48px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #fff;
    border-top: 1px solid #dcdcdc
}

.tb_btmShow04 a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin-left: 3px;
    margin-top: 10px
}

.tb_btmShow04 div {
    float: left;
    font-size: 15px;
    margin: 0 3px
}

.tb_allBS {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    font-size: 15px
}

.tb_allBS td {
    line-height: 23px
}

.borde_hide td {
    border-bottom: 0px
}

.tb_pk10BtmShow {
    width: 1002px;
    margin: 0 auto;
    background-color: #063851
}

.tb_pk10BtmShow th {
    color: #fff;
    line-height: 31px;
    padding-left: 10px;
    font-size: 16px;
    font-family: Arial,'微軟正黑體'
}

.tb_pk10BtmShow th span {
    font-size: 15px
}

.btn_pk10HisTop {
    background-image: url(/images/graph/pk10/btn_pk10HisTop.jpg);
    width: 120px;
    height: 31px;
    display: block;
    float: left;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #7c8389
}

.btn_pk10HisTop:hover {
    background-position: bottom;
    color: #fff
}

.btn_pk10HisTopSelect {
    background-position: bottom;
    color: #fff
}

.btn_pk10HisTopR {
    background-image: url(/images/graph/pk10/btn_pk10HisTopR.jpg);
    width: 60px;
    height: 31px;
    display: block;
    float: left;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #7c8389
}

.btn_pk10HisTopR:hover {
    background-position: bottom;
    color: #fff
}

.btn_pk10HisTopRSelect {
    background-position: bottom;
    color: #fff
}

.pk10Rank {
    background-image: url(/images/graph/common/bg_btmShow.jpg);
    border: 1px solid #ccc;
    height: 140px;
    margin: 5px auto;
    width: 489px
}

.btn_pk10Rank {
    float: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #999;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    color: #fff;
    width: 48px;
    height: 25px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: Arial,'微軟正黑體'
}

.btn_pk10Rank:hover {
    background: none;
    color: #063851;
    border-bottom: 1px solid #f3f3f3
}

.btn_pk10RankPK {
    float: left;
    font-size: 13px;
    font-weight: bold;
    background-color: #999;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    color: #fff;
    width: 97px;
    height: 25px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: Arial,'微軟正黑體';
    letter-spacing: -0.5px
}

.btn_pk10RankPK:hover {
    background: none;
    color: #063851;
    border-bottom: 1px solid #f3f3f3
}

.btn_pk10RankSelect {
    background: none;
    color: #063851;
    border-bottom: 1px solid #f3f3f3
}

.rankBall {
    float: left;
    margin-top: 20px;
    width: 40px;
    height: 100px;
    margin-left: 8px
}

.rankBall img {
    margin: 0 auto;
    display: block
}

.rankBall div {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    text-align: center;
    height: 30px;
    margin-top: 13px;
    line-height: 30px;
    font-size: 20px
}

.rankBall .blue_t {
    color: #007eff
}

.rankBall .red_t {
    color: #ff0000
}

.rankRoad {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 99%;
    float: left;
    margin: 0 auto;
    margin-top: 2px;
    margin-left: 2px;
    table-layout: fixed;
    text-align: center
}

.rankRoad td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 17px;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff
}

.tb_pk10BtmShow_v2 {
    width: 1000px;
    margin: 0 auto;
    background-color: #f3f3f3
}

.tb_pk10BtmShow_v2 th {
    color: #336aab;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
}

.tb_pk10BtmShow_v2 .btn_pk10HisTopR_v2:last-child {
    margin-right: 0px
}

.tb_pk10BtmShow_v2 .btn_pk10HisTop_v2:last-child {
    margin-right: 2px
}

.btn_pk10HisTop_v2 {
    background: #cccccc;
    width: 125px;
    height: 30px;
    margin: 5px 8px 0px 0px;
    display: block;
    float: left;
    line-height: 31px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.btn_pk10HisTop_v2.id {
    margin: 5px 10px 0px 0px
}

.btn_pk10HisTopSelect_v2 {
    background: #fff;
    background-position: bottom;
    border-top: #4984c0 3px solid;
    height: 27px;
    line-height: 27px;
    color: #4984c0
}

.btn_pk10HisTopR_v2 {
    background: #cccccc;
    width: 60px;
    height: 30px;
    margin: 5px 5px 0px 0px;
    display: block;
    float: left;
    line-height: 31px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.btn_pk10HisTopR_v2.wd_80,.btn_pk10HisTopR.wd_80,.btn_pk10HisTop_v2.wd_80 {
    width: 80px
}

.btn_pk10HisTopRSelect_v2 {
    background: #fff;
    background-position: bottom;
    border-top: #4984c0 3px solid;
    height: 27px;
    line-height: 27px;
    color: #4984c0 !important
}

.pk10Rank_v2 {
    background: #f0f0f0;
    height: 140px;
    margin: 5px auto;
    width: 490px
}

.atRankL,.atRankR {
    float: left
}

.btn_atRank {
    font-size: 19px;
    background-image: url(/images/graph/lottery/btn_btmWinlist.jpg);
    width: 117px;
    display: block;
    line-height: 38px;
    text-decoration: none;
    text-align: center;
    color: #6a6a6a;
    cursor: pointer
}

.btn_atRank.on,.btn_atRank.on {
    color: #fff;
    background-position: bottom
}

.btn_atRank.off {
    display: none!important
}

.tb_clipBtmShow .ts_rankRoad {
    width: 384px
}

.tb_clipBtmShow .ts_rankRoad td {
    height: 19px;
    line-height: 17px
}

.Road_HotCold_Menu02 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 140px;
    height: 35px;
    float: left;
    color: #000
}

.Road_HotCold_Menu02 span.on {
    color: #336aab;
    border-bottom: 2px solid #336aab
}

.Road_HotCold_Menu02 span {
    width: 45%;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

.Road_HotCold_Menu02.id {
    width: 180px;
    margin-left: -10px
}

.Road_HotCold_Menu02.id span {
    font-size: 13px
}

.anyTime_HotColdwraps {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%
}

.anyTime_HotColdwraps .dataItem span:first-child {
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 24px;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px
}

.anyTime_HotColdwraps .dataItem span:last-child {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    margin: 0 auto
}

.anyTime_HotColdwraps .dataItem.red_t span:first-child {
    border: 4px solid #e55050;
    color: #e55050
}

.anyTime_HotColdwraps .dataItem.red_t span:last-child {
    color: #ff0000
}

.anyTime_HotColdwraps .dataItem.blue_t span:first-child {
    border: 4px solid #4f9aff;
    color: #4f9aff
}

.anyTime_HotColdwraps .dataItem.blue_t span:last-child {
    color: #007eff
}

.tb_tsBtmShow {
    width: 1000px;
    margin: 0 auto;
    background-color: #f0f0f0
}

.tb_tsBtmShow th {
    color: #336aab;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    font-family: Arial,Microsoft JhengHei,"微軟正黑體"
}

.tb_tsBtmShow .btn_pk10HisTop_v2 {
    width: 55px
}

.tb_tsBtmShow .btn_H10Top {
    width: 46px
}

.tb_tsBtmShow .btn_pk10HisTopR_v2:last-child {
    margin-right: 0px
}

.tb_tsBtmShow .btn_pk10HisTop_v2:last-child {
    margin-right: 2px !important
}

.tsAtRank {
    width: 88px;
    height: 100%;
    float: left;
    margin-right: 3px
}

.btn_tsAtRank {
    text-align: center;
    width: 100%;
    margin-bottom: 3px;
    line-height: 51px;
    height: 53px;
    background-color: #f0f0f0;
    color: #666666;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    font-family: Arial,Microsoft JhengHei,"微軟正黑體";
    border: 1px solid transparent
}

.btn_tsAtRank:last-child,.btn_tsAtRank .btn_ts_color {
    margin-bottom: 0;
    line-height: 51px;
    height: 53px
}

.btn_tsAtRank.on {
    background-color: #d7ecff;
    border: 1px solid #4984bf;
    color: #4984bf;
    line-height: 51px;
    display: block
}

.btn_tsAtRank.off {
    display: none!important
}

.ts_rankRoad {
    width: 399px;
    margin: 0;
    display: table
}

.ts_rankRoad td {
    height: 18px;
    line-height: 16px;
    box-sizing: border-box
}

.ts_rankRoad td:hover {
    background-color: rgb(255,201,56)
}

.ts_rankRoad td span {
    cursor: pointer
}

.ts_rankRoad .Font_Big,.ts_rankRoad .Font_Odd,.ts_rankRoad .Font_Dragon {
    color: red
}

.ts_rankRoad .Font_Small,.ts_rankRoad .Font_Even,.ts_rankRoad .Font_Tiger {
    color: blue
}

.btn_tsThreeBall {
    white-space: nowrap;
    width: 77px !important
}

.ball_color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: block;
    margin: auto
}

.GoalElec_ball_color {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: block;
    margin: auto
}

.longD_symbol {
    display: inline-block;
    margin-top: -2px;
    vertical-align: top
}

.atLongD {
    background-color: #fff;
    width: 101%;
    height: 115px;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    font-size: 14px;
    font-family: Arial,'微軟正黑體';
    box-sizing: border-box;
    margin-left: -4px
}

.atLongD_in {
    display: table;
    width: 100%;
    padding: 1px 0 5px 0;
    font-size: 14px
}

.atLongD_list {
    float: left;
    width: 32%;
    line-height: 29px;
    margin: 0 0 5px 1%;
    padding: 0 8px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.atLongD_list.long {
    width: 49%
}

.atLongD_list .vn {
    transform: scale(0.87);
    display: inline-block
}

.atLongD_list span.vn:first-child {
    letter-spacing: -0.5px;
    transform-origin: -10%;
    max-width: 97px;
    white-space: nowrap
}

.atLongD_list span.vn:nth-child(2) {
    letter-spacing: -0.5px;
    margin-left: -5.5px;
    max-width: 10px;
    white-space: nowrap
}

.atLongD_list span.vn:last-child {
    margin-right: 13px;
    letter-spacing: -1.2px;
    max-width: 3px;
    white-space: nowrap
}

.pk10LongD {
    background-color: #fff;
    width: calc(100% - 8px);
    height: 142px;
    margin: 5px 4px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    font-size: 14px;
    font-family: Arial,'微軟正黑體';
    box-sizing: border-box
}

.pk10LongD .LongD_in {
    display: table;
    width: 100%;
    padding: 0 0 3px 0
}

.pk10LongD .LongD_list {
    float: left;
    width: 32%;
    line-height: 34px;
    margin: 3px 0 0 1%;
    padding: 0 8px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.pk10LongD .LongD_list span.vn {
    transform: scale(0.87);
    display: inline-block
}

.pk10LongD .LongD_list span.vn:first-child {
    letter-spacing: -0.5px;
    transform-origin: -10%
}

.pk10LongD .LongD_list span.vn:nth-child(2) {
    letter-spacing: -0.5px;
    margin-left: -5.5px
}

.pk10LongD .LongD_list span.vn:last-child {
    letter-spacing: -1.2px;
    max-width: 3px;
    margin-right: 15px;
    white-space: nowrap
}

.pk10_v2LongD {
    background-color: #fff;
    width: calc(100% - 3px);
    height: 120px;
    margin-top: 5px;
    overflow-y: scroll;
    font-size: 14px;
    font-family: Arial,'微軟正黑體';
    box-sizing: border-box
}

.pk10_v2LongD .LongD_in {
    display: table;
    width: 100%;
    margin-top: -6px
}

.pk10_v2LongD .LongD_list {
    float: left;
    width: 32%;
    line-height: 34px;
    margin: 6px 0 0 1%;
    padding: 0 8px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.LongD_list.vn {
    width: 33%;
    margin: 6px 0 0 1px
}

.LongD_list.vn span {
    transform: scale(0.87);
    display: inline-block
}

.LongD_list.vn span:first-child {
    letter-spacing: -0.5px;
    transform-origin: -10%;
    max-width: 97px;
    white-space: nowrap
}

.LongD_list.vn span:nth-child(2) {
    letter-spacing: -0.5px;
    margin-left: -5.5px;
    max-width: 10px;
    white-space: nowrap
}

.LongD_list.vn .longD_period {
    margin-right: 15px;
    letter-spacing: -1.2px;
    max-width: 3px;
    white-space: nowrap
}

.ba_dataInput_big {
    width: 281px;
    float: left;
    -webkit-text-size-adjust: none
}

.ba_dataInput_big tr td {
    position: relative;
    width: 26px;
    background-color: #f8f8f8;
    height: 26px;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    cursor: pointer
}

.ba_dataInput_big tr:last-child td {
    border-bottom: 0
}

.ba_red_ball {
    background-color: #dc0000;
    color: #fff
}

.ba_blue_ball {
    background-color: #0036ff;
    color: #fff
}

.ba_green_ball {
    background-color: #3aaf00;
    color: #fff
}

.ba_red_ball,.ba_blue_ball,.ba_green_ball {
    width: 26px;
    height: 26px;
    line-height: 27px;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.ba_dataInput_T {
    width: 390px;
    height: 162px;
    -webkit-text-size-adjust: none;
    float: left;
    border-right: 1px solid #c4c4c4
}

.ba_dataInput_T tr td {
    position: relative;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 18px;
    height: 18px
}

.ba_dataInput_T tr td:last-child {
    border-right: 0
}

.ba_dataInput_T tr:last-child td {
    border-bottom: 0
}

.pk .ba_red_ring,.pk .ba_blue_ring,.pk .ba_green_ring {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-sizing: border-box;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 20
}

.pk .ba_red_ring {
    border: 3px solid #dc0000
}

.pk .ba_blue_ring {
    border: 3px solid #0036ff
}

.pk .ba_green_ring {
    border: 3px solid #3aaf00
}

.pk.ba_detail {
    width: 108px;
    height: 162px;
    float: left
}

.pk.ba_detail tr td {
    height: 20px;
    padding: 0 6px;
    border-bottom: 1px solid #c4c4c4;
    background-color: #f8f8f8;
    font-size: 15px;
    line-height: 19px
}

.pk.ba_detail tr:last-child td {
    border-bottom: 0
}

.pk .detail_tL,.pk .detail_tR {
    font-size: 20px
}

.pk.id .detail_tL,.pk.id .detail_tR {
    font-size: 16px
}

.detail_tL {
    float: left;
    margin-left: 3px;
    font-weight: bold
}

.detail_tR {
    float: right;
    margin-right: 3px
}

.detail_tL.t_red,.detail_tR.t_red {
    color: #fb1c22
}

.detail_tL.t_blue,.detail_tR.t_blue {
    color: #007eff
}

.detail_tL.t_green,.detail_tR.t_green {
    color: #339700
}

.at.ba_dataInput_big {
    width: 204px;
    float: left;
    height: 173px
}

.at.ba_dataInput_big tr td {
    position: relative;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4
}

.at.ba_dataInput_big tr td:after {
    content: '.';
    visibility: hidden
}

.at .ba_red_ball,.at .ba_blue_ball,.at .ba_green_ball {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.ba_blue_spot_s,.ba_red_spot_s {
    background-color: #0036ff;
    border: 1px solid #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    z-index: 30
}

.ba_red_spot_s {
    background-color: #dc0000
}

.top_L {
    top: 0px;
    left: 0px
}

.top_R {
    top: 0px;
    right: 0px
}

.btm_L {
    bottom: 0px;
    left: 0px
}

.btm_R {
    bottom: 0px;
    right: 0px
}

.ba_roadWrap {
    width: 481px;
    height: 173px;
    float: left;
    background-color: #fff
}

.ba_rankRoad {
    width: 481px;
    height: 138px;
    margin: 0;
    display: table;
    float: left;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center
}

.ba_rankRoad td {
    position: relative;
    height: 22px;
    line-height: 22px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
    background-color: #fff;
    cursor: pointer
}

.ba_rankRoad td span {
    display: block;
    position: absolute;
    line-height: 12px;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(0.8)
}

.ba_rankRoad td:after {
    content: '.';
    visibility: hidden
}

.ba_rankRoad td:first-child {
    border-left: 0
}

.ba_rankRoad tr:last-child td {
    border-bottom: 0
}

.ba_rankRoad tr:first-child td:after {
    display: none
}

.ba_rankRoad .t_blue {
    color: blue
}

.ba_rankRoad .t_red {
    color: red
}

.ba_rankRoad_2 {
    width: 481px;
    height: 69px;
    table-layout: fixed;
    text-align: center
}

.ba_rankRoad_2 td {
    position: relative;
    width: 11px;
    height: 11px;
    line-height: 8px;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 12px;
    background-color: #fff;
    cursor: pointer
}

.ba_rankRoad_2 td span {
    display: block;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(0.8)
}

.ba_rankRoad_2 td:first-child {
    border-left: 0
}

.ba_rankRoad_2 tr:first-child td:after {
    display: none
}

.ba_rankRoad_2 .t_blue {
    color: blue
}

.ba_rankRoad_2 .t_red {
    color: red
}

.dataT_wraps {
    float: left;
    width: 479px;
    height: 34px
}

.btn_dataTitle {
    display: block;
    width: 232px;
    height: 27px;
    line-height: 27px;
    margin: 4px 0 4px 5px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    color: #666666;
    float: left;
    text-align: center
}

.ba_tbTitle {
    width: 48px!important;
    background-color: #f8f8f8!important
}

.ba_tbTitle div {
    line-height: 18px
}

.ba_tbTitle div:first-child {
    font-weight: bold;
    font-size: 19px;
    line-height: 24px
}

.ba_tbTitle a {
    display: block!important;
    width: 50%;
    float: left;
    font-size: 10px
}

.dataT_wraps {
    float: left;
    width: 479px;
    height: 34px
}

.btn_dataTitleWraps {
    width: 481px;
    box-sizing: border-box
}

.btn_dataTitle {
    display: block;
    width: 232px;
    height: 27px;
    line-height: 27px;
    margin: 4px 0 4px 5px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    color: #666666;
    float: left;
    text-align: center
}

.btn_dataTitle:hover,.btn_dataTitle.on {
    background-color: #d7ecff;
    border: 1px solid #4984bf;
    color: #4984bf;
    cursor: pointer
}

.at.ba_detail {
    width: 94px;
    height: 173px
}

.at.ba_detail tr td {
    height: 20px;
    padding: 0 6px;
    border-bottom: 1px solid #c4c4c4;
    background-color: #f8f8f8;
    font-size: 17px;
    line-height: 19px;
    color: #000
}

.at.ba_detail tr:last-child td {
    border-bottom: 0
}

.at .ba_red_ring,.at .ba_blue_ring,.at .ba_green_ring {
    width: 19px;
    height: 19px;
    border-radius: 50%;

    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.at .ba_red_ring {
    border: 2px solid #db1002
}

.at .ba_blue_ring {
    border: 2px solid #0036ff
}

.at .ba_green_ring {
    border: 2px solid #3aaf00
}

.btn_tsAtRank.notIn,.btn_tsAtRank.column,.btn_tsAtRank.Shoot,.btn_tsAtRank.submenu {
    text-align: left;
    padding-left: 6px;
    position: relative;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 0;
    font-size: 14px
}

.btn_tsAtRank.Shoot {
    letter-spacing: -1px
}

.btn_tsAtRank.submenu {
    padding-left: 6px;
    cursor: pointer;
    position: relative;
    margin-bottom: 3px;
    font-size: 16px;
    height: 31px;
    line-height: 31px
}

.bk_triangl {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #6f6f6f
}

.btn_tsAtRank.submenu:hover {
    background-color: #d7ecff;
    border: 1px solid #4984bf;
    box-sizing: border-box;
    color: #4984bf
}

.btn_tsAtRank.submenu:hover .bk_triangl {
    content: '';
    position: absolute;
    top: 12px;
    right: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #106eb6
}

.tAR_slide {
    display: none;
    width: 95px;
    padding: 7px 0;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background: #fff;
    position: absolute;
    top: -2px;
    right: -101px;
    z-index: 99;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    cursor: pointer
}

.tAR_slide:before {
    content: " ";
    clear: both;
    overflow: hidden;
    display: block;
    width: 95px;
    height: 8px;
    background: url(/images/graph/anyTime/bg_triangle.png) no-repeat center;
    position: absolute;
    top: 14px;
    left: -51px;
    transform: rotate(-90deg)
}

.tAR_slidesubmenu {
    text-decoration: none;
    display: block;
    color: #000;
    width: 83px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    border-radius: 2px
}

.tAR_slidesubmenu:hover {
    background-color: #aedcff;
    color: #106eb6
}

.btn_tsAtRank.submenu:hover .tAR_slide {
    display: block
}

.detail_green_line {
    display: block;
    position: absolute;
    top: -5px;
    right: 1px;
    background-color: #39ad02;
    width: 2px;
    height: 18px;
    margin: 8px 10px 0 0;
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -ms-transform: rotate(46deg)
}

.detail_red_ring {
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 14px;
    height: 14px;
    border: 2px solid #db1002;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 3px 1px 0 1px
}

.ba_blue_block {
    position: absolute;
    top: 3px;
    right: 18px
}

.ba_blue_block:before,.ba_blue_block:after {
    content: '';
    background-color: #0036ff;
    width: 2px;
    height: 18px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 5px;
    right: 0px
}

.ba_blue_block:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.ba_blue_block:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    visibility: visible
}

.rankRoad td {
    position: relative
}

.rankRoad .ba_blue_block {
    top: 0;
    left: 2px;
    bottom: 0;
    margin: 0 auto
}

.rankRoad .detail_red_ring {
    top: 2px;
    left: 2px;
    bottom: 0;
    margin: 0 auto
}

.rankRoad .detail_green_line {
    top: 0px;
    left: 3px;
    bottom: 0;
    margin: 0 auto
}

.btn_tsAtRank.notIn .ba_blue_block:before,.btn_tsAtRank.notIn .ba_blue_block:after {
    height: 16px;
    top: 1px
}

.btn_tsAtRank.column .detail_green_line {
    height: 16px
}

.btn_tsAtRank.Shoot .detail_red_ring {
    top: 2px
}

#spnFunTitle {
    font-size: 13px
}

.tb_tsBtmShow.w800 {
    width: 100%;
    max-width: 800px
}

.tb_tsBtmShow.w800 td > div {
    width: 390px !important
}

.w800 .ts_rankRoad {
    width: 299px
}

.w800 .ts_rankRoad td {
    width: 14px
}

.tb_tsBtmShow.w800 .tsRankR_title {
    width: 298px
}

.tb_tsBtmShow.w800 .tsRankR_title span {
    font-size: 14px
}

.MarkSix01_Wraps {
    position: relative;
    margin: 0!important
}

.RoadList_wraps {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    right: 0px;
    width: 315px;
    height: 150px;
    background-color: #fff
}

.MarkSixRoad {
    width: 1002px;
    height: 76px
}

.MarkSix02_Wraps {
    width: 1002px;
    height: 152px
}

.MarkSixRoadLsit {
    width: 315px;
    height: 60px;
    table-layout: fixed;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-align: center;
    letter-spacing: -1px
}

.MarkSixRoadLsit td {
    position: relative;
    background-color: #fff;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 8px;
    height: 8px;
    font-size: 12px;
    font-weight: bold;
    line-height: 8px !important
}

.MarkSixRoadLsit td span {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: -1px;
    right: 0;
    transform: scale(0.7)
}

.MarkSix_title {
    background-color: #f0f0f0;
    width: 315px;
    height: 30px;
    border: 1px solid #ccc;
    border-top: 0;
    box-sizing: border-box;
    margin: 0 !important
}

.MarkSix_title div {
    position: relative;
    width: 78px;
    height: 22px;
    line-height: 22px;
    margin: 3px 0;
    float: left;
    font-size: 14px;
    border-right: 1px solid #ccc;
    box-sizing: border-box
}

.MarkSix_title div:last-child {
    border: 0
}

.MarkSix_title div span {
    display: block;
    float: left;
    width: 45%
}

.MarkSix_title div span:last-child {
    width: 55%
}

.RoasdWraps {
    float: left
}

.MarkSixInRoadLsit02 {
    width: 501px;
    height: 80px;
    float: left;
    table-layout: fixed;
    text-align: center;
    border: 0;
    letter-spacing: -1px;
    box-sizing: border-box
}

.MarkSixInRoadLsit02 td {
    position: relative;
    background-color: #fff;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 10px;
    height: 12px;
    font-size: 12px
}

.MarkSixInRoadLsit02 td span {
    display: block;
    position: absolute;
    line-height: 13px;
    top: 0px;
    bottom: 0;
    left: -2px;
    right: -1px;
    transform: scale(0.8)
}

.tableTitle {
    background-color: #f0f0f0;
    width: 60px;
    height: 120px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left
}

.table_Title {
    width: 85px !important;
    border-left: 1px solid #ccc;
    background-color: #f0f0f0 !important;
    line-height: 35px
}

.table_Title div {
    width: 50%;
    float: left;
    font-size: 16px
}


.tsRankR_wraps {
    float: left;
    width: 399px;
    height: 114px
}

.tsRankR_rankRoadWraps {
    width: 399px;
    height: 114px
}

.tsRankR_rankRoad {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 199px;
    height: 57px;
    float: left;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center
}

.tsRoadDT .tsRankR_rankRoad {
    width: 399px
}

.tsRankR_rankRoad td {
    position: relative;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: auto;
    height: 12px;
    font-size: 12px;
    background-color: #fff
}

.tsRankR_rankRoad td span {
    display: block;
    position: absolute;
    line-height: 13px;
    top: 0px;
    bottom: 0;
    left: -1px;

    right: 0;
    transform: scale(0.8)

}

.tsRankR_rankRoad td:hover {
    background-color: rgb(255,201,56)
}

.tsRoadDT .tsRankR_rankRoad td span {
    transform: none
}

.tsRankR_title {
    width: 396px;
    background-color: #f0f0f0;
    border: 1px solid #cbcbcb;
    border-top: 0;
    float: left
}

.tsRankR_title div {
    width: 25%;
    float: left;
    padding: 5px 0;
    height: 19px;
    line-height: 19px
}

.tsRankR_title div span {
    text-align: center;
    width: 50%;
    display: block;
    float: left;
    font-size: 16px
}

.tsRankR_title div span:last-child {
    border-right: 1px solid #cbcbcb;
    box-sizing: border-box
}

.tsRankR_title div:last-child span:last-child {
    border-right: 0
}

.tsRankR_wraps02 {
    float: left;
    width: 490px;
    height: 116px
}

.tsRankR_rankRoad02 {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 245px;
    height: 88px;
    table-layout: fixed;
    float: left;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center
}

.tsRankR_rankRoad02 td {
    position: relative;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 12px;
    height: 12px;
    font-size: 12px;
    background-color: #fff
}

.tsRankR_rankRoad02 td span {
    display: block;
    position: absolute;
    top: -1px;
    bottom: 0;
    left: -1px;
    right: 0;
    transform: scale(0.8)
}

.tsRankR_title.wd_750 {
    width: 488px
}

.tsRankR_title.wd_750 div {
    height: 15px;
    line-height: 15px
}

.MarkSixRoad.LtNumTw {
    width: 50%;
    height: 158px;
    float: left
}

.table_LtNumTw {
    width: 100%;
    height: 152px;
    table-layout: fixed;
    text-align: center;
    border: 0;
    letter-spacing: -1px;
    box-sizing: border-box
}

.table_LtNumTw.th {
    height: 158px
}

.table_LtNumTw td {
    position: relative;
    background-color: #fff;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 22px;
    height: 24px;
    font-size: 14px
}

.btn_tsAtRank.bigSmall {
    height: 34px;
    line-height: 34px
}

.tsRankR_title.btn_keno div {
    width: 33.333%
}

.tsRankR_title.btn_keno02 div {
    width: 20%
}

.tsRankR_title.btn_keno02 .brown_t {
    color: #964b00
}

.tsRankR_title.btn_keno02 .brownGreen_t {
    color: #e88b00
}

.tsRankR_title.btn_keno02 .yellow_t {
    color: #ffd700
}

.btn_ladder {
    background: #cccccc;
    width: 80px;
    height: 30px;
    margin: 5px 5px 0px 0px;
    display: block;
    float: left;
    line-height: 31px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #000;
    cursor: pointer
}

.btn_ladder:last-child {
    margin-right: 0
}

.btn_ladder.wd_125 {
    width: 125px
}

.btn_pk10HisTopRSelect_v2 {
    background: #fff;
    background-position: bottom;
    border-top: #4984c0 3px solid;
    height: 27px;
    line-height: 27px;
    color: #4984c0 !important
}

.Ld_rankRoad {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center
}

.Ld_rankRoad td {
    position: relative;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: auto;
    height: 18px;
    background-color: #fff;
    box-sizing: border-box
}

.Ld_rankRoad td span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    transform: scale(0.8)
}

.Ld_rankRoad td .bg_red {
    border: 2px solid #ff0000;
    color: #fdb82d
}

.Ld_rankRoad td .bg_blue {
    border: 2px solid #0201ff;
    color: #48b363
}

.Ld_rankRoad_title {
    background-color: #f0f0f0;
    border: 1px solid #cbcbcb;
    border-top: 0;
    height: 29px;

    line-height: 31px
}

.Ld_rankRoad_title .Ld_L,.Ld_rankRoad_title .Ld_R {
    float: left;
    width: 50%
}

.Ld_rankRoad_title .Ld_L div,.Ld_rankRoad_title .Ld_R div {
    position: relative;
    width: 50%;
    float: left;
    text-align: center
}

.Ld_rankRoad_title .Ld_L div span:nth-child(1),.Ld_rankRoad_title .Ld_R div span:nth-child(1) {
    letter-spacing: -1px
}

.Ld_rankRoad_title .Ld_L div span:last-child,.Ld_rankRoad_title .Ld_R div span:last-child {
    margin-left: 10px
}

.Ld_rankRoad_title .Ld_L div:last-child::after {
    position: absolute;
    right: 0;
    top: 5px;
    content: "";
    width: 1px;
    height: 19px;
    background-color: #cbcbcb
}

.tsRankR_rankRoadWraps.ladder {
    width: 100%
}

.tsRankR_wrap.ladder {
    width: 100%
}

.tsRankR_rankRoad.ladder {
    width: 100%
}

.tsRankR_rankRoad.ladder td {
    font-size: 16px;
    font-weight: bold;
    height: 17px
}

.tsRankR_rankRoad.ladder td span {
    line-height: 17px
}

.tsRankR_rankRoad.ladder.vn td span {
    line-height: 17px;
    font-size: 15px
}

.tsRankR_title.ladder div {
    width: 50%
}

.tsRankR_title.ladder div span:first-child {
    width: 43%;
    text-align: right;
    padding-right: 7%
}

.tsRankR_title.ladder div span:last-child {
    width: 43%;
    text-align: left;
    padding-left: 7%
}

#divOrder .tsRankR_title.ladder div {
    width: 25%
}

#divOrder .tsRankR_title.ladder div span span:first-child {
    width: 43%;
    text-align: right;
    padding-right: 7%
}

#divOrder .tsRankR_title.ladder div span span:last-child {
    width: 43%;
    text-align: left;
    padding-left: 50%;
    border-right: initial
}

.yellow_t {
    color: #fdb82d
}

.green_t, .green_t span {
    color: #48b363
}

.LtStar_left {
    float: left;
    margin-right: 20px
}

.LtStar_left:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 99em;
    margin-right: 4px;
    display: inline-block
}

.LtStar_left.blue {
    color: #0000ff
}

.LtStar_left.red {
    color: #ff0000
}

.LtStar_left.blue:before {
    background-color: #0000ff
}

.LtStar_left.red:before {
    background-color: #ff0000
}

.Road_sixTitle01 {
    float: left;
    display: none
}

.Road_sixTitle02 {
    float: left;
    display: none
}

.Road_LtSix {
    background-color: #fff;
    padding: 5px;
    overflow: hidden;
}

.Road_LtSix.SecondArea {
    position: relative
}

.Road_LtSix.SecondArea:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #f0f0f0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.Road_LtSixBox {
    width: 100%;
    border-collapse: collapse
}

.Road_LtSixBox.WD_500 {
    width: 490px;
    float: left
}

.Road_LtSixBox td {
    padding: 0;
    border: 1px solid #ccc
}

.Road_RtSixBox.WD_500 {
    width: 490px;
    float: right
}

.Road_RtSixBox.WD_500 .LtSix_passW25 {
    width: 50%;
    border-collapse: separate;
    height: 103px
}

.Road_RtSixBox.WD_500 .SixPass_totalTwin {
    width: 100%
}

.WD_500 .Road_LtSixBall span {
    width: 34px;
    line-height: 34px;
    margin: 13px auto;
    font-size: 21px
}

.WD_500 .Road_LtSixData,.WD_500 .Road_LtSixNum {
    height: 31px;
    line-height: 31px;
    font-size: 16px
}

.Road_LtSixBall {
    padding: 2px 0;
    border-bottom: 1px solid #ccc
}

.Road_LtSixBall span {
    color: #fff;
    font-weight: bold;
    width: 22px;
    line-height: 22px;
    margin: auto;
    text-align: center;
    border-radius: 99em;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    display: block
}

.Road_LtSixBall.red span {
    background-color: #ff0000
}

.Road_LtSixBall.blue span {
    background-color: #1a75bb
}

.Road_LtSixBall.green span {
    background-color: #287f1f
}

.Road_LtSixData {
    color: #0000ff;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ccc
}

.Road_LtSixNum {
    color: #ff0000;
    text-align: center;
    font-size: 14px
}

.LtSix_car {
    width: 50%;
    float: left;
    border-collapse: collapse;
    table-layout: fixed;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.LtSix_car td {
    position: relative;
    width: 10px;
    height: 16px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 12px;
    cursor: pointer;
    line-height: 16px;
}

.LtSix_car td span {
    transform: scale(0.5);
    font-size: 12px;
}

.LtHover td:hover {
    background-color: #ffc938
}

.LtSix_total {
    width: 50%;
    float: left;
    background-color: #f0f0f0;
    height: 28px;
    border: 1px solid #ccc;
    border-top: 0;
    box-sizing: border-box
}

.LtSix_total > div {
    width: 50%;
    height: 22px;
    line-height: 22px;
    margin: 0;
    float: left;
    font-size: 14px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    text-align: center
}

.LtSix_total > div:last-child {
    border-right: none
}

.LtSix_total > div span {
    padding: 0 5px;
    font-size: 15px;
}

.LtSix_twin.LtSix_car .Six_twinTitle {
    width: 71px;
    border-left: 1px solid #ccc;
    background-color: #f0f0f0;
    line-height: 35px;
    text-align: center;
    cursor: default
}

.Six_twinTitle div {
    width: 50%;
    float: left;
    font-size: 16px
}

.LtSix_twin.LtSix_car td {
    width: 8px;
    height: 10px
}

.LtSix_twin.LtSix_car td span {
    left: -1px
}

.Six_ballColor .LtSix_car,.Six_zodiac .LtSix_car,.Six_zodiacLost .LtSix_car,.Six_tail .LtSix_car {
    width: 100%
}

.Six_ballColor .LtSix_total {
    width: 100%
}

.Six_ballColor .LtSix_total > div {
    width: calc(100% / 3)
}

.Six_zodiac .LtSix_car td {
    color: #4174b1
}

.Six_zodiac .LtSix_car td span {
    transform: none;
    top: 0px;
    left: 0px
}

.Six_zodiacLost .LtSix_car td {
    height: 24px;
    font-size: 14px;
    text-align: center;
    cursor: default
}

.Six_zodiacLost tr:nth-child(odd) {
    background-color: #f2f2f2
}

.Six_tail .LtSix_car td span {
    transform: none
}

.LtSix_passW25 {
    width: 25%
}

.LtSix_passW50,.SixPass_total {
    width: calc(50% - 5px);
    margin-left: 5px
}

.mora_title {
    width: 50px;
    height: 139px;
    float: left;
    border: 1px solid #ccc;
    border-right: 0;
    box-sizing: border-box;
    margin-top: -1px
}

.mora_title a {
    position: relative;
    display: block;
    height: 33.33333%;
    text-align: center;
    line-height: 45px
}

.mora_title a span:last-child {
    margin-left: 5px
}

.mora_title a:nth-child(2),.mora_title a:nth-child(3) {
    border-top: 1px solid #ccc;
    box-sizing: border-box
}

.rankRoad.mora {
    float: left;
    width: 100%;
    margin-top: -1px;
    margin-left: 0
}

.rankRoad.mora td {
    width: auto;
    height: 17px
}

.rankRoad.mora td .detail_blue_ring,.rankRoad.mora td .detail_red_ring,.rankRoad.mora td .detail_green_ring {
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    border: 2px solid #db1002;
    border-radius: 50%;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 3px solid #0020ff
}

.rankRoad.mora td .detail_red_ring {
    border: 3px solid #db1002
}

.rankRoad.mora td .detail_green_ring {
    border: 3px solid #2ca900
}

.divlongBetUpdate {
    line-height: 114px;
    text-align: center;
    color: rgb(127,127,127);
    font-size: 16px
}

.tb_HotCold {
    width: 100%;
    border: 1px solid #ccc;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center
}

.tb_HotCold td {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.tb_HotCold td:first-child {
    width: 80px;
    height: 51px;
    background-color: #f1eff2;
    color: #000
}




.dataWraps {
    width: 100%;
    display: flex;
    justify-content: space-evenly
}

.dataWraps .dataItem span:first-child {
    display: block;
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border: 2px solid #ff7f27;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ff7f27;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 4px
}

.dataWraps .dataItem span:last-child {
    display: block;
    width: 32px;
    line-height: 16px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    text-align: center;
    color: #ff0000;
    font-size: 12px
}

.dataWraps .dataItem span.blue_t {
    color: #007eff
}

.Road_HotCold_Menu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 250px;
    height: 35px;
    float: left;
    color: #000
}

.Road_HotCold_Menu span {
    width: 33%;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

.Road_HotCold_Menu span.on {
    color: #336aab;
    border-bottom: 2px solid #336aab
}

.Road_HotCold_Menu a {
    width: 33%;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    cursor: pointer
}

.Road_HotCold_Menu .step01 {
    background: url(/images/graph/common/icon_arrow_Black.svg) no-repeat;
    background-size: 7%;
    background-position: 60px 4px
}

.Road_HotCold_Menu .step02 {
    background: url(/images/graph/common/icon_arrow_Dkblue.svg) no-repeat;
    background-size: 7%;
    background-position: 60px 4px;
    color: #336aab
}

.Road_HotCold_Menu .step04 {
    background: url(/images/graph/common/icon_arrowDown_Dkblue.svg) no-repeat;
    background-size: 7%;
    background-position: 60px 4px;
    color: #336aab
}

.Road_LtSixBox.HotCold .Road_LtSixBall {
    padding: 7px 0
}

.Road_LtSixBox.HotCold .Road_LtSixNum {
    line-height: 22px
}

.Road_LtSixBox.HotCold .Road_LtSixData {
    border-bottom: 0;
    line-height: 22px
}
.div_ballLsit {
    border: 1px solid rgb(204, 204, 204);
    height: 238px;
}
.ballArea{text-align:center;}

@media screen and (max-width: 1680px) {
    .bg_ballListinput{width: 40px !important;}
}
@media screen and (max-width: 1440px) {
    aside {
        width: 200px;
    }

    .LongBet .box .bet {
        width: 100%;
        display: flex;
        align-items: flex-end;
        margin-bottom: 10px;
    }
    .Lt39Num{margin-left: 20px;}
    .Lt39Num:first-child{margin-left: 25px;}
    .LtNumList{width: calc(45% - 2px);}
    .ay2Num{width: calc(55% / 2);}
    .LtBlue, .LtRed, .LtGreen{font-size: 20px;}
    .ZodiacT img{width: 15px;}
    .ZodiacT{left: -9px;}
}
@media screen and (max-width: 1366px) {
    .div_btmBtn{position:relative;}
    .Js_playContent{padding-bottom: 25px;}
}
@media screen and (max-width: 1024px) {
    aside {
        width: 100%;
        order: 2;
    }
    .LtNumList{width: 100%;margin-bottom: 2px;justify-content: center;}
    .ay2Num{width: calc(50% - 1px);}

}
@media screen and (max-width: 640px) {
    .tb_betInput.Zodiac{border: 0 !important;width: 100% !important;margin: 5px 0;padding: 0 10px !important;float: none;}
    aside{overflow-x: unset;height: auto;}
    aside >ul{padding:5px;}
    .pro-article .pro-tabs li{margin: 0;}
    .pro-article .pro-tabs{flex-wrap: wrap;}
    .pro-article .pro-tabs li a{padding: 10px 5px 8px;line-height: 120%;font-size: 12px;}
    .pro-article{padding:5px;}
    .pro-article .pro-tabs li a:after{display:none;}
    .bet_boxBot{padding:5px;}
    .Js_playContent{height:auto;padding: 0 5px;}
    .bet_boxBotL{width:100%;margin-bottom: 10px;}
    .bet_boxBotR{width:100%;}
    .viewBox{margin-bottom: 5px;width: calc(100% - 2px);}
    .div_btmBtn{display:flex;justify-content: flex-end;flex-wrap: wrap;}
    .div_btmBtn div{order: -1;width: 100%;justify-content: flex-end;}
    .ay2WinTime .time{font-size: 17px;width: 40px;}
    .Road_LtSixBox{display:block;overflow-x:auto;white-space:nowrap}
    .h1_3_Lbox table, .h1_3_Rbox{width: 100%;}
    .LtSix_car td{width: 30px;height: 16px;}
}