.topCtrl {
    width: 100%;
    background-color: #30679e;
    height: 64px;
    font-size: 15px;
    color: #fff;
    position: relative
}

.topMIdLine {
    height: 1px;
    background-color: #4f82b5;
    width: 100%
}

.topBox {
    position: relative;
    width: 1237px
}

.topTime {
    float: left;
    text-align: center;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    width: 225px;
    margin-left: 5px
}

.runMsg {
    float: left;
    margin-left: 42px
}

.runMsgT {
    float: left;
    cursor: pointer;
    color: #ffd800
}

.runMarquee {
    position: relative;
    width: 500px;
    height: 40px;
    overflow: hidden
}

.runMarquee a {
    position: absolute;
    cursor: pointer;
    white-space: nowrap
}

.userLv01 {
    float: left;
    color: #ffb381;
    position: relative
}

.userID {
    float: left;
    margin: 0;
    margin-right: 8px;
    position: relative
}

.userID .divPrompt {
    top: 45px;
    left: 50%
}

.userID:hover .divPrompt {
    display: block
}

.userP {
    float: left;
    color: #F3D929;
    margin: 0 10px;
    cursor: pointer;
    font-size: 18px;
    position: relative
}

.memLevel {
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 12px;
    margin-right: 10px;
    font-size: 0
}

.memLevel img {
    width: 25px;
    height: 25px
}

.divPrompt {
    height: 23px;
    line-height: 23px;
    padding: 0px 5px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    display: none;
    position: absolute;
    transition: all ease 0s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 4px
}

.userLv01 .divPrompt {
    top: 38px;
    left: 50%
}

.userLv01:hover .divPrompt {
    display: block
}

.pointRefesh {
    background: url(/images/graph/main/icon_refresh.svg) no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    opacity: 0.3;
    margin-top: 22px;
    position: relative
}

.pointRefesh:hover {
    opacity: 1
}

.pointRefesh.refreshRun {
    background: url(/images/graph/main/icon_refreshRunTop.gif) no-repeat center;
    background-size: 20px 20px;
    opacity: 1
}

.pointRefesh:hover div {
    display: block
}

.pointRefesh div {
    position: absolute;
    display: none;
    color: #333;
    margin: auto;
    top: 28px;
    right: -30px;
    left: -30px;
    z-index: 400;
    word-break: break-all
}

.pointRefesh div span {
    display: table;
    font-size: 12px;
    padding: 0 5px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 23px;
    text-align: center;
    white-space: nowrap
}

.icon_pT img {
    width: 17px
}

.icon_pT {
    float: left;
    margin-top: 10px
}

.userCtrlR {
    float: left
}

.userCtrlR a {
    text-decoration: none;
    cursor: pointer
}

.btn_userCtrl {
    display: block;
    color: #86c3ff;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    margin-top: 20px;
    margin-left: 7px;
    background: url(/images/graph/main/icon_transfer.svg)no-repeat center bottom;
    background-size: 100%;
    position: relative
}

.btn_userCtrl.servBtn {
    background: url(/images/graph/main/icon_service.svg)no-repeat center top;
    background-size: 100%
}

.btn_userCtrl:hover div,.topMenuItem:hover div {
    display: block
}

.btn_userCtrl div,.topMenuItem div {
    position: absolute;
    display: none;
    color: #333;
    margin: auto;
    top: 28px;
    right: -30px;
    left: -30px;
    z-index: 400;
    word-break: break-all
}

.btn_userCtrl div span,.topMenuItem div span {
    display: table;
    font-size: 12px;
    padding: 0 5px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 23px;
    text-align: center
}

.userCtrlR a.btn_userCtrl:hover {
    background: url(/images/graph/main/icon_transfer.svg)no-repeat center top;
    background-size: 100%
}

.userCtrlR a.btn_userCtrl.servBtn:hover {
    background: url(/images/graph/main/icon_service.svg)no-repeat center bottom;
    background-size: 100%
}

.midArea {
    width: 100%;
    background-color: #30679e;
    height: 35px
}

.logoArea {
    width: 235px;
    float: left
}

.logoArea img {
    height: 40px;
    float: left;
    margin-top: 13px;
    margin-left: 76px
}

.logoArea span {
    float: left;
    color: #92c2f4;
    font-size: 24px;
    line-height: 64px;
    font-weight: bold
}

.topMenu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: left;
    margin-top: 24px;
    margin-left: 180px;
    font-size: 13px
}

.topMenu.rightWay {
    float: right;
    margin: 8px 0px 0 0
}

.topMenu > li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: left;
    height: 18px
}

.topMenu > li:last-child {
    border-right: 0px
}

.topMenu > li > * {
    cursor: pointer
}

.topMenu > li > a {
    float: left;
    padding: 0 15px;
    color: #fff;
    text-decoration: none
}

.topMenu > li > .on {
    color: #ffea01
}

.topMenu > li > a:not(.on):hover {
    color: #92c2f4
}

.topMenu > li > .on:hover {
    opacity: 0.8
}

.topMenuItem {
    float: left;
    padding-left: 15px;
    height: 28px;
    color: #fff
}

.topMenuItem .btn_rightMenu {
    padding-right: 30px;
    position: relative
}

.topMenuItem .btn_rightMenu::after {
    content: "";
    background: url(/images/graph/main/icon_mainarrow.svg) no-repeat;
    background-size: 16px 16px;
    opacity: 0.3;
    top: 0;
    right: 8px;
    position: absolute;
    width: 17px;
    height: 17px
}

.topMenuItem:hover .btn_rightMenu::after {
    opacity: 1
}

.topMenuItem.btn_heart,.topMenuItem.btn_webLine,.topMenuItem.btn_righticon,.topMenuItem.btn_message,.topMenuItem.btn_Clear,.topMenuItem.btn_setting {
    padding: 0;
    margin-left: 15px;
    width: 18px;
    position: relative
}

