@font-face {
    font-family: 'myfont'; /*自己设置字体名称*/
    src: url('../fonts/hwxw.ttf');/*字体源文件*/
}
body{
    padding: 0;
    margin: 0;
}
body,samp,span,h4,h5,p{
    font-family: myfont;
}
.poker-list .game-container span,.poker-list .game-container samp,.poker-list .game-container h4,.poker-list .game-container h5,.poker-list .pools samp,.poker-list .bottom-box span{
    font-family: none;
}
a{
    text-decoration: none;
}
.rout_1_4{
    margin-left: 38%;
}
/*orientation: landscape*/
.glittered {
    animation:myfirst 4s;
    -moz-animation:myfirst 4s; /* Firefox */
    -webkit-animation:myfirst 4s; /* Safari and Chrome */
    -o-animation:myfirst 4s; /* Opera */
}
.glittered_img{
    animation:imgshan 4s;
    -moz-animation:imgshan 4s; /* Firefox */
    -webkit-animation:imgshan 4s; /* Safari and Chrome */
    -o-animation:imgshan 4s; /* Opera */
}
.img_shan{
    z-index: 99!important;
    position: absolute!important;
    width: 122%!important;
    height: 100%!important;
    float: none!important;
    opacity: 0;
}
.img_shan img{
    margin-top: 3px;
    width: 100%!important;
}
.rout_1 div.img1_3{
    margin-left: 9%;
}
.rout_1 div.img1_4{
    margin-left: -21%;
}
div#surroundDices_333 {
    width: 118%!important;
    margin-left: -5%;
}
.rout_2 div.img2_1{
    margin-left: -10%;
    width: 119%!important;
}
#pairs_11{
    width: 120%!important;
    margin-left: 2%;
}
#pairs_22{
    margin-left: 6%;
    width: 115%!important;
}
.rout_2 div.img2_2{
    margin-left: -10%;
    width: 113%!important;
}
.rout_2 div.img2_3{
    width: 108%!important;
    margin-left: -14%;
}
.rout_3 .img_shan{
    width: 100%!important;
}
div#points_4 {
    margin-left: 5%;
}
#surroundDices_555 img{
    margin-left: 8px;
    width: 92%!important;
}
#small img{
    height: 86%;
    margin-left: 3px;
    width: 98%!important;
}
.rout_2 div.img2_4{
    width: 110%!important;
    margin-left: 4%;
}
div#surroundDices_555 {
    margin-left: -8%;
}
.rout_2 div.img2_6{
    width: 116%!important;
    margin-left: -7%!important;
}
.rout_3 div.img3_2{
    margin-top: 10%;
    margin-left: -16%;
    width: 130%!important;
}
.rout_3 div.img3_3{
    margin-left: -11%;
    width: 115%!important;
}
.rout_3 div.img3_4{
    margin-left: -10%;
    width: 119%!important;
}
.rout_3 div.img3_5{
    margin-left: -10%;
    width: 121%!important;
}
div#points_9 {
    width: 109%!important;
}
div#points_10 {
    margin-left: -10%;
    width: 109%!important;
}
div#surroundDices_222 {
    margin-left: -3%;
    width: 111%!important;
}
.rout_3 div.img3_8{
    margin-left: -10%;
}
.rout_3 div.img3_9{
    margin-left: -8%;
    width: 104%!important;
}
.rout_3 div.img3_10{
    margin-left: -17%;
    width: 111%!important;
}
.rout_3 div.img3_11{
    margin-left: -26%;
    width: 117%!important;
}
.rout_3 div.img3_12{
    margin-top: 4%;
    margin-left: -26%;
    width: 116%!important;;
}
.rout_3 div.img3_13{
    margin-left: -25%;
    margin-top: 9%;
    width: 117%!important;
}
.rout_3 div.img3_14{
    margin-left: -29%;
    margin-top: -4%;
    width: 111%!important;
}
.rout_4 div.img4_1{
    margin-left: -3%;
    margin-top: 5%;
    width: 113%!important;
}
.rout_4 div.img4_2{
    margin-left: 2%;
    width: 86%!important;
    margin-top: 13%;
}
.rout_4 div.img4_3{
    width: 136%!important;
    margin-top: 27%;
    margin-left: -40%;
}
.rout_4 div.img4_4{
    width: 113%!important;
    margin-top: 17%;
    margin-left: -10%;
}
.rout_4 div.img4_5{
    margin-top: 16%;
    margin-left: -6%;
    width: 110%!important;
}
.rout_4 div.img4_6{
    width: 86%!important;
    margin-top: 12%;
}
.rout_4 div.img4_7{
    width: 100%!important;
    margin-top: 16%;
    margin-left: -19%;
}
#nineWayGards_24{
    margin-left: -20%;
    margin-top: 20%;
}
.rout_4 div.img4_9{
    width: 84%!important;
    margin-top: 12%;
    margin-left: 4%;
}
.rout_4 div.img4_10{
    width: 96%!important;
    margin-top: 15%;
    margin-left: -9%;
}
.rout_4 div.img4_11{
    width: 100%!important;
    margin-top: 15%;
    margin-left: -10%;
}
.rout_4 div.img4_12{
    width: 104%!important;
    margin-top: 15%;
    margin-left: -11%;
}
.rout_4 div.img4_13{
    width: 108%!important;
    margin-top: 16%;
    margin-left: -11%;
}
.rout_4 div.img4_14{
    width: 109%!important;
    margin-top: 15%;
    margin-left: -11%;
}
.rout_4 div.img4_15{
    width: 111%!important;
    margin-top: 15%;
    margin-left: -10%;
}
.rout_4 div.img4_16{
    width: 118%!important;
    margin-top: 15%;
    margin-left: -13%;
}
.rout_4 div.img4_17{
    margin-left: -5%;
    margin-top: 8%;
    width: 113%!important;
}
#big img{
    height: 85%;
}
.rout_5 div.img5_1{
    margin-left: 3%;
    width: 84px!important;
}
.rout_5 .img_shan {
    margin-top: 2%;
}
#even img{
    width: 97%!important;
    height: 79%;
}
.img5_2 img,.img5_3 img,.img5_4 img,.img5_6 img,.img5_7 img,.img5_8 img,.img5_9 img{
    height:82%;
}
.rout_1_1 img,.rout_1_2 img,.rout_1_3 img{
    margin-left: 3px;
    height:92%;
}
.rout_1_4 img{
    height:92%;
}
.rout_1_5 img,.rout_1_6 img{
    height: 91%;
    margin-left: -3px;
}
.img2_1 img{
    margin-left: 9px;
    height:100%;
}
.img2_2 img{
    margin-left: 12px;
    height: 100%;
}
.img2_3 img{
    margin-left: 16px;
    height: 100%;
}
.img2_4 img{
    height: 100%;
}
.img2_6 img{
    height: 100%;
    margin-left: 7px;
}
#points_4 img{
    margin-top: 7px;
    height: 94%;
}
#points_5 img{
    height: 94%;
    margin-left: -2px;
}
#points_6 img,#points_7 img,#points_8 img,#points_9 img{
    height: 89%;
    margin-left: -2px;
    margin-top: 8px
}
#points_10 img{
    height: 89%;
    margin-left: 1px;
    margin-top: 8px;
}
#points_11 img,#points_12 img{
    height: 100%;
    margin-top: 8px;
    margin-left: 2px;
}
#points_13 img{
    height: 100%;
    margin-top: 8px;
    margin-left: 4px;
}
#points_14 img{
    height: 100%;
    margin-top: 8px;
    margin-left: 6px;
}
#points_15 img{
    height: 100%;
    margin-top: 5px;
    margin-left: 6px;
}
#points_16 img{
    height: 100%;
    margin-top: 4px;
    margin-left: 6px;
}
#points_17 img{
    height: 100%;
    margin-top: 8px;
    margin-left: 8px;
}
.rout_5 div.img5_2{
    width: 118%!important;
    margin-left: -4%;
}
.rout_5 div.img5_3{
    width: 103%!important;
    margin-left: 1%;
}
.rout_5 div.img5_4{
    width: 120%!important;
    margin-left: -7%;
}
.rout_5 div.img5_5{
    margin-left: 5%;
    width: 86%!important;
}
.rout_5 div.img5_6{
    width: 102%!important;
    margin-left: -14%;
}
.rout_5 div.img5_5 img{
    height: 73%;
    margin-top: 4%;
}
.rout_5 div.img5_7{
    width: 106%!important;
    margin-left: -14%;
}
.rout_5 div.img5_8{
    width: 117%!important;
    margin-left: -16%;
}
.rout_5 div.img5_9{
    margin-left: -17%;
    width: 123%!important;
}

#comp-rotateDetect {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    background: url("../imgs/back.png");
    color: #fff;
    text-align: center;
    display: none;
    z-index: 999999;
}
#comp-rotateDetect .content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -135px;
}
.rout-seletchip img{
    width: 20px;
}

@keyframes myfirst
{
    0%  { background: rgba(0 , 0, 0, 0)}
    10% { background: rgba(0 , 0, 0, .7)}
    20% { background: rgba(0 , 0, 0, 0)}
    30% { background: rgba(0 , 0, 0, .7)}
    40% { background: rgba(0 , 0, 0, 0)}
    50% { background: rgba(0 , 0, 0, .7)}
    60% { background: rgba(0 , 0, 0, 0)}
    70% { background: rgba(0 , 0, 0, .7)}
    80% { background: rgba(0 , 0, 0, 0)}
    90% { background: rgba(0 , 0, 0, .7)}
}
@keyframes imgshan{
    0%  { opacity: 1}
    10% { opacity: 0}
    20% { opacity: 1}
    30% { opacity: 0}
    40% { opacity: 1}
    50% { opacity: 0}
    60% { opacity: 1}
    70% { opacity: 0}
    80% { opacity: 1}
    90% { opacity: 0}
}
@keyframes changecolor {
    0%{background: #E26419}
    100%{background: rgba(114,114,114,0.7)}
}
.changeclr{
    animation: changecolor 1s;
    -moz-animation: changecolor 1s;
    -webkit-animation: changecolor 1s;
    -o-animation: changecolor 1s;
}
.select-shade {
    animation: select-shade-animation 4s;
    -moz-animation: select-shade-animation 4s;
    -webkit-animation: select-shade-animation 4s;
    -o-animation: select-shade-animation 4s;
}

@keyframes select-shade-animation{
    0%{opacity: 0 }
    10%{opacity: 1}
    20%{opacity: 0}
    30%{opacity: 1}
    40%{opacity: 0}
    50%{opacity: 1}
    60%{opacity: 0}
    70%{opacity: 1}
    80%{opacity: 0}
    90%{opacity: 1}
    100%{opacity: 0}
}
#table_player_count{
    padding: 0 2px;
}

.index{
    width: 100%;
    height: 565px;
    background: url("../imgs/datingtest_02.png");
    /*-webkit-box-shadow: inset 0 0 200px #066619;*/
    /*-moz-box-shadow: inset 0 0 200px #066619;*/
    /*box-shadow: inset 0 0 200px #066619;*/
}
.dingbu{
    position: fixed;
    top: 0;
    width: 100%;
    height: 44px;
    z-index: 9999;
}
.index .content{
    padding: 55px 20px 0;
}
::-webkit-scrollbar{width:0}

.index .item {
    width: 32.53%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    height: 141px;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 5px;
}
.index .item img{
    height: 100%;
}
.poker-list .box-1 span{
    font-family: none;
}
.dice-indexed .list-box .right-data .box-1 {
    overflow-x: scroll;
    border-right: solid 1px #f3f3f3;
    height: 127px;
    margin-top: 5px;
    width: 50%;
}
.betchip_2_right .sel-box{
    left: 2px;
}
.betchip_3 .left-bottom .sel-box ,.betchip_3 .bottom-middle .sel-box{
    top: 118%;
}
.index .item .center_zi{
    position: absolute;width: 100%;height: 25px;background: rgba(0,0,0,0.7);bottom: 0;color: #ffffff;font-size: 21px;line-height: 25px;
}
.index .item .center_zi span{
    display: inline-block;
    width: 80%;
    height: 100%;
    padding-left: 25px;
}
.index span.center{
    display: block;
    top: 50%;
    margin-top: -24px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
}
/*百家乐*/
.bac-data{
    color: #ffffff;
    position: absolute;
    bottom: 70%;
    right: 14%;
    padding: 2px 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: rgba(0,0,0,0.5);
}
.baccarat-index_b .bac-data{
    right: 12%;
    font-size: 12px;
    bottom: 100%;
}
*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.zhengti_ul li{
    float: left;
    list-style: none;
}

::-webkit-scrollbar{height:0 }
.bac-list{
    width: 100%;
    height: auto;
}
.zhengti_ul {
    height: 180px;
    width: 100%;
    padding: 6px 0 10px 1%;
    background-color: #4a4333;
    position: relative;
}
.left-img{
    width: 15.5%;
    height: 180px;
    float: left;

}
.red{
    font-size: 32px;
    font-weight: bold;
    color: #f00;
}
.roulette-list .left-img .top-photo img.people {
    min-height: 102px;
}
.bottom-box .purple-font {
    color: #4285f4;
}
.bottom-box .black-font {
    color: #000;
}
.left-img .top-photo{
    height: 136px;
    width: 100%;
    position: relative;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fdfffe;
    overflow: hidden;
}
.left-img .top-photo img.people{
    min-width: 100%;
    max-height: 120px;
    vertical-align: middle;
    margin-top: 28px;
}
.left-img .top-photo img.label{
    position: absolute;
    width: 100%;
    top: 6px;
    left: -1px;
    height: 22px;

}
.left-img .top-photo span{
    position: absolute;
    top: 8px;
    font-size: 14px;
    left: 10px;
    color: #ffffff;
    font-weight:bold;
    line-height: 18px;
}
.left-img .bottom-state{
    font-size: 0.6em;
    height: 26px;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #147A29;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
}
.zhengti_ul .right-data{
    width: 83%;
    height: 180px;
    margin-left: 1%;
}


.zhengti_ul .right-data .top-box{
    width: 100%;
    height: 136px;
    padding-top: 4px;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.top-box li{
    float: left;
}



.top-box table{
    border-collapse:collapse
}
.top-box  table td{
    border:#f3f3f3 solid 1px

}
.zhengti_ul .right-data table {
    border-collapse: collapse;
    border-spacing: 0;
}
.zhengti_ul tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.zhengti_ul tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.zhengti_ul .right-data td {
    border: #f3f3f3 solid 1px;
}
.zhengti_ul .right-data .box-1 {
    height: 129px;
    width: 24.4%;
    overflow-x: scroll;
    margin-right: 0.5%;
    border-right: 1px solid #f3f3f3;
}
.zhengti_ul .right-data .box-1 td {
    height: 19px;
    width: 19px;
    padding: 1px;
    line-height: 16px;
}
.zhengti_ul .right-data .box-1 td span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0;
    color: #fff;
    text-align: center;
    position: relative;
}
.right-data .box-1 td span:before{
    content: '';
    width: 6px;
    height: 6px;
    top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;

}
.right-data .box-1 td .tag-left:after {
    content: " ";
    width: 6px;
    height: 6px;
    top: -1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: solid 1px #fff;
    background-color: #ff070f;
    left: 0;
    position: absolute;
}
.tag-right:before{
    border: solid 1px #ffffff;
    background-color: #4285f4;
    right: 0;
}
.box-1 td.red-round span{
    background-color: #ff070f
}

.box-1 td.blue-round span{
    background-color: #4285f4
}
.box-1 td.green-round span{
    background-color: #55b35b
}
.poker-list .zhengti_ul .right-data .box-2{
    width: 70%;
}
.pok-zhu img{
    width: 40px;
}
.pok-zhu-bottom .sel-box {
    left: -4px;
}
.zhengti_ul .right-data .box-2 {
    height: 80px;
    width: 70%;
    overflow-x: scroll;
    margin-left: 0;
    border-right: 1px solid #f3f3f3;
}
.zhengti_ul .right-data .box-2 td{
    height: 13px;
    width: 13px;
    line-height: 12px;
}
#bak{
    position: fixed;
    z-index: -999;
}
.zhengti_ul .right-data .box-2 td span {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 11px;
    position: relative;
}
.box-2 span:before{
    content: '';
    width:6px;
    height: 6px;
    top: -2px;
    border-radius: 50%;
    position: absolute;

}
.tag-left:after{
    content: '';
    width:6px;
    height: 6px;
    top: -2px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    background-color: #ff070f;
    left: -1px;
    position: absolute;

}
.tag-right:before{
    border: solid 1px #ffffff;
    background-color: #4285f4;
    right: -1px;
}
.box-2 td.red-round span{
    border: solid 1px #df0b21

}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, nav, section, article, aside, footer, figure, figcaption, menu, button {
    margin: 0;
    padding: 0;
}
.box-2 td.blue-round span{
    border: solid 1px #4285f4
}
.zhengti_ul .right-data .box-3, .zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
    overflow-x: scroll;
}
.zhengti_ul .right-data .box-3, .zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
    height: 45px;
    width: 23%;
    margin-top: -6px;
}
.zhengti_ul .right-data .box-3 td, .zhengti_ul .right-data .box-4 td, .zhengti_ul .right-data .box-5 td {
    height: 6px;
    width: 6px;
    line-height: 3px;
}
.zhengti_ul .right-data .box-3 td:before, .zhengti_ul .right-data .box-4 td:before, .zhengti_ul .right-data .box-5 td:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.zhengti_ul .right-data .box-4 td:before{
    border: none;
    text-align: center;
    font-size: 12px;
}
td.red-circle:before{
    border: solid 2px #ff060c
}

td.blue-circle:before{
    border: solid 2px #4285f4
}
.downtime{
    color:#ff060c;
}

.box-4 td:before{
    border: none;
    text-align: center;
    font-size: 7px;
    font-weight: bold;
    line-height: 7px;

}
.zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
    margin-left: 3px;
}
.right-data .box-4 td.red-slash:before{
    content: '/';
    color: #ff060c
}
.right-data .box-4 td.blue-slash:before{
    content: '/';
    color: #4285f4;
}

.box-5 td :before{
    border: none;
    border-radius: 50%

}
.box-5 td.red-round:before{
    background-color: #ff060c

}
.box-5 td.blue-round:before{
    background-color: #4285f4

}

.zhengti_ul .right-data .box-6 {
    line-height: 13px ;
    margin-top: 38px;
    margin-left: 1px;
}

