html,body,#app {
    width: 100%;
    min-height: 100vh;
    margin:0;
    padding:0;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    font-size: 0.4rem;
    background: #F7F7F7;
    position: relative;
}

@media screen and (min-width: 750px) {
    html,body {
        font-size: 3.2rem !important;
        width: 10rem;
        margin: 0 auto;
        padding:0;
    }
}

/*------*/

a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
p,
select,
span,
strong,
textarea,
ul {
    margin: 0;
    padding: 0
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 400
}

table {
    border-spacing: 0
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
    outline: 0
}

img {
    border: none;
    vertical-align: middle
}

em,
i,
var {
    font-style: normal
}

/*------*/

@-webkit-keyframes scale-bs {
    from {
        transform: scale(1)
    }
    50% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
}

@keyframes scale-bs {
    from {
        transform: scale(1)
    }
    50% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
}

@-webkit-keyframes ios-pointer{
    0%{bottom:0}
    50%{bottom:12px}
    to{bottom:0}
}
@keyframes ios-pointer{
    0%{bottom:0}
    50%{bottom:12px}
    to{bottom:0}
}
@-webkit-keyframes android-pointer{
    0%{top:0}
    50%{top:9px}
    to{top:0}
}
@keyframes android-pointer{
    0%{top:0}
    50%{top:9px}
    to{top:0}
}

/*------*/