.topMenuItem.btn_righticon::after {
    content: "";
    background: url(/images/graph/common/btn_volume.svg) no-repeat top;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_righticon.mute::after {
    content: "";
    background: url(/images/graph/common/btn_volume_mute.svg) no-repeat top;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_message a {
    display: none;
    width: 10px;
    height: 10px;
    background-color: #ff0000;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -5px;
    z-index: 5
}

.topMenuItem.btn_message::after {
    content: "";
    background: url(/images/graph/common/btn_inforMail.svg) no-repeat top;
    background-size: 100%;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 13px
}

.topMenuItem.btn_heart::after {
    content: "";
    background: url(/images/graph/common/icon_AnchorList_off.svg) no-repeat top;
    background-size: 100%;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 17px;
    height: 15px
}

.topMenuItem.btn_heart.on::after,.topMenuItem.btn_heart:hover::after {
    background: url(/images/graph/common/icon_AnchorList_on.svg) no-repeat bottom;
    background-size: 100%;
    width: 17px;
    height: 15px
}

.topMenuItem.btn_Clear::after {
    content: "";
    background: url(/images/graph/common/btn_clear.svg) no-repeat top;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_setting::after {
    content: "";
    background: url(/images/graph/common/btn_setting_pc.svg) no-repeat top;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_webLine {
    width: 20px;
    margin-right: 20px
}

.topMenuItem.btn_webLine::after {
    content: "";
    background: url(/images/graph/common/btn_webLine_blue.svg) no-repeat top;
    background-size: 100%;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 20px;
    height: 20px
}

.topMenuItem.btn_message:hover::after {
    content: "";
    background: url(/images/graph/common/btn_inforMail.svg) no-repeat bottom;
    background-size: 100%;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 13px
}

.topMenuItem.btn_setting:hover::after {
    content: "";
    background: url(/images/graph/common/btn_setting_pc.svg) no-repeat bottom;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_Clear:hover::after {
    content: "";
    background: url(/images/graph/common/btn_clear.svg) no-repeat bottom;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_righticon:hover::after {
    content: "";
    background: url(/images/graph/common/btn_volume.svg) no-repeat bottom;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_righticon.mute:hover::after {
    content: "";
    background: url(/images/graph/common/btn_volume_mute.svg) no-repeat bottom;
    background-size: 100%;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 18px;
    height: 18px
}

.topMenuItem.btn_webLine:hover::after {
    content: "";
    background: url(/images/graph/common/btn_webLine_blue.svg) no-repeat bottom;
    background-size: 100%;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 20px;
    height: 20px
}

.topMenuItem.btn_webLine .change_dropdown {
    right: -37px;
    width: 95px
}

.topMenuItem.btn_webLine .change_dropdown:after {
    right: 0;
    left: 0;
    margin: auto;
    width: 0
}

.topMenuItem.btn_webLine:hover .change_dropdown {
    display: block
}

.topMenuItem.btn_infor.hover .change_dropdown {
    display: block
}

.topMenuItem.hover .btn_rightMenu::after {
    opacity: 1
}

.topMenuItem.hover.btn_righticon::after,.topMenuItem.hover.btn_webLine::after {
    background-position-y: bottom
}

.topMenuTitle {
    float: right;
    margin-right: 20px;
    display: table;
    line-height: 64px
}

.change_dropdown:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 9px 8px 9px;
    border-color: transparent transparent #fff transparent;
    top: -8px;
    right: 8px
}

.mainArea {
    width: 100%;
    height: 100%
}

.btmTable {
    width: 100%;
    height: 1000px;
    border-spacing: 0px;
    border-collapse: separate;
    table-layout: fixed
}

.btmTable [class*="btmTable_"] {
    vertical-align: top;
    box-sizing: border-box
}

.btmTable_L {
    width: 230px;
    height: 100%;
    padding: 5px 0 0 5px
}

.btmTable_C {
    position: relative;
    width: calc(100% - 672px);
    height: 100%;
    padding: 5px 5px 0 5px
}

.btmTable_R {
    width: 229px;
    padding: 5px 0 0 0
}

.btmTable_R2 {
    width: 422px;
    margin: 5px 5px 0 5px;
    background: #fff;
    position: relative;
    height: 866px;
}

.btmTable_C_In {
    position: relative;
    width: 100%;
    height: 103%
}

.leftMenu {
    position: relative;
    margin: 1px auto auto;
    width: 100%;
    height: calc(100% - 37px);
    box-sizing: border-box;
    border-right: 1px solid #ccc
}

.rightMainBet {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.leftMenuOuter {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.leftMenuOuter:after {
    content: '';
    width: 100%;
    display: table;
    height: 10px
}

.leftMenuTop {
    background-color: #4984bf;
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-bottom: 1px solid #3474b4;
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

.leftMenuList {
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

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

.borderLine {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #aaa;
    margin: 0 5px
}

.btn_leftMenu {
    height: 33px;
    line-height: 33px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    position: relative
}

.btn_leftMenu:hover {
    background-color: #f5a13e
}

.btn_leftMenu.on {
    background-color: #f5a13e
}

.btn_leftMenu.on ~ .leftMenuSecond {
    display: block
}

.btn_leftMenu:hover .leftName {
    color: #000
}

.btn_leftMenu.on span.leftName {
    color: #000
}

.btn_leftMenu.on span.todayText.single {
    color: #f00
}

.btn_leftMenu.fixed.on span.leftName {
    color: #333
}

.btn_leftMenu.fixed.on span.todayText {
    color: #666
}

.btn_leftMenu .todayText.flag {
    position: absolute;
    right: 20px
}

.btn_leftmenuTW {
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    background-color: #4984bf;
    border-top: 1px solid #92c2f4;
    z-index: 20
}

.btn_leftmenuTW:hover {
    background-color: #5092d3
}

.btn_leftmenuTW .leftName {
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    font-weight: 400
}

.leftIcon.arrowDTw {
    background: url(/images/graph/main/icon_mainarrow.svg) no-repeat center;
    background-size: 20px auto
}

.leftIcon.arrowUTw {
    background: url(/images/40/icon_mainarrowUp.svg) no-repeat center;
    background-size: 20px auto
}

.icon_listShow {
    background: url(/images/graph/main/icon_listShow.svg) no-repeat center;
    background-size: 18px 18px;
    width: 50px;
    height: 35px;
    float: left;
    opacity: 0.3;
    cursor: default
}

.btn_leftMenu_switch {
    background: url(/images/graph/main/btn_arrow_w.svg) no-repeat center;
    background-size: 20px 20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 40px;
    height: 35px;
    float: right;
    cursor: pointer;
    opacity: 0.3
}

.btn_leftMenu_switch:hover {
    opacity: 1
}

.timeCount {
    float: right;
    color: #ffd800;
    font-size: 15px
}

.icon_refresh {
    background: url(/images/graph/main/icon_refresh.svg) no-repeat center;
    background-size: 20px 20px;
    width: 40px;
    height: 35px;
    float: right;
    cursor: pointer;
    opacity: 0.3
}

.icon_refresh:hover {
    opacity: 1
}

.icon_refresh.refreshRun {
    background: url(/images/graph/main/icon_refreshRun.gif) no-repeat center;
    background-size: 20px 20px;
    opacity: 1
}

.leftIcon {
    width: 50px;
    float: left;
    position: relative;
    height: 33px
}

.leftIcon img {
    max-height: 23px;
    max-width: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto
}

#liLeftMenu_9 .leftIcon img,#liLeftMenu_15 .leftIcon img,#liLeftMenu_156 .leftIcon img,#liLeftMenu_162 .leftIcon img,#liLeftMenu_163 .leftIcon img,#liLeftMenu_166 .leftIcon img,#liLeftMenu_167 .leftIcon img,#liLeftMenu_171 .leftIcon img,#liLeftMenu_172 .leftIcon img,#liLeftMenu_173 .leftIcon img,#liLeftMenu_174 .leftIcon img,#liLeftMenu_175 .leftIcon img {
    height: 100%
}

.leftName {
    float: left;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 33px
}

.todayText {
    color: #f00;
    float: right;
    margin-right: 10px;
    font-weight: normal;
    font-size: 12px;
    background-image: url(/images/graph/main/bg_counter.jpg);
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    width: 35px;
    height: 30px;
    text-align: center;
    height: 18px;
    line-height: 19px;
    margin-top: 7px
}

.leftMenuSecond {
    font-size: 13px;
    border-top: 1px solid #ccc;
    display: none
}

.icon_leftMenuSecond_arrow {
    display: none
}

.leftMenuSub {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.leftMenuSub_T {
    display: none
}

.frontP, .frontF {
    position: relative;
    display: block;
    font-weight: bold;
    float: left;
    width: 50px;
    height: 28px;
    text-align: center;
    color: rgba(0,0,0,0)
}

.leftMenuSub li {
    background-color: #fff;
    color: #555;
    border-bottom: 1px solid #e5e5e5;
    line-height: 27px;
    cursor: pointer
}

.leftMenuSub li:last-child {
    border-bottom: 0px
}

.leftMenuSub li.selected {
    background-color: #ffefa7
}

.leftMenuSub li.selected .AnchorName:after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 28px 0px;
    border-color: transparent transparent #ffefa7 transparent
}

.leftMenuSub li.selected a {
    color: #007fff
}

.leftMenuSub li.selected .todayTime {
    color: #007fff
}

.leftMenuSub li.selected.fixed .todayTime {
    color: #888
}

.leftMenuSub li.selected .frontP {
    background: url(/images/graph/main/icon_checkR.svg)no-repeat center;
    background-size: 30%
}

.leftMenuSub li:hover a {
    color: #007fff
}

.leftMenuSub li:hover {
    background-color: #ffefa7
}

.leftMenuSub li:hover .AnchorName:after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 28px 0px;
    border-color: transparent transparent #ffefa7 transparent
}

.leftMenuSub li.fixed a {
    color: #888
}

.leftMenuSub li.fixed:hover span.todayTime {
    color: #888
}

.leftMenuSub li.fixed:hover a {
    color: #888
}

.leftMenuSub li a {
    height: 27px;
    line-height: 27px;
    color: #000;
    text-decoration: none;
    font-size: 13px
}

.todayTime {
    color: #888;
    font-size: 12px;
    float: right;
    margin-right: 10px
}

.leftTInfo {
    background-color: #f3f3f3;
    line-height: 20px;
    padding: 3px 0;
    border-bottom: 1px solid #e5e5e5
}

.leftTInfo div {
    margin-left: 20px
}

.leftTInfo div span {
    color: #f00
}

.change_dropdown {
    color: #000;
    width: 100%;
    font-size: 13px;
    position: absolute;
    z-index: 399;
    border-radius: 4px;
    list-style-type: none;
    top: 28px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    display: none
}

.change_dropdown li {
    width: 100%;
    border: none;
    padding: 0px;
    height: 30px;
    margin: 0px;
    border-bottom: 1px solid #eeeeee
}

.change_dropdown li:last-child {
    border-bottom: none
}

.change_dropdown li:nth-child(1) a {
    border-radius: 4px 4px 0 0
}

.change_dropdown li:last-child a {
    border-radius: 0 0 4px 4px
}

.change_dropdown li a {
    background-color: #f9f9f9;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    text-decoration: none;
    width: 100%;
    color: #333333;
    cursor: pointer;
    text-align: center
}

.change_dropdown li a.bet_result {
    color: #fe7e03
}

.change_dropdown li a.on,.change_dropdown li a:hover {
    color: #fff;
    background-color: #0080ff
}

.lineChgArea {
    position: relative
}

.leftmenu_hotgif {
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 10;
    background: url(/images/graph/main/leftmenu_iconhot.gif);
    width: 65px;
    height: 38px
}

.leftmenu_newgif {
    position: absolute;
    top: -4px;
    right: 0px;
    z-index: 10;
    background: url(/images/graph/main/leftmenu_iconnew.gif);
    width: 65px;
    height: 38px
}

.leftmenu_livegif {
    position: absolute;
    right: 0px;
    z-index: 10;
    background: url(/images/graph/main/leftmenu_iconlive.svg) no-repeat 25% 50%;
    width: 50px;
    height: 33px;
    background-size: 70%
}

.chipSet {
    position: relative
}

.chipBox {
    display: none;
    position: absolute;
    margin: auto;
    width: 535px;
    height: 194px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100
}

.bg_chipBox {
    position: relative;
    -moz-user-select: none;
    border-radius: 5px;
    width: 535px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    z-index: 10;
    box-sizing: border-box;
    border: 4px solid #c5cdd9;
    padding: 10px
}

.chipEnter_moneyBox,.chipEnter_moneyBox02 {
    position: absolute;
    width: 280px;
    height: 106px;
    z-index: 1;
    left: -94px;
    top: 109px;
    cursor: default;
    pointer-events: initial;
    padding: 20px 5px;
    box-sizing: border-box;
    display: none
}

.chipEnter_moneyBox02 {
    left: -24px
}

.Enter_moneyT {
    float: left;
    margin: 0px 0px 0 10px;
    line-height: 21px
}

.Enter_moneyT div {
    float: right;
    color: #000;
    font-family: Arial;
    margin-left: 5px
}

.Enter_money_enter {
    font-family: Arial;
    width: 170px;
    height: 30px;
    line-height: 30px;
    float: left;
    background-color: #fff;
    border: 1px solid #4884c0;
    box-sizing: border-box;
    border-radius: 3px;
    color: #000;
    box-sizing: border-box;
    font-size: 16px;
    padding-left: 10px;
    margin: 15px 0 0 7px
}

.Enter_money_btn {
    width: 80px;
    height: 30px;
    line-height: 30px;
    float: left;
    background-color: #427fd0;
    color: #fff;
    border-radius: 3px;
    margin: 15px 0 0 7px;
    cursor: pointer
}

.Enter_money_btn:hover {
    opacity: 0.9
}

.chipEnter_moneyCancel {
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(/images/graph/main/icon_depart.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 17px;
    right: 11px;
    cursor: pointer;
    z-index: 1
}

.chipEnter_moneyCancel:hover {
    opacity: 0.6
}

.chipEnter_money {
    position: absolute;
    width: 270px;
    height: 90px;
    background-color: #fff;
    border-radius: 3px;
    border: 4px solid #c5cdd9;
    left: 0;
    top: 0;
    z-index: -1
}

.chipEnter_money:before {
    content: '';
    width: 0;
    height: 0;
    border: 10px solid;
    position: absolute;
    top: -20px;
    left: 128px;
    border-color: transparent transparent #fff transparent;
    z-index: 1
}

.chipEnter_money:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent #c5cdd9;
    visibility: inherit;
    top: -16px;
    left: 125px
}

.chipTop {
    position: relative;
    border-bottom: 1px solid #d5d5d5;
    padding: 0px 8px 10px;
    text-align: center;
    font-size: 18px
}

.chipTop .chip_close {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(/images/graph/main/icon_depart.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 1
}

.chipTop .chip_close:hover {
    opacity: 0.6
}

.chipBot {
    border-bottom: 0;
    padding: 5px 8px 0 8px
}

.chipBot span {
    float: left;
    color: #3089e2;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 5px
}

.chipBtn {
    float: right
}

.chipMask {
    width: 1000px;
    height: 100%;
    position: absolute;
    background-image: url(/images/graph/lottery/bg_cover.png);
    display: none;
    top: 5px;
    left: 5px;
    z-index: 99
}

.chose_Btn {
    font-family: "微軟正黑體",Arial;
    height: 30px;
    width: 80px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    border: 0 none;
    color: #fff;
    background-color: #427fd0;
    cursor: pointer;
    margin: 0 auto 10px auto
}

.chose_Btn.gray {
    background-color: #666;
    margin-right: 5px
}

.chose_Btn.gray:hover[type="button"] {
    background-color: #969696
}

.chose_Btn:hover[type="button"] {
    background-color: #5e8ece
}

.chipNum {
    width: 100%;
    height: 50px;
    margin: 10px auto 0px auto;
    float: left
}

.chipNum input[type=button] {
    border: 0px;
    width: 62px;
    height: 38px;
    padding-bottom: 4px;
    font-size: 13px;
    cursor: pointer;
    margin: 0px 5px;
    float: left;
    color: #fff
}

.chipNum input[type=button]:hover {
    margin-top: 3px
}

.chipNumNone {
    opacity: 0.3
}

.btn_Custom {
    position: relative;
    border: 0px;
    width: 62px;
    height: 38px;
    line-height: 34px;
    padding-left: 5px;
    padding-bottom: 4px;
    font-size: 13px;
    cursor: pointer;
    margin: 0px 2px;
    float: left;
    color: #fff;
    text-align: center
}

.btn_edit {
    display: block;
    position: absolute;
    top: -7px;
    right: -5px;
    width: 20px;
    height: 20px;
    background-image: url(/images/graph/main/img_editChips.png);
    background-size: 100%;
    opacity: 0.8
}

.chipNum input[type=button] {
    border: 0px;
    width: 62px;
    height: 38px;
    padding-bottom: 4px;
    font-size: 13px;
    cursor: pointer;
    margin: 0px 5px;
    float: left;
    color: #fff
}

.chipNum input[type=button]:hover {
    margin-top: 3px
}

.chipNumNone {
    opacity: 0.3
}

.icon_chip_1 {
    background: none;
    background-image: url(/images/graph/main/icon_chip1.png)
}

.icon_chip_5 {
    background: none;
    background-image: url(/images/graph/main/icon_chip5.png)
}

.icon_chip_10 {
    background: none;
    background-image: url(/images/graph/main/icon_chip10.png)
}

.icon_chip_20 {
    background: none;
    background-image: url(/images/graph/main/icon_chip20.png)
}

.icon_chip_30 {
    background: none;
    background-image: url(/images/graph/main/icon_chip30.png)
}

.icon_chip_40 {
    background: none;
    background-image: url(/images/graph/main/icon_chip40.png)
}

.icon_chip_50 {
    background: none;
    background-image: url(/images/graph/main/icon_chip50.png)
}

.icon_chip_100 {
    background: none;
    background-image: url(/images/graph/main/icon_chip100.png)
}

.icon_chip_200 {
    background: none;
    background-image: url(/images/graph/main/icon_chip200.png)
}

.icon_chip_500 {
    background: none;
    background-image: url(/images/graph/main/icon_chip500.png)
}

.icon_chip_1000 {
    background: none;
    background-image: url(/images/graph/main/icon_chip1K.png)
}

.icon_chip_2000 {
    background: none;
    background-image: url(/images/graph/main/icon_chip2K.png)
}

.icon_chip_5000 {
    background: none;
    background-image: url(/images/graph/main/icon_chip5K.png)
}

.icon_chip_10000 {
    background: none;
    background-image: url(/images/graph/main/icon_chip10K.png)
}

.icon_chip_Custom01 {
    background: none;
    background-image: url(/images/graph/main/img_goldChips.png);
    background-position: -3px -7px;
    background-size: 112%
}

.icon_chip_Custom02 {
    background: none;
    background-image: url(/images/graph/main/img_silverChips.png);
    background-position: -3px -7px;
    background-size: 112%
}

.icon_chip_Custom01:hover {
    background: none;
    background-image: url(/images/graph/main/img_goldChips_on.png);
    background-position: -3px -7px;
    background-size: 112%
}

.icon_chip_Custom02:hover {
    background: none;
    background-image: url(/images/graph/main/img_silverChips_on.png);
    background-position: -3px -7px;
    background-size: 112%
}

.icon_chip_Custom01:hover .btn_edit,.icon_chip_Custom02:hover .btn_edit {
    opacity: 1
}

.liveShow {
    height: 373px;
    background-color: #ccc;
    position: relative;
    width: 800px;
    text-align: center
}

.liveMask {
    height: 410px;
    background-color: #ccc;
    width: 1002px;
    margin-bottom: -6px;
    text-align: center;
    position: absolute;
    z-index: 1
}

.liveMask div {
    padding: 20px;
    border-spacing: 0px;
    font-family: "微軟正黑體",Arial;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin: 230px 445px 0px 55px
}

.liveMask span {
    vertical-align: bottom;
    line-height: 42px
}

.liveMask img {
    width: 35px
}

.liveMask a {
    color: red
}

.btmTime {
    width: 112px;
    height: 74px;
    position: absolute;
    right: 12px;
    top: 269px;
    display: none
}

.gameCount {
    width: 65px;
    height: 65px;
    line-height: 65px;
    bottom: 8px
}

.bg_gameCount {
    background: url(/images/graph/common/bg_gameCount.svg) no-repeat center;
    background-size: 100%;
    width: 100%;
    height: 100%
}

.bg_gameCount_line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: 1.5s linear 0s normal none infinite rotate_s;
    -webkit-animation: 1.5s linear 0s normal none infinite rotate_s
}

.sec30 .bg_gameCount_line {
    background: url(/images/graph/common/bg_gameCount_blue.svg) no-repeat center;
    background-size: 94%
}

.sec10 .bg_gameCount_line {
    background: url(/images/graph/common/bg_gameCount_red.svg) no-repeat center;
    background-size: 94%
}

@-webkit-keyframes rotate_s {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate_s {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate_s {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

.gameCount_Num {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 2em;
    color: #fff;
    z-index: 99
}

.gameCount_Num:before {
    content: '';
    width: 1px;
    height: 109%;
    margin-left: -1px;
    display: inline-block;
    vertical-align: middle
}

.sec10 .gameCount_Num {
    color: #f00
}

.sec30 .gameCount_Num {
    color: #fff
}

.btmTime_Small {
    background-image: url(/images/graph/main/bg_countDown.png);
    background-size: contain;
    width: 75px;
    height: 50px;
    position: absolute;
    left: 650px;
    top: 135px;
    display: none
}

.countDown {
    background-image: url(/images/graph/main/countDown.gif);
    width: 112px;
    height: 74px;
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-size: 30px;
    line-height: 74px;
    display: none
}

.countDown_Small {
    background-image: url(/images/graph/main/countDown.gif);
    background-size: 97%;
    width: 75px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-size: 18px;
    line-height: 50px;
    display: none
}

#divMypurseIframe {
    cursor: pointer;
    top: 140px;
    left: 200px;
    position: absolute;
    z-index: 1000
}

#divMypurseIframe .head_closenew {
    background-image: url(/images/graph/main/btn_fastTransClose.svg);
    position: absolute;
    top: 15px;
    right: 15px;
    height: 22px;
    width: 22px;
    cursor: pointer;
    background-color: transparent;
    border: 0
}

#divMypurseIframe.ku {
    left: 235px
}

#divMypurseIframe.ku .head_closenew {
    background-image: url(/images/graph/main/btn_fastTransClose_ku.png);
    opacity: 1
}

#divMypurseIframe.ku .head_closenew:hover {
    opacity: 0.5
}

.mypurseHeight {
    width: 508px;
    height: 440px
}

.mypurseHeight.ku {
    width: 428px;
    height: 360px;
    border-radius: 5px
}

.menuMask {
    z-index: 999;
    width: 1285px;
    height: 100%;
    position: fixed;
    background-image: url(/images/graph/lottery/bg_cover.png)
}

@media (min-width: 1285px) {
    .menuMask {
        width:100%
    }
}

.rightBetBox {
    position: relative;
    height: 832px;
    min-height: 617px;
    max-height: 832px;
    float: left
}

.newBet {
    width: 229px;
    display: block;
    height: calc(100% - 5px)
}

.newBetT {
    width: 100%;
    height: 35px;
    background-color: #4984c0;
    color: #fff;
    text-align: center;
    line-height: 35px;
    position: relative;
    font-size: 15px;
    font-weight: bold
}

.newBetT_list {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    cursor: pointer
}

.newBetT_list.on {
    line-height: 35px;
}

.newBetB_box {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 36px;
    bottom: 0px;
    left: 0px;
    right: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-sizing: border-box
}

.newBetB {
    box-sizing: border-box;
    color: #000;
    padding-bottom: 5px;
    font-weight: bold
}

@media (min-height: 910px) {
    .newBetB {
        height:calc(100% - 40px)
    }
}

.newBetB > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100px;
    text-align: center;
    color: #555
}

.newBetB > div img {
    margin: 0 80px 15px;
    display: block
}

.newBetB li {
    width: calc(100% - 12px);
    border: 1px solid #ccc;
    margin: 5px auto 0
}

.newBetB li > div {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 6px;
    box-sizing: border-box
}

.newBet_T {
    position: relative;
    background-color: #f5f5f5;
    text-align: left
}

.newBet_C {
    font-size: 13px !important;
    text-align: left
}

.newBet_C div {
    margin: 5px 1px
}

.newBet_C .red_t span {
    color: #000
}

.newBet_C .red_t div {
    color: #f00
}

.newBet_B {
    border-bottom: none !important;
    text-align: left;
    font-family: "微軟正黑體"
}

.newBet_Bump {
    font-size: 14px;
    font-family: "微軟正黑體";
    float: left
}

.newBet_Bump span {
    color: #00e;
    margin-right: 10px
}

.gray_t {
    color: #555
}

.blue_t, .blue_t span {
    color: #0074dd
}

.red_t, .red_t span {
    color: #f00;
    word-wrap: break-word
}

.lightgray_t {
    color: #888888
}

.lightblue_t {
    color: #499ce6
}

.lightred_t {
    color: #ff4747;
    word-wrap: break-word
}

.newBetB li .icon_show {
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    right: 8px;
    width: 19px;
    opacity: 0.6;
    cursor: pointer
}

.newBetB li .icon_show:hover {
    opacity: 1
}

.newBet_B span {
    color: #000
}

.newBet_B .blue_t {
    color: #0000ff
}

.newBet_B .total {
    color: #000;
    float: right
}

.eso_red_t {
    color: #f00;
    word-wrap: break-word;
    padding: 1px 6px
}

.eso_red_t span {
    color: #000
}

.bg_allMask {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 103
}

.AVLive_img {
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 795px;
    max-width: 795px;
    max-height: 620px;
    z-index: 1000
}

.AVLiveBox {
    position: absolute;
    margin: auto;
    bottom: -50px;
    right: 0;
    left: 0;
    width: 275px
}

.btn_AVcheckbox {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    margin: 0px 11px;
    cursor: pointer;
    user-select: none
}

.btn_AVcheckbox:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url(/images/graph/common/icon_checkbox.png) no-repeat top;
    background-size: 100% auto;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top
}

.btn_AVcheckbox.on:before {
    background-position: bottom
}

.btn_AVclose {
    display: inline-block;
    background-color: rgba(154,0,0,0.6);
    font-size: 15px;
    color: #fff;
    border-radius: 3px;
    padding: 0 20px;
    line-height: 30px;
    margin: 0px 4px;
    cursor: pointer
}

.btn_AVclose:hover {
    background-color: rgba(232,0,0,0.6)
}

.btmTable_L.ZoomOut {
    width: 65px
}

.ZoomOut .btn_leftMenu_switch {
    background-position: 52% 50%
}

.ZoomOut .leftIcon {
    width: 60px
}

.ZoomOut .btn_leftMenu_switch {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.ZoomOut .icon_listShow {
    display: none
}

.ZoomOut .leftMenuTop {
    font-size: 0
}

.ZoomOut .btn_leftMenu_switch {
    width: 100%
}

.ZoomOut .leftName,.ZoomOut .leftmenu_livegif,.ZoomOut .leftmenu_hotgif,.ZoomOut .leftTInfo,.ZoomOut .frontP,.ZoomOut .todayText {
    display: none
}

.ZoomOut #ulLeftMenuListTw {
    display: block !important
}

.ZoomOut .leftMenuSecond {
    position: fixed;
    min-width: 195px;
    left: 70px;
    white-space: nowrap;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    border-top: 0;
    z-index: 2
}

.ZoomOut .leftMenuSecond:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7px;
    width: 7px
}

.ZoomOut .icon_leftMenuSecond_arrow {
    display: block;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent #f5a13e transparent transparent;
    position: absolute;
    left: -8px;
    top: 10px
}

.ZoomOut .leftMenuSecond.bottom .icon_leftMenuSecond_arrow {
    border-color: transparent #fff transparent transparent;
    top: auto;
    bottom: 10px
}

.ZoomOut .leftMenuSecond.middle .icon_leftMenuSecond_arrow {
    border-color: transparent #fff transparent transparent;
    position: fixed;
    left: 62px
}

.ZoomOut .leftMenuSub li {
    height: 33px;
    line-height: 33px;
    padding: 0 5px;
    font-size: 14px
}

.ZoomOut .leftMenuSub li a {
    margin-right: 10px
}

.ZoomOut li.leftMenuSub_T {
    background-color: #f5a13e;
    color: #000;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    position: relative
}

.ZoomOut li.leftMenuSub_T .leftmenu_livegif {
    position: static;
    display: block;
    float: right;
    background-position: center;
    background-size: 35px auto;
    width: 35px
}

.ZoomOut li.leftMenuSub_T .todayText {
    display: block;
    margin-right: 0
}

.leftMenuSub li .AnchorName:after {
    z-index: -1
}

.ZoomOut li .leftMenuSub .frontP {
    display: block;
    width: 35px;
    height: 31px;
    background-size: 44%
}

.ZoomOut .todayTime {
    margin-right: 0
}

.ZoomOut .scroll-bar {
    pointer-events: none
}

.chatroom_box {
    position: absolute;
    top: 36px;
    bottom: 0px;
    left: 0px;
    right: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-sizing: border-box
}

.chatroom_mask {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 4
}

.chatroom_mask.connecting {
    display: block
}

.chatroom_mask img {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.chatroom_mask span {
    color: #EFEFEF;
    position: absolute;
    top: 55%;
    width: 100%;
    left: 0px
}

.chatroom_mask.gift {
    z-index: 2
}

.chatroomT {
    height: 39px;
    line-height: 39px;
    position: relative;
    font-size: 15px;
    text-align: center;
    z-index: 3
}

.chatroomT.on:after {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -5px
}

.chatroomT_T {
    background-color: #f3f3f3;
    color: #0072dd;
    border-bottom: 1px solid #ccc;
    position: relative
}

.chatroomT_Dropdown {
    cursor: pointer
}

.chatroomT_Dropdown:after {
    content: '';
    background: url(/images/graph/common/btn_arrow_b.svg) no-repeat center;
    background-size: 15px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 100%;
    opacity: 0.4
}

.chatroomT_In {
    right: 0;
    top: 40px;
    width: 175px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px
}

.chatroomT_In:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #cfcfcf transparent;
    position: absolute;
    right: 7px;
    top: 29px
}

.chatroomT_In:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f8f8f8 transparent;
    position: absolute;
    right: 7px;
    top: 30px
}

.chatroomT_scroll {
    max-height: 360px;
    overflow-y: auto;
    border-radius: 4px;
    list-style: none
}

.chatroomT_scroll.scroll-content.scroll-scrolly_visible:after {
    display: none
}

.chatroomT_In li {
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc
}

.chatroomT_In li:hover,.chatroomT_In li.on {
    background-color: #0080ff;
    color: #fff;
    cursor: pointer
}

.chatroom_scroll {
    position: absolute;
    top: 36px;
    bottom: 302px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px
}

.chatroom_scroll.scroll-content.scroll-scrolly_visible:after {
    height: 30px
}

.talk_L,.talk_R {
    display: table;
    margin: 13px 10px 0
}

.talk_L li,.talk_R li {
    display: table-cell;
    vertical-align: top
}

.talk_R .show_In,.talk_L .show_In {
    background-color: #d8f4fc;
    border-radius: 8px;
    float: right;
    padding: 5px;
    cursor: pointer
}

.talk_L .show_In {
    background-color: #fff2cc;
    margin-top: 10px
}

.talk_R .show_In ul,.talk_L .show_In ul {
    list-style: none
}

.talk_R .show_In ul li,.talk_L .show_In ul li {
    position: relative;
    display: block;
    width: 192px;
    padding-left: 5px;
    font-size: 13px;
    color: #ff4747;
    line-height: 23px;
    font-weight: bold
}

.talk_R .show_In ul li:first-child,.talk_L .show_In ul li:first-child {
    font-size: 14px;
    color: #000
}

.talk_R .show_In ul li:nth-child(2),.talk_L .show_In ul li:nth-child(2) {
    color: #888888
}

.talk_R .show_In ul li:nth-child(3),.talk_L .show_In ul li:nth-child(3) {
    color: #499ce6
}

.talk_R .show_In ul li:nth-child(4),.talk_L .show_In ul li:nth-child(4) {
    color: #ff4747;
    word-break: break-word
}

.talk_R .show_In ul li.show_num,.talk_L .show_In ul li.show_num {
    color: #000
}

.talk_R .show_In ul li .blue_t,.talk_L .show_In ul li .blue_t {
    color: #0000ff
}

.talk_Icon {
    padding-right: 9px
}

.talk_Icon img {

    width: 25px;
    height: 25px
}

.talk_data {
    font-size: 13px;
    color: #777;
    line-height: 17px;
    margin-bottom: 3px
}

.talk_R .talk_data {
    text-align: right
}

.nameList0 {
    color: #32a890
}

.nameList1 {
    color: #836634
}

.nameList2 {
    color: #e5ac48
}

.nameList3 {
    color: #777
}

.nameList4 {
    color: #8c56d0
}

.nameList5 {
    color: #d85352
}

.nameList99 {
    color: #f668b2
}

.chatMC {
    padding-left: 10px;
    color: #f65bb1;
    display: none
}

.chatroomT_Dropdown.on:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

#divDisplay {
    font-family: Arial,"微軟正黑體",segoe ui symbol
}

#divDisplay::after {
    height: 30px
}