.right-data .box-6 p:nth-child(odd) {
    color: #4285f4;
}
.poker-list .zhengti_ul .right-data .box-6 p{
    font-size: 12px;
}
.zhengti_ul .right-data .box-6 p {
    font-size: 13px;
    font-weight: bold;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zhengti_ul .right-data .box-6 p:nth-child(2) span {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #4285f4;
}
.right-data .box-6 p:nth-child(2) span:first-child {
    border: solid 2px #ff060c;
}
.zhengti_ul .right-data .box-6 p:nth-child(2) span:first-child {
    margin-right: 3px;
    margin-left: 2px;
}
.zhengti_ul .right-data .box-6 p:nth-child(4) span {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #4285f4;
}
.right-data .box-6 p:nth-child(4) span:first-child {
    background-color: #ff060c;
}
.right-data .box-6 p:nth-child(4) span {
    background-color: #4285f4;
}
.zhengti_ul .right-data .box-6 p:nth-child(4) span:first-child {
    margin-right: 3px;
    margin-left: 2px;
    border: solid 2px #ff060c;
}
@media screen and (min-width:600px){
    .box-6 {
        padding-left: 0
    }
}
.zhengti_ul .right-data .bottom-box {
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #147A29;
    padding-left: 5px;
}
.bottom-box li{
    float: left;
    margin-right: 16px;
    color: #ffffff;
}
.bottom-box li .font-red{
    color: #ff060c
}
.bottom-box li .font-blue{
    color: #4285f4
}
.bottom-box li  .font-green{
    color: #437e2e
}
.right-data .box-6 p {
    font-size: 15px;
    font-weight: bold;
}
/*nav*/
*{
    margin: 0;
    padding: 0;
}
.headers{
    text-shadow: 3px 2px 2px #000;
    height: 45px;
    background: -webkit-linear-gradient(#2ACC3C, #166B3A);
    background: -o-linear-gradient(#2ACC3C, #166B3A);
    background: -moz-linear-gradient(#2ACC3C, #166B3A);
    background: linear-gradient(#2ACC3C, #166B3A);
    color: #dcd17f;
}

a.back{
    display: block;
    /*width: 40px;*/
    height: 45px;
    float: left;
    color:#dcd17f;
    font-size: 1.5em;
}

.back samp{
    font-family: myfont;
}
/*登录css start*/
.andr{
    position: relative;
    float: left;
    width: 65px;
    height: 77px;
    overflow: hidden;
    margin-left: 50px;
}
.andr img{
    width: 100%;
}
.ios{
    position: relative;
    float: right;
    width: 65px;
    height: 77px;
    overflow: hidden;
    margin-right: 50px;
}
.ios img{
    width: 100%;
}
.AItille{
    font-size: 12px;
    text-align: center;
}
#login  .top {
    width: 100%;
    background-color: #0b6d36;
    position: relative;
}
#login  i {
    margin-right: 10px;
    margin-top: 15px;
}
#login  .img{
    width: 320px;
    height: 59px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -160px;

}
#login .top span img{
    margin: 15px 8px;
    height: 30px;
    width: 30px;
}
#login .input{
    width: 96%;
    margin-top: 2%;
    margin-left: 2%;
    height: 179px;
    background-color: #ffffff;
}
#login .input input {
    outline: none;
    width: 100%;
    height: 44px;
    border: none;
    padding-left: 1%;
    background-color: #eaeaea;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 10px;}
.ik-btn {
    outline: none;
    border: none;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    background-color: #0b6d36;
    font-family: myfont;
}
.bottom-title{
    margin-top: 25%;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 12px;

}
.ui-flex-pack-end {
    -webkit-box-pack: end;
}
.ui-flex, .ui-tiled {
    display: -webkit-box;
    width: 100%;
    -webkit-box-sizing: border-box;
}

.logbase{
    position:relative;
}
/*登录页面遮罩层 删除display就行*/
.loading{
    top: 50%;
    right: 50%;
    margin: -53px -84px 0 0;
    border-radius: 10px;
    color: #f9f9f9;
    text-align: center;
    line-height: 100px;
    position: fixed;
    width: 168px;
    height: 106px;
    background: rgba(0,0,0,0.6);
    z-index: 999;
}
.loading-stat{
    top: 50%;
    right: 50%;
    margin: -53px -84px 0 0;
    border-radius: 10px;
    color: #f9f9f9;
    text-align: center;
    line-height: 100px;
    position: fixed;
    width: 168px;
    height: 106px;
    z-index: 999;
}
.four{
    text-align: center;
    margin-left: 0;
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}
.four a{
    color: #dcd17f;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
    border-bottom: 1px solid #acb7ad;
}
.nav_right{
    float: right;
    width: 38%;
    height: 100%;
    text-align: left;
    font-size: 0.8rem;
}



.showWrong{ font-size: 12px; padding: 0 5px; text-align: center; line-height: 40px; width: 150px; height: 40px; border-radius: 10px; position: fixed; background: rgba(0,0,0,0.6); z-index: 999; color: #fff; bottom: 1px; right: 40%;}


@-webkit-keyframes line-spin-fade-loader {
    50% {opacity: 0.3}

    100% {opacity: 1}
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3}

    100% {
        opacity: 1}
}

.line-spin-fade-loader {
    position: relative;
}
.line-spin-fade-loader > div {
    display: block;
    background-color: #fff;
    border-radius: 66%;
    margin-top: 30px;
    margin-left: 80px;
    position: absolute;
    width: 5px;
    height: 8px;
}
.line-spin-fade-loader > div:nth-child(1) {
    top: 14px;
    left: 0;
    animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.12s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(2) {
    top: 10.63636px;
    left: 10.63636px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.24s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.36s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(4) {
    top: -10.63636px;
    left: 10.63636px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.48s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(5) {
    top: -14px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.6s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(6) {
    top: -10.63636px;
    left: -10.63636px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.72s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.84s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
.line-spin-fade-loader > div:nth-child(8) {
    top: 10.63636px;
    left: -10.63636px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
    animation-name: line-spin-fade-loader;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-delay: 0.96s;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}

.ng-hide {
    height: 0;
    width: 0;
    background-color: transparent;
    top:-200px;
    left: 200px;
}
@media screen and (min-width: 737px){
    .changePass{
        height: 414px!important;
        width: 736px!important;
    }
    .games{
        height: 414px!important;
        width: 736px!important;
        overflow: hidden!important;
    }
    .pages_games{
        top: 373px!important;
        left: 0!important;
    }
    .amy-result{
        position: absolute!important;
    }
    #entirety2{
        left: 50%!important;
        margin-left: -368px;
        overflow: hidden;
        height: 414px!important;
        width: 736px!important;
    }
    .chat{
        left: 50%!important;
        height: 373px!important;
        width: 368px!important;
        top: 41px!important;
    }
    /*.choose_desk {*/
        /*display: none;*/
        /*border: 2px #f4cc7f solid!important;*/
        /*position: fixed!important;*/
        /*width: 557px!important;*/
        /*height: 181px!important;*/
        /*top: 200px!important;*/
        /*left: 50%!important;*/
        /*margin-left: -278.5px!important;*/
        /*background: #696969!important;*/
    /*}*/
    .choose_desk {
        display: none;
        border: 2px #f4cc7f solid!important;
        position: fixed!important;
        width: 557px!important;
        height: 275px!important;
        top: 151px!important;
        left: 50%!important;
        margin-left: -278.5px!important;
        background: #696969!important;
    }
    .dice-indexed .row:nth-child(4) img {
        height: 8px!important;
    }
    .dice-indexed .row:nth-child(5) img{
        height: 25px!important;
    }
    .dice-indexed .row:nth-child(1) img, .dice-indexed .row:nth-child(2) img{
        height: 6px!important;
    }
    body{
        background: rgba(0,0,0,0.7);
    }
    #mh_dialog{
        margin-top: -207px!important;
        margin-left: -95px!important;
        position: absolute!important;
    }
    .pools{
        position: absolute!important;
    }
    .dialog-scope {
        width: 736px !important;
        height: 414px!important;
        left: 50%!important;
        margin-left: -368px!important;
    }
    #login{
        width: 736px;
        height: auto;
    }
    .loading{
        position: absolute!important;
    }
    #login .top {
        height: 233px;
    }
    .dingbu{
        width: 736px;
        left:50%;
        margin-left: -368px;
    }

    .footer{
        position: absolute;
        top: 526px;
        left:50%;
        margin-left: -368px;
        width: 736px!important;
    }
    .notice{
        width: 736px!important;
    }
    .footer_shang{
        position: absolute!important;
        width: 736px!important;
        left: 15px;
    }
    .index{
        margin:0 auto;
        width: 736px;
    }
    .cheanab{
        width: 736px;
        height: 414px;
    }
    .zhengti{
        width: 736px;
        margin: 0 auto;
    }
    .poker-list{
        position: relative;
        margin: 0 auto;
        width: 736px!important;
        height: 424px!important;
    }
    .roulette-list{
        margin: 0 auto;
        width: 736px!important;
        height: 414px!important;
    }
    .dice-list_zong{
        margin: 0 auto;
        width: 736px!important;
        height: 414px!important;
    }
    #entirety{
        background: #ffffff;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        width: 736px!important;
        height: auto!important;
    }
    #comp-resultList{
        position: absolute!important;
    }
    #bak{
        width: 736px!important;
        height: 414px!important;
    }
    #bak img{
        height: 414px;
    }
    .comp-chip{
        position: absolute!important;
    }
    .poker-list .game-container{
        bottom: 12px!important;
    }
    .dice-indexed{
        width: 736px!important;
        height: 414px!important;
    }
    .dice-indexed .game-container{
        height: 201px!important;
        position: absolute!important;
    }
    .dice-indexed .info {
        position: absolute!important;
    }
    #language div.ui-form-item label.ui-switch{
        position: absolute!important;
        right:8%!important;
    }
    /*.dialog-box{*/
    /*position: absolute!important;*/
    /*}*/
    /*.outdiog{*/
    /*position: absolute!important;*/
    /*}*/
    #goout{
        top: 190px!important;
    }
    #language{
        top: 19px!important;
        height: 432px;
    }
    #song{
        top: 51px!important;
    }
    .dialog-box.pkan{
        height: 366px!important;
    }
    .dice-indexed .result{
        position: absolute!important;
    }
    .roulette-list .info {
        position: absolute!important;
    }
    .roulette-list .result{
        position: absolute!important;
    }
    .baccarat-index{
        width: 736px!important;
        height: 414px!important;
    }

    #bac-list,#bac-desktop{
        width: 736px;
    }
    .nav_right{
        margin-right: 8px;
    }
    .startchip {
        left: 51%!important;
        top: 278px!important;
    }
    .baccarat-index .startchip {
        left: 51%!important;
        top: 266px!important;
    }
    .roulette-list .startchip{
        left: 51%!important;
        top: 219px!important;
    }
}
.sanjiao_left{
    transform: rotate(93deg);
    position: absolute;
    bottom: 45.5%;
    left: 6.2%;
    width: 0;
    height: 0;
    border-bottom: 32px solid #45c6fd;
    border-right: 53px solid transparent;
    z-index: 1;
    display: none;
}
.sanjiao_right{
    transform: rotate(-182deg);
    position: absolute;
    bottom: 39%;
    right: 7.8%;
    width: 0;
    height: 0;
    border-bottom: 53px solid #CC3600;
    border-right: 32px solid transparent;
    z-index: 1;
    display: none;
}

@media screen and (max-width: 736px){
    #login .top {
        height: 233px!important;
    }
}
@media screen and (max-width: 667px){
    .dice-indexed .comp-chip {
        bottom: -4px!important;
    }
    #pairs_11 {
        width: 113%!important;
        margin-left: 11%!important;
    }
    .rout_2 div.img2_1 {
        margin-left: -2%!important;
        width: 112%!important;
    }
    .rout_2 div.img2_4 {
        margin-left: 2%!important;
    }
    div#surroundDices_555 {
        margin-left: -13%!important;
    }
    .rout_2 div.img2_6 {
        width: 118%!important;
        margin-left: -14%!important;
    }
    .rout_4 div.img4_2 {
        margin-left: 12%!important;
        width: 85%!important;
    }
    .rout_4 div.img4_3 {
        margin-left: -30%!important;
    }
    .rout_4 div.img4_4 {
        margin-left: -4%!important;
    }
    .rout_1 div.img1_4 {
        margin-left: -26%!important;
    }
    div#surroundDices_222 {
        margin-left: -9%!important;
        width: 111%!important;
    }
    div#surroundDices_333 {
        width: 115%!important;
        margin-left: -10%!important;
    }
    div#points_4 {
        margin-left: 16%!important;
    }
    .dice-indexed .comp-chip {
        bottom: -4px!important;
        padding-left: 4%!important;
    }
    .dice-indexed .comp-agp {
        right: 0!important;
        width: 27%!important;
    }
    .baccarat-index .row-center .ratio {
        font-size: 18px!important;
    }
    #result_banker1{
        margin-left: -10px!important;
    }
    .rout_4_1 .sel-box{
        left: 15%!important;
    }
    .rout_4_2 .sel-box{
        left: 4%!important;
    }
    .rout_4_4 .sel-box{
        left: -2%!important;
    }
    .rout_4_10 .sel-box,.rout_4_11 .sel-box,.rout_4_12 .sel-box,.rout_4_13 .sel-box,.rout_4_14 .sel-box,.rout_4_15 .sel-box,.rout_4_16 .sel-box{
        left: -30%!important;
    }

    .rout_2_5 .sel-box{
        left: 27%!important;
    }
    .rout_2_4 .sel-box{
        left: 30%!important;
    }
    .rout_2_6 .sel-box{
        left: 27%!important;
    }
    .rout_3 div.img3_8 {
        margin-left: -22%;
    }
    .rout_3 div.img3_9 {
        margin-left: -27%;
    }
    .rout_3 div.img3_10 {
        margin-left: -32%;
    }
    .rout_3 div.img3_11 {
        margin-left: -35%;
    }
    .rout_3 div.img3_12 {
        margin-left: -36%;
    }
    .rout_3 div.img3_13 {
        margin-left: -35%;
    }
    .rout_3 div.img3_14 {
        margin-left: -38%;
    }
    .rout_3 div.img3_2 {
        margin-left: -3%;
    }
    .rout_3 div.img3_3 {
        margin-left: 1%;
        width: 120%!important;
    }
    .rout_3 div.img3_4 {
        margin-left: 0;
    }
    .rout_3 div.img3_5 {
        margin-left: -2%!important;
    }
    div#points_9 {
        margin-left: 2%!important;
    }
    .rout_5 div.img5_1 {
        margin-left: 10%;
        width: 77px!important;
    }
    .rout_5 div.img5_2 {
        width: 114%!important;
        margin-left: 0;
    }
    .rout_5 div.img5_7 {
        width: 107%!important;
        margin-left: -17%;
    }
    .rout_4 div.img4_1 {
        margin-left: 4%;
        margin-top: 7%;
        width: 112%!important;
    }
    .rout_5 div.img5_3 {
        margin-left: 2%;
    }
    .rout_5 div.img5_8 {
        margin-left: -19%;
    }
    .rout_4 div.img4_17 {
        margin-left: -11%;
        margin-top: 5%;
    }
    .rout_5 div.img5_9 {
        margin-left: -20%;
    }
    #allDices img{
        height: 82%;
    }
    .dice-indexed .bet {
        width: 132% !important;
        height: 95% !important;
        background-size: 100% 100%;
        margin-top: 11px!important;
        margin-left: -95px!important;
    }
    .rout-seletchip{
        width: 125% !important;
        height: 73% !important;
        margin-top: 11px!important;
        margin-left: -76px!important;
    }
    .monck{
        width: 85px!important;
    }
    .monck div{
        width: 85px!important;
    }
    .zhuang-chip .allright {
        margin-left: -40px !important;
    }
    .choose_desk{
        width: 526px !important;
    }
    /*.choose_desk ul li {*/
        /*width: 85px!important;*/
    /*}*/
    /*.choose_desk ul li div {*/
        /*width: 85px!important;*/
    /*}*/
    .pai{
        display: block;
        width: 477%!important;
    }
    /*.b_left{*/
        /*top: 48px!important;*/
        /*line-height: 25px!important;*/
    /*}*/
    .b_right{
        right: -2%!important;
    }
    .sanjiao_left {
        bottom: 37.6%;
        left: 2.0%;
        border-bottom: 34px solid #4285f4;
        border-right: 67px solid transparent;
    }
    .sanjiao_right {
        bottom: 26.8%;
        right: 5.2%;
        border-bottom: 67px solid red;
        border-right: 34px solid transparent;
    }
    .dianshu_right {
        line-height: 5px!important;
    }
    .baccarat-index .result .img img {
        width: 40px!important;
        height: 55px!important;
    }
    .baccarat-index.baccarat-index_b .result .img img {
        width: 29px!important;
        height: 37px!important;
    }
    .index .item {
        width: 32.4%!important;
        height: 125px;
    }
    .baccarat-index .game-container.bt_b {
        width: 78%!important;
        margin-left: 99px!important;
    }
    .player_rts,.banker_rts {
        bottom:90px!important;
    }
    .left-img .bottom-state {
        font-size: 12px!important;
    }
    .betchip_5 .sel-box {
        top: 90%!important;
    }
    .betchip_1_left .sel-box{
        left: 3px!important;
    }
    .betchip_2_left .sel-box {
        left: -5px!important;
    }
    .betchip_3_left .sel-box{
        left: -8px!important;
    }
    .betchip_3 .left-center {
        top: 23%;
    }
    .betchip_1_right .sel-box, .betchip_3_right .sel-box, .betchip_2_right .sel-box {
        left: -2px!important;
    }
    .lt .left-center .sel-box{
        left: 5px;!important;
    }
    .lt .sel-box {
        left: 5px!important;
    }
    .betchip_1_left .left-center {
        left: 17%;
    }
    .betchip_1_left .left-middle {
        left: -30%;
    }
    .betchip_1_left .left-bottom {
        left: -38%;
    }
    .betchip_1_left .bottom-middle {
        left: 10%;
    }

    .roulette-list .game-container {
        width: 75% !important;
        margin-left: 102px!important;
    }
    .rout_video{
        margin-left: -156.5px!important;
    }
    .roulette-list .info .content {
        height: 110px!important;
    }
    #comp-resultList .list-box {
        width: 550px!important;
    }
    .luzi_left {
        transition: 1s;
        transform: translate(-550px,0)!important;
        -ms-transform: translate(-550px,0)!important;
        -webkit-transform: translate(-550px,0)!important;
    }
    .luzi_right {
        transition: 1s;
        transform: translate(0px,0)!important;
        -ms-transform: translate(0px,0)!important;
        -webkit-transform: translate(0px,0)!important;
    }

    .xian_ren {
        left: 127px!important;
    }
    .zhuang_ren {
        right: 26px!important;
    }
    .he_ren {
        bottom: 66px!important;
        left: 271px!important;
    }
    .bt_b .he_ren {
        left: 242px!important;
    }
    .roulette-list .left-img .top-photo img.people {
        max-height: 80px!important;
        margin-top: 25px!important;
    }
    .baccarat-index .game-container{
        width: 483px !important;
        height: 152.358px !important;
    }
    .baccarat-index .game-container.bt_b{
        width: 483px !important;
        height: 120.953px !important;
    }
    .xian_zhu .title {
        bottom: 64px!important;
        font-size: 33px!important;
    }
    .zhuang_zhu .title {
        bottom: 64px!important;
        font-size: 33px!important;
    }
    .left-img .top-photo img.people {
        max-height: 104px!important;
        margin-top: 30px!important;
    }
    .baccarat-index .right-data .box-2{
        width: 70%!important;
    }
    .baccarat-index .right-data .box-4,.baccarat-index .right-data .box-5{
        width: 23%!important;
    }
    .poker-list .game-container {
        height: 133px!important;
        width: 78%!important;
    }
    .hedui_zhu {
        left: 180px!important;
    }
    .dui div:first-child{
        left: -14px!important;
    }
    .quan {
        height: 337%!important;
    }
    #login .top {
        height: 190px!important;
    }
    /*.four {*/
        /*width: 60%;*/
    /*}*/
    /*.four a{*/
        /*width: 16%;*/
    /*}*/
    .zhengti_ul .right-data .box-2 {
        width: 70%;
    }
    .zhengti_ul .right-data .box-3, .zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
        width: 23%;
    }
    .tiger_rts{
        bottom: 90px;
    }
    .drangon_rts{
        bottom: 90px;
    }
}
.dianshu_left{
    height: 23px;width: 27px;transform: rotate(-91deg);color: #fff;line-height: 28px;
}
.dianshu_right{
    line-height: 30px;
    height: 53px;
    width: 18px;
    transform: rotate(182deg);
    color: #fff;
}
@media screen and (max-width: 568px) {
    .baccarat-index .row-center span img{
        width: 13px;
        height: 13px;
    }
    .baccarat-index .row-center span {
        font-size: 12px!important;
    }
    .baccarat-index .row-center .ratio {
        font-size: 12px!important;
    }
    #result_banker1{
        margin-left: -9px!important;
    }
    #poker_result{
        width: 75%!important;
    }
    .monck {
        width: 71px!important;
    }
    .monck div {
        width: 71px!important;
    }
    .chat_title div{
        line-height: 21px!important;
    }

    .zhuang-chip .allright {
        margin-left: -34px !important;
    }
    .choose_desk{
        width: 440px !important;
    }
    /*.choose_desk ul li div {*/
        /*width: 70.5px!important;*/
    /*}*/
    /*.choose_desk ul li {*/
        /*width: 70.5px!important;*/
    /*}*/
    .pai{
        margin-left: 3px;
        width: 575%!important;
    }
    .b_left{
        top: -3px!important;
        left: -3%!important;
    }
    .b_right{
        top: -3px!important;
        right: -3%!important;
    }
    .sanjiao_right {
        bottom: 25%;
        right: 4.5%;
        border-bottom: 64px solid red;
        border-right: 28px solid transparent;
    }
    .dianshu_left {
        height: 23px;
        width: 22px;
        transform: rotate(-103deg);
        color: #fff;
        line-height: 35px;
    }
    .dianshu_right{
        line-height: 15px!important;
        height: 53px;
        width: 15px;
        transform: rotate(180deg);
        color: #fff;
    }
    .sanjiao_left {
        bottom: 39%;
        left: 0;
        border-bottom: 28px solid #0070bd;
        border-right: 64px solid transparent;
    }
    .bt_b .xian_ren {
        left: 77px!important;
    }
    .bt_b .he_ren {
        left: 200px!important;
    }
    .drangon_rts{
        bottom: 90px!important;
    }
    .tiger_rts{
        bottom: 90px!important;
    }
    .baccarat-index.baccarat-index_b .result .img img {
        width: 29px!important;
        height: 36px!important;
    }
    .baccarat-index .game-container.bt_b {
        width: 75%!important;
        margin-left: 90px!important;
    }
    .baccarat-index .result .img img {
        width: 35px!important;
        height: 45px!important;
    }
    .player_rts {
        width: 25px!important;
        height: 25px!important;
        bottom: 80px!important;
        line-height: 25px!important;
    }
    .banker_rts{
        width: 25px!important;
        height: 25px!important;
        bottom: 80px!important;
        line-height: 25px!important;
    }
    .index .item{
        height: 100px!important;
        width:32.2%!important;
    }
    .lt .sel-box {
        left: -6px!important;
    }
    .left-center {
        left: 36%!important;
    }
    .left-img .bottom-state {
        font-size: 9px!important;
    }
    .poker-list .game-container{
        height: 130px!important;
    }
    .pok-2 .sel-box {
        left: -25%!important;
    }
    .pok-3 .sel-box {
        left: -26%!important;
    }
    .pok-4 .sel-box,.pok-5 .sel-box {
        left: -31%!important;
    }
    .pok-6 .sel-box {
        left: -36%!important;
    }
    .pok-zhu-bottom .pok-1 .sel-box {
        left: -10px;
    }
    .dice-indexed .info .content{
        height: 87px!important;
    }
    .dice-indexed .game-container{
        height: 177px!important;
    }
    .Ctime{
        padding-left: 0!important;
    }
    .betchip_1 .left-center {
        top: 5%!important;
    }
    .betchip_right .sel-box {
        left: 4px!important;
    }
    .betchip_3 .sel-box{
        top: 134%!important;
    }
    .gochip {
        height: 14px!important;
        width: 14px!important;
    }
    .betchip_1 {
        width: 83%!important;
    }
    .betchip_2 {
        width: 87%!important;
    }
    .betchip_3 {
        width: 92%!important;
    }
    .poker-list #comp-resultList .right-data .box-4, .poker-list #comp-resultList .right-data .box-5 {
        width: 23%!important;
    }
    .poker-list #comp-resultList .right-data .box-2{
        width: 69%!important;
    }
    .poker-list .right-data .box-1 {
        width: 24.4%!important;
    }
    .dui-chip .show_money {
        left: 55px!important;
    }
    .he_ren {
        bottom: 58px!important;
        left: 243px!important;
    }
    .zhuang_ren {
        right: 22px!important;
        bottom: 8px!important;
    }
    .xian_ren {
        left: 111px!important;
        bottom: 8px!important;
    }
    .betchip_5 .sel-box{
        top: 96% !important;
    }
    .betchip_4 .sel-box{
        top:105% !important;
    }

    .hedui_zhu .sel-box i {
        left: 50%!important;
    }
    .xian_zhu .show_money{
        left: 116px!important;
    }
    .he .show_money{
        left: 104px!important;
    }
    .dui .show_money{
        left: 70px!important;
    }
    .zhuang_zhu .show_money{
        left: 109px!important;
    }

    .baccarat-index .right-data .box-4 ,.baccarat-index .right-data .box-5{
        width: 23%!important;
    }
    .poker-list .right-data .box-4 ,.poker-list .right-data .box-5{
        width: 22.5%!important;
    }
    .poker-list .right-data .box-2{
        width: 50%!important;
    }
    .baccarat-index .right-data .box-2{
        width: 69%!important;
    }
    .play5s{
        left: 23px!important;
    }
    .banker5s{
        left: 32px!important;
    }

    .left-img .top-photo samp{
        padding-left: 2px!important;
    }

    .zhengti_ul .right-data .box-3, .zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
        width: 22.5%;
    }
    .zhengti_ul .right-data .box-2 {
        width: 69%!important;
    }

    .roulette-list #comp-resultList .right-data .top-box {
        height: 110px!important;
    }

    .roulette-list .info .content{
        height:99px!important;
    }
    .dice-indexed .game-container{
        width: 78%!important;
        margin-left: 83px!important;
    }

    .pok-he .show_money, .pok-tiger .show_money {
        left: 108px !important;
    }
    .pok-drangon .show_money {
        left: 120px!important;
    }
    .roulette-list .game-container {
        width: 71%!important;
        bottom: 2px!important;
    }
    .dui div:first-child {
        left: -12px!important;
    }
    .xian_dui{
        bottom: 8px!important;
    }
    .zhuang_dui{
        bottom: 8px!important;
    }
    .baccarat-index .game-container.bt_b {
        width: 403.266px !important;
        height: 117.016px !important;
    }
    .baccarat-index .game-container {
        width: 431.266px !important;
        height: 128.016px !important;
    }
    .bt_b .result {
        bottom: 28px!important;
    }
    .pok-zhu-bottom .show_money {
        left: 49px !important;
    }

    .poker-list .game-container {
        width: 74%!important;
    }
    .zhuang_zhu {
        right: 24px!important;
    }
    .hedui_zhu {
        left: 145px!important;
    }
    .xian_zhu .bilv {
        bottom: 40px!important;
        left: 69px!important;
    }
    .zhuang_zhu .bilv {
        bottom: 40px!important;
        right: 44px!important;
    }
    .zhuang_zhu .title {
        bottom: 60px!important;
        right: 50px!important;
        font-size: 25px!important;
    }
    .xian_zhu .title {
        bottom: 60px!important;
        left: 83px!important;
        font-size: 25px!important;
    }
    #comp-setDialog div.ui-form-item label.ui-switch {
        right: 28% !important;
    }
    .index{
        position: relative;
    }
    #comp-resultList .list-box {
        width: 483px!important;
    }
    .luzi_left {
        transition: 1s;
        transform: translate(-483px,0)!important;
        -ms-transform: translate(-483px,0)!important;
        -webkit-transform: translate(-483px,0)!important;
    }
    .luzi_right {
        transition: 1s;
        transform: translate(0px,0)!important;
        -ms-transform: translate(0px,0)!important;
        -webkit-transform: translate(0px,0)!important;
    }

    .quan {
        height: 341%!important;
    }
    .index .content {
        padding: 50px 20px 0;
    }
    .index .item .center_zi {
        font-size: 1.4em;
    }
    /*.four {*/
        /*margin-left: 8%;*/
        /*width: 56%;*/
    /*}*/
    /*.four a {*/
        /*width: 16%;*/
    /*}*/
    #login .top {
        height: 160px !important;
    }
}
/*  footer      */
.footer{
    position: fixed;
    background: #22a43b;
    width: 100%;
    bottom: 0;
}
.footer_shang{
    position: fixed;
    /*background: rgba(0, 0, 0, .5);*/
    bottom: 0;
    margin-left: -2%;
    width: 104%;
    height: 39px;
}
.notice {
    color: #dcd17f;
    font-size: 16px;
    position: fixed;
    width: 100%;
    padding: 9px 0 0 10px;
}
.notice .alarm{
    height: 20px
}