.alert {
    position: relative;
    padding: .45rem 0.45rem;
    margin-bottom: 0.2rem;
    border: 1px solid transparent;
    border-radius: .25rem
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}
a.badge:focus,a.badge:hover {
    text-decoration: none
}
.badge:empty {
    display: none
}
.btn .badge {
    position: relative;
    top: -1px
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.badge-primary {
    color: #fff;
    background-color: #007bff
}
a.badge-primary:focus,a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}
a.badge-primary.focus,a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d
}
a.badge-secondary:focus,a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}
a.badge-secondary.focus,a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}
.badge-success {
    color: #fff;
    background-color: #28a745
}
a.badge-success:focus,a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}
a.badge-success.focus,a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}
.badge-info {
    color: #fff;
    background-color: #17a2b8
}
a.badge-info:focus,a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}
a.badge-info.focus,a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}
.badge-warning {
    color: #212529;
    background-color: #ffc107
}
a.badge-warning:focus,a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}
a.badge-warning.focus,a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}
.badge-danger {
    color: #fff;
    background-color: #dc3545
}
a.badge-danger:focus,a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}
a.badge-danger.focus,a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa
}
a.badge-light:focus,a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}
a.badge-light.focus,a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}
.badge-dark {
    color: #fff;
    background-color: #343a40
}
a.badge-dark:focus,a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}
a.badge-dark.focus,a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}
.text-center {
    text-align: center!important
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(0.7rem + 0.2rem + 2px);
    padding: 0.1rem 0.2rem;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.1rem 0.2rem;
    margin-bottom: 0;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/*------*/

.clear{clear:both;height:0px;font-size:0px;overflow: hidden;line-height:0px;zoom:1;}

.boxShadow1{
    /*width:70%;*/
    margin:0 auto;
    -moz-box-shadow:0 0 0.1rem 0 #cccccc;
    -webkit-box-shadow:0 0 0.1rem 0 #cccccc;
    box-shadow:0 0 0.1rem 0 #cccccc;
}
.boxShadow2{
    -moz-box-shadow:0 0 0.3rem 0 #ffffff;
    -webkit-box-shadow:0 0 0.3rem 0 #ffffff;
    box-shadow:0 0 0.3rem 0 #ffffff;
}
.boxShadow3{
    width:70%;
    margin:0 auto;
    -moz-box-shadow:0 0 0.1rem 0 #cccccc;
    -webkit-box-shadow:0 0 0.1rem 0 #cccccc;
    box-shadow:0 0 0.1rem 0 #cccccc;
}
.textShadow1 {
    color: #28A3A8;
    text-shadow: 1px 1px rgba(197, 223, 248,0.8),
    2px 2px rgba(197, 223, 248,0.8),
    3px 3px rgba(197, 223, 248,0.8),
    4px 4px rgba(197, 223, 248,0.8),
    5px 5px rgba(197, 223, 248,0.8),
    6px 6px rgba(197, 223, 248,0.8);
}
.textShadow2 {
    color: #ffffff;
    text-shadow: 1px 1px rgba(49, 197, 188,0.8),
    2px 2px rgba(49, 197, 188,0.8),
    3px 3px rgba(49, 197, 188,0.8),
    4px 4px rgba(49, 197, 188,0.8),
    5px 5px rgba(49, 197, 188,0.8),
    6px 6px rgba(49, 197, 188,0.8);
}
.textShadow3 {
    color: #28A3A8;
    text-shadow: 1px 1px rgba(197, 223, 248,0.8),
    1px -1px rgba(255, 255, 255,0.8),
    -1px 1px rgba(255, 255, 255,0.8),
    -1px -1px rgba(255, 255, 255,0.8),
    2px 2px rgba(197, 223, 248,0.8),
    2px -2px rgba(255, 255, 255,0.8),
    -2px 2px rgba(255, 255, 255,0.8),
    -2px -2px rgba(255, 255, 255,0.8);
}
.br {width:100%;height:8px;font-size:1px;}
.red{color: #ff0000;}
.mb01{margin-bottom: 0.1rem;}
.mb02{margin-bottom: 0.2rem;}
.mb03{margin-bottom: 0.3rem;}
.position-relative{position: relative;}
.pager-c{ text-align:center;margin-bottom: 1rem;}
.layui-layer{ border-radius: 0.34rem !important;}
.layui-layer-btn a{font-size: 0.4rem;}
.borderTable {}
    .borderTable td {line-height: 160%; padding-left:8px;}
    .borderTable .title {font-size: 14px;line-height: 160%;font-weight:bold;text-align:center;}
    .borderTable .sTitle {line-height: 160%;text-align:center; font-weight:bold;}
    .borderTable tr.bline td{border-bottom: 1px solid #f0f0f0;}
    .borderTable .tac {text-align:center; padding-left:0px;}
    .borderTable .tal {padding-left:8px;text-align:left;}
    .borderTable .tar {padding-right:8px;text-align:right;}
table .bgc1 {color:#ffffff!important; background-color: #47B1B1!important;}
table .bgc2 {background-color: #F1FCFC!important;}
.inputWapper{width: 8.5rem; border-radius: 0.4rem; padding: 1rem 0.6rem 0 0.6rem;background-image: url(../images/bg1.jpg); background-size: cover;}
    .inputRows .row{ position: relative;padding-bottom: 0.4rem;}
    .inputRows .row-tips{color: #ff0000;font-size:0.4rem; display: none;}
    .inputRows .row .fa,.faAbs{ position: absolute; top:0.27rem;left:0.25rem; font-size: 0.5rem;color: #666666;}
    .inputRows .row .vCodeImg{position: absolute; top:0.22rem;right:0.25rem;/*height: 0.56rem;*/}
    .inputRows .row input,.input1{font-size:0.42rem;width: 100%; padding: 0 0.2rem 0 0.8rem; border:0.05rem solid #999999;border-radius: 0.2rem; height: 1rem; line-height: 1rem;}
    .inputRows .row input::-webkit-input-placeholder{color: #999999;font-size:0.42rem;}
    .inputRows .row input:-moz-placeholder{color: #999999;font-size:0.42rem;}
    .inputRows .row input::-moz-placeholder{color: #999999;font-size:0.42rem;}
    .inputRows .row input:-ms-input-placeholder{color: #999999;font-size:0.42rem;}
    .inputRows .row input::placeholder{color: #ccc;font-size:0.42rem;}
    .inputRows .row button{font-size: 0.4rem; color: #333333; background-color: transparent; width: 100%; padding: 0 0.2rem; border:none;border-radius: 0.2rem; height: 1rem; line-height: 1rem;}
    .inputRows .row button.primary{font-size: 0.5rem;background-color: #47B1B1; color: #ffffff;}
    .inputRows .sTitle{height: 0.7rem; line-height: 0.7rem;}
.flexWapper{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexWapper .flexItem{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.btn1{ cursor: pointer; background-color: #CFFFFF;border-radius: 0.15rem; color: #419E9E; border: none;padding: 0.15rem 0.35rem;}
.btn2{ cursor: pointer; background-color:#47B1B1;border-radius: 0.15rem; color: #ffffff; border: none;padding: 0.15rem 0.35rem;}
.btn2block{width: 100%;height:1rem; line-height: 0.75rem;font-size: 0.4rem;}
.btn3{ background-color:#E2E6EA;border-radius: 0.15rem; color: #212529; border: none;padding: 0.15rem 0.35rem;}
.vball{font-size: 0.5rem;color: #ffffff; text-align: center; display: inline-block; width: 1rem; height: 1rem; line-height: 0.85rem; background-size: cover;}
.vball1{background-image: url(../images/ball1.png);}
.vball2{background-image: url(../images/ball2.png);}
.input1{font-size:0.42rem;width: 100%; padding: 0 0.2rem 0 0.2rem; border:1px solid #48B1B1;border-radius: 0.2rem; height: 1rem; line-height: 1rem;}
.underline {text-decoration: underline;}

.navContainer {display: none; z-index: 9999000; height: 100vh;width: 10rem; position: fixed; background-image: url(/static/images/opacity/black30.png);}
.navContainer .navWapper{overflow: auto;padding:0.85rem 0.36rem 0.36rem 0.36rem;z-index: 9999001; height: 100%;width: 6rem; position:relative;background-color: #fbfbfb;}
.navContainer .navWapper .userInfo{}
.navContainer .navWapper .userInfo .avatar{display: inline-block;padding-right: 0.2rem;}
.navContainer .navWapper .userInfo .avatar img{width: 1.1rem;height: 1.1rem;}
.navContainer .navWapper .notLogged .loginLink{display: inline-block; font-size: 0.5rem; vertical-align:top; line-height: 1.17rem;}
.navContainer .navWapper .userInfo .info{display: inline-block;vertical-align: top;}
.navContainer .navWapper .userInfo .info .nickname{font-size: 0.5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 3rem;}
.navContainer .navWapper .userInfo .info .level img{height: 0.5rem;}
.navContainer .navWapper .userInfo .setting{float:right;font-size: 0.6rem;margin-top: 0.19rem;}
.navContainer .navWapper .nav{padding:0.5rem 0 0 0;}
.navContainer .navWapper .nav ul.menu{}
.navContainer .navWapper .nav ul.menu li{display: block;height: 1.2rem; line-height: 1.2rem;font-size: 0.44rem;}
.navContainer .navWapper .nav ul.menu li .fa-fw{margin-right: 0.1rem;}
.navContainer .navWapper .nav ul.lang{padding-left: 0.63rem; display: none;}
.navContainer .navWapper .nav ul.lang li{display: block;height: 1rem; line-height: 1rem;font-size: 0.36rem;}
.navContainer .navWapper .nav ul.lang li img{width: 0.6rem;height: 0.6rem;margin-right:0.1rem;}
.navContainer .navWapper .nav ul.lang li span{line-height: 1.1rem; display: inline-block; vertical-align: top;}

.loginContainer{display: none;}
.registContainer{display: none;}
.forgotContainer{display: none;}
.userInfoContainer{display: none;}
.userPasswordContainer{display: none;}
.betPresetsContainer{display: none;}
.cvContainer{display: none;}

.userAvatarContainer{display: none;}
.userAvatarContainer .listWapper{padding:0.32rem;}
.userAvatarContainer .listWapper ul li{ float: left;padding:0.15rem;}
.userAvatarContainer .listWapper ul li img{width:1.7rem;height:1.7rem;border:0.01rem solid #ffffff;}
.userAvatarContainer .listWapper ul li.on img{border-color:#27A57E;}

.editUserInfoNavContainer{display: none; z-index: 9999100; height: 100vh;width: 10rem; position: fixed; background-image: url(/static/images/opacity/black30.png);}
.editUserInfoNavContainer .navWapper{padding:0;z-index: 9999101; width: 10rem; position: fixed; bottom: 0;}
.editUserInfoNavContainer .navWapper ul{}
.editUserInfoNavContainer .navWapper ul li{ font-weight: bold; height: 1.2rem;line-height: 1.2rem;text-align: center;border-bottom: 0.01rem solid #CFCFCF;background-color: #fbfbfb;}
.editUserInfoNavContainer .navWapper ul li a{ display: block;}
.editUserInfoNavContainer .navWapper ul li.last{ font-weight: normal;border-top: 0.22rem solid #CFCFCF;height: 1.44rem;line-height: 1.2rem;}

.mainContainer {padding:0.3rem;z-index: 100;}

.topContainer{ position: fixed;left:0; right: 0; top: 0; padding:0.3rem; z-index: 9990000; height: 1.6rem; line-height: 1rem;
    /*background: rgba(71,177,177,0.2);*/
    background: rgba(255,255,255,0.6);
}
.topContainer .navBtn{display: inline-block;width:1rem;height: 1rem;background-color: #47B1B1;border-radius:0.16rem;background-image: url(../images/nav-btn.png);background-size: 100%;}
.topContainer .title{display: inline-block; vertical-align: top;font-weight: bold;padding-left: 0.1rem;font-size: 0.5rem;}
.topContainer .title .logo{height: 1rem;}
.topContainer .balance{ text-align: center; float: right; display: inline-block; vertical-align: top;padding-right: 0.1rem;font-size: 0.4rem;line-height: 0.5rem;}
/*.topContainer .balance .balanceTitle{max-width:1.3rem; display: inline-block;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;}*/
.topContainer .balance .balanceNum{ display: inline-block;padding-left: 0.1rem;}
.topContainerSeat{height: 1rem;margin-bottom:0.5rem;}

.bannerContainer {width: 100%;position: relative;margin-bottom:0.5rem;border-radius:0.35rem;}
.bannerContainer ul {width: 100%}
.bannerContainer ul li {width: 100%;position: relative;list-style-type: none;float: left;}
.bannerContainer ul li .imgs {width: 100%}
.bannerContainer ul li .imgs img {width: 100%;display: block;}
.bannerContainer ul li .text {width: 100%;position: absolute;left: 0;bottom: 0}
.bannerContainer ul li .text .btns {width: 100%;text-align: center;padding-bottom: .1rem}

.roomTitle{font-size: 0.5rem;font-weight: bold;padding-bottom: 0.12rem;color: #27A57E;background-image: url(../images/room.png);background-size: 0.5rem; background-repeat: no-repeat; padding-left: 0.6rem; /*background-position: 0 0.1rem;*/height: 0.8rem;line-height: 0.6rem;}
.roomContainer{position: relative;margin-bottom:0.8rem;}
.roomContainer .title{color:#B19532;position: absolute;z-index: 2;padding:0.2rem 0 0 0.3rem;font-size: 0.6rem;top:0;left:0;}
.roomContainer .title {-webkit-animation: scale-bs 1s infinite;animation: scale-bs 1s infinite;}
.roomContainer img{position: relative;z-index: 1;width: 100%;border-radius:0.35rem;}

.gameIntroduce{margin-bottom:0.5rem;border-radius:0.35rem;background-color: #ffffff;}
.gameIntroduce .tmenu{}
.gameIntroduce .tmenu .title{margin-top: -0.24rem;}
.gameIntroduce .tmenu .titlel,.gameIntroduce .tmenu .titler{color: #8AD9D9; line-height: 0.7rem; text-align:center;width:3.65rem;height:0.8rem;background-repeat: no-repeat; background-size:3.6rem ; background-image: url(/themes/m/images/game-introduce-title.png);}
.gameIntroduce .tmenu .titlel{float:right; background-position: top right;}
.gameIntroduce .tmenu .titler{}
.gameIntroduce .tmenu .on .titlel,.gameIntroduce .tmenu .on .titler{color: #ffffff;}
.gameIntroduce .content{padding:0.4rem; line-height: 160%;}
/*.gameIntroduce .content b,.gameIntroduce .content strong{color: #47B1B1;font-weight: bold;}*/

.nPageTitle {padding-bottom: 0.12rem;margin-bottom: 0.12rem; position: relative;}
.nPageTitle .l{font-size: 0.5rem;font-weight: bold;color: #333333; float: left;}
.nPageTitle .r{ float: right;}
.nPageTitle .back{ position: absolute;left:0;top:0.1rem;}
.nPageTitle .back .fa{font-size: 0.45rem;}
.nPageTitle .c{font-size: 0.5rem;font-weight: bold;color: #333333; text-align: center; display: block;}

.gameRuleInfo{}
.gameRuleInfo .inner{padding:0.5rem 0.42rem; line-height: 160%;}

.activityCard{background-color: #ffffff;border-radius: 0.35rem;margin-bottom: 0.4rem;}
.activityCard .pic{width: 100%;border-radius: 0.35rem 0.35rem 0 0;}
.activityCard .title{padding: 0.2rem 0.3rem;}

.walletCard{background-color: #ffffff;border-radius: 0.35rem;margin-bottom: 0.6rem;}
.walletCard .topCard{background-color: #45D7D6;border-radius: 0.35rem;padding:0.4rem; position: relative;}
.walletCard .topCard .l{color: #E4FAFA;}
.walletCard .topCard .l .line2{margin: 0.2rem 0 0.4rem 0;}
.walletCard .topCard .l .line2 > span{font-size: 0.8rem;}
.walletCard .topCard .r{ position: absolute; top:0.5rem; right: 0.5rem;}
.walletCard .topCard .r > img{width: 1.5rem;}
.walletCard .links{padding:0.3rem 0.5rem;}
.walletCard .links .link1{width: 30%; text-align: center;}
.walletCard .links .link2{width: 30%; text-align: center;}
.walletCard .links .link3{width: 40%; text-align: center;}

.walletPayWapper{display: none;padding:0.5rem;text-align: center;}
.walletPayWapper .qrcode > img{width:5rem;height:5rem;}
.walletPayWapper .sTitle{color: #46A4A4;margin-top:0.2rem;}
.walletPayWapper .address{font-size: 0.35rem; margin: 0.6rem 0 0.3rem 0; background-color: #DDFFFF;color:#4DB4B4;border-radius: 0.2rem;padding:0.3rem 0;}
.walletPayWapper .tips{text-align: left;margin-top: 0.2rem;color:#6B6B6B;}

.walletWithdrawalWapper{display: none;padding:0.5rem 0.5rem 1rem 0.5rem;}
.walletWithdrawalWapper .sTitle{}

.walletAddressWapper{display: none;padding:0.5rem 0.5rem 1.5rem 0.5rem;}
.walletAddressWapper .sTitle{}

.historicalTrendsWapper{width:10rem; overflow: auto; position: relative; margin-bottom:1rem; }
.historicalTrendsWapper .issue{ background-color: #F1FCFC; width: 4.2rem; display: inline-block;margin:0 0.1rem 0.1rem 0; text-align: right; font-size:0.32rem; line-height: 0.5rem;}
.historicalTrendsWapper .action{padding-left: 4.2rem;margin: 0.2rem 0;}
.historicalTrendsWapper .ball{ display: inline-block; margin:0 0.1rem 0.1rem 0; text-align: center; font-size:0.3rem; line-height: 0.5rem;width:0.5rem;height:0.5rem;background-color: #cccccc;border-radius: 50%;}
.historicalTrendsWapper .on{background-color: #41A9A9; color: #ffffff;}
.historicalTrendsTable {border: 1px solid #B8D3E1;background-color:#E7F4FA;border-spacing: 1px;}
.historicalTrendsTable td {background-color:#FCFDFE;padding: 0; text-align: center;font-size: 0.32rem;width:0.57rem;height:0.6rem;}
.historicalTrendsTable .title {width: 4.2rem;}

.pageShow{}
.pageShow .title{font-size: 0.45rem; font-weight: bold; padding: 0.1rem 0 0.3rem 0;}
.pageShow .content{ line-height: 160%;/*word-break:break-all;word-wrap:break-word;*/}

.roomBallWapper{ position: relative; padding:0.2rem 0.25rem; background-image: url(../images/bg1.jpg);border-radius: 0.4rem; background-size: cover; background-position: left bottom;}
.roomBallWapper .sound{position: absolute;top:0.35rem;right:0.35rem;width:0.5rem; opacity: 0.6;}
.roomBallWapper .bTitle{color: #28A3A8;margin-bottom: 0.3rem;text-align: center;font-size: 0.7rem;}
.roomBallWapper .balls16{ text-align: center;height: 2.2rem;display: none;}
.roomBallWapper .balls16 ul{}
.roomBallWapper .balls16 ul li{ margin-bottom: 0.2rem; margin-right: 0.09rem; font-size: 0.5rem;color: #ffffff; text-align: center; display: inline-block; width: 1rem; height: 1rem; line-height: 0.85rem; background-image: url(../images/ball1.png); background-size: cover;}
.roomBallWapper .balls16 ul li.on{background-image: url(../images/ball2.png);}
.roomBallWapper .balls1{ text-align: center;height: 1rem;}
.roomBallWapper .balls161{text-align: center;}
.roomBallWapper .balls161 .fa{height: 0.4rem; line-height: 0.4rem;}
.roomBallWapper .issueInfo{ margin-top: 0.1rem;}
.roomBallWapper .issueInfo .sTitle{font-size: 0.35rem;}
.roomBallWapper .issueInfo .issue{text-align: center; width:2.8rem;margin: 0.15rem 0; display: inline-block; padding:0.1rem 0rem; border-radius: 0.12rem;background-image: url(/static/images/opacity/white80.png);}
.roomBallWapper .issueInfo .last3{ position: relative;}
.roomBallWapper .issueInfo .last3 img{ position:absolute;width:0.7rem;left:0.3rem;top: 0;}
.roomBallWapper .issueInfo .last3 span{ display: inline-block;font-size: 0.35rem;}
.roomBallWapper .issueInfo .last3 span:nth-child(2){color: #1cae5f;margin-left: 1.1rem;margin-top: 0.1rem;}
.roomBallWapper .issueInfo .last3 span:nth-child(3){color: #e25233;font-size: 0.5rem;}
.roomBallWapper .issueInfo .historyBtn{}
.roomBallWapper .issueInfo .TDWapper {position: relative;}
.roomBallWapper .issueInfo .TDWapper .svgWapper{margin: 0 auto;width: 2.1rem;height: 2.1rem;background-image: url(../images/tdbg.png);background-size: cover;}
.roomBallWapper .issueInfo .TDWapper svg {transform: rotate(-0.05deg);}
.roomBallWapper .issueInfo .TDWapper circle {transition: stroke-dasharray .2s;}
.roomBallWapper .issueInfo .TDWapper .timeSecond {position: absolute;top: 50%; left: 0; right: 0;margin-top: -0.3rem;text-align: center;font-size: 0.6rem;}
.roomBallWapper .issueInfo .TDWapper .timeSecond.disabled {font-size: 0.36rem;margin-top: -0.18rem; display: inline-block;background-image: url(/static/images/opacity/white80.png); border-radius: 0.1rem;}

.roomChatWapper{height: calc(100vh - 9.95rem);padding:0.2rem 0.25rem;border-radius: 0.4rem;background-color: #ffffff; margin-top: 0.2rem;}
.roomChatWapper .inner{height: 100%;width: 100%;overflow: auto; overflow-x: hidden; overflow-y: auto;}
.roomChatWapper .inner .face img{width:1.2rem;height:1.2rem;}
.roomChatWapper .inner .content{font-size:0.36rem; line-height: 160%;}
.roomChatWapper .inner .time{color: #888888;padding-bottom: 0.1rem;}
.roomChatWapper .inner .left{width:100%;float:left;clear: both;margin-bottom: 0.6rem;}
.roomChatWapper .inner .left .face{float:left;}
.roomChatWapper .inner .left .content{float:left; margin-left: 0.3rem;}
.roomChatWapper .inner .left .content .msg{/*border-radius:0 0.2rem 0.2rem 0.2rem;padding:0.1rem 0.3rem;*/}
.roomChatWapper .inner .right{width:100%;float:right;clear: both;margin-bottom: 0.6rem;}
.roomChatWapper .inner .right .face{float:right;}
.roomChatWapper .inner .right .content{float:right; margin-right: 0.3rem;}
.roomChatWapper .inner .right .content .msg{/*border-radius: 0.2rem 0 0.2rem 0.2rem;padding:0.1rem 0.3rem;*/}
.roomChatWapper .inner .right .content .time{text-align: right;}
.roomChatWapper .inner .system{width:80%;margin:0 auto;margin-bottom: 0.6rem;}
.roomChatWapper .inner .system .time{text-align: center;}
.roomChatWapper .inner .system .content .msg{border-radius: 0.2rem;padding:0.1rem 0.3rem;border:0.06rem solid #FFE7C3;background-image: linear-gradient(to top, #21A0A0, #59C9C9);color: #ffffff;}
.roomChatWapper .inner .danger .content .msg{border-color:#FFE7C3;background-image: linear-gradient(to top, #A02124, #CA575A);color: #ffffff;}
.roomChatWapper .inner .warning .content .msg{border-color:#FFE7C3;background-image: linear-gradient(to top, #BB8C00, #E1A900);color: #ffffff;}
.roomChatWapper .inner .success .content .msg{border-color:#FFE7C3;background-image: linear-gradient(to top, #337B43, #3F9652);color: #ffffff;}
.roomChatWapperB{height: calc(100vh - 8.75rem);}

.roomFootBarWapper{z-index: 9990000;background-color:#F0FDFD;position: fixed;bottom: 0;width:10rem;margin-left:-0.3rem;}
.roomFootBarWapper .bl{width: 1.2rem;height: 1.2rem; position: absolute;left:0;top:0;}
.roomFootBarWapper .betBtn{font-size: 0.5rem;font-weight: bold; text-align: center; line-height: 1.2rem; height: 1.2rem; display: block;width: 100%; cursor: pointer;}
.roomFootBarWapper .nav{position: absolute;bottom: 1.2rem; display: none;}
.roomFootBarWapper .nav ul li{ color:#188787;height: 1.1rem; text-align: center; line-height: 1.1rem; background-color: #C1F7F7; display: block;width:10rem;border-bottom: 0.06rem solid #F7F7F7;}

.roomBetWapper{ display: none; height:calc(100vh - 3rem); border-radius: 0.34rem 0.34rem 0 0;z-index: 9991000;background-color:#ffffff;position: fixed;bottom: 0;width:10rem;margin-left:-0.3rem;}
.roomBetWapper .close{width: 0.8rem;top:-0.38rem; position: absolute;right:0;}
.roomBetWapper .tab ul li{text-align: center; height: 1rem; line-height: 0.8rem;font-size: 0.45rem; padding-top: 0.2rem;flex: 1 1 auto;}
.roomBetWapper .tab ul li span{display: inline-block; position: relative;}
.roomBetWapper .tab ul li .on{border-bottom: 2px solid #048080;color: #048080;font-weight: bold;}
.roomBetWapper .tab ul li em{display: none; color: #ffffff; font-weight: normal;position: absolute;top:0.1rem;right:-0.4rem;font-size: 0.3rem;height: 0.3rem; line-height: 0.3rem;width:0.4rem;background-color: #ff0000; border-radius: 50%;}
.roomBetWapper .balls{height:calc(100vh - 7.14rem);overflow: auto; overflow-x: hidden; overflow-y: auto; border:1px solid #D0E8EC;margin:0.2rem 0.3rem;padding:0.1rem 0.1rem;border-radius: 0.26rem;}
.roomBetWapper .ballLssd{ text-align: center;}
.roomBetWapper .ballLssd .flexItem{flex-basis:50%;}
.roomBetWapper .ballLssd ul li > div{ background-color: #FBFDFD; border:2px solid #C7E2E7;margin:0.1rem;border-radius: 0.26rem;}
.roomBetWapper .ballLssd ul li .ball{color: #43A0A0; height: 1.1rem; line-height: 1.1rem;font-size: 0.55rem;}
.roomBetWapper .ballLssd ul li .odds{color: #61C0C0; height: 0.4rem; line-height: 0.4rem;font-size: 0.35rem; margin-bottom: 0.2rem;}
.roomBetWapper .ballLssd ul li .amount{border:1px solid #ffffff; border-radius: 0.1rem; background-color: #ffffff; color: #61C0C0; height: 0.5rem; line-height: 0.5rem;font-size: 0.35rem; margin: 0 0.1rem 0.1rem 0.1rem;}
.roomBetWapper .ball16{ text-align: center; display: none;}
.roomBetWapper .ball16 .flexItem{flex-basis:25%;}
.roomBetWapper .ball16 ul li > div{ background-color: #FBFDFD; border:2px solid #C7E2E7;margin:0.1rem;border-radius: 0.26rem;}
.roomBetWapper .ball16 ul li .ball{color: #43A0A0; width: 1.1rem; margin:0.1rem auto 0 auto; height: 1.1rem; line-height: 1rem;font-size: 0.55rem;background-image: url(../images/ball4.png);background-size: 99%;}
.roomBetWapper .ball16 ul li .odds{color: #61C0C0; height: 0.4rem; line-height: 0.4rem;font-size: 0.35rem; margin-bottom: 0.1rem;}
.roomBetWapper .ball16 ul li .amount{border:1px solid #ffffff; border-radius: 0.1rem; background-color: #ffffff; color: #61C0C0; height: 0.5rem; line-height: 0.5rem;font-size: 0.35rem; margin: 0 0.1rem 0.1rem 0.1rem;}
.roomBetWapper .balls ul li .odds span{color: #AADDDD;}
.roomBetWapper .balls ul li > div.select{background-color: #D8ECEF;}
.roomBetWapper .balls ul li > div.select .amount{color: #ff0000;}
.roomBetWapper .balls ul li > div.on{background-color: #8EC6C6;border-color:#5CADAD;}
.roomBetWapper .balls ul li > div.on .ball{color: #ffffff;}
.roomBetWapper .balls ul li > div.on .odds{color: #ffffff;}
.roomBetWapper .balls ul li > div.on .odds span{color: #C6E8E8;}
.roomBetWapper .action{z-index: 9991001;position: fixed;bottom: 0;width:10rem;}
.roomBetWapper .action .chips{ text-align: center;padding: 0 0 0.22rem 0;}
.roomBetWapper .action .chips .chip{color: #ffffff; display: inline-block;line-height: 1.3rem; height: 1.3rem;width:1.5rem; margin: 0;vertical-align: bottom;background-size: 100% 100%;}
.roomBetWapper .action .chips .chip1{background-image: url(../images/chip1.png);}
.roomBetWapper .action .chips .chip2{background-image: url(../images/chip2.png);}
.roomBetWapper .action .chips .chip3{background-image: url(../images/chip3.png);}
.roomBetWapper .action .chips .chip4{background-image: url(../images/chip4.png);}
.roomBetWapper .action .chips .chip5{background-image: url(../images/chip5.png);}
.roomBetWapper .action .chips .fa {font-size: 0.56rem;height: 0.9rem;margin-left:0.2rem;}
.roomBetWapper .action .quickFill{padding: 0.4rem 0; text-align: center;}
.roomBetWapper .action .quickFill span{ display: inline-block; border: 1px dashed #cccccc; line-height: 0.74rem; height: 0.74rem; padding:0 0.15rem;}
.roomBetWapper .action .quickFill .fa{font-size: 0.56rem;margin-left: 0.2rem;}
.roomBetWapper .action .inputs{ text-align: center;background-color:#F0FDFD; height: 1.2rem; line-height: 1.2rem;}
.roomBetWapper .action .betMode{height: 0.96rem;border-radius: 0.2rem;}
.roomBetWapper .action .inputs .clearBtn{ height: 0.96rem;width:2rem; overflow: hidden;}
#betAmount {font-size: 0.4rem; border-radius: 0.2rem; border:2px solid #048080; height: 0.96rem;padding: 0 0.2rem;width:4.38rem;}
.roomBetWapper .action .inputs .submitBtn{ height: 0.96rem;padding-left:0.5rem;padding-right:0.5rem;width:3rem; overflow: hidden;}

.prevIssueInfoWapper{ display: none;width:8rem;padding:0.5rem; position: relative;}
.prevIssueInfoWapper .blockRow .fa{color: #47B1B1; position: absolute;top:0.3rem;right:0.4rem;}
.prevIssueInfoWapper .hashRow .txt{color: #000000; position: absolute;top:0.2rem;left:0.2rem;}
.prevIssueInfoWapper .hashRow .txt b{font-weight: bold;font-size: 0.5rem;color: #7953FF;}
.prevIssueInfoWapper .hashRow .fa{color: #47B1B1; position: absolute;top:0.3rem;left:2.2rem;}
.prevIssueInfoWapper .hashRow a.chk{color: #47B1B1; position: absolute;top:0.22rem;right:0.4rem;}
.prevIssueInfoWapper .tTitle{position: absolute;left:0;top:0.6rem;width:8rem;z-index:1000;}
.prevIssueInfoWapper .tTitle .title{font-size: 0.5rem; text-align: center;font-weight: bold;margin-bottom: 0.2rem;}
.prevIssueInfoWapper .tTitle .ball{text-align: center;}

.winInfoWapper{ display: none;width:8rem;padding:0.5rem; position: relative;}
.winInfoWapper .tTitle{position: absolute;left:0;top:0.9rem;width:8rem;z-index:1000;}
.winInfoWapper .tTitle .title{font-size: 0.5rem; text-align: center;font-weight: bold;margin-bottom: 0.2rem;}
.winInfoWapper .tTitle .ball{text-align: center;}
.winInfoWapper .winContent{text-align: center;padding:0.2rem 0;}

.betListWapper{ display: none;width:8rem;padding:0.5rem; position: relative;}

.ballRuleWapper{ display: none;width:8rem;padding:0.3rem; position: relative;}
.ballRuleTable{width: 100%; text-align: center;}
.ballRuleTable .line1{background-color: #F0FDFD; height: 0.8rem;}
.ballRuleTable .line2{background-color: #DBFBFB; height: 0.8rem;}

.roomAmountFlyWapper{z-index: 9991002;text-align: center;width:2.5rem;height:2.2rem;}
.roomAmountFlyWapper .txt{line-height:2.1rem;color:#fff;font-size: 0.5rem;z-index: 2; width:100%;height:100%;position: absolute;left:0;top:0;}
.roomAmountFlyWapper img{z-index: 1; width:100%;height:100%;position: absolute;left:0;top:0;}

.betInfoTable {border: 1px solid #B8D3E1;background-color:#E7F4FA;border-spacing: 1px;width:100%;margin:0 auto;}
.betInfoTable td {background-color:#FCFDFE;padding: 0; text-align: center;font-size: 0.32rem;width:0.57rem;height:0.6rem;line-height:0.6rem;}
.betInfoTable .bgc1{height: 0.7rem; line-height: 0.7rem;}
.betInfoTable .sbtn1{ display: inline-block;color:#ffff00;}

.rCalendar{position: relative;}
.rCalendar .faAbs{top: 0.19rem;font-size: 0.4rem;}
.rCalendar .input1{height: 0.8rem; line-height: 0.8rem; padding-left: 0.75rem;width:3.2rem;font-size: 0.4rem;}

.cvContainer .inputWapper{padding: 0.4rem;}
.cvContainer .bTitle{font-size: 0.4rem;font-weight: bold;}
.cvContainer .cvBox{background-color: #E9E7F8;margin:0.3rem 0;padding:0.1rem 0.2rem;border-radius: 0.1rem; line-height:0.8rem;}
.cvContainer .cvBox .addr{margin:0.1rem 0; border:1px solid #D0CCF0; background-color: #E0DDF4; padding:0 0.2rem;border-radius: 0.1rem; text-align: center;}
.cvContainer .cvBox .balance{margin:0.2rem 0 0.1rem 0;}
.cvContainer .cvBox{background-color: #D1EFEF;}
.cvContainer .cvBox .addr{border:1px solid #B6E7E7; background-color: #BFE8E8;}

.iosDeskTips{display: none;position: fixed;bottom:1rem; text-align: center;left:0;right:0;z-index: 9990000; background: rgba(0,0,0,0.05);}
.iosDeskTips .inner{height: 0.8rem; line-height: 0.7rem; margin:0.2rem;padding:0.1rem 0.3rem;display: inline-block;background-color: #3C9393;border-radius: 0.14rem;color: #ffffff;}
.iosDeskTips .inner .fa{font-size: 0.5rem;vertical-align: middle;}
.iosDeskTips .inner2{margin:0.15rem;padding:0 0.3rem;display: inline-block;}
.iosDeskTips .inner2 .fa{font-size: 0.5rem;vertical-align: middle;color:#000000;}
.iosDeskTipsWapper{display: none;color:#ffffff;position: fixed;bottom:0; text-align: center;padding:0.35rem 0 0.5rem 0; left:0;right:0;z-index: 9990001; background-color: #47B1B1; }
.iosDeskTipsWapper .title{font-size: 0.42rem;font-weight: bold; margin-bottom: 0.4rem;}
.iosDeskTipsWapper .notes{font-size: 0.38rem;margin-bottom: 0.4rem;}
.iosDeskTipsWapper .close{position: absolute;top:0.2rem;right:0.3rem;font-size: 0.6rem;}
.iosDeskTipsWapper .pointer{position: absolute;bottom:0;text-align: center;left:0;right:0;}
.iosDeskTipsWapper .iosPointer{animation: ios-pointer .9s ease-in-out infinite; -webkit-animation: ios-pointer .9s ease-in-out infinite;}
.iosDeskTipsWapper .iosPointer img{width: 1rem;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.androidDeskTips{display: none;position: fixed;top:1.8rem; text-align: center;left:0;right:0;z-index: 9990000; background: rgba(0,0,0,0.05);}
.androidDeskTips .inner{height: 0.8rem; line-height: 0.7rem; margin:0.2rem;padding:0.1rem 0.3rem;display: inline-block;background-color: #3C9393;border-radius: 0.14rem;color: #ffffff;}
.androidDeskTips .inner .fa{font-size: 0.5rem;vertical-align: middle;}
.androidDeskTips .inner2{margin:0.15rem;padding:0 0.3rem;display: inline-block;}
.androidDeskTips .inner2 .fa{font-size: 0.5rem;vertical-align: middle;color:#000000;}
.androidDeskTipsSeat{height:1.3rem; display: none;}
.androidDeskTipsWapper{display: none;color:#ffffff;position: fixed;top:0; text-align: center;padding:0.35rem 0 0.5rem 0; left:0;right:0;z-index: 9990001; background-color: #47B1B1; }
.androidDeskTipsWapper .title{font-size: 0.42rem;font-weight: bold; margin-bottom: 0.4rem;}
.androidDeskTipsWapper .notes{font-size: 0.38rem;margin-bottom: 0.4rem;}
.androidDeskTipsWapper .close{position: absolute;top:0.2rem;left:0.3rem;font-size: 0.6rem;}
.androidDeskTipsWapper .pointer{position: absolute;top:0;text-align: right;right:0;}
.androidDeskTipsWapper .androidPointer{animation: android-pointer .9s ease-in-out infinite; -webkit-animation: android-pointer .9s ease-in-out infinite;}
.androidDeskTipsWapper .androidPointer img{width: 1rem;}

.chooseUs .cell {width: 100%;background: #EDF8F8;border-radius: 0.2rem;margin-bottom: 0.4rem;}
.chooseUs .cell .content {padding: 0.25rem 0 0.2rem 0;}
.chooseUs .cell .content .tips {font-size: 0.42rem;text-align: left;margin-bottom: 0.1rem;padding-left: 0.35rem;font-weight: bold;color: #47B1B1;}
.chooseUs .cell .content .line {margin: 0.16rem 0.35rem;height: 1px;background: #CFEBEB;}
.chooseUs .cell .content .notes > div {position: relative;color:#47B1B1;font-weight: 400;padding-left: 0.65rem;margin-bottom: 0.16rem;}
.chooseUs .cell .content .notes > div::before {position: absolute;left: 0.35rem;top: 0.22rem;content: "";width: 0.14rem;height: 0.14rem;background-color: #47B1B1;border-radius: 50%;}

.commonProblem .title {padding-left: 0.2rem;margin: 0.4rem 0 0.3rem;font-size: 0.5rem;color: #3F9E9E;font-weight: bold;}
.commonProblem .ucItem {background: #E7F5F5;border-radius: 0.2rem;margin-bottom: 0.3rem;}
.commonProblem .ucTitle {display: flex;flex-direction: row;box-sizing: border-box;padding: 0.36rem 0.4rem;align-items: center;display: flex;flex-direction: row;align-items: center;flex: 1;}
.commonProblem .ucTitleLeft {flex: 1;}
.commonProblem .box .content .sTitle {position: relative;display: flex;align-items: center;}
.commonProblem .box .content .num {position: absolute;display: block;width: 0.64rem;height: 0.64rem;line-height: 0.64rem;font-size: 0.42rem;font-weight: bold;color: #ffffff;text-align: center;border-radius: 50%;background: #47B1B1;}
.commonProblem .box .content .answer {padding-left: 0.82rem;color: #3F9E9E;font-size: 0.42rem;}
.commonProblem .stIconWrap {display: flex;flex-direction: row;align-items: center;font-size: 0.5rem;color: #3F9E9E;}
.commonProblem .stIconWrap {margin-left: 0.1rem;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;}
.commonProblem .stIconUp {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.commonProblem .stIconDown {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.commonProblem .ucContent {display: none;padding:0.1rem 0.2rem 0.2rem 0.2rem;color: #606266;}
.commonProblem .ucItem .ucContentText {display: inline-block;font-size: 0.4rem;line-height: 160%;color: #3F9E9E;margin:0 0.2rem;}