.talk_text {
    display: table;
    table-layout: fixed;
    width: 100%
}

.talk_textIn {
    background-color: #f3f3f3;
    border-radius: 0 8px 8px 8px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
    max-width: 100%;
    float: left
}

.talk_textInImg {
    border-radius: 0 8px 8px 8px;
    padding: 5px;
    box-sizing: border-box;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
    max-width: 100%;
    float: left
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .talk_textIn {
        word-break:break-word
    }
}

.talk_textIn img,.talk_textInImg img {
    width: 26px;
    height: auto;
    vertical-align: sub;
    margin: 0 1px
}

.talk_textIn .inputComic,.talk_textInImg .inputComic {
    width: 95px;
    height: 95px;
    background-size: auto 96%
}

.talk_R .talk_textIn {
    background-color: #d8f4fc;
    border-radius: 8px 0 8px 8px;
    float: right;
    max-width: calc(100% - 37px)
}

.talk_R .talk_textInImg {
    border-radius: 8px 0 8px 8px;
    float: right;
    max-width: calc(100% - 37px)
}

.level0.talk_textIn {
    background-color: #FFEA96
}

.level99.talk_textIn {
    background-color: #FFE4EC
}

.chatTag,.chatTag_send {
    color: #2779c7;
    margin-right: 2px
}

.chatTag_send {
    padding: 2px;
    border-radius: 3px;
    background-color: #b3daff;
    display: inline-block
}

.talkGift_box {
    padding: 0 10px;
    margin-top: 13px
}

.talkGift {
    display: table;
    margin: 0 auto;
    background-color: #ffe4ec;
    border-radius: 5px;
    position: relative;
    padding: 5px 8px 5px 34px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 22px
}

.talkGift.attention {
    background-color: #fff;
    border: 2px solid #FF789C;
    box-sizing: border-box;
    padding: 3px 7px
}

.talkGift.attention .talkGift_ID {
    color: #0079D2
}

.talkGift_AnchorBox {
    display: inline-block;
    padding-top: 2px
}

.talkGift_Icon {
    width: 22px;
    height: 22px;
    margin: -4px 3px 0 -23px;
    display: inline-block;
    vertical-align: middle
}

.talkGift_Icon.FocusList_Icon {
    margin: -4px 3px 0 3px
}

.talkGift_ID,.talkGift_Anchor,.talkGift_name {
    display: inline-block
}

.talkGift_ID {
    padding-right: 3px
}