marquee{
    width: 92%
}
.showthis{
    margin-left: -12%;
    margin-top: -4%;
    font-size: 0.9em;
    color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    padding: 20px 20px;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,0.5);
}

/*选桌子*/

.quan {
    box-shadow: rgb(51, 51, 51) 0 0 100px inset;
    background-image: url("../imgs/back2.png");
    width: 100%;
    height: 334%;
}
#bac-desktop .list{
    margin-top: 45px;
    margin-bottom: 15px;
}
#bac-desktop .list li.ui-col{
    position: relative;
    padding: 22px;
    float: left;
}
.ui-whitespace {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-row {
    display: block;
    overflow: hidden;
}
#bac-desktop .list li.ui-col  > img{
    width: 100%;
}

#bac-desktop .list .seat{
    position: absolute;
    width: 13%;
    height: 25%;
    background-color: #e0e6e4;
    border: solid 2px #d6d6d4;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow:inset 0 0 20px #e0e1db;
    -moz-box-shadow:inset 0 0 20px #e0e1db;
    box-shadow:inset 0 0 20px #e0e1db;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;


}
#bac-desktop .list .seat img{
    width: 50%;
    margin-top: 2px;
    vertical-align: bottom
}

#bac-desktop .list .seat label{
    display: inline-block;
    font-size: 12px;
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2px;
}
.ui-nowrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-col-50 {
    width: 50%;
}
#bac-desktop .list .seat-op{
    opacity: 1!important;
}

#bac-desktop .list .seat-7{
    top: 18%;
    left: 82%

}
#bac-desktop .list .seat-6{
    top: 51%;
    left: 82%

}
#bac-desktop .list .seat-5{
    top: 69%;
    left: 68%

}
#bac-desktop .list .seat-4{
    top: 69%;
    left: 43%

}
#bac-desktop .list .seat-3{
    top: 69%;
    left: 20.5%

}
#bac-desktop .list .seat-2{

    top: 51%;
    left: 2%
}
#bac-desktop .list .seat-1{

    top: 18%;
    left: 2%
}
#bac-desktop .list .seat-box{
    width: 17%;
    height: 29%

}

@keyframes showSeat{
    0%   {opacity: 0}
    100% {opacity: 1}

}

@-moz-keyframes showSeat{
    0%   {-moz-opacity: 0}
    100% {-moz-opacity: 1}

} /* Firefox */

@-webkit-keyframes showSeat {
    0%   {-webkit-opacity: 0}
    100% {-webkit-opacity: 1}

}/* Safari 和 Chrome */

@-o-keyframes showSeat{
    0%   {-o-opacity: 0}
    100% {-o-opacity: 1}

} /* Opera */

/*百家乐单桌*/
.baccarat-index{
    background: url("../imgs/back1.png");
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.noback{
    background: rgba(0,0,0,0.000001);
}
/*筹码位置*/
.comp-chip {
    width: 48px;
    position: fixed;
    color: #fff;
    right: 0;
    top: 60px;
    text-align: center;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
}
.comp-chip img {
    display: block;
    width: 100%;
}
fieldset, img {
    border: 0;
}
.comp-chip ul {
    height: 90%;
    overflow-y: scroll;
}
.comp-chip li.active {
    border-color: #ccaf53;
}
.comp-chip li {
    font-weight: bold;
    padding: 1px 2px 5px 2px;
    border: 1px solid transparent;
}
.comp-chip .down {
    position: absolute;
    bottom: 5px;
    left: 0;
}
/*左下角按钮*/
.comp-agp {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    z-index: 999999;
}
.comp-agp .btn {
    background: rgba(114,114,114,0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 6px 10px;
}
.comp-agp .btn .txt {
    display: inline-block;
    width: 45px;
}
.comp-agp img {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    /*position: relative;*/
    top: -1px;
}
.close_desk img{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/*倒计时*/
.comp-countdown {
    position: absolute;
    top: 90px;
    right: 180px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
/*.right-data .box-6 p:nth-child(odd) span:first-child {*/
/*display: inline-block;*/
/*margin-left: 2px;*/
/*margin-right: 3px;*/
/*color: #ff060c;*/
/*}*/
.baccarat-index .game-container{
    width: 580px;
    height: 169.358px;
}

.baccarat-index .game-container i img{
    margin: -2px;
}
.bit-chip{
    z-index: 999!important;
    position: absolute!important;
    width: 100%!important;
    height: 100%!important;
    float: none!important;
}
.sel-box{
    position: relative;
    width: 100%;
    top: 55%;
}
.sel-box i{
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: 0;
}
.show_money{
    top:-55px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    left: 140px;
    padding: 2px 3px;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
}
.zhuang_zhu .show_money{
    left: 135px;

}
.hedui_zhu .sel-box i {
    left: 38%;
}
.hedui_zhu .sel-box{
    top: 80%;
}
.dui .show_money{
    left: 82px;

}
.he .show_money{
    left: 122px;

}


.game-container {
    margin-left: 90px;
    margin-right: 60px;
    position: absolute;
    bottom: 5px;
    perspective: 300px;
}
.cr-blue {
    color: #4285f4;
    /*color: #45c6fd;*/
}
.cr-green {
    color: #9ed12e;
}
.cr-red {
    color: #CC3600;
}


#comp-resultList{width: 100%;height: 165px;top: 12%;position: fixed;z-index: 999}


#comp-resultList .list-box.type-baccarat:first-child {
    height: 165px;
}
.type-simple {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    border: solid 2px #feaa2d;
}
.type-simple {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#comp-resultList .list-box.type-baccarat .baccarat-data, #comp-resultList .list-box.type-dice .dice-data, #comp-resultList .list-box.type-roulette .roulette-data, #comp-resultList .list-box.type-dragon .dragon-data {
    display: block;
}
.ui-justify-flex {
    width: 100%;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}
.type-simple .right-data {
    margin-left: 0;
    width: 100%;
}
.right-data {
    height: 100%;
}
.type-simple .right-data .top-box {
    padding-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.right-data .top-box {
    width: 100%;
    height: 136px;
    background-color: #fff;
}
.roulette-list #comp-resultList .right-data .top-box{
    height: 125px;
}
.right-data .bottom-box {
    float: left;
    height: 24px;
    font-size: 12px;
    line-height: 25px;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #5c6360;
    padding-left: 5px;
}
.ui-row-flex-ver {
    -webkit-box-orient: vertical;
}
.roulette-list .game-container .new-bet .bet-cor-red {
    background: #d6001e !important;
}
.roulette-list .right-data .bottom-box{
    float: none;
}
.roulette-list.aq .bottom-box li{
    float: left;
}
.ui-flex-align-center {
    -webkit-box-align: center;
}
.baccarat-index .right-data .box-1 {
    height: 135px;
    width: 24.4%;
    overflow-x: scroll;
}
.baccarat-index .right-data .box-1 td {
    height: 19px;
    width: 19px;
    padding: 0 1px;
    line-height: 19px;
}
.right-data .box-1 td span {
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 10px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 1px;
    color: #fff;
    text-align: center;
    position: relative;
}
.baccarat-index .right-data .box-2 {
    border-right: 1px solid #f3f3f3;
}
.baccarat-index .right-data .box-2{
    width: 70%;
}
.right-data .box-2 {
    height: 86px;
    width: 52%;
    overflow-x: scroll;
    margin-left: 5px;
}
.right-data .box-2 td {
    height: 12px;
    width: 12px;
    line-height: 10px;
}
.right-data .box-2 td span {
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 12px;
    position: relative;
}
.right-data .box-6 {
    line-height: 13px;
    margin-top: 23px;
}
.baccarat-index .right-data .box-3 {
    height: 48px;
    width: 23.2%;
    overflow-x: scroll;
    margin-top: 3px;
    margin-left: 5px;
}
.baccarat-index .right-data .box-4, .baccarat-index .right-data .box-5 {
    height: 48px;
    width: 23.2%;
    overflow-x: scroll;
    margin-top: 3px;
    margin-left: 2px;
}
.right-data .box-3 td, .right-data .box-4 td, .right-data .box-5 td {
    overflow: hidden;
    height: 6px;
    width: 6px;
    line-height: 3px;
}
.right-data .box-3 td:before, .right-data .box-4 td:before, .right-data .box-5 td:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.way{
    width: 22px;
    height: 100%;
    z-index: 999;
    line-height: 16;
}
.way > img {
    width: 22px;
    height: 117px;
}
.luzi_img_left{
    transition: 1s;
    transform: translate(-626px,46px);
    -ms-transform: translate(-626px,46px); /* IE 9 */
    -webkit-transform: translate(-626px,46px); /* Safari and Chrome */
}
.luzi_img_right{
    transition: 1s;
    transform: translate(626px,0);
    -ms-transform: translate(626px,0); /* IE 9 */
    -webkit-transform: translate(626px,0); /* Safari and Chrome */
}
#comp-resultList .list-box {
    width: 600px;
    padding: 0 2px 44px 1%;
    background-color: #4a4333;
}
.luzi_left{
    transition: 1s;
    transform: translate(-600px,0);
    -ms-transform: translate(-600px,0); /* IE 9 */
    -webkit-transform: translate(-600px,0); /* Safari and Chrome */
}
.luzi_right{
    transition: 1s;
    transform: translate(0px,0);
    -ms-transform: translate(0px,0); /* IE 9 */
    -webkit-transform: translate(0px,0); /* Safari and Chrome */
}



/*限红弹窗*/
.dialog-scope {
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.ui-flex-pack-center {
    -webkit-box-pack: center;
}
.dialog-scope ul {
    width: 219px;
    border: #feaa2d solid 2px;
}
.dialog-scope ul li {
    width: 100%;
    color: #feaa2d;
    line-height: 30px;
    text-align: center;
    border-bottom: solid 1px #535351;
    background-color: #50504e;
}
.right-data .box-6 p:nth-child(2) span:first-child {
    margin-left: 2px;
    margin-right: 3px;
    border: solid 2px #ff060c;
}
.right-data .box-6 p:nth-child(2) span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #4285f4;
}
.right-data .box-6 p:nth-child(4) span:first-child {
    margin-left: 2px;
    margin-right: 3px;
    background-color: #ff060c;
}
.right-data .box-6 p:nth-child(4) span {
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.player_rts {
    transition: 0.5s;
    position: absolute;
    color: #fff;
    line-height: 34px;
    width: 30px;
    height: 30px;
    background: #4285f4;
    border-radius: 50%;
    bottom: 110px;
    left: 12%;
    text-align: center;
    z-index: 1;
}
.banker_rts{
    transition: 0.5s;
    position: absolute;
    color: #fff;
    line-height: 34px;
    width: 30px;
    height: 30px;
    background: #ff060c;
    border-radius: 50%;
    bottom: 110px;
    right: 12%;
    text-align: center;
    z-index: 1;
}
.baccarat-index .result {
    transform-origin: bottom center 0;
    transform: rotate3d(-1,0,0,-40deg);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 999999;
    display: -webkit-flex;
    text-align: center;
}
.anmi_1,.anmi_2,.anmi_3{
    transform: translate(420px,-230px)!important;
    opacity: 0;
}
.anmi_4,.anmi_5,.anmi_6{
    transform: translate(60px,-260px)!important;
    opacity: 0;
}
.anmi_7{
    transform: translateY(190px);
}
.pools.anmi_7{
    transform: translateY(0);
    display: block!important;
}
.game-container.deng{
    z-index: 99999;
    display: none;
}
.baccarat-index .result .container .img{
    height: 100%;
}
.baccarat-index .result .container {
    margin-top: 0;
    float: left;
    flex-direction: column;
    justify-content: space-between;
    width: 31%;
    height: 100%;
    z-index: 999999;
}
.baccarat-index .result .img img {
    z-index: 9999;
    transition: 1s;
    width: 50px;
    height: 65px;
}
.prep{
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 20px;
}
.prep_zi{
    position: absolute;
    bottom: 52px;
    padding-left: 50%;
    height: auto;
    width: auto;
    margin-left: -39px;
    color: #fff;
    font-size: 20px;
}
.baccarat-index.baccarat-index_b .result .img img {
    transition: 1s;
    width: 32px;
    height: 37px;
}
.convert-r{
    margin-left: 6px
}

.baccarat-index .convert-r {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 66px;
}

.baccarat-index .pools {
    display: none;
    color: #ffffff;
    width: 100px;
    height: 123px;
    background: #1f1f20;
    border: 5px solid #464646;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow-y: scroll;
    position: fixed;
    bottom: 5px;
    left: 90px;
    font-size: 12px;
    z-index: 999999;
}

.baccarat-index .pools li samp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
    width: 27%;
    height: 16px;
    text-align: right;
}
.baccarat-index .pools .maohao{
    display: block;
    float: left;
    width: 2px;
    height: 16px;
    text-align: center;
}
.dice-indexed .info .content span{
    display: block;float: left;
}
.dice-indexed .pools li samp{
    width: 60%!important;
}
.dice-indexed .pools li span{
    width: 40%!important;
}
.dice-indexed .info .content span.info_font{
    display: block;float: left;width: 20px;text-align: center;
}
.baccarat-index .pools li span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 5px;
    margin-top: 1px;
    display: block;
    float: left;
    width: 45px;
    height: 16px;
    text-align: left;
}
.tanchuan{
    display: block !important;
}
/*语言*/
#language{
    display: none;
}
.outdiv{
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 9999;
    left: 0;
}
.dialog-box {
    position: fixed;
    width: 400px;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #bdbdbd;
    top: 0;
    left: 50%;
    margin-left: -200px;
    z-index: 99999999;
}
#divout{
    position: absolute; width: 100%;height: 100%
}
.dialog-box .title {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    background-color: #2e70b3;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}
/*.dialog-box > * {*/
    /*color: #fff;*/
/*}*/
div.ui-form-item {
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
}
.ui-form-item-checkbox, .ui-form-item-radio, .ui-form-item-switch {
    display: -webkit-box;
    -webkit-box-align: center;
}
.ik-icon-ch-bg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../imgs/logos1.png");
    background-size: 30px 30px;
}
.ik-icon-eg_bg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../imgs/logos3.png");
    background-size: 30px 30px;
}
.ik-icon-tl_bg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../imgs/tg_bg.png");
    background-size: 30px 30px;
}
.ik-icon-hk_bg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../imgs/hk.png");
    background-size: 30px 30px;
}
#comp-setDialog div.ui-form-item p {
    font-size: 14px;
    margin-left: 10px;
}
#language .dialog-icon-lg {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: url("../imgs/oval_red_hook_red_choice.png");
    background-size: 22px 22px;
}
#language div.ui-form-item label.ui-switch {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-top: -5px;
    position: fixed;
    right: 32%;
}