.talkGift_Anchor {
    color: #f46cb8;
    padding: 0 3px
}

.talkGift_Img {
    width: auto;
    height: auto;
    max-width: 33px;
    max-height: 25px;
    vertical-align: middle;
    line-height: 22px;
    margin: -6px 0 -4px;
    padding-left: 3px
}

.AL_reel.chatroom_scroll.scroll-content.scroll-scrolly_visible:after {
    height: 0px
}

#divChatRoomAlert {
    display: none;
    width: 227px;
    position: absolute;
    bottom: 45px;
    text-align: center
}

#divChatRoomAlert a {
    display: table;
    margin: 0 auto;
    padding: 4px 20px;
    background-color: #4884c0;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    line-height: 17px
}

.chatroom_bottom {
    position: absolute;
    bottom: 270px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 5px 0 5px 10px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.chatroom_bottom.ku {
    bottom: 300px
}

.chatroomKey {
    position: relative;
    float: left;
    margin-left: 0px;
    width: 175px;
    background-color: #fff;
    border-radius: 3px;
    padding: 4px 0 4px 5px;
    border: 1px solid #4884c0;
    box-sizing: border-box
}

.chatroom_bottom.off .chatroomKey:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px
}

.keyText {
    width: calc(100% - 50px);
    float: left;
    font-size: 15px;
    max-height: 39px;
    min-height: 18px;
    line-height: 18px;
    overflow: hidden;
    outline: none;
    word-break: break-all;
    word-wrap: break-word;
    cursor: text
}

.keyText:after {
    display: none
}

.keyText:empty:before {
    content: attr(placeholder);
    color: #aaaaaa
}

.keyText:focus:before {
    content: ''
}

.chatroomKey.noShowBet .keyText {
    width: calc(100% - 35px)
}

.chatroom_bottom.noText .faceIcon,.chatroom_bottom.noText .keyText,.chatroom_bottom.off .faceIcon {
    display: none
}

.chatroom_bottom.noText .keyTextOff {
    display: block;
    width: 100%;
    height: 100%;
    color: rgba(116,116,116,1)
}

.chatroom_bottom.noText .btn_talkSend {
    pointer-events: none;
    opacity: 0.2
}

.chatroom_bottom.noText .chatroomKey:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204,204,204,1);
    border-radius: 3px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .keyText {
        word-break:break-word
    }
}

@media screen and (min-width: 0\0) {
    .chatroomKey {
        padding:4px 0 3px 5px
    }

    .keyText {
        max-height: 35px;
        min-height: 20px;
        line-height: normal
    }
}

.keyText img {
    width: 18px;
    height: auto;
    margin: 0 1px;
    vertical-align: sub
}

.chatroom_bottom.off .keyText {
    display: none
}

.keyTextOff {
    width: 100%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: none
}

.chatroom_bottom.off .keyTextOff {
    display: block
}

.inlineBlock {
    display: inline-block
}

.faceIcon {
    width: 30px;
    height: calc(100% + 12px);
    position: absolute;
    right: 0;
    top: -6px;
    bottom: 0;
    cursor: pointer
}

.chatroom_bottom.off .faceIcon {
    pointer-events: none
}

.btn_faceIcon {
    width: 20px;
    height: 20px;
    background: url(/images/graph/common/btn_faceIcon.svg) no-repeat top;
    background-size: 100%;
    position: absolute;
    right: 4px;
    bottom: 10px
}

.btn_faceIcon.on {
    background: url(/images/graph/common/btn_keyboard.svg) no-repeat center;
    background-size: 100%
}

.btn_faceIcon:hover {
    opacity: 0.8
}

.faceList_box {
    position: absolute;
    bottom: -271px;
    right: -43px;
    display: none;
    width: 227px;
    z-index: 3;
    background-color: #f2f2f2;
    padding-bottom: 2px
}

.faceList_title {
    width: 100%;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc
}

.faceList_title li {
    float: left;
    width: calc(100% / 6);
    cursor: pointer;
    list-style: none;
    padding: 5px 0 4px
}

[class*="btn_comic_"].on,[class*="btn_comic_"]:hover {
    background-color: #cae1f5
}

.faceList_title li img {
    width: 30px;
    height: 30px;
    display: block;
    margin: auto
}

.faceList_title li:first-child img {
    width: 26px;
    height: 26px;
    padding: 2px 0
}

.faceList_scroll {
    height: 230px;
    margin: 0 auto;
    background-color: #f2f2f2;
    overflow-y: auto;
    overflow-x: hidden
}

[class*="iconComic_"] {
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    display: none
}

[class*="iconComic_"] img:hover {
    border: 3px solid #cae1f5
}

[class*="iconComic_"] td {
    width: calc(100% / 3);
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    font-size: 12px
}

[class*="iconComic_"]:first-child td {
    width: auto;
    height: 54px
}

[class*="iconComic_"] img {
    height: 70px;
    box-sizing: border-box;
    border: 3px solid #fff
}

[class*="iconComic_"]:first-child img {
    height: 42px
}

.iconComic_faceList tr:first-child img {
    height: 34px
}

.btn_talkSend {
    float: right;
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: calc(100% - 186px);
    cursor: pointer
}

.btn_talkSend:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 29px;
    background: url(/images/graph/main/btn_talkSend.svg) no-repeat center
}

.chatroom_bottom.off .btn_talkSend {
    display: none
}

.btn_reBet {
    float: right;
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: calc(100% - 186px);
    cursor: pointer;
    display: none
}

.btn_reBet:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 24px;
    background: url(/images/graph/common/icon_reapet.svg) no-repeat center
}

.chatroom_bottom.off .btn_reBet {
    display: block
}

.btn_talkBottom {
    position: absolute;
    width: 33px;
    height: 33px;
    bottom: 100%;
    right: 4px;
    padding-bottom: 4px;
    cursor: pointer
}

.btn_talkBottom:hover {
    opacity: 0.8
}

.talk_L {
    position: relative
}

.talk_L .levelBox,.talk_L .mutedBox {
    cursor: pointer
}

.talk_L[data-level="0"] .levelBox,.talk_L[data-level="99"] .levelBox {
    cursor: default
}

.chatroom_box .bigZone {
    position: absolute;
    width: 100px;
    height: 68px;
    top: 0;
    display: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 2
}

.talk_L .talk_Icon {
    padding-right: 9px
}

.talk_L .talk_textIn,.talk_L .talk_textInImg {
    cursor: pointer
}

.talk_L:not(.off) .mutedBox,.talk_L.off .levelBox {
    display: none
}

.chatroom_box .blockadeBox,.chatroom_box .liftBox {
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
    padding: 4px 10px 6px 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.talk_L:not(.off) .mutedBox,.talk_L.off .levelBox {
    display: none
}

.chatroom_box .blockadeBox,.chatroom_box .liftBox {
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    color: #fff;
    box-sizing: border-box;
    z-index: 1;
    padding: 4px 10px 6px 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.chatroom_box .blockadeBox {
    background: #b90101 url(/images/graph/common/blockade.svg) no-repeat 8px center;
    background-size: 16px
}

.chatroom_box .liftBox {
    display: none;
    background: #55b501 url(/images/graph/common/lift.svg) no-repeat 8px center;
    background-size: 16px;
    white-space: nowrap
}

.chatroom_box .blockadeBox:before,.chatroom_box .liftBox:before {
    content: "";
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #b90101 transparent;
    position: absolute;
    left: 8px;
    top: -6px
}

.chatroom_box .liftBox:before {
    border-color: transparent transparent #55b501 transparent
}

.lift_jumpBox {
    display: none;
    width: 170px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    border-radius: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 285px auto;
    font-size: 0.9em;
    z-index: 102
}

.divImg_happy {
    background: url(/images/graph/emoji/icon_happy.png) no-repeat center
}

.divImg_joy {
    background: url(/images/graph/emoji/icon_joy.png) no-repeat center
}

.divImg_smile {
    background: url(/images/graph/emoji/icon_smile.png) no-repeat center
}

.divImg_love {
    background: url(/images/graph/emoji/icon_love.png) no-repeat center
}

.divImg_cute {
    background: url(/images/graph/emoji/icon_cute.png) no-repeat center
}

.divImg_yummy {
    background: url(/images/graph/emoji/icon_yummy.png) no-repeat center
}

.divImg_naughty {
    background: url(/images/graph/emoji/icon_naughty.png) no-repeat center
}

.divImg_haha {
    background: url(/images/graph/emoji/icon_haha.png) no-repeat center
}

.divImg_sunglasses {
    background: url(/images/graph/emoji/icon_sunglasses.png) no-repeat center
}

.divImg_hmm {
    background: url(/images/graph/emoji/icon_hmm.png) no-repeat center
}

.divImg_sad {
    background: url(/images/graph/emoji/icon_sad.png) no-repeat center
}

.divImg_depressed {
    background: url(/images/graph/emoji/icon_depressed.png) no-repeat center
}

.divImg_sigh {
    background: url(/images/graph/emoji/icon_sigh.png) no-repeat center
}

.divImg_mad {
    background: url(/images/graph/emoji/icon_mad.png) no-repeat center
}

.divImg_annoyed {
    background: url(/images/graph/emoji/icon_annoyed.png) no-repeat center
}

.divImg_angry {
    background: url(/images/graph/emoji/icon_angry.png) no-repeat center
}

.divImg_stun {
    background: url(/images/graph/emoji/icon_stun.png) no-repeat center
}

.divImg_surprise {
    background: url(/images/graph/emoji/icon_surprise.png) no-repeat center
}

.divImg_blue {
    background: url(/images/graph/emoji/icon_blue.png) no-repeat center
}

.divImg_tears {
    background: url(/images/graph/emoji/icon_tears.png) no-repeat center
}

.divImg_cry {
    background: url(/images/graph/emoji/icon_cry.png) no-repeat center
}

.divImg_hopeless {
    background: url(/images/graph/emoji/icon_hopeless.png) no-repeat center
}

.divImg_sick {
    background: url(/images/graph/emoji/icon_sick.png) no-repeat center
}

.divImg_clap {
    background: url(/images/graph/emoji/icon_clap.png) no-repeat center
}

.divImg_best {
    background: url(/images/graph/emoji/icon_best.png) no-repeat center
}

.divImg_worst {
    background: url(/images/graph/emoji/icon_worst.png) no-repeat center
}

.divImg_yeah {
    background: url(/images/graph/emoji/icon_yeah.png) no-repeat center
}

.divImg_noproblem {
    background: url(/images/graph/emoji/icon_noproblem.png) no-repeat center
}

.divImg_byebye {
    background: url(/images/graph/emoji/icon_byebye.png) no-repeat center
}

.divImg_muscle {
    background: url(/images/graph/emoji/icon_muscle.png) no-repeat center
}

.divImg_kiss {
    background: url(/images/graph/emoji/icon_kiss.png) no-repeat center
}

.divImg_clover {
    background: url(/images/graph/emoji/icon_clover.png) no-repeat center
}

.divImg_rose {
    background: url(/images/graph/emoji/icon_rose.png) no-repeat center
}

.divImg_cake {
    background: url(/images/graph/emoji/icon_cake.png) no-repeat center
}

.divImg_lollipop {
    background: url(/images/graph/emoji/icon_lollipop.png) no-repeat center
}

.divImg_mic {
    background: url(/images/graph/emoji/icon_mic.png) no-repeat center
}

.divImg_heart {
    background: url(/images/graph/emoji/icon_heart.png) no-repeat center
}

.divImg_breakheart {
    background: url(/images/graph/emoji/icon_breakheart.png) no-repeat center
}

.divImg_blinkheart {
    background: url(/images/graph/emoji/icon_blinkheart.png) no-repeat center
}

.divImg_arrowheart {
    background: url(/images/graph/emoji/icon_arrowheart.png) no-repeat center
}

.Pk_ranking {
    float: left;
    height: 373px;
    position: relative;
    width: 800px;
    overflow: hidden
}

.Pk_result {
    background: #f3f3f3;
    float: left;
    width: 200px;
    text-align: center
}

.Pk_BG_T {
    background: #4984bf;
    height: 35px;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    width: 200px;
    user-select: none
}

.Pk_BG_T .on {
    color: rgb(255,234,0);
    padding-bottom: 4px;
    border-bottom: 3px solid rgb(255,234,0);
    box-sizing: border-box
}

.Pk_BG_T span {
    padding: 0px 5px
}

.BS_result {
    width: 100%;
    height: 338px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #dcdcdc
}

.Js_play_T {
    width: 980px
}

.Js_reciprocal {
    margin-left: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 35px
}

.Js_reciprocal .time {
    display: block;
    background: url(/images/graph/common/bg_time.svg)no-repeat center;
    background-size: 100%;
    width: 40px;
    height: 28px;
    line-height: 28px;
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 0
}

.Js_reciprocal .white_t {
    width: 18px;
    height: 38px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0
}

.Js_reciprocal .red_t {
    color: #f20000 !important
}

.t_yollow {
    color: #ece42f
}

.t_pink {
    color: #ffabab
}

.t_red {
    color: #fb1c22
}

.sbBtmWinList {
    overflow: hidden
}

.tb_sbWinList {
    text-align: center;
    font-size: 14px;
    margin: 1px 0;
    height: 336px;
    width: 200px;
    box-sizing: border-box;
    border-collapse: collapse
}

.tb_sbWinList td {
    padding-left: 5px;
    padding-bottom: 2px;
    border: 0
}

.tb_sbWinList .lt539Live td {
    padding-left: 8px
}

.tb_sbWinList tr:nth-last-child(odd) {
    background-color: #eee
}

.tb_sbWinList div {
    width: 23px;
    margin-right: 5px;
    float: left
}

.tb_sbWinList div:last-child {
    margin-right: 0
}

.tb_sbWinList div:first-child {
    width: 100%;
    line-height: 23px;
    text-align: left;
    color: #666;
    float: none
}

.tb_sbWinList .lt539Live div {
    margin-right: 17px
}

.tb_sbWinList .lt539Live div:last-child {
    margin-right: 0
}

.Six_ballNum {
    width: 100%;
    height: 23px;
    line-height: 23px;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 3px;
    display: inline-block
}

.Six_ballNum.t_red {
    color: #fd0019
}

.Six_ballNum.t_blue {
    color: #1875bb
}

.Six_ballNum.t_green {
    color: #33c222
}

.liveViewBox {
    width: 800px;
    position: relative
}

.viewSet {
    height: 30px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    clear: both
}

.view_btmMenu {
    background-color: #1e1e1e;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 343px
}

.view_chg {
    float: left;
    height: 30px;
    border-right: 1px solid #555;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    padding: 0 10px
}

.view_chg span {
    float: left;
    margin-right: 8px
}

.view_chg input {
    color: #fff;
    line-height: 20px;
    background-color: #656565;
    height: 20px;
    width: 50px;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 5px;
    padding: 0px
}

.view_chg input.on,.view_chg input:hover {
    background-color: #379bff
}

.view_line {
    float: left;
    height: 30px;
    border-right: 1px solid #555;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    padding: 0 10px
}

.view_line img {
    width: 22px;
    height: 22px;
    opacity: 0.45;
    float: left;
    margin-top: 3px;
    margin-right: 5px
}

.view_line input {
    color: #fff;
    line-height: 20px;
    background-color: #656565;
    height: 20px;
    line-height: 21px;
    border-radius: 2px;
    width: 20px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 16px;
    padding: 0;
    -webkit-appearance: none
}

.view_line input.on,.view_line input:hover {
    background-color: #f5a13e
}

.viewSet_Sound {
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #555;
    left: 400px;
    bottom: 0px
}

.viewSet_R {
    float: right;
    height: 29px;
    margin: 0 5px 0 0;
    padding: 0;
    list-style: none
}

.viewSet_L {
    float: right;
    height: 29px;
    padding: 0;
    list-style: none
}

.viewSet_R > li,.viewSet_L > li {
    float: left;
    height: 100%;
    position: relative;
    padding: 0
}

.viewSet_L .icon_volume {
    content: '';
    background: url(/images/graph/common/btn_speaker.svg) no-repeat center top;
    background-size: 100% 200%;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.45;
    cursor: pointer
}

.viewSet_L .icon_volume.mute {
    content: '';
    background: url(/images/graph/common/btn_speaker_mute.svg) no-repeat center bottom;
    background-size: 100% 200%;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.45;
    cursor: pointer
}

.icon_volume:hover,.icon_volume.mute:hover {
    opacity: 1
}

.viewGift,.anchorInfo,.leaderboard,.flashSound,.AnchorFollow {
    width: 42px;
    cursor: pointer;
    float: left
}

.btn_viewGift,.btn_anchorInfo,.btn_leaderboard,.btn_AnchorFollow {
    width: 100%;
    height: 100%
}

.btn_viewGift:before,.btn_anchorInfo:before,.btn_leaderboard:before,.btn_AnchorFollow:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 23px;
    height: 23px
}

.btn_viewGift.off {
    cursor: default
}

.btn_viewGift:before {
    background: url(/images/graph/common/btn_viewGift.png) no-repeat center top;
    background-size: 100% 200%
}

.btn_viewGift.off:before {
    background-position: center bottom
}

.btn_AnchorFollow:before {
    background: url(/images/graph/common/icon_Added.svg) no-repeat center;
    background-size: 70%;
    background-color: #ffffff;
    border-radius: 50%
}

.btn_AnchorFollow.on:before {
    background: url(/images/graph/common/btn_AnchorFollow_on.svg) no-repeat center;
    background-size: 90%
}

.btn_anchorInfo:before {
    background: url(/images/graph/common/btn_anchorInfo.png) no-repeat center top;
    background-size: 100%
}

.btn_leaderboard:before {
    background: url(/images/graph/common/btn_leaderboard.png) no-repeat center top;
    background-size: 100%
}

.t_btnName {
    position: absolute;
    bottom: 30px;
    white-space: nowrap;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    font-size: 12px;
    line-height: 23px;
    padding: 0 5px;
    left: 50%;
    transform: translateX(-51%);
    -webkit-transform: translateX(-50%);
    display: none;
    z-index: 6;
    pointer-events: none
}

.viewSet_R li:hover .t_btnName {
    display: block
}

.t_btnName.board {
    left: 12px
}

.vGift_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none
}

.vGift_box.ku {
    bottom: 30px
}

.vGift_table {
    background-color: #f2f2f2;
    width: 100%;
    height: 230px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

.vGift_table td {
    padding: 0 3px;
    position: relative;
    box-sizing: border-box;
    font-size: 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center
}

.vGift_table td:last-child {
    border-right: 0
}

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

.vGift_img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.vGift_img img {
    height: 90%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.vGift_prompt td {
    background-color: rgba(191,88,112,1);
    color: #fff;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px
}

.btn_vGift {
    cursor: pointer
}

.btn_vGift:hover {
    background-color: #bbe3ff
}

.btn_vGift img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle
}

.vGift_text {
    display: table;
    float: right;
    width: calc(100% - 40px);
    table-layout: fixed
}

.vGift_textIn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.vGift_slip {
    position: absolute;
    color: #333;
    top: 25px;
    left: 38px;
    z-index: 1;
    display: none
}

.vGift_slip.assemble4Gift {
    top: 84px;
    left: 5px
}

.vGift_slip.assemble3Gift {
    top: 41px;
    left: 112px
}

.vGift_slip span {
    display: table;
    font-size: 12px;
    padding: 0 5px;
    position: relative;
    box-sizing: border-box;
    background-color: #ffe8ad;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 23px;
    text-align: center;
    white-space: nowrap
}

.btn_vGift:hover .vGift_slip,.btn_aGift:hover .vGift_slip {
    display: block
}

.vGift_point {
    color: #1385fd;
    font-weight: bold;
    font-size: 12px
}

.vGift_name {
    color: #333;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

td.vGift_Pay {
    line-height: normal
}

.vGift_PayText {
    color: #333;
    font-size: 17px;
    margin-bottom: 30px
}

.vGift_PayText.ku {
    margin-bottom: 15px
}

.vGift_pop {
    width: 188px;
    margin: 0 auto;
    height: 61px;
    position: relative;
    margin-bottom: 15px
}

.vGift_pop .vGift_img {
    width: 60px;
    height: 60px
}

.vGift_pop .vGift_text {
    width: calc(100% - 60px);
    height: 100%
}

.vGift_pop .vGift_name {
    font-size: 17px
}

.vGift_pop .vGift_point {
    color: #ff9900;
    font-size: 25px;
    padding-top: 5px
}

.vGift_img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.vGift_PayTextYel {
    color: #ffa115
}

.vGift_PayTextYel:before {
    content: "";
    display: inline-block;
    background: url(/images/graph/common/icon_credit_text.svg)no-repeat center;
    width: 19px;
    height: 19px;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 1px
}

.vGift_PayTextYel.vn:before {
    margin-top: 0px
}

.vGift_PayTextPink {
    color: #ff7a98
}

.vGift_PayTextPink:before {
    content: "";
    display: inline-block;
    background: url(/images/graph/common/icon_gift_text.svg)no-repeat center;
    width: 19px;
    height: 19px;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 1px
}

.vGift_PayTextPink.vn:before {
    margin-top: 0px
}

.vGift_PayNum {
    color: #ff9900;
    margin: 0 10px;
    font-size: 19px
}

.btn_vGift_cancel,.btn_vGift_confirm {
    font-family: Arial,Microsoft JhengHei,Microsoft YaHei,sans-serif;
    border-radius: 2px;
    border: 0;
    width: 38%;
    margin: 0 4%;
    height: 32px;
    color: #fff;
    font-size: 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid transparent;
    outline: none;
    cursor: pointer
}

.btn_vGift_cancel {
    background-color: #727375
}

.btn_vGift_cancel:hover {
    background-color: #9fa0a2
}

.btn_vGift_confirm {
    background-color: #c04294
}

.btn_vGift_confirm:hover {
    background-color: #fb66c7
}

.animationGift {
    position: relative;
    top: -150px;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    z-index: 1
}

.animationGift:before {
    content: '';
    background: url(/images/graph/common/bg_light.png) no-repeat center;
    background-size: 100%;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    animation: bg_Gift 5s linear forwards;
    -webkit-animation: bg_Gift 5s linear forwards;
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.animationGift img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
    height: auto;
    max-width: 90%;
    animation: Gift 5s ease forwards;
    -webkit-animation: Gift 5s ease forwards;
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.animationGift.action:before,.animationGift.action img {
    animation-play-state: running;
    -webkit-animation-play-state: running
}

@keyframes bg_Gift {
    17% {
        opacity: 0
    }

    22% {
        transform: rotate(0);
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        transform: rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes bg_Gift {
    17% {
        opacity: 0
    }

    22% {
        -webkit-transform: rotate(0);
        opacity: 1
    }

    70% {
        opacity: 1
    }

    80% {
        -webkit-transform: rotate(360deg);
        opacity: 0
    }
}

@keyframes Gift {
    0% {
        opacity: 0;
        transform: scale(0.3,0.3)
    }

    8% {
        opacity: 1;
        transform: scale(1,1) translate(0,-120px)
    }

    13% {
        transform: scale(1,0.8) translate(0,5px)
    }

    15% {
        transform: scale(1,1) translate(0,-10px)
    }

    17% {
        transform: translate(0,0)
    }

    73% {
        transform: scale(1,1) translate(0,0)
    }

    76% {
        transform: scale(1,0.7) translate(0,20px)
    }

    84% {
        transform: scale(1,1) translate(0,-60px);
        opacity: 1
    }

    90%,100% {
        transform: scale(1,1) translate(0,-60px);
        opacity: 0
    }
}

@-webkit-keyframes Gift {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3,0.3)
    }

    8% {
        opacity: 1;
        -webkit-transform: scale(1,1) translate(0,-120px)
    }

    13% {
        -webkit-transform: scale(1,0.8) translate(0,5px)
    }

    15% {
        -webkit-transform: scale(1,1) translate(0,-10px)
    }

    17% {
        -webkit-transform: translate(0,0)
    }

    73% {
        -webkit-transform: scale(1,1) translate(0,0)
    }

    76% {
        -webkit-transform: scale(1,0.7) translate(0,20px)
    }

    84% {
        -webkit-transform: scale(1,1) translate(0,-60px);
        opacity: 1
    }

    90%,100% {
        -webkit-transform: scale(1,1) translate(0,-60px);
        opacity: 0
    }
}

.Anchor_Box {
    width: 256px;
    padding: 8px 12px;
    box-sizing: border-box;
    position: absolute;
    right: -37px;
    left: auto;
    bottom: calc(30px + 10px);
    background-color: rgba(255,255,255,0.9);
    border-radius: 5px;
    font-size: 13px;
    line-height: 16px;
    display: none;
    z-index: 5
}

.Anchor_Box:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: rgba(255,255,255,0.9) transparent transparent transparent;
    position: absolute;
    right: 50px;
    bottom: -7px;
    margin: 0 auto;
    z-index: 1
}

.Anchor_BoxIn {
    display: flex;
    flex-wrap: wrap;
    justify-content: start
}

.Anchor_BoxIn > div {
    width: 50%
}

.Anchor_BoxIn > div span {
    color: #ff004f
}

.icon_girl {
    position: absolute;
    bottom: 0px;
    left: 1252px;
    height: 64px
}

.icon_girl img {
    display: table-cell;
    cursor: pointer
}

.icon_maintain {
    display: table-cell;
    cursor: not-allowed
}

.markError_girl,.markError_girl_vn {
    background-color: rgba(0,0,0,0.45);
    width: 86px;
    height: 30px;
    position: absolute;
    top: 18px;
    left: 93px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    cursor: not-allowed
}

.markError_girl_vn {
    width: 122px;
    left: 76px
}

.markError_girl_th {
    width: 158px;
    left: 42px
}

.markError_girl_id {
    width: 130px;
    left: 70px
}

.markError_girl:after,.markError_girl_vn:after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url(/images/graph/common/icon_maintain.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 11px
}

.markError_girl_vn:after {
    left: 9px
}

.markError_girl span,.markError_girl_vn span {
    color: #fff;
    position: absolute;
    top: 5px;
    right: 10px
}

.markError_girl_vn span {
    right: 9px;
    top: 7px
}

.soundMask {
    z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url(/images/graph/lottery/bg_cover.png)
}

.settings_cancel {
    position: absolute;
    width: 52px;
    height: 50px;
    background-image: url(/images/graph/common/icon_depart.svg);
    background-position: center;
    background-repeat: no-repeat;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 20
}

.settings_cancel:hover {
    opacity: 1
}

.sound_box {
    position: absolute;
    width: 420px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.5);
    left: 0;
    right: 0;
    top: 0;
    display: none;
    padding: 5px;
    font-size: 14px;
    z-index: 1000;
    margin: auto
}

.bg_sound {
    width: 420px;
    background-color: #222;
    border-radius: 5px;
    padding: 0px 15px 20px 15px;
    box-sizing: border-box
}

.margin_b {
    margin-bottom: 30px
}

.space_T {
    display: table;
    margin: 0 auto;
    position: relative;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sound_content {
    position: relative;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 15px
}

.sound_content span {
    float: left;
    line-height: 30px;
    color: #bebebe;
    margin-left: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.music_box .sound_content {
    margin-bottom: 0px
}

.btn_musicFunction {
    height: 60px;
    padding: 0 15px
}

.bg_volume {
    position: relative;
    background-color: #6b6b6b;
    border-radius: 3px;
    width: 224px;
    height: 7px;
    margin-top: 10px;
    margin-left: 90px
}

.btn_volume {
    position: absolute;
    background-image: url(/images/graph/common/btn_volume.png);
    width: 37px;
    height: 15px;
    top: -4px;
    left: 100px;
    cursor: pointer
}

.soundBG {
    height: 7px;
    cursor: pointer
}

.decreasing {
    float: left;
    width: 224px;
    height: 7px;
    background-image: url(/images/graph/common/icon_volume.svg);
    border-radius: 3px
}

.img_volume {
    background-image: url(/images/graph/common/icon_sound.svg);
    float: right;
    margin-right: 15px;
    cursor: pointer;
    width: 32px;
    height: 32px
}

.img_volume.mute {
    background-image: url(/images/graph/common/icon_mute.svg)
}

.all_img_volume {
    background-image: url(/images/graph/common/icon_sound.svg);
    position: absolute;
    height: 32px;
    width: 32px;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer
}

.all_img_volume.mute {
    background-image: url(/images/graph/common/icon_mute.svg)
}

.music_box {
    background-color: #1b1b1b;
    border: 3px solid #262626;
    border-radius: 5px;
    padding-top: 5px
}

.top_space_T {
    position: relative;
    height: 50px;
    border-bottom: 2px solid #356492;
    line-height: 50px;
    font-size: 18px;
    text-align: center
}

.btn_music {
    position: relative;
    float: left;
    padding: 0 17px;
    margin-top: 13px;
    margin-left: 16px;
    width: 24px;
    height: 22px;
    cursor: pointer
}

.btn_music:nth-last-child(1) {
    margin-left: 0px
}

.btn_music.btn_replay {
    margin-top: 14px;
    width: 24px;
    height: 26px
}

.btn_random,.btn_replay,.btn_sequence {
    background: url(/images/graph/common/btn_random.svg) no-repeat center;
    background-size: 24px
}

.btn_random:hover {
    background: url(/images/graph/common/btn_random_on.svg) no-repeat center;
    background-size: 24px
}

.btn_random.on {
    background: url(/images/graph/common/btn_random_on.svg) no-repeat center;
    background-size: 24px
}

.btn_replay {
    background: url(/images/graph/common/btn_replay.svg) no-repeat center;
    background-size: 28px
}

.btn_replay:hover {
    background: url(/images/graph/common/btn_replay_on.svg) no-repeat center;
    background-size: 28px
}

.btn_replay.on {
    background: url(/images/graph/common/btn_replay_on.svg) no-repeat center;
    background-size: 28px
}

.btn_sequence {
    background: url(/images/graph/common/btn_sequence.svg) no-repeat center;
    background-size: 23px
}

.btn_sequence:hover {
    background: url(/images/graph/common/btn_sequence_on.svg) no-repeat center;
    background-size: 23px
}

.btn_sequence.on {
    background: url(/images/graph/common/btn_sequence_on.svg) no-repeat center;
    background-size: 23px
}

.btn_random_T {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    color: #000;
    line-height: 18px;
    height: 18px;
    top: 30px;
    left: -6px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    width: 70px;
    white-space: nowrap;
    z-index: 1;
    display: none
}

.btn_music:hover .btn_random_T {
    display: block
}

.song_wrap {
    padding: 0 15px
}

.song_box {
    position: relative;
    height: 35px;
    background-color: #4b4b4b;
    cursor: pointer;
    margin-bottom: 2px;
    color: #fff;
    line-height: 35px
}

.song_box:hover {
    background-color: #048acc
}

.song_box.on {
    background-color: #048acc
}

.song_box.on .btn_stop {
    display: block
}

.song_box.on .btn_Play {
    display: block
}

.song_box.padding {
    background-color: #1b1b1b;
    cursor: default
}

.song_title {
    margin: 0 15px
}

.btn_prev,.btn_next {
    background: url(/images/graph/common/btn_prev.svg) no-repeat center;
    background-size: 22px;
    width: 18px;
    height: 20px;
    padding: 0 20px;
    float: left;
    cursor: pointer;
    opacity: 0.5;
    margin: 16px 5px 0
}

.btn_prev:hover {
    opacity: 0.8
}

.btn_next {
    background: url(/images/graph/common/btn_next.svg) no-repeat center;
    background-size: 22px
}

.btn_next:hover {
    opacity: 0.8
}

.btn_Play,.btn_stop {
    background: url(/images/graph/common/btn_Play.svg) no-repeat center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    padding: 0 20px;
    float: left;
    cursor: pointer;
    opacity: 0.5;
    margin-top: 11px
}

.btn_Play:hover {
    opacity: 0.8
}

.btn_stop:hover {
    opacity: 0.8
}

.btn_stop {
    background: url(/images/graph/common/btn_stop.svg) no-repeat center;
    background-size: 30px
}

.song_wrap .btn_JumpPage {
    height: 25px;
    background-size: 6% auto
}

.musicbox.on {
    display: none
}

.musicbox {
    display: none
}

.btn_musictop {
    background: url('/images/graph/common/icon_overflow_arrow.svg') no-repeat center;
    background-size: 20px auto;
    margin: 0 auto;
    height: 28px;
    cursor: pointer;
    opacity: 0.5
}

.btn_musictop:hover {
    opacity: 0.8
}

.btn_musicBtm {
    background: url('/images/graph/common/icon_overflow_arrow.svg') no-repeat center;
    background-size: 20px auto;
    margin: 0 auto;
    height: 28px;
    cursor: pointer;
    opacity: 0.5;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.btn_musicBtm:hover {
    opacity: 0.8
}

.btn_musicMid {
    display: table;
    margin: 0 auto
}

.btn_musictop2,.btn_musicBtm2 {
    background: url('/images/graph/common/icon_overflow_arrow.svg') no-repeat center;
    background-size: 20px auto;
    margin: 0 auto;
    width: 40px;
    float: left;
    height: 28px;
    cursor: pointer;
    opacity: 0.5
}

.btn_musicBtm2:hover,.btn_musictop2:hover {
    opacity: 0.8
}

.btn_musicBtm2 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.btn_musicPadding {
    margin: 0 auto;
    width: 40px;
    float: left;
    height: 28px
}

.liveShowBall {
    position: absolute;
    right: 5px;
    top: 14px;
    z-index: 1
}

.liveShowBall span {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #000,0 0 0 #000,1px 1px 0 #000;
    line-height: 1em;
    position: absolute;
    left: -7px;
    bottom: -4px
}

.liveShowBall li {
    height: 38px;
    width: 38px;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    display: block;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

.liveShowBall li.light {
    border-radius: 50%;
    box-shadow: 0 0 20px #e97f05
}

.liveShowBall li.light:after {
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e97f05;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: -1
}

.liveShowBall li.sixLB_01 {
    background-image: url(/images/graph/ball/lottery/sixLB_01.png)
}

.liveShowBall li.sixLB_02 {
    background-image: url(/images/graph/ball/lottery/sixLB_02.png)
}

.liveShowBall li.sixLB_03 {
    background-image: url(/images/graph/ball/lottery/sixLB_03.png)
}

.liveShowBall li.sixLB_04 {
    background-image: url(/images/graph/ball/lottery/sixLB_04.png)
}

.liveShowBall li.sixLB_05 {
    background-image: url(/images/graph/ball/lottery/sixLB_05.png)
}

.liveShowBall li.sixLB_06 {
    background-image: url(/images/graph/ball/lottery/sixLB_06.png)
}

.liveShowBall li.sixLB_07 {
    background-image: url(/images/graph/ball/lottery/sixLB_07.png)
}

.liveShowBall li.sixLB_08 {
    background-image: url(/images/graph/ball/lottery/sixLB_08.png)
}

.liveShowBall li.sixLB_09 {
    background-image: url(/images/graph/ball/lottery/sixLB_09.png)
}

.liveShowBall li.sixLB_10 {
    background-image: url(/images/graph/ball/lottery/sixLB_10.png)
}

.liveShowBall li.sixLB_11 {
    background-image: url(/images/graph/ball/lottery/sixLB_11.png)
}

.liveShowBall li.sixLB_12 {
    background-image: url(/images/graph/ball/lottery/sixLB_12.png)
}

.liveShowBall li.sixLB_13 {
    background-image: url(/images/graph/ball/lottery/sixLB_13.png)
}

.liveShowBall li.sixLB_14 {
    background-image: url(/images/graph/ball/lottery/sixLB_14.png)
}

.liveShowBall li.sixLB_15 {
    background-image: url(/images/graph/ball/lottery/sixLB_15.png)
}

.liveShowBall li.sixLB_16 {
    background-image: url(/images/graph/ball/lottery/sixLB_16.png)
}

.liveShowBall li.sixLB_17 {
    background-image: url(/images/graph/ball/lottery/sixLB_17.png)
}

.liveShowBall li.sixLB_18 {
    background-image: url(/images/graph/ball/lottery/sixLB_18.png)
}

.liveShowBall li.sixLB_19 {
    background-image: url(/images/graph/ball/lottery/sixLB_19.png)
}

.liveShowBall li.sixLB_20 {
    background-image: url(/images/graph/ball/lottery/sixLB_20.png)
}

.liveShowBall li.sixLB_21 {
    background-image: url(/images/graph/ball/lottery/sixLB_21.png)
}

.liveShowBall li.sixLB_22 {
    background-image: url(/images/graph/ball/lottery/sixLB_22.png)
}

.liveShowBall li.sixLB_23 {
    background-image: url(/images/graph/ball/lottery/sixLB_23.png)
}

.liveShowBall li.sixLB_24 {
    background-image: url(/images/graph/ball/lottery/sixLB_24.png)
}

.liveShowBall li.sixLB_25 {
    background-image: url(/images/graph/ball/lottery/sixLB_25.png)
}

.liveShowBall li.sixLB_26 {
    background-image: url(/images/graph/ball/lottery/sixLB_26.png)
}

.liveShowBall li.sixLB_27 {
    background-image: url(/images/graph/ball/lottery/sixLB_27.png)
}

.liveShowBall li.sixLB_28 {
    background-image: url(/images/graph/ball/lottery/sixLB_28.png)
}

.liveShowBall li.sixLB_29 {
    background-image: url(/images/graph/ball/lottery/sixLB_29.png)
}

.liveShowBall li.sixLB_30 {
    background-image: url(/images/graph/ball/lottery/sixLB_30.png)
}

.liveShowBall li.sixLB_31 {
    background-image: url(/images/graph/ball/lottery/sixLB_31.png)
}

.liveShowBall li.sixLB_32 {
    background-image: url(/images/graph/ball/lottery/sixLB_32.png)
}

.liveShowBall li.sixLB_33 {
    background-image: url(/images/graph/ball/lottery/sixLB_33.png)
}

.liveShowBall li.sixLB_34 {
    background-image: url(/images/graph/ball/lottery/sixLB_34.png)
}

.liveShowBall li.sixLB_35 {
    background-image: url(/images/graph/ball/lottery/sixLB_35.png)
}

.liveShowBall li.sixLB_36 {
    background-image: url(/images/graph/ball/lottery/sixLB_36.png)
}

.liveShowBall li.sixLB_37 {
    background-image: url(/images/graph/ball/lottery/sixLB_37.png)
}

.liveShowBall li.sixLB_38 {
    background-image: url(/images/graph/ball/lottery/sixLB_38.png)
}

.liveShowBall li.sixLB_39 {
    background-image: url(/images/graph/ball/lottery/sixLB_39.png)
}

.liveShowBall li.sixLB_40 {
    background-image: url(/images/graph/ball/lottery/sixLB_40.png)
}

.liveShowBall li.sixLB_41 {
    background-image: url(/images/graph/ball/lottery/sixLB_41.png)
}

.liveShowBall li.sixLB_42 {
    background-image: url(/images/graph/ball/lottery/sixLB_42.png)
}

.liveShowBall li.sixLB_43 {
    background-image: url(/images/graph/ball/lottery/sixLB_43.png)
}

.liveShowBall li.sixLB_44 {
    background-image: url(/images/graph/ball/lottery/sixLB_44.png)
}

.liveShowBall li.sixLB_45 {
    background-image: url(/images/graph/ball/lottery/sixLB_45.png)
}

.liveShowBall li.sixLB_46 {
    background-image: url(/images/graph/ball/lottery/sixLB_46.png)
}

.liveShowBall li.sixLB_47 {
    background-image: url(/images/graph/ball/lottery/sixLB_47.png)
}

.liveShowBall li.sixLB_48 {
    background-image: url(/images/graph/ball/lottery/sixLB_48.png)
}

.liveShowBall li.sixLB_49 {
    background-image: url(/images/graph/ball/lottery/sixLB_49.png)
}

.liveShowBall li.Lt539_01 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball01.png)
}

.liveShowBall li.Lt539_02 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball02.png)
}

.liveShowBall li.Lt539_03 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball03.png)
}