/*音乐*/
#song{
    display: none;
}
.outdiog{
    z-index: 99999;
    display: none;
    font-size: 14px;
    text-align: center;
    position: fixed;
    width: 200px;
    height: 100px;
    left: 50%;
    top:50%;
    margin-left: -100px;
    margin-top: -50px;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    color: #f3f3f3;
}
.outdiog .title{
    height: 50%;
    width: 100%;
    font-size: 18px;
    line-height: 35px;
}
.yesnobtn{
    height: 40%;
    width: 100%;
}
.yesnobtn div{
    width: 50%;
    height: 100%;
    float: left;
    line-height: 45px;
}
.yesbtn{
    border-right: 1px solid #f3f3f3;
}
#song div.ui-form-item p {
    font-size: 14px;
    margin-left: 10px;
}
#song .dialog-icon-lg {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background: url("../imgs/oval_red_hook_red_choice.png");
    background-size: 22px 22px;
}
#song div.ui-form-item label.ui-switch {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-top: -5px;
    position: fixed;
    right: 32%;
}
#song .m-options {
    font-size: 14px;
    line-height: 30px;
}
.ui-row-flex {
    display: -webkit-box;
    width: 100%;
    -webkit-box-sizing: border-box;
}
#comp-setDialog .m-options .ui-col {
    text-align: center;
}
.ui-row-flex .ui-col {
    float: none;
    -webkit-box-flex: 1;
    width: 0;
}
.dfgb{
    display: none;
    width: 45px;
    float: left;
    height: 45px;
    padding: 6px;
    margin-left: 0;
}
.result_player_b{
    /*border-top-left-radius: 100px;*/
    /*border-bottom-left-radius: 100px;*/
}
.result_banker_b{
    /*border-top-right-radius: 100px;*/
    /*border-bottom-right-radius: 100px;*/
}
.dfgb img{
    margin-top: 5px;
    width: 15px;
}
.Ctime{
    padding: 5px 0;
    display: block;
    height: auto;
    font-size: 14px;
    color: white;
}
.peopleflw{
    width: 100%;
    height: 136px;
    overflow: hidden;
}
#bac_100{
    top:0;
    left: 0;
    z-index: -999;
    position: absolute;
}
.font_cor{
    color: white!important;
}
.back_cor{
    color: white!important;
}
#song .m-options span {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: solid 1px #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e9e9e9;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    -moz-box-shadow: 1px 1px 2px #999 inset;
    -webkit-box-shadow: 1px 1px 2px #999 inset;
    box-shadow: 1px 1px 2px #999 inset;
}
#song .m-options .ui-col.select span:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #77b1d7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
    -moz-box-shadow: 0 -1px 3px #3f6d91 inset;
    -webkit-box-shadow: 0 -1px 3px #3f6d91 inset;
    box-shadow: 0 -1px 3px #3f6d91 inset;
}
#song .voice-strip {
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}
#song .voice-strip h5 {
    font-size: 14px;
    padding-bottom: 5px;
}
#song .dialog-icon-horn {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url("../imgs/volume.png");
    background-size: 14px 14px;
}
#song .operate-strip {
    width: 260px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background-color: #abbbae;
    position: relative;
}

.scale div {
    background-repeat: repeat-x;
    background-color: #0678f2;
    position: absolute;
    height: 3px;
    width: 0;
    left: 0;
    bottom: 0;
}
#song .operate-strip span {
    position: absolute;
    width: 24px;
    height: 24px;
    top: -12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

/*      roulette   轮盘 style css        */
.roulette-list{
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../imgs/back1.png");
}
.roulette-list.aq{
    /*background: url("../imgs/back1.png");*/
    background: #4a4333;
}
.rot_list{
    width: 100%;
    height: 165px;
}
.rot_list li{
    list-style: none;
    float: left;
}
.rot_list .list-box {
    height: 159px;
    width: 100%;
    padding: 0 2px 10px 1%;
    background-color: #4a4333;
}
.rot_list .left-img .top-photo {
    height: 127px;
    width: 100%;
    position: relative;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
}
.rot_list .left-img .top-photo img.people {
    max-width: 100%;
    max-height: 103px;
    vertical-align: middle;
}
.rot_list .box-7 td {
    color: #e8c281;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: #feaa2d solid 2px;
    width: 9%;
}
.rot_list .top-box li {
    width: 100%;
    height: 122px;
}