.liveShowBall li.Lt539_04 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball04.png)
}

.liveShowBall li.Lt539_05 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball05.png)
}

.liveShowBall li.Lt539_06 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball06.png)
}

.liveShowBall li.Lt539_07 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball07.png)
}

.liveShowBall li.Lt539_08 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball08.png)
}

.liveShowBall li.Lt539_09 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball09.png)
}

.liveShowBall li.Lt539_10 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball10.png)
}

.liveShowBall li.Lt539_11 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball11.png)
}

.liveShowBall li.Lt539_12 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball12.png)
}

.liveShowBall li.Lt539_13 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball13.png)
}

.liveShowBall li.Lt539_14 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball14.png)
}

.liveShowBall li.Lt539_15 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball15.png)
}

.liveShowBall li.Lt539_16 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball16.png)
}

.liveShowBall li.Lt539_17 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball17.png)
}

.liveShowBall li.Lt539_18 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball18.png)
}

.liveShowBall li.Lt539_19 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball19.png)
}

.liveShowBall li.Lt539_20 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball20.png)
}

.liveShowBall li.Lt539_21 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball21.png)
}

.liveShowBall li.Lt539_22 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball22.png)
}

.liveShowBall li.Lt539_23 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball23.png)
}

.liveShowBall li.Lt539_24 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball24.png)
}

.liveShowBall li.Lt539_25 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball25.png)
}

.liveShowBall li.Lt539_26 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball26.png)
}

.liveShowBall li.Lt539_27 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball27.png)
}

.liveShowBall li.Lt539_28 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball28.png)
}

.liveShowBall li.Lt539_29 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball29.png)
}

.liveShowBall li.Lt539_30 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball30.png)
}

.liveShowBall li.Lt539_31 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball31.png)
}

.liveShowBall li.Lt539_32 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball32.png)
}

.liveShowBall li.Lt539_33 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball33.png)
}

.liveShowBall li.Lt539_34 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball34.png)
}

.liveShowBall li.Lt539_35 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball35.png)
}

.liveShowBall li.Lt539_36 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball36.png)
}

.liveShowBall li.Lt539_37 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball37.png)
}

.liveShowBall li.Lt539_38 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball38.png)
}

.liveShowBall li.Lt539_39 {
    background-image: url(/images/graph/ball/lotto39Live/pc/ball39.png)
}

.loadVideo {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000
}

.loadVideo_in {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 20%
}

.bg_loadVideo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    bottom: 15px
}

.bg_loadVideo:before {
    content: '';
    background: url(/images/graph/common/bg_loadVideo.svg) no-repeat center;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 100%;
    animation: loadVideo 1.5s linear infinite;
    -webkit-animation: loadVideo 1.5s linear infinite
}

.bg_loadVideo.on:before {
    content: '';
    background: url(/images/graph/common/bg_loadVideo.svg) no-repeat center;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 100%;
    animation: loadVideo 1.5s linear infinite;
    -webkit-animation: loadVideo 1.5s linear infinite
}

.loadVideo_logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 60%;
    margin: auto
}

.loadVideo_text {
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,0.3),0 0 5px #00ccff,0 0 5px #00ccff,0 0 5px #00ccff,0 0 10px #00ccff;
    margin-top: 8px;
    font-size: 1em;
    text-align: center;
    bottom: 15px;
    position: relative
}

.Lotto_left {
    width: 115px;
    height: 380px;
    position: absolute;
    float: left;
    z-index: 1
}

.LottoVideo span {
    display: block;
    color: #cfe4f4;
    background-color: #000;
    width: 115px;
    line-height: 32px;
    font-size: 15px
}

.LottoVideo .numberTop {
    width: 83px;
    height: 227px;
    margin: 0 auto;
    border-left: 16px solid #000;
    border-right: 16px solid #000
}

.LottoVideo .numberBot {
    width: 83px;
    height: 79px;
    margin: 0 auto;
    border-left: 16px solid #000;
    border-right: 16px solid #000;
    border-bottom: 15px solid #000
}

@keyframes loadVideo {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes loadVideo {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

.btn_userIcon {
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    margin-left: 7px;
    box-sizing: border-box;
    background-image: url(/images/th/main/icon_transfer.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative
}

.btn_userD {
    background-image: url(/images/th/main/icon_deposit.svg)
}

.btn_userW {
    background-image: url(/images/th/main/icon_withdrawal.svg)
}

.btn_userS {
    background-image: url(/images/th/main/icon_service.svg)
}

.btn_userIcon .divPrompt {
    top: 28px;
    left: 50%
}

.btn_userIcon:hover .divPrompt {
    display: block
}

.btn_userIcon:hover {
    background-image: url(/images/th/main/icon_transfer_w.svg)
}

.btn_userD:hover {
    background-image: url(/images/th/main/icon_deposit_w.svg)
}

.btn_userW:hover {
    background-image: url(/images/th/main/icon_withdrawal_w.svg)
}

.btn_userS:hover {
    background-image: url(/images/th/main/icon_service_w.svg)
}

.btn_FB_switch {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 55px;
    background-color: #888888;
    border-radius: 30px;
    height: 22px;
    line-height: 22px !important;
    width: 45px !important;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    padding-right: 23px;
    cursor: pointer;
    -webkit-transition: background-color ease 0.2s;
    transition: background-color ease 0.2s;
    padding-left: 25px;
    padding-right: 3px !important
}

.btn_FB_switch.vn {
    left: 60px;
    width: 59px !important
}

.btn_FB_switch.th {
    left: 60px;
    width: 59px !important
}

.btn_FB_switch.on {
    background-color: #39af7e;
    text-align: left !important;
    padding-left: 6px;
    padding-right: 0;
    font-size: 14px
}

.btn_FB_switch.on.vn {
    padding-left: 10px
}

.btn_FB_switch.on.th {
    padding-left: 10px
}

.btn_FB_switch:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: left ease 0.2s;
    transition: left ease 0.2s;
    visibility: visible
}

.btn_FB_switch.on:after {
    left: 24px
}

.btn_FB_switch.on.vn:after {
    left: 38px
}

.btn_FB_switch.on.th:after {
    left: 38px
}

.menuVideo {
    position: relative;
    margin: 4px 0 2px
}





.menuVideo .btn_FB_switch {
    left: 20px
}

.menuVideo .btn_FB_switch.vn {
    left: 25px
}

.menuVideo .btn_FB_switch.th {
    left: 25px
}

.ZoomOut .leftIcon.arrowUTw,.ZoomOut .leftIcon.arrowDTw {
    background-position-x: 35px;
    background-size: 16px auto
}

.ZoomOut.small .leftIcon.arrowUTw,.ZoomOut.small .leftIcon.arrowDTw {
    background-position-x: 42px;
    background-size: 15px auto
}

.btn_leftmenuTW .leftName_m {
    display: none
}

.ZoomOut .leftName_m {
    display: block;
    color: #fff;
    font-size: 16px;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0;
    left: 10px
}

.ZoomOut.small .leftName_m {
    font-size: 13px;
    left: 4px
}

.leftMenuList li {
    position: relative
}

.leftMenuList > li:hover .leftMenuSub {
    display: block
}

.btmTable_L.ZoomOut .leftMenuList > li:hover .leftMenuSecond {
    display: block!important
}

.ZoomOut .btn_leftMenu .leftIcon.arrowUTw,.ZoomOut .btn_leftMenu .leftIcon.arrowDTw {
    background: none
}

.btmTable_R2 .newBetT_list {
    width: auto;
    padding: 0 10px;
    margin-left: 3%;
    font-weight: 400;
    color: #fff;
}

.btmTable_R2 .newBetT_list.th {
    padding: 0 3px;
    margin-left: 2%
}

.btmTable_R2 .newBetT_list.vn {
    padding: 0 3px
}


.freeGift {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    z-index: 99;
    background-color: #d54265;
    text-align: center;
    display: none
}

.AnchorName {
    position: absolute;
    right: 0;
    display: none;
    width: 110px;
    height: 100%;
    text-align: right;
    padding: 0 5px 0 10px;
    border-right: 3px solid #b276f2;
    box-sizing: border-box;
    color: #b276f2
}

.AnchorName.bg_pink {
    border-right: 3px solid #f65ab1;
    color: #f65ab1
}

.AnchorName.bg_brown {
    border-right: 3px solid #e09664;
    color: #e09664
}

.AnchorName.bg_green {
    border-right: 3px solid #78866d;
    color: #78866d
}

.AnchorName:after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 28px 0px;
    border-color: transparent transparent #fff transparent
}

.ZoomOut .AnchorName:after {
    border-width: 0 15px 33px 0px
}

.view_phone {
    float: left;
    color: #ffe200;
    line-height: 30px;
    letter-spacing: 2px;
    padding: 0 10px
}

.view_phone img {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    margin-right: 5px
}

.videoblock {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.muteBlock {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    color: white;
    text-align: center;
    line-height: 380px
}

.chatroomLive {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 20px;
    height: 20px;
    padding: 9px 5px 11px 0;
    cursor: pointer;
    display: none
}

.chatroomLive.vn {
    right: 15px
}

.aChatRoomLive:hover {
    opacity: 1
}

.aChatRoomLive:hover div {
    display: block
}

.aChatRoomLive div {
    position: absolute;
    top: 30px;
    right: 35px;
    width: 20px;
    height: 20px;
    padding: 9px 5px 11px 0;
    cursor: pointer;
    display: none
}

.aChatRoomLive div span {
    display: table;
    font-size: 12px;
    padding: 0 5px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 23px;
    text-align: center;
    white-space: nowrap
}

.aChatRoomLive.vn div {
    right: 20px
}

.aChatRoomLive.th div {
    right: 50px
}

.LottoR_Box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 292px;
    border: 10px solid #000;
    border-top: 39px solid #000;
    border-bottom: 12px solid #000;
    z-index: 1
}

.LottoR_Box a {
    display: block;
    position: relative
}

.LottoR_Box a span {
    position: absolute;
    margin: auto;
    top: -31px;
    left: 0;
    right: 0;
    color: #cfe4f4;
    font-size: 15px
}

.prompt_T {
    display: none;
    font-size: 1.4em;
    width: 420px;
    background-image: url(/images/graph/common/bg_blackGradient.png);
    background-position: center;
    background-size: 100%;
    background-repeat: repeat-y;
    font-weight: bold;
    color: #ffd200;
    margin: 0 26%;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    left: -40px;
    top: 450px;
    padding: 5px 0
}

.vGift_table.ht_260 {
    height: 260px
}

.btn_giftClose {
    display: none;
    width: 20px;
    height: 20px;
    background-image: url(/images/graph/common/icon_giftClose.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 2
}

.btn_giftClose:hover {
    opacity: 1
}

.SelectGiftBox {
    width: 90%;
    margin: 0 auto;
    padding: 5px;
    background-color: #bababa;
    border-radius: 3px;
    margin-top: 20px
}

.btn_less,.btn_add {
    display: block;
    font-family: Arial,Microsoft JhengHei,Microsoft YaHei,sans-serif;
    border: 0;
    width: 10%;
    margin: 0 3%;
    height: 32px;
    line-height: 32px;
    color: #000;
    font-size: 18px;
    outline: none;
    cursor: pointer;
    float: left;
    background-color: #bababa;
    font-weight: bold;
    opacity: 1;
    user-select: none
}

.btn_less:hover,.btn_add:hover {
    opacity: 0.5
}

.gift_num {
    float: left;
    display: block;
    width: 45px;
    margin: 0;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
    border-radius: 3px
}

.btn_vGift_confirm.bg_blue {
    width: 40%;
    margin-right: 0;
    background-color: #0183ff
}

.btn_vGift_confirm.bg_blue:hover {
    background-color: #2d97fb
}

.talk_System {
    position: relative;
    display: table;
    margin: 13px 10px 0;
    margin: 13px auto 0;
    max-width: 75%;
    background-color: #ffea96;
    border-radius: 5px;
    padding: 5px 13px 5px 13px
}

.talk_Title {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.talk_System .talk_In {
    display: table-cell;
    vertical-align: top;
    padding: 0
}

.btn_webLine .change_dropdown .strLine {
    float: left;
    display: block
}

.btn_webLine .change_dropdown a.on div,.btn_webLine .change_dropdown a:hover div {
    color: #fff
}

.btn_webLine .change_dropdown .timeInfo {
    float: right;
    background-image: url(/images/graph/common/LineSpeedloading.gif);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left;
    margin-top: 3px
}

.btn_webLine .change_dropdown .nTime {
    color: rgb(34,183,0);
    float: left;
    height: 16px;
    line-height: 18px;
    width: 30px;
    text-align: right
}

.btn_webLine .change_dropdown .strMs {
    float: right;
    margin-left: 3px;
    color: #333;
    height: 16px;
    line-height: 18px;
    display: none
}

.btn_webLine .change_dropdown li {
    width: 100%;
    border: 0;
    height: 24px;
    text-align: center
}

.btn_webLine .change_dropdown li a {
    line-height: 24px;
    height: 24px;
    width: 100%;
    display: inline-block;
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0 8px
}

.btn_webLine .change_dropdown div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    -webkit-box-sizing: border-box;
    position: static;
    display: block
}

.btn_webLine .change_dropdown li a.on,.btn_webLine .change_dropdown li a:hover {
    color: #fff;
    background-color: #0080ff
}

.confirmBet_box {
    width: 300px;
    border-radius: 5px;
    position: absolute;
    box-shadow: rgb(0 0 0 / 50%) 0 0 15px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    display: none;
    top: 315px;
    z-index: 105;
    left: 580px
}

.CB_T3 {
    background-color: #fd9324;
    color: #fff;
    padding: 5px 0px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 16px
}

.CB_in {
    border-radius: 0 0 5px 5px;
    font-size: 15px;
    background-color: #fff
}

.CB_line {
    border: 0;
    border-top: 1px solid #d5d5d5;
    margin: 0
}

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

.CB_textIn {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    padding: 10px 15px;
    box-sizing: border-box
}

.CB_t_red {
    color: #f00
}

.btn_CB {
    color: #fff;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 10px
}

.btn_CB_confirm {
    background-color: #427fd0;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    width: 125px;
    margin: 0 3px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    display: inline-block
}

.spnNofocusList {
    line-height: 330px
}

.focusListMask {
    z-index: 102;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image: url(/images/graph/lottery/bg_cover.png)
}

.AnchorList.on {
    display: block
}

.AnchorList {
    position: absolute;
    top: 31px;
    right: -21px;
    width: 430px;
    max-height: 430px;
    min-height: 430px;
    border: 4px solid #C2CCD5;
    background-color: #fff;
    border-radius: 10px;
    z-index: 103;
    display: none
}

.AL_top {
    position: relative;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #000;
    font-size: 20px;
    margin: 0 15px;
    border-bottom: 1px solid #D0D0D0
}

.AL_close {
    background: url(/images/graph/common/btn_AL_close.svg)no-repeat center;
    position: absolute;
    width: 35px;
    height: 35px;
    opacity: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -12px;
    cursor: pointer;
    z-index: 5
}

.AL_close:hover {
    opacity: 0.6
}

.AL_btm {
    display: table;
    max-height: 365px;
    width: 408px;
    margin: auto
}

.AL_reel {
    overflow-x: hidden;
    overflow-y: auto;
    height: 365px;
    margin: 20px auto 5px auto;
    width: 408px
}

.AL_List {
    margin-top: 3px;
    width: 100%;
    color: #000;
    font-size: 15px
}

.AL_List tr.trFocuslist:hover {
    cursor: pointer;
    background-color: #eee
}

.AL_List tr:hover .AL_enter {
    background-color: #62ccb9
}

.AL_List tr:hover .AL_enter.off {
    background-color: #898989
}

.AL_List tr.AL_no:hover {
    cursor: default;
    background-color: #eee
}

.AL_List td {
    height: 60px;
    display: table-cell;
    vertical-align: middle
}

.AL_List tr td:nth-child(1) {
    position: relative;
    width: 70px
}

.AL_List tr td:nth-child(2) {
    width: 80px;
    padding-left: 10px
}

.AL_List tr td:nth-child(4) {
    width: 85px
}

.AL_List tr td:nth-child(5) {
    width: 50px;
    position: relative
}

.focusLoading {
    width: auto;
    height: 365px;
    background-image: url(/images/graph/common/LineSpeedloading.gif);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center
}

.photo_Box {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #ec5785
}

.photo_Box img {
    width: 45px;

    height: 45px;
    border-radius: 50% !important;
    object-fit: cover
}

.photo_Box.DL_alter {
    border: 2px solid #b376f2
}

.AL_onLine {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #59d103
}

.AL_CNT {
    color: #e09664;
    font-size: 12px
}

.AL_VNT {
    color: #b276f2;
    font-size: 12px
}

.AL_THT {
    color: #f65ab1;
    font-size: 12px
}

.AL_PHT {
    color: #4d0f4e;
    font-size: 12px
}

.AL_BlockT {
    color: #12DFCB
}

.AL_GreenT {
    color: #4bb301
}

.AL_YellowT {
    color: #e29f09
}

.AL_GrayT {
    color: #a0a0a0
}

.AL_OrangeT {
    color: #fb7434
}

.AL_enter {
    display: block;
    text-align: center;
    font-size: 12px;
    width: 60px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    color: #fff;
    margin: auto;
    cursor: pointer
}

.AL_remove {
    display: block;
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-size: 17px;
    border-radius: 50%;
    background-color: #ec5785;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    margin: auto
}

.AL_remove:hover {
    background-color: #ff88ad
}

.AL_remove:before {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.AL_enter {
    background-color: #4BAC9B
}

.AL_enter.off {
    background-color: #898989
}

.AL_enter.on {
    background-color: #62ccb9
}

.btn_rankLive {
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    border-radius: 99em;
    background-color: #307ecc;
    text-align: center;
    display: table;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px 5px;
    min-width: 50px
}

.btn_rankLive:hover {
    background-color: #3d9eff
}

.liveTime_pop {
    width: 330px;
    height: 220px;
    background-color: #fff;
    box-shadow: 4px 4px 12px rgb(61 126 191 / 25%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 15px;
    z-index: 2;
    text-align: center;
    display: none
}

.div_close {
    position: absolute;
    top: 11px;
    right: 9px;
    padding: 6px;
    cursor: pointer
}

.div_close:after {
    content: '';
    width: 17px;
    height: 17px;
    background: url(/images/graph/common/icon_close3.png) no-repeat center;
    background-size: cover;
    display: block
}

.div_close.pop {
    right: 11px
}

.div_close.pop:after {
    width: 14px;
    height: 14px
}

.liveTime_title {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1em;
    padding: 16px 0;
    border-bottom: 1px solid #e8ecf2
}

.liveTime_inBox {
    width: 90%;
    margin: 0 auto;
    height: 135px;
    font-size: 15px;
    margin: 14px auto 18px
}

.liveTime_inBox table {
    width: 100%
}

.liveTime_inBox tr {
    line-height: 20px
}

.liveTime_inBox td {
    white-space: nowrap
}

.liveTime_inBox td:first-child {
    width: 23%
}

.btn_showIcon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 28px;
    bottom: 10px;
    display: none
}

.btn_showIcon:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/graph/common/icon_showden.svg) no-repeat top;
    background-size: 94%;
    position: absolute;
    right: 0px;
    bottom: 0px
}

.btn_showIcon:hover:after {
    opacity: 0.8
}

.btn_showIcon.on:after {
    background: url(/images/graph/common/icon_showden_on.svg) no-repeat top;
    background-size: 94%
}

.btn_showIcon .text {
    position: absolute;
    margin: auto;
    top: 25px;
    right: -35px;
    left: -35px
}

.btn_showIcon span {
    display: none;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
    position: relative;
    margin: auto;
    z-index: 5
}

.btn_showIcon:hover span {
    display: table
}

.showList_box {
    position: absolute;
    bottom: -232px;
    right: -43px;
    display: none;
    width: 227px;
    height: 231px;
    overflow: auto;
    overflow-y: auto;
    z-index: 3;
    background-color: #fff;
    cursor: auto
}

.showList_box.ku {
    bottom: -262px;
    height: 261px
}

.No_showBox {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    font-size: 15px
}

.No_showBox.vn {
    padding: 0 8px
}

.showBox:last-child {
    margin-bottom: 2%
}

.showBox {
    position: relative;
    width: 96%;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    margin: 2% auto 0
}

.showBox ul {
    list-style: none;
    padding: 5px 0
}

.showBox ul li {
    padding-left: 8px;
    font-size: 14px;
    color: #ff4747;
    line-height: 23px;
    font-weight: bold
}

.showBox ul li:first-child {
    color: #000
}

.showBox ul li:nth-child(2) {
    color: #888888
}

.showBox ul li:nth-child(3) {
    color: #499ce6
}

.showBox ul li:last-child {
    color: #000
}

.showBox ul li .blue_t {
    color: #0000ff
}

.showBox .total {
    color: #000;
    float: right;
    margin-right: 8px
}

.showBox .icon_show {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 19px;
    opacity: 0.6;
    cursor: pointer
}

.showBox .icon_show:hover {
    opacity: 1
}

.showden_mask {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 3
}

.showden_box {
    width: 200px;
    background-color: #fff;
    border-radius: 8px;
    border: 3px solid #c3ced6;
    overflow: hidden;
    position: absolute;
    display: block;
    vertical-align: top;
    text-align: left;
    top: 187px;
    z-index: 1;
    right: 0;
    left: 0;
    margin: auto
}

.showden_box .sb_title {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    font-size: 22px;
    background-color: #fff;
    padding: 5px 0
}

.showden_box .sb_in {
    font-size: 15px;
    background-color: #fff
}

.showden_box .sb_line {
    display: block;
    width: 190px;
    margin-left: 10px;
    border: 0;
    border-top: 1px solid #d5d5d5
}

.showden_box .sb_content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    line-height: 30px;
    margin: 20px 0;
    font-size: 16px
}