.rot_list .top-box .box-7 table{
    width: 100%;
    height: 100%
}
.top-box .box-7 td.black-bg {
    background-color: #000;
}
.top-box .box-7 td.red-bg {
    background-color: #8c0815;
}
.top-box .box-7 td.green-bg {
    background-color: #7CAE23;

}
.rot_list .right-data {
    width: 83%;
    height: 146px;
    margin-left: 1%;
}
.rot_list .right-data .top-box {
    width: 100%;
    height: 127px;
    padding-top: 4px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.roulette-list .left-img .top-photo img.people {
    max-width: 100%;
    max-height: 120px;
    vertical-align: middle;
    margin-top: 24px;
}
.right-data .bottom-box .juhao {
    margin-right: 100px;
    color: #fff;
}
/*轮盘*/

.comp-countdown_rout {
    position: absolute;
    bottom: 150px;
    left: 35px;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}

.roulette-list .game-container {
    width: 75%;
    height: 50%;
    bottom: 3px;
    margin-left: 103px;
    position: absolute;
}

.roulette-list .game-container .new-bet {
    height: 100%;
    padding-top: 4px;
    padding-right: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(0,0,0,0.2);
    transform-origin: bottom center 0;
    transform: rotate3d(-1,0,0,-25deg);
}
.roulette-list .game-container .new-bet .bet-left {
    position: absolute;
    height: 71%;
    width: 6%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgba(0,0,0,0.2);
    top: 0;
    left: -6%;
}
.roulette-list .game-container .new-bet .bet-left:before {
    content: '0';
    width: 80%;
    height: 91%;
    top: 8px;
    left: 5px;
    display: -webkit-box;
    background: #335839;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #f5e3c7;
    position: absolute;
}
.roulette-list .game-container .new-bet .bet-middle {
    padding: 0;
    height: 20%;
    margin-top: 5px;
}
.roulette-list .game-container .new-bet .bet-middle .ui-col {
    position: relative;
    width: 7.142%;
    height: 100%;
    background: #d6001e;
    line-height: 2.5;
    text-align: center;
    margin-left: 4px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #f5e3c7;
}
.roulette-list .game-container .new-bet .bet-cor-black {
    background: #000 !important;
}
.roulette-list .game-container .new-bet .bet-right {
    position: absolute;
    right: -5%;
    top: 0;
    width: 5%;
    padding: 4px 4px 8px 1px;
    height: 72%;
    font-size: 12px;
    background: rgba(0,0,0,0.2);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.roulette-list .game-container .new-bet .bet-right .bet-font {
    width: 80%;
    border: solid 1px #087f3f;
    text-align: center;
    background: rgba(0,0,0,0.2);
    margin-top: 5px;
    margin-left: 10%;
    border-radius: 5px;
    position: relative;
}

.roulette-list .game-container .new-bet .bet-right .bet-num-img {
    width: 100%;
    margin-top: 22%;
    transform: rotate(15deg);
}
.roulette-list .game-container .new-bet .bet-bottom {
    height: 14%;
    margin-top: 4px;
}
.roulette-list .game-container .new-bet .bet-bottom .ui-col {
    background: rgba(0,0,0,0.4);
    border: solid 1px #078141;
    line-height: 1.9;
}
.roulette-list .info{
    display: none;
    position: fixed;
    top: 59px;
    left: 0;
    font-size: 12px;
    width: 110px;
    text-align: center;
    color: #fff;
    z-index: 998;
}

.roulette-list .caichihead{
    background: #335839;
    height: 22px;
    line-height: 22px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.roulette-list .info .content{
    height: 135px;
    background: rgba(0,0,0,0.5);
    overflow: auto;
    position: relative;
    z-index: 999;
}

.roulette-list .info .content li {
    margin: 5px 0 !important;
    display: -webkit-flex;
    display: flex;
}
.roulette-list .info .content span:first-child {
    text-align: right;
    width: 60%;
}
.type-roulette td {
    color: #e8c281;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: #feaa2d solid 2px !important;
    width: 9%;
}
/*   骰宝   */
.dice-list_zong{
    height: 100%;
    width: 100%;
    /*background: url("../imgs/back1.png");*/
    background: #4a4333;
}
.right-data.dice-data {
    height: 175px;
}
.dice_list ul li {
    float: left;
}
.dice_list .list-box {
    height: 175px;
    width: 100%;
    padding: 0 1% 10px 1%;
    background-color: #4a4333;
}
.dice_list .right-data{
    width: 83%;
    margin-left: 1%;
}
.dice_list .list-box .right-data .top-box {
    width: 100%;
    height: 137px;
    padding-top: 4px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dice_list .list-box .right-data .box-1 {
    overflow-x: scroll;
    border-right: solid 1px #f3f3f3;
    height: 127px;
    margin-top: 5px;
    width: 50%;
}
.dice_list .list-box .right-data.dice-data .box-1:last-child {
    width: 49% !important;
    margin-left: 1%;
}
.dice_list .list-box .right-data .box-1 td, .dice_list .list-box .right-data .box-1 span {
    width: 20px;
    height: 20px;
    padding: 0 1px;
}
.dice_list .list-box .right-data .box-1 span {
    font-size: 12px;
    margin-top: 0;
}
.right-data.dice-data .box-1:first-child td.tag-blue span {
    border: solid 1px #4285f4;
    color: #4285f4;
}
.right-data.dice-data .box-1:first-child td.tag-green span{
    color: #7CAE23;
    border: solid 1px #7CAE23;
}
.right-data.dice-data .box-1:last-child td.tag-green span{
    background-color: #7CAE23;
}
.right-data.dice-data .bottom-box span {
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #fff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    margin-right: 3px;
    color: #fff !important;
}
.right-data.dice-data .bottom-box span.green-font {
    background-color: #437e2e;
}
.right-data.dice-data .bottom-box span.blue-font {
    background-color: #4285f4;
}
.blue-font {
    color: #4285f4;
}
.right-data.dice-data .bottom-box span.red-font {
    background-color: #ff060c;
}
.right-data .bottom-box .red-font {
    color: #ff060c;
}
.right-data .bottom-box .green-font {
    color: #437e2e;
}
.dice_list .list-box .right-data .box-1 td span {
    display: inline-block;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.dice_list .left-img .top-photo img.people {
    max-height: 120px;
}
.right-data.dice-data .box-1:first-child td.tag-red span {
    color: #ff070f;
    border: solid 1px #ff070f;
}
.dice-indexed{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../imgs/back1.png");
}
/*.beatd{*/
    /*transform: translate(0, 205px);*/
/*}*/

.dice-indexed .game-container {
    position: absolute;
    line-height: 1;
    width: 77%;
    height: 190px;
    z-index: 998;
    transition: all linear .5s;
    bottom: 0;
}
.dice-indexed .bet {
    width: 131%;
    height: 105%;
    background-size: 100% 100%;
    margin-top: -8px;
    margin-left: -94px;
}
.dice-indexed .row {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.dice-indexed .item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background: rgba(0,0,0,0.4);
    width: 100%;
    border-left: 1px solid #ccc;
}
.dice-indexed .row:nth-child(1) img{
    margin: 1px auto !important;
}
.dice-indexed .row:nth-child(1) img, .dice-indexed .row:nth-child(2) img {
    width: 10px;
    height: auto;
    margin: 0 auto;
}
.dice-indexed .row:nth-child(4) img {
    width: 10px;
    height: auto;
    margin: 4px auto;
}
.dice-indexed .row:nth-child(5) img {
    height: auto;
    width: 20px;
    margin: 0 auto;
}
.dice-indexed .cr-yellow {
    color: #ebc84a;
    font-size: 16px;
}
.video_bit{
    width: 100%;
    height: 100%;
    position: fixed;top: 0;left: 0;
}
#canvas{
    width: 100%;
    height: 100%;
    position: relative;
}

.poker-list{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /*background: url("../imgs/back1.png");*/
    background: #4a4333;
}
.poker-list.sbg{
    background: url("../imgs/back1.png");
}
/*龙虎*/
.poker-list .right-data .box-1 td {
    height: 21px;
    width: 21px;
    padding: 0 1px;
    line-height: 21px;
}
.poker-list .right-data .box-2 {
    border-right: 1px solid #f3f3f3;
}
.poker-list .game-container {
    position: absolute;
    height: 150px;
    width: 80%;
    line-height: 1;
    bottom: 8px;
}
.poker-list .game-container .bet {
    z-index: -1;
    font-weight: 900;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #ffffff;
    transform-origin: bottom center 0;
    transform: scale(1,1) rotate3d(-1,0,0,-40deg);
}
.pok-num{
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    position: absolute;
    right: 20px;
    top: -26px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.poker-list .game-container .top {
    height: 60%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;

}
.poker-list .game-container .bottom {
    height: 37%;
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.poker-list .game-container .item:first-child {
    margin-left: 0;
}
.poker-list .game-container .item {
    position: relative;
    font-size: 14px;
    background: rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    margin: 0 5px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.poker-list .game-container .top h4 {
    font-size: 34px;
}
.poker-list .game-container .top h5 {
    margin: -10px 0 -10px 0;
    font-size: 18px;
}
.poker-list .game-container .top span {
    font-size: 16px;
}
.poker-list .game-container .bottom h4 {
    font-size: 20px;
}
.poker-list .game-container .bottom h5 {
    margin: -7px 0 -7px 0;
    font-size: 12px;
}

.pok-zhu-top{
    width: 100%;
    height: 60%;
}
.pok-zhu-top .pok-drangon{
    width: 35%!important;
}
.pok-zhu-top .pok-drangon, .pok-zhu-top .pok-he,.pok-zhu-top .pok-tiger{
    position: relative;
    float: left;
    width: 29.33%;
    height: 100%;
}
.pok-drangon .sel-box{
    left: 4%;
}
.pok-he .sel-box{
    left: -10%;
}
.pok-tiger .sel-box{
    left: -15%;
}
.pok-2 .sel-box{
    left: -8%;
}
.pok-3 .sel-box{
    left: -12%;
}
.pok-4 .sel-box{
    left: -18%;
}
.pok-5 .sel-box{
    left: -20%;
}
.pok-6 .sel-box{
    left: -28%;
}
.pok-7 .sel-box{
    left: -37%;
}
.pok-8 .sel-box{
    left: -37%;
}
.pok-drangon .show_money{
    left: 147px;
}
.pok-he .show_money, .pok-tiger .show_money{
    left: 130px;
}
.pok-zhu-bottom{
    height: 40%;
    width: 100%;
    position: relative;
}
.pok-zhu-top .sel-box, .pok-zhu-bottom .sel-box {
    top: 65%;
}
.pok-zhu-bottom .pok-1,.pok-zhu-bottom .pok-2,.pok-zhu-bottom .pok-3,.pok-zhu-bottom .pok-4,.pok-zhu-bottom .pok-5,.pok-zhu-bottom .pok-6,.pok-zhu-bottom .pok-7,.pok-zhu-bottom .pok-8{
    position: relative;
    width: 12.5%;
    float: left;
    height: 100%;
}
.ShowMoney {
    display: none;
    background: #000;
    width: 110px;
    height: 140px;
    position: fixed;
    bottom: 33%;
    right: 50px;
    overflow-y: scroll;
    border: 5px solid #4d4e53;
    border-radius: 6px;
}
.ShowMoney_ul {
    font-size: 11px;
    color: #feaa2d;
}
.ShowMoney_ul li {
    padding: 3px 0;
}
.showname {
    margin-left: 10px;
    display: block;
    float: left;
    width: 100%;
    height: 18px;
}
.pok-1 .show_money {
    top: -23px;
    left: 62px;
}
.pok-zhu-bottom .show_money{
    left: 62px;
    top: -40px;
}
/*龙虎结果*/
.poker-list .result {
    transform-origin: bottom center 0;
    transform: rotate3d(-1,0,0,-40deg);
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99999;
    display: -webkit-flex;
    display: flex;
    text-align: center;
}
.poker-list .result .container {
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    height: 100%;
    padding:13px 0;
    float: left;
}
.poker-list .game-container .result .pk-left .img {
    text-align: left;
    margin-left: 22%;
}
.poker-list .game-container .result .pk-right .img {
    text-align: right;
    margin-right: 22%;
}
.poker-list .game-container .result img {
    transition: 1s;
    height: 60px;
    width: 45px;
}
.poke-anmi_1{
    transform: translate(330px,-200px);
    opacity: 0;
}
.poke-anmi_2{
    transform: translate(-40px,-200px);
    opacity: 0;
}
.drangon_rts{
    transition: 0.5s;
    position: absolute;
    color: #fff;
    line-height: 34px;
    width: 30px;
    height: 30px;
    background: #ff060c;
    border-radius: 50%;
    bottom: 100px;
    left: 9%;
    text-align: center;
    z-index: 1;
}
.tiger_rts{
    transition: 0.5s;
    position: absolute;
    color: #fff;
    line-height: 34px;
    width: 30px;
    height: 30px;
    background: #4285f4;
    border-radius: 50%;
    bottom: 100px;
    right: 9%;
    text-align: center;
    z-index: 1;
}
.poker-list .right-data .box-1{
    height: 129px;
    width: 24.4%;
    overflow-x: scroll;
}
.poker-list .right-data .box-3{
    width: 23.8%;
    height: 48px;
    margin-top: -6px;
    margin-left: 0;
    overflow-x: scroll;

}
#odd, #even{
    font-size: 16px;
}
.poker-list .right-data .box-4,.poker-list .right-data .box-5{
    width: 22.8%;
    height: 48px;
    margin-top: -6px;
    margin-left: 2px;
    overflow-x: scroll;
}
.dice-indexed .row:last-child {
    border-bottom: 1px solid #ccc;
}
.dice-indexed .cross {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.dice-indexed .result{
    margin-left: -60px;
    line-height: 47px;
    background: #222;
    border: 2px solid #ebc84a;
    height: 50px;
    width: 130px;
    top: 68%;
    left: 50%;
    z-index: 999;
    position: fixed;
    color: #ebc84a;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.dice-indexed .result span{
    margin-right: 6px;
}
.dice-indexed .result img{
    height: 30px;
    margin: 7px 2px;
}
.rout-seletchip{
    height: 80%;
    width: 122%;
    position: absolute;
    z-index: 999;
    margin-top: -7px;
    margin-left: -67px;
}
.dice-indexed .comp-agp{
    bottom: 3px;
    width: 23%;
    z-index: 9999;
    left: unset;
    right: 5%;
}
.dice-indexed #comp-resultList{
    top:6%;
}
.rout_2_4{
    margin-left: 37%;
}
.rout_1{
    height: 17%;
    width: 81%;
    margin: 0 auto;
    position: relative;
}
.rout_1 div{
    position: relative;
    height: 100%;
    width: 10%;
    float: left;
}
.rout_2{
    position: relative;
    height: 17%;
    width: 85%;
    margin: 0 auto;
}
.rout_2 div{
    position: relative;
    height: 100%;
    width: 10%;
    float: left;
}
.rout_3{
    position: relative;
    height: 20%;
    width: 90%;
    margin: 0 auto;
}
.rout_3 div{
    position: relative;
    height: 100%;
    width: 5%;
    float: left;
}
.rout_3 div:first-child{
    width: 7%;
}
.rout_3 div:last-child{
    width: 6%;
}
.rout_3_8{
    margin-left: 26%;
}
.rout_4{
    position: relative;
    height: 22%;
    width: 95%;
    margin: 0 auto;
}
.rout_4 div{
    position: relative;
    height: 100%;
    float: left;
}
.rout_4_1{  width: 11%;  }  .rout_4_2{  width: 7%;  }  .rout_4_3{  width: 4%;  }  .rout_4_4{  width: 5%;  }  .rout_4_5{  width: 5%;  }  .rout_4_6{  width: 6%;  }  .rout_4_7{  width: 5%;  }  .rout_4_8{  width: 4%;  }  .rout_4_9{  width: 6%;  }  .rout_4_10{  width: 5%;  }  .rout_4_11{  width: 5%;  }  .rout_4_12{  width: 5%;  }.rout_4_13{  width: 5%;  }.rout_4_14{  width: 5%;  }.rout_4_15{  width: 5%;  }.rout_4_16{  width: 5%;  }.rout_4_17{  width: 11%;  }

.rout_5{
    position: relative;
    height: 26%;
    width: 100%;
    margin: 0 auto;
}
.rout_5 div{
    position: relative;
    height: 100%;
    float: left;
}
.rout_5_1{  width: 11%;  }.rout_5_2{  width: 10%;  }.rout_5_3{  width: 11%;  }.rout_5_4{  width: 9%;  }.rout_5_5{  width: 18%;  }.rout_5_6{  width: 10%;  }.rout_5_7{  width: 10%;  }.rout_5_8{  width: 10%;  }.rout_5_9{  width: 10%;  }

.rout_1 .rout_1_10 .sel-box{
    left: 21%;
}
.rout_1 .rout_1_9 .sel-box{
    left: 27%;
}
.rout_1 .rout_1_8 .sel-box{
    left: 30%;
}
.rout_1 .rout_1_7 .sel-box{
    left: 35%;
}
.rout_3 .rout_3_14 .sel-box{
    left: 34%;
}
.rout_3 .bit-chip .sel-box {
    left: 41%;
}
.dice-indexed .sel-box {
    top: -12%;
    left: 49%;
}
.dice-indexed .show_money{
    top: 4px;
    left: 17px;
}
.dice-indexed .rout_4 .sel-box {
    top: -12%;
    left: -10%;
}
.dice-indexed .rout_5 .sel-box {
    top: -27%;
    left: 0;
}
.dice-indexed .rout_5 .show_money {
    top: 5px;
    left: 20px;
}
.dice-indexed .info {
    position: fixed;
    top: 59px;
    left: 0;
    right: 0!important;
    font-size: 12px;
    width: 110px;
    text-align: center;
    color: #fff;
    z-index: 998;
}
.poolright {
    background: #335839;
    height: 22px;
    line-height: 22px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dice-indexed .info .content {
    height: 79px;
    background: rgba(0,0,0,0.5);
    overflow: auto;
    position: relative;
    z-index: 999;
}
.dice-indexed .content li {
    display: block;
    margin: 10px 0;
    width: 100%;
    height: 16px;
}
.dice-indexed .content img {
    width: 15px;
    vertical-align: middle;
    margin-right: 10px;
}
.dice-indexed .content li span:first-child {
    margin-left: 10px;
}
.rout_betchip{
    bottom: 0;
    width: 100%;
    height: 80%;
    position: absolute;
    z-index: 999;
}
.betchip_1{
    position: relative;
    width: 80%;
    height: 20%;
    margin: 0 auto;
}
.betchip_2{
    position: relative;
    width: 85%;
    height: 20%;
    margin: 0 auto;
}
.betchip_3{
    position: relative;
    width: 90%;
    height: 20%;
    margin: 0 auto;
}
.betchip_1_1{
    position: relative;
    float: left;
    height: 100%;
    width: 16.66%;
}
.gochip{
    height: 18px;
    width: 18px;
    position: absolute;
}
.left-center {  top: 20%;  left: 26%;  } .left-middle {  left: -18%;  top: 20%;  }   .left-bottom {  left: -18%;  top: 69%;  }  .bottom-middle {  top: 69%;  left: 25%;  }

.betchip_4 {
    position: relative;
    width: 100%;
    height: 14%;
    margin: 0 auto;
    margin-top: 8px;
}
.betchip_4_1, .betchip_4_4, .betchip_4_3{
    position: relative;
    float: left;
    height: 100%;
    width: 33.33%;
}
.betchip_5{
    position: relative;
    width: 100%;
    height: 19%;
    margin: 0 auto;
}
.betchip_5_5{
    position: relative;
    float: left;
    height: 100%;
    width: 16.66%;
}


.betchip_left{
    position: absolute;
    top:0;
    left: -4px;
    width: 6%;
    height: 60%;
}
.betchip_right{
    position: absolute;
    top:0;
    right: 0;
    width: 8%;
    height: 60%;
}
.betchip_right .betchip_right_1 {
    position: relative;
    height: 33.33%;
    width: 65%;
    margin-left: -16%;
}
.betchip_right .betchip_right_2 {
    position: relative;
    height: 33.33%;
    width: 65%;
    margin-left: 8%;
}
.betchip_right .betchip_right_3 {
    position: relative;
    height: 33.33%;
    width: 65%;
    margin-left: 38%;
}
/*轮盘结果*/
.roulette-list .result {
    background: #ebc84a;
    border: 2px solid #ebc84a;
    height: 30px;
    width: 100px;
    margin-left: -50px;
    margin-top: -15px;
    top: 50%;
    left: 50%;
    z-index: 999;
    position: fixed;
    color: #222;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    display: none;
    line-height: 25px;
}
.roulette-list .result span:first-child{
    display: block;
    width: 70px;
    float: left;
}

.poker-list .right-data .bottom-box{
    float: none;
}
.roulette-list .result .number{
    display: inline-block;
    background: #222;
    color: #fff;
    width: 22px;
    height: 25px;
    text-align: center;
    margin-left: 1px;
}
.betchip_1_left , .betchip_2_left , .betchip_3_left{
    position: relative;
    height: 100%;
    width: 50%;
    float: left;
}
.betchip_1_right, .betchip_2_right, .betchip_3_right {
    position: relative;
    height: 100%;
    width: 50%;
    float: left;
}

.left-bottom .sel-box, .bottom-middle .sel-box {
    top: 90%;
}
.betchip_1_left .left-bottom .sel-box i{
    left: 7%;
}
.betchip_1_right .left-bottom .sel-box i{
    left: 49%;
}
.betchip_1_left .bottom-middle .sel-box i{
    left: 16%;
}
.betchip_1_right .bottom-middle .sel-box i{
    left: 62%;
}
.betchip_2_left .left-bottom .sel-box i{
    left: 15%;
}
.betchip_2_left .bottom-middle .sel-box i{
    left: 17%;
}
.betchip_2_right .left-bottom .sel-box i{
    left: 40%;
}
.betchip_2_right .bottom-middle .sel-box i{
    left: 55%;
}

.betchip_2_right .sel-box i {
    position: absolute;
    left: 5%;
    margin-left: -6px;
    bottom: 0;
}
.betchip_1 .show_money,.betchip_3 .show_money,.betchip_2 .show_money  {
    top: -36px;
    left: 18px;
}
.betchip_1_right .sel-box i {
    left: 16%;
}
.betchip_left .sel-box i {
    left: 83%;
}
.betchip_left .show_money {
    top: -37px;
    left: 0;
}
.betchip_4 .sel-box {
    top: 78%;
}
.betchip_4_1 .sel-box i{
    left: 55%;
}
.betchip_4_1 .show_money{
    left: 122px;
}
.betchip_4_4 .show_money{
    left: 112px;
}
.betchip_4_3 .show_money{
    left: 96px;
}
.betchip_4_3 .sel-box i{
    left: 42%;
}
.betchip_5 .sel-box {
    top: 64%;
}
.betchip_5 .show_money{
    left: 62px;
}
.betchip_4 .show_money, .betchip_5 .show_money {
    top: -38px;
}
.betchip_right .sel-box {
    top: 86%;
}
.betchip_right .sel-box i {
    left: 26%;
}
.betchip_right .show_money{
    top:-40px;
    left: 17px;
}
.bg-red{
    background: #fb4200 !important
}
.bg-black{
    background: #222 !important
}
.bg-green{
    background: #007236 !important
}
.rout_video{
    border: 2px #f4cc7f solid;
    width: 47%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -174px;
    overflow: hidden;
}
.rou-suot{
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.baccarat-index .sel-box i img{
    width: 40px;
}
.roulette-list .sel-box i img{
    width: 20px;
}
.roulette-list #comp-resultList .top-box .box-7{
    width: 100%;
    height: 100%;
}
.roulette-list #comp-resultList .top-box .box-7 table{
    width: 100%;
    height: 100%;
}
.bet-right .rou-suot{
    width: 100%;
    height:100%;
}
/*百家乐*/
.baccarat-index .bet {
    z-index: -1;
    height: 100%;
    display: -webkit-flex;
    text-align: center;
    color: #fff;
    border: 2px solid #ccc;
    transform-origin: bottom center 0;
    transform: rotate3d(-1,0,0,-40deg);
}
.baccarat-index .bet_b {
    border-radius: 0;
    height: 55%;
    display: -webkit-flex;
    text-align: center;
    color: #fff;
    border: 0;
    transform-origin: bottom center 0;
    transform: rotate3d(0,0,0,-40deg);
    background: 0;
}
.baccarat-index .xian, .baccarat-index .zhuang, .baccarat-index .cer {
    width: 33.33%;
    height: 100%;
}
.baccarat-index .row-center {
    position: relative;
    line-height: 1;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-around;
}
.baccarat-index .cer {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

.baccarat-index .row-center .title {
    /*text-shadow: #000 1px 5px 5px, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
    font-size: 40px;
    font-weight: bold;
}
.baccarat-index .row-center .ratio {
    font-size: 21px;
    padding: 0 9%;
}
.baccarat-index .row-center span {
    font-size: 14px;
    padding: 0 9%;
    display: inline-block;
}
.baccarat-index .xian-zhuang-dui .row-center span {
    padding:0;
}
.baccarat-index .row-center span:nth-child(1) {
    float: left;
}
.baccarat-index .row-center span:nth-child(2) {
    float: right;
}
.baccarat-index .he, .baccarat-index .xian-zhuang-dui {
    height: 50%;
}
.baccarat-index .row-center .fs-16 {
    font-size: 22px !important;
}
.baccarat-index .xiandui, .baccarat-index .zhuangdui {
    width: 50%;
    height: 100%;
    float: left;
}
.baccarat-index .xiandui {
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
}
.baccarat-index .zhuangdui {
    border-top: 2px solid #ccc;
}
.bac-chip{
    z-index: 999;
    width: 100%;
    height: 70%;
    bottom: 0;
    position: absolute;
}
.xian-chip{
    position: relative;
    width: 35%;
    height: 100%;
    float: left;
}
.hedui-chip{
    position: relative;
    width: 30%;
    height: 100%;
    float: left;
}
.zhuang-chip{
    position: relative;
    width: 33%;
    height: 100%;
    float: left;
}
.he-chip{
    position: relative;
    margin: 0 auto;
    width: 86%;
    height: 43%;
}
.dui-chip{
    position: relative;
    width: 100%;
    height: 55%;
}
.xiandui-chip, .zhuangdui-chip{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
}
.he-chip .sel-box {
    top: 72%;
}
.he-chip .sel-box i {
    left: 37%;
}
.he-chip .show_money {
    left: 100px;
}
.dui-chip .sel-box {
    top: 66%;
}
.dui-chip .sel-box i {
    left: 29%;
}
.dui-chip .show_money {
    left: 70px;
}
.zhuang-chip .sel-box i {
    left: 33%;
}
.zhuang-chip .show_money {
    left: 110px;
}
.xian_ren {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 10px;
    left: 161px;
    z-index: 999;
}
.zhuang_ren {
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 10px;
    right: 32px;
    z-index: 999;
}
.he_ren {
    position: absolute;
    width: 23px;
    height: 23px;
    bottom: 76px;
    left: 335px;
    z-index: 999;
}
.Pd_ren{
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 5px;
    left: 43%;
    z-index: 999;
}
.Bd_ren{
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: 5px;
    left: 59%;
    z-index: 999;
}
.pei_ren{
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 59%;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.pei_ren_fnt{
    height: 100%;
    width: 20%;
    float: left;
}
.pei_ren_fnt.kw2 .ren_you{
    margin-right: 5px;
}
.pei_ren_fnt.kw3 .ren_you{
    margin-right: 8px;
}
.pei_ren_fnt.kw4 .ren_you{
    margin-right: 13px;
}
.pei_ren_fnt.kw5 .ren_you{
    margin-top: -4px;
    margin-right: 8px;
}
.pei_ren_fnt.kw5 .ren .ren_zuo {
    margin: -8px -6px;
}
.pei_ren_fnt .pei{
    margin-top: 12px;
    transform: scale(0.90);
    transform-origin:0 0;
}
.pei_ren_fnt .ren{
    margin-top: -6px;
    width: 100%;
}
.pei_ren_fnt .ren .ren_zuo{
    float: left;
    margin: -4px 3px;
    color: #9fd12d;
}
.pei_ren_fnt .ren .ren_you{
    float: right;
    color: #9fd12d;
}
.pools {
    display: none;
    transition: 1s;
    color: #fff;
    width: 110px;
    height: 123px;
    background: #1f1f20;
    border: 5px solid #464646;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow-y: scroll;
    position: absolute;
    bottom: 6px;
    right: -90px;
    font-size: 12px;
    left: 91px;
    z-index: 999999;
}
.pools li samp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    float: left;
    width: 30%;
    height: auto;
    text-align: right;
}
.finroad{
    overflow: hidden!important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    display: block!important;
    float: left!important;
    width: 20% !important;
    height: 15px!important;
    text-align: left!important;
    margin-top: 0!important;
    padding-left: 0 !important;
}
.pools li {
    margin: 3px 0;
}
#B_NameBet{
    bottom: 27%;
}
#B_NameBet li{
    height: 15px;
}
.item_plis{
    width: 100%;height: 100%;position: absolute;top: 0;
}
.r_plis{
    width: 7px!important;margin: 0 auto;
}
.rone{
    margin-top: -8px;
}
.rtwo{
    margin-top: -2px
}
.rtreen{
    margin-top: 0
}
.betchip_1 .sel-box,.betchip_3 .sel-box,.betchip_2 .sel-box {
    top: 96%;
}
.betchip_3 .sel-box{
    left: -5px;
}
.poker-list #comp-resultList .right-data .box-2{
    width: 70%;
}
.poker-list #comp-resultList .right-data .box-3{
    margin-left: 5px;
}
.poker-list #comp-resultList .right-data .box-4, .poker-list #comp-resultList .right-data .box-5 {
    width: 23%;
}
.upmic,.downmic{
    font-size: 14px;
    width: 50%;
    float: left;
    height: 40px;
    line-height: 35px;
}
.upmic_check,.downmic_check{
    width: 50%;
    float: left;
    height: 40px;
    padding-top: 2px;
}
.switch{
    position: relative;
    display: block;
    width: 60px;
    height: 30px;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color,border;
    transition-property: background-color,border;
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    background-clip: padding-box;
    margin-left: 40px;
}
.agettive{
    border-color: #4cd964;
    background-color: #4cd964;
}
.on{
    transform: translate(29px, 0px);
}
.close{
    transform: translate(0px, 0px);
}
.handle{
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    width: 28px;
    height: 28px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: -webkit-transform,width,left;
    transition-property: transform,width,left;
    border-radius: 16px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
}
.game-container.bt_b{
    bottom: -17%;
    width: 78%;
    margin-left: 108px;
}
.bt_b.bg_b_zh{
    background-image: url("../imgs/bt_bbg.png");
    background-size: 99% 63%;
    background-repeat:no-repeat;
}
.bt_b.bg_b_en{
    background-image: url("../imgs/bt_bbg_en.png");
    background-size: 99% 63%;
    background-repeat:no-repeat;
}
.bt_b.bg_b_zh_result{
    background-image: url("../imgs/bt_bbg_result.png");
    background-size: 99% 63%;
    background-repeat:no-repeat;
}
.bt_b.bg_b_en_result{
    background-image: url("../imgs/bt_bbg_en_result.png");
    background-size: 99% 63%;
    background-repeat:no-repeat;
}
/*.bt_b .bet_b,.bt_b #game_number{*/
    /*display: none;*/
/*}*/
#bet_b_b{
    width: 100%;
    height: 41%;
}
#seat_name{
    width: 100%;
    height: 22%;
}
.seat_b_name{
    position: relative;
    height: 100%;
    width: 14.28%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 3;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.bg_im1{
    width: 100%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.bg_im2{
    width: 100%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.bg_im3{
    width: 100%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.bg_im5{
    width: 99%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: -1px;
    bottom: 0;
}
.bg_im6{
    width: 98%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.bg_im7{
    width: 100%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}
.bg_im8{
    width: 104%!important;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: -1%;
    bottom: 0;
}
.seat_b_name img{
    width: 20%;
}
#seat_name .seat_b_name:nth-child(1){
    width: 14%;
}
#seat_name .seat_b_name:nth-child(7){
    width: 14%;
}
#seat_name .seat_b_name:nth-child(3){
    width: 13.4%;
}
.bt_b .bet_b_b{
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
}
.bt_b .bet_b_b .show_money{
    top:-26px;
    left: 96px;
}
.b_bet_rst{

}
.bt_b .result{
    bottom: 23px;
    width: 113%;
    transform: rotate3d(-1,0,0,-15deg);
}
#bet_b_b #result_banker, #bet_b_b #result_player,#bet_b_b #result_tie,#bet_b_b #result_BP,#bet_b_b #result_PP{
    opacity: 0;
    position: absolute;
}
.chouma{
    display: none;
    position: absolute;
    width: 100%;
    height: 22%;
    top: 41%;
    left: 0;
}
.chouma .show_money {
    top: 3px;
    left: 47px;
}
.chouma .each_other{
    width: 14.2%;
    height: 100%;
    float: left;
    position: relative;
}
.chouma .each_other i{
    position: absolute;
    width: 30%;
    height: 100%;
    left: 30%;
}

.chouma .each_other i img{
    width: 100%!important;
}
.other_bet{
    z-index: 999;
    width: 100%;
    height: 70%;
    bottom: 0;
    position: absolute;
}
.other_bet .show_money {
    top: -22px;
    position: absolute;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    left: 78px;
    padding: 2px 3px;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
}
#seatb_1{
    padding-left: 7px;
}
.peoplename{
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0;
    color: #EF834D;
}
.ld_fade{
    display: inline-block;
    margin-left: 2px;
    margin-right: 3px;
    color: #ff060c;
    font-size: 12px;
}
.ld_xie{
    display: inline-block;
    margin-right: 3px;
    color: #ff060c;
}
.change_desk{
    display: none;
    width: 95px;
    height: 70px;
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    position: absolute;
    top: 45px;
    left: 3px;
    z-index: 999;
}
.change_desk:after{
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent rgba(0,0,0,0.8);
    border-width: 8px;
    bottom: 100%;
    right:25%;
}
.change_desk ul{
    width: 100%;
    height: 100%;
}
.change_desk ul li{
    position: relative;
    width: 100%;
    height: 44%;
}
.change_desk ul li span{
    color: #ffffff;
    line-height: 35px;
    display: inline-block;
    float: left;
    height: 100%;
    text-align: center;
}
.change_desk ul li span img{
    width: 20px;
    height: 20px;
    margin-top: 7px;
}
.change_desk ul li span:nth-child(1){
    width: 35%;
}
.change_desk ul li span:nth-child(2){
    width: 65%;
}
/*.choose_desk{*/
    /*display: none;*/
    /*border: 2px #f4cc7f solid;*/
    /*position: fixed;*/
    /*width: 556px;*/
    /*height: 181px;*/
    /*top: 50%;*/
    /*margin: -84px 10%;*/
    /*background: #696969;*/
/*}*/
.choose_desk {
    display: none;
    border: 2px #f4cc7f solid;
    position: fixed;
    width: 554px;
    height: 275px;
    top: 37%;
    margin: -84px 10%;
    background: #696969;
    overflow: scroll;
}
.choose_desk1{
    margin: 0 auto;
    width: 100%;
    height: 48.8%;
}
.choose_desk ul{
    width: 100%;
    height: 100%;
}
/*.choose_desk ul li{*/
    /*cursor: pointer;*/
    /*margin: 1px;*/
    /*display: block;*/
    /*font-size: 12px;*/
    /*color: #ffffff;*/
    /*float: left;*/
    /*width: 90px;*/
    /*height: 100%;*/
    /*overflow-x: scroll;*/
/*}*/
.choose_desk ul li{
    cursor: pointer;
    margin: 2px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    float: left;
    width: 49%;
    height: 64%;
    overflow-x: scroll;
}
.choose_desk table{
    border-collapse: collapse;
    border-spacing: 0;
}
.choose_desk tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.choose_desk tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.choose_desk .lu td {
    border: #f3f3f3 solid 1px;
    height: 13px;
    width: 13px;
    line-height: 13px;
}
.choose_desk td span {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 11px;
    /*position: relative;*/
}
.choose_desk span:before {
    content: '';
    width: 6px;
    height: 6px;
    top: -2px;
    border-radius: 50%;
    position: absolute;
}
.choose_desk td.red-round span{
    border: solid 1px #df0b21;
}
.choose_desk td.blue-round span {
    border: solid 1px #4285f4;
}
/*.choose_desk ul li div {*/
    /*z-index: -1;*/
    /*text-align: center;*/
    /*color: #D8D8D8;*/
    /*font-size: 25px;*/
    /*position: absolute;*/
    /*width: 90px;*/
    /*height: 48%;*/
    /*line-height: 86px;*/
    /*background: #fff;*/
/*}*/
.choose_desk ul li div {
    z-index: -1;
    text-align: center;
    color: #D8D8D8;
    font-size: 25px;
    position: absolute;
    width: 49%;
    height: 32%;
    line-height: 86px;
    background: #fff;
}
.choose_desk .rot td {
    color: #e8c281;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border: #AAB91D solid 2px;
    padding: 0 10px;
    height: 42px;
}
.choose_desk td img {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 5px;
}
.choose_desk .rot td.black-bg {
    background-color: #000;
}
.choose_desk .rot td.red-bg {
    background-color: #8c0815;
}
.choose_desk .rot td.green-bg {
    background-color: #7CAE23;
}
.choose_desk .sibao{
    background: #696969;
}
.bt_b .xian_ren {
    left: 96px;
}
.bt_b .he_ren {
    height: 15px;
    left: 242px;
}
.bt_b .zhuang_ren {
    right: 53px;
}
.b_left{
    display: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 238px;
    border-bottom-right-radius: 430px;
    border-top-right-radius: 0;
    top: 0;
    left: -2%;
    width: 73px;
    height: 60px;
    padding-left: 17px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    /* background: #4285f4; */
    z-index: -1;
}
.b_right{
    display: none;
    border-bottom-left-radius: 430px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 238px;
    top: 0;
    right: -1%;
    width: 73px;
    height: 60px;
    padding-left: 44px;
    padding-top: 2px;
    color: #fff;
    position: absolute;
    /*background: red;*/
    z-index: -1;
    line-height: 20px;
}
.pai{
    height: 86px;
    padding-top: 1px;
    display: block;
    width: 450%;
}
.close_desk{
    border-radius: 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    line-height: 25px;
    z-index: 999999;
}
.allright{
    left: 50%;margin-left: -13px;position: absolute;width: 55px;height: 25px;bottom: 20px;display: none;
}
.allright_left{
    height: 25px;width: 25px;border-radius: 50%;float: left;background: #ffffff;
}
.allright_left img,.allright_right img{
    width: 25px;
    height: 25px;
}
.allright_right{
    height: 25px;width: 25px;border-radius: 50%;float: left;background: #ffffff;margin-left: 5px
}
.allright_left1{
    height: 25px;width: 25px;border-radius: 50%;float: left;background: #ffffff;
}
.allright_left1 img,.allright_right1 img{
    width: 25px;
    height: 25px;
}
.allright_right1{
    height: 25px;width: 25px;border-radius: 50%;float: left;background: #ffffff;margin-left: 5px
}
.zhuang-chip .allright{
    margin-left: -45px;
}
.hedui-chip .allright{
    margin-left: -30px;
}
.chat{
    position: fixed;
    right: 0;
    height: 90%;
    background: rgba(100,100,100,0.9);
    width: 50%;
    bottom: 0;
    transition: 1s;
}
.chat_title{
    text-align: center;
    width: 100%;
    height: 7%;
    background: #000000;
    color: #ffffff;
    font-size: 14px;
}
.chat_title div{
    line-height: 25px;
    float: left;
    width: 33.33%;
    height: 100%;
}
.chat_title div span{
    padding-left: 10px;
}
.chat_body_cat{
    width: 100%;
    height: 83%;
}
.chat_body_cat p{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 2px;
}
.chat_body_ems{
    background: #ffffff;
    width: 100%;
    height: 93%;
}
.chat_body_ems table{
    width: 100%;
    height: 50%;
}
.chat_body_ems table td img{
    width: 25px;
    height: 25px;
}
.chat_body_ros{
    position: relative;
    width: 100%;
    height: 93%;
}
.chat_body_ros_took{
    position: absolute;
    width: 100%;
    bottom: 5px;
}
.took{
    overflow-y: scroll;
    position: absolute;
    width: 100%;
    height: 88%;
}
.upto{
    height: 55px;width: 100%;position: relative;
}
.send {
    position: relative;
    max-width: 290px;
    padding: 10px;
    background: #A6DADC;
    border-radius: 5px;
    word-wrap: break-word;
    word-break: break-all;
    float: right;
    right: 18px;
}
.send p ,.send_outher p{
    font-family: none;
    text-align: left;
}
.send:before{
    position:absolute;
    content:"\00a0";
    display:inline-block;
    width:0;
    height:0;
    border-width:8px 0 8px 11px;
    border-style:solid;
    border-color:transparent transparent transparent #A6DADC;
    right:-11px;
    top:11px;
}
.send_outher {
    position: relative;
    max-width: 290px;
    padding: 10px;
    background: #F8C301;
    border-radius: 5px;
    word-wrap: break-word;
    word-break: break-all;
    left: 5%;
    float: left;
}
.send_outher:before{
    position:absolute;
    content:"\00a0";
    width:0;
    height:0;
    border-width:8px 11px 8px 0;
    border-style:solid;
    border-color:transparent #F8C301 transparent transparent;
    top:11px;
    left:-11px;
}
.chat_body_ros_input{
    height: 13%;
    width: 100%;
    background: #000000;
    position: absolute;
    bottom: 0;
}
.chat_body_ros_input .Input_text{
    color: #000000;
    height: 80%;
    width: 82%;
    margin-left: 6px;
    margin-top: 4px;
    float: left;
    border-radius: 8px;
    background: rgba(255,255,255,0.9);
    resize: none;
    padding: 10px 5px;
    text-align: left;
    outline: none;
    font: 13px none, sans-serif;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
.chat_body_ros_input .sendButton{
    background: rgba(70,70,70,1);
    text-align: center;
    color: #ffffff;
    height: 80%;
    width: 14%;
    margin-top: 4px;
    margin-left: 3px;
    border-radius: 8px;
    line-height: 36px;
    float: left;
}
.ck_tille{
    border: 1px solid #fff;
}
.outhername{
    text-overflow:ellipsis;
    height: 20px;
    width: 65px;
    float: left;
    overflow: hidden;
}
.masg{
    position: relative;
    width: 100%;
    height: 200%;
    overflow-y: scroll;
}
.chatslide{
    transform: translate(0,414px);
}
.pok-drangon .allright{
    margin-left: -3px;
}
.pok-he .allright{
    margin-left: -28px;
}
.pok-tiger .allright{
    margin-left: -35px;
}
.pok-3 .allright{

    margin-left: -20px;
}
.pok-4 .allright,.pok-5 .allright{
    margin-left: -25px;
}
.pok-6 .allright{
    margin-left: -31px;
}
.pok-7 .allright,.pok-8 .allright{
    margin-left: -38px;
}
.bet_b .row-center .title{
    margin-top: 5px;
    font-size: 32px;
}
.monck{
    cursor: pointer;
    margin: 1px;
    display: block;
    font-size: 12px;
    color: #ffffff;
    float: left;
    width: 90px;
    height: 100%;
    overflow-x: scroll;
}
.monck div {
    z-index: -1;
    text-align: center;
    color: #D8D8D8;
    font-size: 25px;
    position: absolute;
    width: 90px;
    height: 48%;
    line-height: 86px;
    background: #fff;
}
@media screen and (max-width: 320px){
    .danz .title {
        font-size: 32px!important;
    }
    .twoz .ratio {
        padding:0!important;
    }
    .chip_desk {
        height: 72%!important;
    }
    .downs_lu{
        position: relative;
        margin-top: 10px;
    }
    .choose_desk {
        margin: 4% 10%!important;
    }
    .xuan_chip ul {
        width: 160%!important;
    }
    /*.pai-img {*/
        /*width: 132%!important;*/
    /*}*/
    /*.pai-bigsa {*/
        /*width: 132%!important;*/
    /*}*/
    .rot_road {
        width: 75%!important;
    }
    .rot_start {
        width: 25%!important;
    }
}
@media screen and (max-width: 375px){
    .gunn{
        height: 75%!important;
    }
    .choose_desk {
        margin: 3% 10%!important;
    }
    .xuan_chip ul {
        width: 145%!important;
    }
    /*.pai-img {*/
        /*width: 112%!important;*/
    /*}*/
    /*.pai-bigsa {*/
        /*width: 112%!important;*/
    /*}*/
    .rot_road {
        width: 66%!important;
    }
    .rot_start {
        width: 34%!important;
    }
    .game_chip{
        height: 39.96%!important;
        margin-top: -3px!important;
    }
    .poker-list .game_chip{
        margin-top: -10px!important;
    }
    .roulette-list .game_chip{
        margin-top: -15px!important;
    }
    .baccarat-index .game_chip{
        margin-top: -10px!important;
    }
}
@media screen and (max-width: 480px){
    /*******************************************************/
    .games{
        background-size: 386% 100%!important;
    }
    .game_img {
        height: 20%!important;
    }
    .pages_games{
        height: 10%!important;
    }
    /*******************************************************/
    .baccarat-index .chip_desk{
        background-image: url("../imgs/L01_bg.png");
        background-size: 100% 102%;
    }
    .poker-list .chip_desk{
        background-image: url("../imgs/T01_bg.png");
        background-size: 101% 102%;
    }
    .baccarat-index .game_chip{
        background: #2a453a!important;
    }
    .roulette-list .game_chip{
        background: #2a453a;
        margin-top: -8px;
    }
    .ShowMoney {
        bottom: 70%;
        right: 0;
    }
    .left-img .top-photo {
        height: 140px;
    }
    .anmi_7 {
        display: block!important;
    }
    #entirety{
        height: 100%;
    }
    .index{
        position: relative;
        background-size: 1600px 736px;
        background-repeat: no-repeat;
        height: 768px!important;
    }
    /*.four a {*/
        /*font-size: 12px;*/
    /*}*/
    /*.four {*/
        /*width: 74%;*/
        /*margin-left: 2%;*/
    /*}*/
    /*.four a:nth-child(4){*/
        /*-webkit-transform-origin-x: 0;*/
        /*-webkit-transform: scale(0.9);*/
        /*transform: scale(0.9);*/
    /*}*/
    .macen {
        width: 80%!important;
    }
    .index .item {
        height: 140px!important;
        width: 48.2%!important;
    }
    .dialog-box {
        width: 90%;
        margin-left: 5%;
        height: 400px!important;
        left: 0;
        top: 10%;
    }
    .index .item .center_zi span {
        padding-left: 15px;
    }
    .nav_right{
        font-size: 0.5rem;
        width: 38%;
    }
    .nav_right div{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    #language div.ui-form-item label.ui-switch{
        right:23%;
    }
    .left-img {
        overflow: hidden;
        width: 24%;
        height:146px;
    }
    #bac-list .left-img {
        height:140px;
    }
    #bac-list .zhengti_ul .right-data{
        width: 75.5%;
    }
    .zhengti_ul .right-data {
        width: 75%;
        height: 146px;
        margin-left: 1px;
    }
    .bottom-box {
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #147A29;
        padding-left: 5px;
    }
    .left-img .bottom-state {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .left-img .top-photo {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .zhengti_ul .right-data .top-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .zhengti_ul {
        height: 186px;
        padding: 0 1% 0 1%;
    }
    .poker-list .zhengti_ul .right-data .box-2{
        width: 75%!important;
    }
    .zhengti_ul .right-data .box-2 {
        width: 67%!important;
    }
    .zhengti_ul .right-data .box-1 td span {
        width: 12px;
        height: 12px;
        line-height: 12px;
    }
    .zhengti_ul .right-data .box-1 {
        height: 90px;
        width: 31.4%;
    }
    .zhengti_ul .right-data .box-2 {
        height: 90px;
    }
    .zhengti_ul .right-data .box-1 td {
        height: 13px;
        width: 13px;
        padding: 0;
        line-height: 14px;
    }
    .zhengti_ul .right-data .box-2 td {
        line-height: 14px;
    }
    .zhengti_ul .right-data .box-3, .zhengti_ul .right-data .box-4, .zhengti_ul .right-data .box-5 {
        width: 32.5%;
        margin-top: 1px;
        overflow-x: scroll;
    }
    .bottom-denum{
        height: 100%;
        width: 28%;
        font-size: 14px;
        color: #ffffff;
        float: left;
        padding-left: 4px;
    }
    .bottom-xzh{
        height: 100%;
        width: 72%;
        font-size: 14px;
        color: #ffffff;
        float: left;
    }
    .bottom-xzh span:nth-child(even){
        padding-left: 5px;
    }
    .bottom-xzh div{
        height: 100%;
        width: 20%;
        float: left;
    }
    .red-font {
        color: #ff060c;
    }
    .green-font {
        color: #437e2e;
    }
    .bottom-xzh div.statar{
        width: 36%;
        text-align: center;
        float: right;
        border: 1px solid #dcd17f;
        border-bottom: none;
    }
    .comp-agp {
        display: none;
    }
    .comp-countdown {
        top: 45px;
        right: 99px;
    }
    .game_chip{
        position: relative;
        width: 100%;
        height: 41%;
        background: #2a453a;
        margin-top: 5px;
        border: 0;
        outline: 0;
        box-shadow: none;
    }
    .poker-list .game_chip{
        margin-top: -10px;
        height: 43%;
    }
    .baccarat-index .startchip {
        top: 28%!important;
        left: 50%!important;
    }
    .roulette-list .startchip {
         top: 24%!important;
         left: 50%;
     }
    .dice-indexed .startchip {
         top: 22%!important;
         left: 50%;
     }
    .poker-list .startchip {
         top: 24%;
         left: 50%;
     }
    .judesknum{
        width: 100%;
        height: 25px;
        color: #ffffff;
        font-size: 14px;
        line-height: 26px;
        /*background-color: #368880;*/
}
    .ju_num{
        padding-left: 8px;
        width: 33.33%;
        height: 100%;
        float: left;
    }
    .desk_money{
        width: 33.33%;
        height: 100%;
        float: left;
        text-align: center;
    }
    .desk_money img {
        height: 77%;
        vertical-align: middle;
        padding-right: 2px;
        margin-bottom: 4px;
    }
    .desk_tab{
        width: 22%;
        height: 100%;
        float: right;
    }
    .desk_tab span{
        margin-left: 13px;
        margin-top: 2px;
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        float: left;
    }
    .chip_desk{
        width: 100%;
        height: 70%;
        /*border: 2px solid #ffffff;*/
        border-radius: 8px;
        position: relative;
    }
    .xian_ren {
        height: 55px;
        width: 62px;
        left: 66px!important;
        bottom: 1px!important;
        z-index: 999999;
    }
    .he_ren {
        width: 86px;
        height: 45px;
        bottom: 1px!important;
        left: 171px!important;
        z-index: 999999;
    }
    .zhuang_ren {
        right: 6px!important;
        bottom: 1px!important;
        height: 50px;
        width: 54px;
        z-index: 999999;
    }
    .Pd_ren{
        width: 62px;
        height: 41px;
        top: 39px;
        left: 95px;
        z-index: 999999;
    }
    .Bd_ren{
        width: 46px;
        height: 37px;
        top: 37px;
        left: 80%;
        z-index: 999999;
    }
    .baccarat-index .pools{
        display: none;
        left: 68%;
        top: 73px;
    }
    .twoz{
        width: 99%;
        height: 36%;
        margin: 0 auto;
        /*border-bottom: 1px solid #ffffff;*/
    }
    .chip_xiandui{
        position: relative;
        width: 50%;
        height: 95%;
        margin-top: 2px;
        float: left;
        border-top-left-radius: 9px;
    }
    .chip_zhuangdui{
        position: relative;
        width: 50%;
        height: 95%;
        margin-top: 2px;
        float: left;
        border-top-right-radius: 9px;
    }
    .twoz .title{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        padding-top: 2%;
        /*text-shadow: #000 1px 5px 5px, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
    }
    .twoz .ratio{
        margin-left: 3%;
        padding: 0;
        font-size: 12px;
    }
    .ratio{
        color: #ffffff;
        text-align: center;
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    .cr-green .money{
        font-size: 12px;
        padding-left:24%;
    }
    .cr-green .count{
        font-size: 12px;
        padding-left:29%;
    }
    .cr-green .count i img{
        width: 17px;
        height: 13px;
    }
    .danz{
        width: 98%;
        height: 64%;
        margin: 0 auto;
    }
    .danz div{
        text-align: center;
    }
    .danz .title{
        padding-top: 10%;
        font-size: 30px;
        margin-bottom: 8px;
        font-weight: bold;
        /*text-shadow: #000 1px 5px 5px, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
    }
    .danz .cr-green .money {
        font-size: 12px;
        padding-left: 4%;
    }
    .danz .ratio{
        padding: 3% 0;
    }
    .bzenx{
        position: relative;
        width: 33.33%;
        float: left;
        height: 99%;
        /*border-right:1px solid #ffffff;*/
        /*box-shadow: 2px 0 0 #000;*/
    }
    .bzeny{
        position: relative;
        width: 33.33%;
        float: left;
        height: 99%;
        /*border-right: 1px solid #ffffff;*/
        /*box-shadow: 2px 0 0 #000;*/
    }
    .bzenz{
        position: relative;
        width: 33.33%;
        float: left;
        height: 99%;
        border-bottom-right-radius: 10px;
    }
    .xuan_chip {
        margin-top: 1%;
        width: 150%;
        overflow-y: scroll;
    }
    .xuan_chip li.active{
        border-color: #ccaf53;
    }
    .xuan_chip ul{
        width: 130%;
        overflow-y: scroll;
    }
    .xuan_chip li{
        display: block;
        float: left;
        width: 50px;
        padding: 1px 2px 0 2px;
        border: 2px solid transparent;
        text-align: center;
    }
    .xuan_chip li span{
        display: none;
        color: #ffffff;
        text-align: center;
    }
    .xuan_chip img {
        width: 81%;
    }
    .left-img .top-photo samp {
        padding-left: 0!important;
    }
    .bacct_all{
        height: 100%;
        width: 100%;
        background:#4a4333;
    }
    .baccarat-index .right-data {
        width: 100%;
        height: 146px;
        margin-left: 0;
    }
    .baccarat-index .right-data .box-2 {
        width: 75%!important;
    }
    .baccarat-index .right-data .box-1 {
        width: 24.4%!important;
    }
    .downs_lu .right-data .box-4, .downs_lu .right-data .box-5 {
        width: 31.8%!important;
    }
    .poker-list .right-data .box-4,.poker-list .right-data .box-5 {
        width: 33%!important;
    }
    .downs_lu{
        position: relative;
    }
    .bottom-box-lu{
        height: 40px;
        font-size: 12px;
        line-height: 31px;
        width: 100%;
        background-color: #F3F3F3;
        padding-left: 5px;
        color: #1f1f20;
    }
    .downs_lu .zhengti_ul {
        padding: 0;
        height: 144px!important;
    }
    .bottom-box-lu li {
        float: left;
        margin-right: 10px;
    }
    .bottom-box-lu span{
        display: block;
        float: left;
    }
    .bg-hon{
        background-color: #C95C4E;
    }
    .bg-lan{
        background-color: #42c6ff;
    }
    .bottom-box-lu .foot_font{
        color: #ffffff;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        margin-top: 5px;
        margin-right: 5px;
    }
    .heng_xian_rts{
        transition: 0.5s;
        position: absolute;
        color: #2b67f4;
        font-weight: bold;
        line-height: 36px;
        width: 24px;
        height: 34px;
        /*background: #4285f4;*/
        background: url("../imgs/poker_bg_small.png") no-repeat 0;
        background-size: cover;
        top: 27%;
        left: 0;
        text-align: center;
        font-size: 22px;
        z-index: 11;
    }
    .heng_zhuang_rts{
        transition: 0.5s;
        position: absolute;
        color: #ff060c;
        font-weight: bold;
        line-height: 36px;
        width: 24px;
        height: 34px;
        /*background: #ff060c;*/
        background: url("../imgs/poker_bg_small.png") no-repeat 0;
        background-size: cover;
        top: 38%;
        right: 0;
        text-align: center;
        font-size: 27px;
        z-index: 11;
    }
    .poker-list .heng_xian_rts{
        font-size: 18px;
    }
    .poker-list .heng_zhuang_rts{
        font-size: 18px;
    }
    .anmi_vv{
        transform: translateY(190px);
        opacity: 0;
    }
    .result_heng{
        display: none;
        position: absolute;
        top:38%;
        height: 45%;
        width: 100%;
        z-index: 99999;
    }
    .result_heng div{
        padding-top: 5px;
        text-align: center;
        float: left;
        width: 20%;
        height: 100%;
    }
    .result_heng div.result_heng_xian,.result_heng div.result_heng_zhuang{
        width: 40%;
    }
    .result_heng div img{
        transition: 1s;
        width: 38px;
        height: 50px;
    }
    #poker_result {
        width: 100%!important;
    }
    .baccarat-index .convert-r {
        margin: -7px 25px;
    }
    .choose_desk {
        /*display: none;*/
        border: 2px #f4cc7f solid;
        position: fixed;
        width: 80%!important;
        height: 550px;
        top: 0;
        margin: 20% 10%;
        background: #696969;
        z-index: 999999;
    }
    .choose_desk1 {
        margin: 0 auto;
        width: 100%;
        height: 240px;
    }
    /*.choose_desk ul li {*/
        /*margin: 0;*/
        /*margin-left: 2px;*/
        /*width: 49%!important;*/
        /*height: 38%;*/
    /*}*/
    .choose_desk ul li {
        margin: 0;
        margin-left: 2px;
        width: 99%!important;
        height: 38%;
    }
    /*.choose_desk ul li div {*/
        /*width: 49.4%!important;*/
        /*height: 16%;*/
    /*}*/
    .choose_desk ul li div {
        width: 99%!important;
        height: 16%;
    }
    .monck{
        margin: 0;
        margin-left: 2px;
        width: 49%!important;
        height: 38%;
    }
    .monck div{
        width: 49.4%!important;
        height: 16%;
    }
    .poker-list .right-data .box-1 {
        width: 24.4%!important;
    }
    .poker-list .zhengti_ul .right-data .box-1 td span{
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);

    }
    .pok-item{
        position: relative;
        width: 33.33%;
        height: 98%;
        float: left;
        /*border-right: 1px solid #ffffff;*/
    }
    #result_dragon.pok-item{
        border-top-left-radius: 10px;
    }
    #result_tiger.pok-item{
        border-top-right-radius: 10px;
    }
    .pok-item .title{
        font-size: 28px;
        padding-top: 20%;
        font-weight: bold;
        /*text-shadow: #000 1px 5px 5px, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
    }
    .danz_up{
        height: 50%;
        width: 100%;
        /*border-bottom: 1px solid #ffffff;*/
        /*box-shadow: 0 2px 0 #000;*/
    }
    .danz_ups{
        height: 50%;
        width: 100%;
    }

    .pok-item-down{
        position: relative;
        float: left;
        height: 95%;
        width: 25%;
        /* border-right: 1px solid #ffffff; */
        margin-top: 1px;
        margin: 1px 0;
    }
    .pok-item-down .title{
        font-size: 21px;
        font-weight: bold;
        /*text-shadow: #000 1px 5px 5px, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/
    }
    .poker_twoz{
        text-align: center;
        width: 99%;
        height: 47%;
        margin: 0 auto;
        /*border-bottom: 1px solid #ffffff;*/
    }
    .poker_danz{
        text-align: center;
        width: 99%;
        height: 53%;
        margin: 0 auto;
        position: relative;
    }
    .downs_lu .right-data{
        width: 100%;
        height: 146px;
        margin-left: 0;
    }
    .poker-list .result_heng {
        top: 13%;
    }
    .poker-list .result_heng div img {
        transition: 1s;
        width: 35px;
        height: 50px;
    }
    .poker-list .heng_xian_rts{
        top: 5%;
    }
    .poker-list .heng_zhuang_rts{
        top: 5%;
    }
    .dice_list .right-data {
        width: 75%;
        margin-left: 1%;
    }
    .uproad{
        height: 26px;width: 100%;position: relative;background-color: #147A29;
    }
    .dice_road{
        height: 100%;width: 70%;float: left
    }
    .dice_start{
        color: #fff;height: 100%;width: 29%;float: left;line-height: 26px;text-align: center;border: 1px solid #dcd17f
    }
    .dice_road li {
        margin-right: 16px;
    }
    .dice_road li:nth-child(1){
        margin-right: 40px;
    }
    .dice_road .bottom-box span {
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #fff;
        font-size: 12px;
        width: 18px;
        height: 18px;
        line-height: 16px;
        text-align: center;
        margin-right: 3px;
        color: #fff;
    }
    .dice_road .bottom-box span.blue-font {
        background-color: #4285f4;
    }
    .dice_road .bottom-box span.green-font {
        background-color: #437e2e;
    }
    .dice_list .list-box{
        height: 145px;
    }
    .dice_list .list-box .right-data .box-1 td, .dice_list .list-box .right-data .box-1 span {
        width: 17px;
        height: 17px;
        padding: 2px 1px;
    }
    .right-data .box-1 td span{
        line-height: 13px;
    }
    .dice_list .list-box .right-data .top-box{
        border-top-left-radius:0;
        border-top-right-radius:0;
    }
    /*dice游戏内*/
    .dice_twoz{
        text-align: center;
        width: 100%;
        height: 40%;
        border-bottom: 1px solid #ffffff;
    }
    .dice_danz{
        text-align: center;
        width: 100%;
        height: 60%;
    }
    .dice_twoz .upnum:nth-child(1){
        border-bottom: 1px solid #ccc;
    }
    .dice_twoz .upnum{
        height: 50%;
        width: 100%;
    }
    .dice_twoz .upnum .item-s{
        position: relative;
        float: left;
        height: 100%;
        width: 14.28%;
        border-right: 1px solid #ccc;
        color: #ffffff;
    }
    .dice_twoz .upnum .title{
        font-size: 18px;
        font-weight: bold;
        margin-top: 7%;
    }
    .bigsmall{
        height: 100%;
        width: 13%;
        float: left;
    }
    .dice_danz .center_pok{
        height: 100%;
        width: 74%;
        float: left;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .bigsmall .evod{
        position: relative;
        height: 50%;
        width: 100%;
    }
    .bigsmall .evod:nth-child(1){
        border-bottom: 1px solid #ccc;
    }
    .bigsmall .evod .title{
        font-size: 28px;
        padding-top: 10%;
        font-weight: bold;
    }
    .center_pok .uppok{
        width: 100%;
        height: 50%;
        border-bottom: 1px solid #ccc;
    }
    .center_pok .downpok{
        width: 100%;
        height: 50%;
    }
    .uppok_sa{
        position: relative;
        float: left;
        height: 100%;
        width: 10%;
        border-right: 1px solid #ccc;
    }
    .uppok_sa:nth-child(7){
        border: 0;
    }
    .uppok_ba{
        position: relative;
        float: left;
        height: 100%;
        width: 40%;
        border-right: 1px solid #ccc;
    }
    .uppok img{
        width: 45%;
        height: 45%;
    }
    .leri img{
        float: left;
    }
    .leri img:nth-child(1){
        margin-left: 1.4px;
    }
    .uppok p{
        font-size: 6px;
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        color: #fff;
        margin-top: 100%;
    }
    .one-six{
        height: 100%;
        width: 78%;
        float: left;
    }
    .one-six-pl{
        color: #ffffff;
        float: left;
        line-height: 4;
        width: 22%;
        height: 100%;
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    .one-six-img{
        height: 31.33%;
        width: 100%;
    }
    .one-six-img img{
        margin-left: 1px;
        width: 14.66%;
        height: 80%;
        float: left;
    }
    .big-img{
        height: 70%;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
    .big-kaiz{
        color: #fff;
        font-size: 13px;
        height: 30%;
        width: 100%;
    }
    .big-img-s{
        position: relative;
        float: left;
        width: 16.66%;
        height: 100%;
        border-right: 1px solid #ccc;
    }
    .big-img-s:nth-child(6){
        border: 0;
    }
    .big-img-s img{
        width: 60%;
        height: 60%;
        margin-top: 18%;
    }
    .dice-roadshow{
        position: relative;
        height: 25.3%;
        width: 100%;
        overflow-x: scroll;
        background: #fff;
    }
    .dice-indexed .judesknum{
        height: 23px;
    }
    .dice-indexed .game_chip{
        height: 40.96%;
        margin-top: -25px;
    }
    .pai-img {
        width: 420px;
        height: 43%;
    }
    .pai-bigsa {
        width: 420px;
        height: 18.33%;
    }
    .dice-roadshow table {
        height: 99%;
        margin-left: -2px;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .scro{
        height: 100%;
        width: 26px;
        float: left;
    }
    .dice-roadshow tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }
    .dice-roadshow tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }
    .dice-roadshow td{
        text-align: center;
        width: 28px;
        height: 20px;
        border: 2px solid #ccc;
    }
    .dice-roadshow td img {
        height: 100%;
        width: 23px;
    }
    .pai-bigsa td{
        text-align: center;
        width: 28px;
        height: 100%;
        border: 2px solid #ccc;
        border-top: 0;
    }
    .dice-roadshow span{
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        position: relative;
    }
    .allnum{
        width: 100%;
        height: 30px;
        background: #F3F3F3;
    }
    .rot_list .right-data {
        width: 78%;
    }
    .rot_road {
        height: 100%;
        width: 58%;
        float: left;
    }
    .rot_road li {
        margin-right: 16px;
    }
    .rot_road li:nth-child(1){
        margin-right: 25px;
    }
    .rot_start{
        color: #fff;
        height: 100%;
        width: 42%;
        float: left;
        line-height: 26px;
        text-align: center;
        border: 1px solid #dcd17f;
    }
    .rot_list .right-data .top-box {
        height: 108px;
        padding-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .rot_list .top-box li {
        height: 107px;
    }
    .rot_list .left-img .top-photo {
        height: 108px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .rot_list .list-box {
        height: 134px;
    }
    .left-img.kl {
        width: 21%;
    }
    .left-img.kl .top-photo img.people {
        min-height: 84px!important;
        min-width: 96px;
    }
    .rot_list .box-7 td {
        font-size: 13px;
    }
    .rot_chip_desk{
        width: 100%;
        height: 74%;
    }
    .one-num{
        height: 70%;
        width: 100%;
        border: 2px solid #ffffff;
        border-radius: 8px;
    }
    .one-num-1{
        height: 33.33%;
        width: 100%;
    }

    .qinu{
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 12px;
        /*line-height: 44px;*/
        float: left;
        width: 5.55%;
        height: 100%;
    }
    .qinu span{
        width: 100%;
        height: 100%;
        display: block;
        line-height: 44px;
    }
    .qinu:nth-child(1){
        border-top-left-radius: 8px;
    }
    .qinu:nth-child(18){
        border-top-right-radius: 8px;
    }
    .qinu3:nth-child(1){
        border-bottom-left-radius: 8px;
    }
    .qinu3:nth-child(17){
        border-bottom-right-radius: 8px;
    }
    .qinu3{
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 12px;
        /*line-height: 44px;*/
        float: left;
        width: 5.88%;
        height: 100%;
    }
    .qinu3 span{
        display: block;
        height: 100%;
        width: 100%;
        line-height: 44px;
    }
    .qinu2-left{
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 12px;
        /*line-height: 44px;*/
        float: left;
        width: 5.55%;
        height: 100%;
    }
    .qinv2-right{
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 12px;
        /*line-height: 44px;*/
        float: right;
        width: 5.55%;
        height: 100%;
    }
    .qinu2-left span ,.qinv2-right span{
        display: block;
        height: 100%;
        width: 100%;
        line-height: 44px;
    }
    .qinv2-center{
        position: relative;
        color: #fff;
        font-size: 12px;
        line-height: 44px;
        float: left;
        border: 2px solid #ffffff;
        width: 88.9%;
        height: 100%;
    }

    .small{
        position: absolute;
        margin-top: -1%;
        margin-left: 29%;
        width: 2px;
        height: 129%;
        background: #45c6fd;
        transform: rotate(-36deg);
        -o-transform: rotate(-36deg);
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
    }
    .small-font{
        text-align: center;
        position: relative;
        height: 100%;
        width: 25%;
        font-size: 14px;
        color: #fff;
        float: left;
    }
    .big {
        position: absolute;
        margin-top: -1%;
        margin-left: 58%;
        width: 2px;
        height: 129%;
        background: #45c6fd;
        transform: rotate(36deg);
        -o-transform: rotate(36deg);
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
    }
    .big-font{
        text-align: center;
        position: relative;
        margin-left: 7%;
        height: 100%;
        width: 25%;
        font-size: 14px;
        color: #fff;
        float: left;
    }
    .bzero{
        text-align: center;
        position: relative;
        height: 100%;
        margin-left: 2%;
        width: 26%;
        font-size: 14px;
        color: #fff;
        float: left;
    }
    .zero0{
        text-align: center;
        position: relative;
        top: 10%;
        height: 80%;
        width: 13%;
        font-size: 14px;
        color: #fff;
        line-height: 30px;
        float: left;
        border: 1px solid #ffffff;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .fanw{
        position: relative;
        margin-top: 5%;
        width: 100%;
        height: 20%;
        border: 2px solid #ffffff;
        border-radius: 8px;
    }
    .fanw-each{
        position: relative;
        color: #fff;
        font-size: 14px;
        text-align: center;
        width: 16.66%;
        height: 100%;
        float: left;
        border-left: 1px solid #ffffff;
    }
    .fanw-each span{
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 35px;
        vertical-align:middle;

    }
    .fanw-each:nth-child(1){
        border: 0;
    }
    .jux {
        top: 10%;
        margin: 9% auto;
        width: 60%;
        height: 77%;
        border: 1px solid #ffffff;
    }
    .cgroad{
        position: relative;
        width: 100%;
        height: 33%;
    }
    .gunn{
        width: 100%;
        height: 62%;
        background: #fff;
    }
    .cgroad .box-2{
        overflow-x: scroll;
        width: 100%;
        height: 100%;
    }
    .cgroad .box-2 table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .cgroad .box-2 table tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }
    .cgroad .box-2 table tbody tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }
    .cgroad .box-2 td {
        position: relative;
        text-align: center;
        font-size: 9px;
        color: #fff;
        height: 24px;
        width: 24px;
        line-height: 22px;
        border: #f3f3f3 solid 2px;
    }
    .cgroad .box-2 td span {
        color: #ffffff;
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        width: 23px;
        height: 23px;
        text-align: center;
        line-height: 23px;
        position: relative;
    }
    .bzeny .allright{
        bottom: 50px
    }

    .dice-indexed .sel-box {
        top: 81%;
        left: -8px;
    }
    .dice-indexed .sel-box img{
        width: 30px;
    }
    .dice-indexed .sel-box img{
        width: 30px;
    }
    .show_money {
        left: 120px;
    }
    .poker-list .chip_desk .bit-chip .sel-box img{
        width: 40px;
    }
    .poker_danz .sel-box{
        top: 70%;
        left: -15%;
    }
    .poker_danz .allright{
        margin-left: -26px;
    }
    .rot_chip_desk .sel-box{
        left:-9%;
        top:100%;
    }
    .rot_chip_desk .sel-box img{
        width: 15px;
        height: 15px;
    }
    .rot_chip_desk .bit-chip{
        left: 0;
        top: 0;
    }
    .comp-countdown_rout {
        position: absolute;
        bottom: 88%;
        left: 78%;
        color: #fff;
        font-size: 32px;
        font-weight: bold;
    }
    .dice-indexed .chip_desk .allright {
        margin-left: -25px;
        bottom: 46px;
    }
    .rot_chip_desk .bit-chip .show_money {
        left: 8px;
        top: -45px;
    }
    .one-num .allright {
        left: 50%;
        margin-left: -20px;
        bottom: 40px;
    }
    .fanw .allright{
        margin-left: -25px;
        bottom: 32px;
    }
    .fanw .bit-chip .show_money{
        left: 46px;
    }
    .uppok .allright img{
        width: 100%;
        height: 100%;
    }
    .desk_tab span img{
        width: 100%;
        height: 100%;
    }
    .rout_video{
        border: none !important;
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-left: 0 !important;
        overflow: hidden !important;
    }
    .dice-indexed .game_chip .bit-chip .show_money {
        top: -30px !important;
        left: 50px !important;
    }
    .dice-indexed .game_chip .uppok_ba .bit-chip .show_money{
        top: -148px !important;
        left: 95px !important;
    }
    .roulette-list .left-img .top-photo span {
        position: absolute;
        top: 8px;
        font-size: 12px;
        left: -1px;
        color: #ffffff;
        font-weight: bold;
        line-height: 18px;
    }
    .allnum .bottom-box-lu li samp{
        padding-left: 5px;
    }
    .poker-list .bottom-box-lu li span:nth-child(even){
        padding-left: 5px;
    }
    .dice-indexed .bottom-box-lu li span{
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #fff;
        font-size: 12px;
        width: 18px;
        height: 18px;
        line-height: 16px;
        text-align: center;
        margin-right: 3px;
        margin-top: 5px;
        color: #fff !important;
    }
    .blue-bg{
        background-color: #4285f4;
    }
    .green-bg{
        background-color: #437e2e;
    }
    .red-bg{
        background-color: #ff060c;
    }
    .close_desk img{
        margin-left: 2px;
    }
    .bottom-box span:nth-child(even){
        padding-left: 5px;
    }
    .bottom-box samp{
        padding-left: 5px;
    }
    .poker-list .game_chip .bit-chip .show_money{
        left: 104px;
    }
    .poker-list .pok-item-down .bit-chip .show_money{
        left: 83px;
    }
    .chip_xiandui .show_money,.chip_zhuangdui .show_money{
        left: 135px;
    }
    .bzenx  .show_money,.bzeny  .show_money,.bzenz  .show_money {
        left: 101px;
    }
    .big-img-s .allright img{
        width: 100%;
        height: 100%;
        margin-top: -2%;
    }
    .dice-indexed .game_chip .evod .bit-chip .show_money{
        top: -39px !important;
        left: 27px !important;
    }
    .dice-indexed .game_chip .uppok_sa .bit-chip .show_money {
        top: -30px !important;
        left: 34px !important;
    }
    .one-num .qinu.qn .allright, .qinv2-right .allright ,  .qinu3.qn .allright{
        left: 50%;
        margin-left: -40px;
        bottom: 40px;
    }
    .dice-indexed .allright{
        z-index: 9999;
    }
    .poker-info{
        /*display: none;*/
        position: fixed;
        top: 45px;
        left: 0;
        font-size: 12px;
        width: 100px;
        text-align: center;
        color: #dcd17f;
        z-index: 998;
    }
    .poker-info .caichihead {
        background: #1f1f20;
        height: 22px;
        line-height: 22px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .poker-info .content {
        height: 100px;
        background: black;
        overflow: auto;
        position: relative;
    }
    .poker-info .content li {
        -webkit-transform-origin-x: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        margin: 8px 0;
    }

    .left-img .top-photo img.people {
        min-height: 112px !important;
        min-width: 108px;
        margin-top: 27px !important;
        margin-left: -10px;
    }
    .bg-lv{
        background-color: #55b35b;
    }
    .zhengti_ul .right-data .top-box{
        height: 140px;
    }
    .poker-list .downs_lu .zhengti_ul .right-data .top-box{
        height: 144px;
    }
    .baccarat-index .zhengti_ul .right-data .top-box{
        height: 144px;
    }
}
/*咪牌结果*/
.amy-result{
    display: none;
    position: fixed;
    top: 45px;
    right: 47px;
    width: 200px;
    height: 110px;
    border: 1px solid #ccaf53;
    border-radius: 5px;
    background: rgba(0,0,0,0.5);
}
.amy-left{
    float: left;
    height: 100%;
    width: 50%;
    border-right: 1px solid #ccaf53;
}
.amy-right{
    float: left;
    width: 50%;
    height: 100%;

}
.amy-left-player,.amy-right-banker{
    text-align: center;
    line-height: 22px;
    color: #fff;
    width: 100%;
    height: 20%;
}
.amy-left-player{
    border-top-left-radius: 5px;
    background-color: #2b67f4;
}
.amy-right-banker{
    border-top-right-radius: 5px;
    background-color: #CC3600;
}
.amy-play,.amy-bank{
    width: 100%;
    height: 80%;
}
.amy-play img,.amy-bank img{
    transition: 1s;
    width: 30px;
    height: 40px;
}
.amy-play .img,.amy-bank .img{
    float: left;
    width: 30px;
    height: 40px;
    overflow: hidden;
    margin-left: 2px;
}

.amy-play .img:nth-child(1),.amy-bank .img:nth-child(1){
    margin-left: 17px;
}
.amy-result .img.convert-r{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 34px;
}
.zhuan{
    transition: 1s;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg); /* Safari 与 Chrome */
}
/*#play_s1{*/
    /*display: none;*/
/*}*/
/*#play_s2{*/
    /*display: none;*/
/*}*/
#play_s3{
    display: none;
}
/*#bank_s1{*/
    /*display: none;*/
/*}*/
/*#bank_s2{*/
    /*display: none;*/
/*}*/
#bank_s3{
    display: none;
}


#magazine{
    width:140px!important;
    height:170px!important;
    margin:0 auto;
    position:relative;
    left:0;
    /*opacity:0;*/
    -moz-transition:0.3s left;
    -webkit-transition:0.3s left;
    transition:0.3s left;
}
#magazine_1{
    width:140px!important;
    height:170px!important;
    margin:0 auto;
    position:relative;
    left:0;
    /*opacity:0;*/
    -moz-transition:0.3s left;
    -webkit-transition:0.3s left;
    transition:0.3s left;
}
#magazine_2{
    width:140px!important;
    height:170px!important;
    margin:0 auto;
    position:relative;
    left:0;
    /*opacity:0;*/
    -moz-transition:0.3s left;
    -webkit-transition:0.3s left;
    transition:0.3s left;
}
#magazine_3{
    width:140px!important;
    height:170px!important;
    margin:0 auto;
    position:relative;
    left:0;
    /*opacity:0;*/
    -moz-transition:0.3s left;
    -webkit-transition:0.3s left;
    transition:0.3s left;
}
#magazine .page{
    width:140px!important;
    height:170px!important;
    overflow:hidden;
}
#magazine_1 .page{
    width:140px!important;
    height:170px!important;
    overflow:hidden;
}
#magazine_2 .page{
    width:140px!important;
    height:170px!important;
    overflow:hidden;
}
#magazine_3 .page{
    width:140px!important;
    height:170px!important;
    overflow:hidden;
}