.showden_box .btn_sb {
    padding: 0 0 10px
}

.showden_box .btn_sb_cancel,.showden_box .btn_sb_confirm {
    display: block;
    float: left;
    background-color: #919191;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 3px;
    width: 86px;
    margin: 0 0 0 9px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    color: #fff
}

.showden_box .btn_sb_confirm {
    background-color: #427fd0
}

.showden_box .btn_sb_confirm:hover {
    opacity: 0.9
}

.showden_box .btn_sb_cancel.failed {
    background-color: #427fd0;
    margin: 0 auto;
    float: initial
}

#divGameVideoItem {
    float: right;
    display: none
}

.liveInfo {
    background-color: #ccc;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

#divGameVideoItem .btn_webLine {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    z-index: 1
}

.icon_webLine {
    background: url(/images/graph/common/btn_webLine.svg) no-repeat center;
    background-size: 70%;
    height: 27px;
    width: 27px;
    margin: auto;
    box-sizing: border-box;
    cursor: pointer
}

.webLine {
    position: absolute;
    top: 35px;
    right: 0;
    height: 160px;
    width: 95px;
    background-color: rgba(30,30,30,0.8);
    color: #fff;
    z-index: 1;
    display: none
}

.webLine span {
    display: inline-block;
    text-align: center
}

.webLine .icon_close {
    position: relative;
    width: 12px;
    height: 17px;
    left: 10px;
    cursor: pointer
}

.webLine .icon_close.id {
    left: 20px
}

.webLine .icon_close:after {
    content: '+';
    position: absolute;
    top: -2px;
    bottom: 0;
    right: -10px;
    left: 0;
    margin: auto 0;
    transform: rotate(45deg);
    color: rgba(255,255,255,0.5);
    font-size: 30px
}

.webLine .icon_close:hover:after {
    color: rgba(255,255,255,0.8)
}

.btn_webLine_list {
    background-color: rgba(0,0,0,0.8);
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    margin: 1px;
    cursor: pointer
}

.btn_webLine_list.on {
    background-color: rgba(70,130,187,0.8)
}

.icon_flag {
    width: auto;
    height: 18px;
    vertical-align: middle;
    border-radius: 50px
}

.btn_leftMenu .icon_flag {
    float: right;
    margin-right: 10px;
    margin-top: 8px
}

.chatroomT_T .icon_flag {
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 3px
}

.AnchorName .icon_flag {
    float: left;
    opacity: 1;
    margin-left: 25px;
    margin-top: 5px
}

.userP .dynamic_t {
    width: 100%;
    text-align: center;
    position: absolute;
    margin: auto;
    bottom: -15px;
    left: 3px;
    right: 0;
    color: #43ff00;
    font-size: 14px;
    animation: twinkling 2s;
    -webkit-animation: twinkling 2s;
    opacity: 0
}

@keyframes twinkling {
    0% {
        bottom: -15px;
        opacity: 1;
        transform: scale(0.001)
    }

    10% {
        bottom: -15px;
        opacity: 1;
        transform: scale(1)
    }

    70% {
        bottom: -15px;
        opacity: 1;
        transform: scale(1)
    }

    100% {
        bottom: 0px;
        opacity: 0
    }
}

@-webkit-keyframes twinkling {
    0% {
        bottom: -15px;
        opacity: 1;
        transform: scale(0.001)
    }

    10% {
        bottom: -15px;
        opacity: 1;
        transform: scale(1)
    }

    70% {
        bottom: -15px;
        opacity: 1;
        transform: scale(1)
    }

    100% {
        bottom: 0px;
        opacity: 0
    }
}

.btn_showIcon.icon_repeat:after {
    background: url(/images/graph/common/icon_reapet.svg) no-repeat top;
    background-size: 100%;
    -webkit-animation: betShipRepeat 2s infinite steps(1,start)
}

@-webkit-keyframes betShipRepeat {
    0% {
        background: url(/images/graph/common/icon_reapet.svg) no-repeat top;
        background-size: 100%
    }

    50% {
        background: url(/images/graph/common/icon_showden_on.svg) no-repeat top;
        background-size: 100%
    }
}

.gift_menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 230px;
    height: 40px;
    background-color: #dedede
}

.gift_menu.ku {
    bottom: 260px
}

.gift_menu ul {
    display: flex;
    align-content: center;
    justify-content: center
}

.gift_menu ul li {
    position: relative;
    list-style-type: none;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #fff;
    background: url(/images/graph/common/btn_singleGift_01.svg)no-repeat 35px center;
    background-size: 12%;
    font-size: 14px;
    cursor: pointer
}

.gift_menu ul li span {
    margin-left: 20px
}

.gift_menu ul li:last-child {
    border-right: 0;
    background: url(/images/graph/common/btn_assembleGift_01.svg)no-repeat 35px center;
    background-size: 12%
}

.gift_menu ul li.on,.gift_menu ul li:hover {
    color: #ff7194;
    background: url(/images/graph/common/btn_singleGift_02.svg)#f2f2f2 no-repeat 35px center;
    background-size: 12%
}

.gift_menu ul li:last-child.on,.gift_menu ul li:last-child:hover {
    color: #ff7194;
    background: url(/images/graph/common/btn_assembleGift_02.svg)#f2f2f2 no-repeat 35px center;
    background-size: 12%
}

.gift_menu ul li.on:after,.gift_menu ul li:hover:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff7194
}

.gift_menu.vn ul li,.gift_menu.vn ul li.on,.gift_menu.vn ul li:hover,.gift_menu.th ul li,.gift_menu.th ul li.on,.gift_menu.th ul li:hover {
    background-position-x: 10px
}

.gift_menu.id ul li,.gift_menu.id ul li.on,.gift_menu.id ul li:hover {
    background-position-x: 25px
}

.Gift_combination {
    background-color: #f2f2f2;
    width: 100%;
    height: 230px
}

.Gift_combination ul li {
    position: relative;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #fff;
    height: 76px;
    cursor: pointer
}

.Gift_combination ul li:last-child {
    border-bottom: 0
}

.Gift_combination ul li img {
    display: block;
    width: auto;
    height: 50px;
    margin: auto
}

.Gift_combination .boxL,.Gift_combination .boxR {
    width: 50%
}

.Gift_combination .textWraps {
    text-align: center;
    font-size: 14px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.Gift_combination .textWraps span {
    color: #000
}

.Gift_combination .textWraps .gift_money {
    color: #1385fd;
    font-weight: bold
}

.Gift_combination ul li:hover {
    background-color: #bbe3ff
}

.Gift_combination.step02 ul li {
    height: 114px;
    background-color: #f2f2f2 !important
}

.Gift_combination.step02 ul li:last-child {
    height: 115px;
    border-bottom: 0
}

.Gift_combination .boxL,.Gift_combination .boxR {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 5% 0;
    box-sizing: border-box;
    position: relative
}

.Gift_combination.step02 ul li div:first-child {
    border-right: 1px solid #fff
}

.Gift_combination.step02 ul li .boxL:hover,.Gift_combination.step02 ul li .boxR:hover {
    background-color: #bbe3ff !important
}

.previewGiftImg {
    width: 33px
}

@media screen and (max-width:1440px){
    .btmTable_R2{width: 300px;}
    .btmTable_C{width: calc(100% - 522px);}
}
@media screen and (max-width:1280px){
    .btmTable_R2{display: none;}
    #tabs_container{width: calc(100% - 212px);}
}
@media screen and (max-width:1024px){
    #tabs_container{width: 100%;padding: 0;}
}