#magazine.centerEnd{
    left:260px;
}
.page img{
    height:170px;
    width:140px;
    display:block;
}
.centerStart .turn-page-wrapper:first-child{
    width:140px!important;
    height:170px!important;
    /*box-shadow:0 0 10px #040404;*/
}
#page1 .pageNum{
    display:none;
}
.container{
    margin-top: 37px;
    float: left;
    flex-direction: column;
    justify-content: space-between;
    width: 33.33%;
    height: 100%;
    z-index: 999999;
}
/*#poker1{*/
    /*display: none;*/
/*}*/
/*#poker2{*/
    /*display: none;*/
/*}*/
.re_amy{
    border: 1px solid #ccaf53;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
#sometime{
    width: 100%;
    height: 100%;
    display: none;
}
#sometime2{
    width: 100%;
    height: 100%;
    display: none;
}
#entirety2{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    display: none;
}
.amytime span{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #ccaf53;
    text-align: center;
    line-height: 30px;
    margin-top: -29px;
    font-weight: bold;
    color: #ccaf53;
}
#yintwo1,#yintwo2{
    display: none;
}
#first_time{
    display: none;
}
#second_time{
    display: none;
}
.daftar{
    width: 100%;
    height: 10%;
    text-align: center;
    color: #157d43;
}
.register{
    top:0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    /*z-index: 99999;*/
    background: #f3f3f3;
}
.register_title{
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    color: #f3f3f3;
    text-align: center;
    background-color: #2e70b3;
}
.register_content{
    width: 100%;
    height: 80%;
    overflow-y: scroll;
}
.register_content input{
    width: 94%;
    height: 7%;
    outline: none;
    margin-top: 4%;
    margin-left: 3%;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid;
}
.register_content .input{
    width: 94%;
    height: 7%;
    margin-top: 4%;
    margin-left: 3%;
    border-radius: 5px;
    border: 1px solid #000000;
}
.register_content .input select {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    border-radius: 5px;
}
.register_content .yanzheng{
    width: 60%;
}
.register_content .yzma{
    width: 32%;
    height: 7%;
    margin-right: 3%;
    margin-top: 4%;
    float: right;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    background-color: #4e8ed0;
    font-weight: bold;
}
.register_go{
    color: #fff;
    width: 94%;
    height: 6%;
    margin-left: 3%;
    margin-top: 3%;
    border-radius: 5px;
    background-color: #2d75bf;
    text-align: center;
    line-height: 44px;
}
.dialog-box.pkan{
    height: 84%;
    margin-top: 4%;
}
.setoran-t.pan{
    height: 13%;
}
.btn-cun.pan{
    height: 22%;
}
.ts{
    padding-left: 12px;
    font-size: 14px;
}
.close-se {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: right;
}
.close-se img {
    width: 30px;
    height: 30px;
}
.setion {
    width: 100%;
    height: 77%;
    color: #000;
    font-size: 14px;
}
.setoran-t:nth-child(1) {
    margin-top: 10px;
}
.setoran-t {
    width: 100%;
    height: 10%;
}
.setoran-t span {
    float: left;
    display: inline-block;
    width: 36%;
    height: 100%;
    text-align: right;
    padding-right: 7px;
}
.setoran-t .content {
    float: left;
    width: 60%;
    height: 80%;
    border-radius: 5px;
    background: #fff;
    outline: none;
    border: 0;
    padding: 4px;
}
.btn-cun {
    width: 100%;
    height: 18%;
}
.btn-cun div {
    float: left;
    text-align: center;
    line-height: 35px;
    width: 35%;
    height: 59%;
    background: #a3a3a3;
    margin-top: 10px;
    margin-left: 40px;
    border-radius: 8px;
}
.bom-cun {
    text-align: center;
    font-size: 12px;
    width: 100%;
    height: 14%;
    padding-top: 5px;
    background: #2e70b3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.setoran-t.pan {
    height: 13%;
}
.setoran-t:nth-child(1) {
    margin-top: 10px;
}
.btn-cun.pan {
    height: 22%;
}
.setoran-t .content select {
    width: 100%;
    border: 0;
    outline: none;
}
.top_bet_b{
    width: 100%;
    height: 23%;
    position: absolute;
    top: 0;
    left: 0;
}
.top_bet_b div.top_b_this{
    position: relative;
    width: 50%;
    height:100%;
    float: left;
}
.bet_b_top_btm{
    width: 100%;
    height: 33%;
    position: absolute;
    top: 23%;
    left: 0;
}
.bet_b_top_btm div.btm_b{
    position: relative;
    float: left;
    width: 33.33%;
    height: 100%;
}
.shandong_img {
    width: 99%;
    margin-left: 1%;
    height: 100%;
    opacity: 0;
    position: absolute;
}
#result_player.shandong_img {
    width: 100%;
    margin-left: 0;
    height: 95%;
}
.addbg{
    background-image: url("../imgs/bet_b_bg.png")!important;
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
}
.addbg_ret{
    background-image: url("../imgs/bet_b_bg_result.png")!important;
    background-size: 100% 100%!important;
    background-repeat: no-repeat!important;
}
.glittered_imgb{
    animation:imgshan 4s!important;
    -moz-animation:imgshan 4s!important; /* Firefox */
    -webkit-animation:imgshan 4s!important; /* Safari and Chrome */
    -o-animation:imgshan 4s!important; /* Opera */
}
.weizhi{
    position: relative;
    bottom: 0;
}
#bac{
    background: #2a453a;
}
.poker-list.bgk{
    background: #2a453a;
}
.startchip{
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    width: 150px;
    height:40px;
    position: fixed;
    z-index: 999;
    margin-left: -75px;
    margin-top: -20px;
    display: none;
}
.startchip1{
    background-image: url('../imgs/schipS.png');
    background-size: 100% 100%;
}
.startchip2{
    background-image: url('../imgs/schipE.png');
    background-size: 100% 100%;
}
.money, .count{
    color: #efe7aa;
}
.baccarat-index .startchip{
    top:60%;
    left: 52%;
}
.roulette-list .startchip{
    top: 50%;
    left: 50%;
}
.poker-list.bgk .startchip{
    left: 50%;
    top: 66%;
}
.dice-indexed .startchip{
    top: 48%;
    left: 50%;
}
.dice-indexed .comp-chip{
    width: 100%;
    height: 45px;
    position: absolute;
    color: #fff;
    right: 0;
    top: auto;
    text-align: left;
    bottom: -2px;
    z-index: 999;
    background: rgba(0,0,0,0);
    padding-left: 10%;
}
.dice-indexed .comp-chip ul{
    display: inline-block;
    margin: 0 auto;
}
.dice-indexed .comp-chip li{
    display: inline-block;
    width: 37px;
    height: 33px;
    float: left;
}
.dice-indexed .up{
    display: none;
}
.dice-indexed .down{
    display: none;
}
/*****************************************添加游戏**************************************************/
.games{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("../imgs/datingtest_02.png");
    background-size: 100% 100%;
    z-index: 99;
}
.game_img{
    height: 45%;
    width: 3.029%;
    float: left;
    text-align: center;
    position: relative;
}
.game_img img{
    height: 70%;
    width: 80%;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 7%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.game_button{
    height: 22px;
    width:80%;
    text-align: center;
    background: #3a5f96;
    margin: 0 auto;
    color: #ffffff;
    line-height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.pages_games{
    height: 10%;
    width: 100%;
    text-align: center;
    clear: both;
    bottom: 0;
    position: fixed;
    z-index: 999;
}
.page_zong{
    margin: 0 auto;
    width: 228px;
    height: 30px;
    overflow: hidden;
}
.btn_game1{
    float: left;
    width: 30px;
    height:30px;
    background: #1e5097;
    line-height: 30px;
    margin-left: 8px;
    color: #fff;
    border-radius: 100%;
}
.see_this{
    position: relative;
    width: 1200%;
    height: 100%;
    padding-top: 35px;
}
.anmit{
    width: calc(100% / 12);
    height: 100%;
    float: left;
}
.btn_amit{
    width: 600%;
    height:100%;
    position: relative;
}
.btn_activeP{
    background: #2972da;
}
#gameing{
    right: 0;top: 0;width: 100%;height: 100%;margin: 0;z-index: 99999999;
}
.suff{
    position: fixed;
    width: 160px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -25px;
    z-index: 99999999;
    background-image: url("../imgs/shuffling_black_bg.png");
    background-size: 100% 100%;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    display: none;
}
.andr {
    position: relative;
    float: left;
    width: 65px;
    height: 77px;
    overflow: hidden;
    margin-left: 50px;
}
.AItille {
    font-size: 12px;
    text-align: center;
}
.andr img {
    width: 100%;
}
.ios {
    position: relative;
    float: right;
    width: 65px;
    height: 77px;
    overflow: hidden;
    margin-right: 50px;
}
.changePass{
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 9999;
    background: #fff;
    display: none;
}
.CHback{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    background: #0d4f90;
    text-align: center;
    line-height: 45px;
}
.yeschange{
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 50px;
    margin-top: 20px;

}
.yeschange span{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #0d4f90;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    border-radius: 8px;
}
.gofan{
    width: 39px;
    height: 100%;
    float: left;
}
.gofan img{
    width: 100%;
}
.CHback span{
    color: #fff;
    font-size: 20px;
}
.chinput{
    height: 100%;
    width: 100%;
    margin-top: 55px;
    text-align: center;
}
.chinput input{
    height: 45px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #f1f1f1;
    border-radius: 8px;
    font-size: 18px;
    padding-left: 15px;
    outline: 0;
}
.CHusername{
    width: 100%;
    height: 35px;
    font-size: 17px;
    text-align: left;
}
.macen{
    height: 100%;
    width: 60%;
    margin: 0 auto;
}
.gameurl_bg{
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.gameurl_bg a{
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 50px;
    background: #2972da;
    font-size: 22px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -25px;
    border-radius: 45%;
    line-height: 50px;
    color: #fff;
}
.down_nobet{
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999999;
}
.dice_list .right-data .bottom-box{
    background-color: #147a29;
}
.rot_list .right-data .bottom-box{
    background-color: #147a29;
}
.dice-indexed .comp-agp .btn{
    width: 37px;
    height: 37px;
    float: left;
    background: none!important;
    padding: 0;
    margin: 0;
}
.dice-indexed .comp-agp > div > img{
    width: 31px;
    height: 31px;
}
.dice-indexed .choose_desk{
    margin: -85px -58%;
}
.zhuangdui.row-center>div.cr-green{
    padding: 0 5px;
}
.xiandui.row-center>div.cr-green{
    padding: 0 5px;
}
.afb1188{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0;
    left: 0;
}
#replayerz{
    display: none;
    background: green;
    color: #ffffff;
    height: auto!important;
    word-wrap: break-word;
    top: 30%;
}
#replayerz .title{
    width: 100%;
    height: 40px;
    background: green;
    border: 1px solid greenyellow;
    text-align: center;
    line-height: 40px;
}
.retop{
    width: 100%;
    height: 50px;
}
#retop{
    background: #2fdc76;
    text-align: center;
    padding: 7px 5px;
}
.retop a{
    display: inline-block;
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border: 1px solid greenyellow;
    text-decoration: none;
    color: #ffffff;
}
#hide{
    opacity: 0;
    position: absolute;
}
#showmenunav{
    display: none;
    position: absolute;
    width: 100%;
    background: -webkit-linear-gradient(#2ACC3C, #166B3A);
    background: -o-linear-gradient(#2ACC3C, #166B3A);
    background: -moz-linear-gradient(#2ACC3C, #166B3A);
    background: linear-gradient(#2ACC3C, #166B3A);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    border: 1px solid;
    border-top: 0;
}
.menu_nav{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 45px;
}
.nav_right div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
#Ctime{
    display: none;
}
.nav_right >div>div{
    width: 50%;
    line-height: 45px;
    float: left;
    padding-left: 30px;
}
.four a {
    background: #166e3a;
}
.centernav{
    width: 64px;
    height: 100%;
    margin: 0 auto;
}
.menu_nav span{
    display: inline-block;
    float: left;
    margin: 0 auto;
    width: 45px;
    height: 45px;
}
.menuimg{
    /*background-image: url(../imgs/menunav.png);*/
    background-size: 80% 70%;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    display: none!important;
}
.downjiant{
    background-image: url(../imgs/shouqi.png);
    background-size: 100% 40%;
    background-repeat: no-repeat;
    background-position: 2px 13px;
}
.upjiant{
    background-image: url(../imgs/zhankai.png);
    background-size: 100% 40%;
    background-repeat: no-repeat;
    background-position: 2px 13px;
}
#username{
    background-image: url(../imgs/titlename.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 0 9px;
}
#balance{
    background-image: url(../imgs/titleyue.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 10px;
}
#menujiantou{
    width: 16px;
}
.zaierweima{
    width: 100%;
    position: relative;
    height: 77px;
}
.youtubeios{
    position: absolute;
    width: 90px;
    height: 77px;
    margin-left: -45px;
    top: 0;
    left: 50%;
}
.youtubeios img {
    width: 100%;
    height:100%;
}