body,html,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,form{margin:0;padding: 0;outline: 0;}
ul,li,dl,dt,dd{list-style:none;}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration: none;}
img{border:0;}
body,html{font-family: "微软雅黑";min-width: 1020px;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
.wrap{width: 1020px;margin: 0 auto;}
.hide{display: none;}
input:focus{outline: none}
em,i{font-style:normal}
*{box-sizing: border-box;}


/*header*/
.header{background: url(../images/header_bg_x.jpg) repeat-x;width: 100%;height: 124px;}
.header .top{height: 36px;line-height: 36px;color: #554a58;font-size: 12px;}
.header .left img{vertical-align: middle;}
.header .right a{color: red;}
.header .right .rightlink01{display: inline-block;width: 22px;height: 16px;background: url(../images/lang_rect.png) no-repeat center top;vertical-align: middle;}
.header .right .rightlink02{display: inline-block;width: 22px;height: 16px;background: url(../images/lang_rect.png) no-repeat center -40px;vertical-align: middle;}
.header .right .rightlink03{display: inline-block;width: 22px;height: 16px;background: url(../images/lang_rect.png) no-repeat center -80px;vertical-align: middle;}

.nav .logo{display: inline-block;float: left;}
.nav .list{float: left;width: 820px;padding-top: 38px;padding-left: 10px}
.nav .list li{float: left;position: relative;width: 75px;text-align: center;font-size: 15px;margin-right: 5px;}
.nav .list .second-nav{position: absolute;left: -20px;top: 50px;background: #0e0b11;color: #fff;display: none;z-index: 999}
.nav .list li .tit{display: inline-block;height: 50px;border-bottom: 5px solid transparent;width: 80px;}
.nav .list li a{color: #fff}
.nav .list li:hover .tit{border-bottom: 5px solid #f7dc62;}
.nav .list li.active .tit{border-bottom: 5px solid #f7dc62;}
.nav .list .second-nav a{height: 31px;line-height: 31px;border-bottom: 1px solid #504060;text-align: center;
    font-size: 12px;display: inline-block;width: 110px}
/*banner*/
.banner{background: url(../images/title_first_bg.jpg) #0a0c0e no-repeat center top;width: 100%;height: 436px;position: relative;}
.banner .con{position: relative;width: 1020px;}

.register-banner{height: 180px;background: url(../images/header_bg_x.jpg) repeat-x center -124px;}
.register-banner .con{background: url(../images/title_bg.jpg) no-repeat center top;width: 1020px;height: 180px;margin: 0 auto;position: relative;}
.register-banner .con .welcome{position: absolute;left: 0;bottom: 0;}

.index-login{width: 250px;background: url(../images/loginbg.png) no-repeat left top;
    ;position: absolute;right: 0;top: 14px;}
.index-login .title{padding: 13px 0 0 0;height: 85px;}
.index-login .body{width: 177px;margin: 0 auto;}
.index-login .module,.register-login .module{height: 30px;line-height: 20px;width: 172px;padding: 3px 5px;background: url(../images/INPUTlogin.png) no-repeat center top;
    margin-top: 14px;position: relative}
.index-login .module .tit,.register-login .module .tit{color: #D2CABE;font-size: 13px;}
.index-login .module .inp,.register-login .module .inp{width: 110px;font-size: 12px;border: none;background: none;color: #fff;margin-top: 3px;}
.index-login .module .inp::-webkit-input-placeholder,.register-login .module .inp::-webkit-input-placeholder{color: #fff;} 
.index-login .module .inp:-moz-placeholder,.register-login .module .inp:-moz-placeholder{color: #fff;} 
.index-login .module .inp::-moz-placeholder,.register-login .module .inp::-moz-placeholder{color: #fff;} 
.index-login .module .inp:focus::-webkit-input-placeholder,.register-login .module .inp:focus::-webkit-input-placeholder{color: #fff; }
.index-login .login-btn,.register-login .login-btn{width: 177px;height: 36px;margin: 21px auto 0;background: url(../images/btn_login.png) no-repeat center top;
    border: none;cursor: pointer;}
.index-login .login-btn:hover,.register-login .login-btn:hover{background-position: center -36px}

.index-login .bot-btn .join{display: inline-block;margin-top: 20px;font-size: 14px;
    color: #6a5027;height: 46px;line-height: 46px;width: 121px;text-align: center;}
.index-login .bot-btn .join:hover{color: #ddc799}

.register-btn a{display: inline-block;width: 256px;height: 66px;background: url(../images/btn_joinus.png) no-repeat center top;}
.register-btn a:hover{background-position: center -66px;}

/*game*/
.games-index{background: url(../images/container_bg_x.jpg) repeat;overflow: hidden;}
.game-list-index{width: 754px;padding-top: 28px}
.game-list-index li{width: 246px;margin: 0 2px 4px 3px;height: 216px;float: left;}
.game-list-index li a{display: inline-block;width: 246px;height: 216px;}
.game-list-index .game01{background: url(../images/game01.png) no-repeat center top;}
.game-list-index .game01:hover{background: url(../images/game01_1.png) no-repeat center top;}
.game-list-index .game02{background: url(../images/game02.png) no-repeat center top;}
.game-list-index .game02:hover{background: url(../images/game02_1.png) no-repeat center top;}
.game-list-index .game03{background: url(../images/game03.png) no-repeat center top;}
.game-list-index .game03:hover{background: url(../images/game03_1.png) no-repeat center top;}
.game-list-index .game04{background: url(../images/game04.png) no-repeat center top;}
.game-list-index .game04:hover{background: url(../images/game04_1.png) no-repeat center top;}
.game-list-index .game05{background: url(../images/game05.png) no-repeat center top;}
.game-list-index .game05:hover{background: url(../images/game05_1.png) no-repeat center top;}
.game-list-index .game06{background: url(../images/game06.png) no-repeat center top;}
.game-list-index .game06:hover{background: url(../images/game06_1.png) no-repeat center top;}

.games-index .news{width: 258px;background: url(../images/news.png) no-repeat center top;float: left;padding: 0 20px;margin-top: 28px}
.games-index .news marquee{height: 245px;font-size: 12px;color: #7c6d7e;line-height: 26px;cursor: pointer;}

.marquee-con{padding-top: 76px;height: 330px;overflow: hidden;}
.games-index .download a{display: inline-block;width: 258px;height: 77px;background: url(../images/btn_download.png) no-repeat center top;}
.games-index .download a:hover{background-position: center -77px}
/*footer*/
.footer{background: url(../images/footer_bg_x.jpg) #0a0c0e repeat-x;overflow: hidden;color: #756565;font-size: 12px;
    clear: both;}
.game-link{height: 122px;padding-top: 10px;font-size: 12px;color: #5d5461;}
.game-link .link{width: 470px;padding-top: 20px}
.game-link .link .top a{font-size: 12px;color: #5d5461;}
.game-link .link .top a:hover{color:#7b5c87;text-decoration: underline;}
.game-link .link .bot{margin-top: 20px}
.game-link .link .bot img{float: left;margin-right: 20px}
.game-link .service-pic{display: inline-block;width: 344px;height: 102px;background: url(../images/btn_service.jpg) no-repeat center top;}
.game-link .service-pic:hover{background-position: center -102px}

.footer .info dl{width: 150px;float: left;margin: 0 9px;padding: 25px 0}
.footer .info dl dt{height: 14px;font-size: 14px;color: #796868;line-height: 14px;margin-bottom: 18px;}
.footer .info dl dd{font-size: 12px;text-align: left;color: #554949;line-height: 18px;}

.footer .desc{line-height: 20px;text-align: left;clear: both;}
.footer .desc .tit{color: #c29f9f;}

.footer .copyright{margin-top: 30px;}
.footer .bot-company{margin-top: 10px;}
/*fixed*/
.fixscroll{z-index: 9999;height: 394px;width: 130px;position: absolute;}
.fixscroll a{display: block;}
#fixd-left{left: 0;top: 0}
#fixd-right{right: 0;top: 0}
#fixd-left img,#fixd-right img{display: block}
#fixd-left .close{display: inline-block;width: 100%;height: 21px;text-align: center;}
#fixd-left .close img{display: inline-block;}
#followDiv2 a,#followDiv1 a{display: block;}
#followDiv1 .toggle{display: none;}
#followDiv1 a:hover .active{display: none;}
#followDiv1 a:hover .toggle{display: block;}

/*botfixed*/
/* BBin資訊站 */
@keyframes hoverEff{
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@-webkit-keyframes hoverEff{
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.bbininfo-wrap {position: fixed;right: 0;bottom: 3px;z-index: 999;}
.btn-bbininfo {display: block;position: relative;right: 0;}
.bbin-toppic {display: none;width: 301px;height: 48px;cursor: pointer;}
a.bbin-toppic.no-link {cursor: default;}

@keyframes bbinactive
{   
    0%{ margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-moz-keyframes bbinactive /* Firefox */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-webkit-keyframes bbinactive /* Safari 和 Chrome */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}

@-o-keyframes bbinactive /* Opera */
{
    0%   { margin-bottom: 0; }
    25%  { margin-bottom: 3px; }
    50%  { margin-bottom: 0; }
    75%  { margin-bottom: 3px; }
    100% { margin-bottom: 0; }
}
.bbin-jump .bbininfo-slide-active {
    animation: bbinactive 1s;
    -moz-animation: bbinactive 1s; /* Firefox */
    -webkit-animation: bbinactive 1s;  /* Safari 和 Chrome */
    -o-animation: bbinactive 1s;   /* Opera */
}
.bbininfo-slide-active {display: block;}
.bbininfo-close {position: absolute;width: 20px;height: 20px;top: 8px;right: 4px;z-index: 3;cursor: pointer;background: url(../images/bbin_close.png) 50% 50% no-repeat;
}
.bbininfo-close:hover {animation: hoverEff .8s linear;-webkit-animation: hoverEff .8s linear;}

.goTop{position: fixed;right: 5px;bottom: 50px;z-index: 9999;display: none;}
.goTop a{display: inline-block;width: 40px;height: 40px;background: #ccced0;border-radius: 3px;;}
.goTop a:hover{background: #fff;}

/*register*/
.register-con{background: #201523;overflow: hidden;}
.top-marquee{height: 36px;line-height: 36px;background: url(../images/newsbg02.png) no-repeat center top;}
.top-marquee marquee{width: 690px;font-size: 12px;margin-left: 107px;color: #706c70;height: 30px;line-height: 30px}

.register{padding-top: 20px;padding-bottom: 30px;overflow: hidden;}
.register-login{height: 39px;background: url(../images/loginbg02.png) no-repeat center top;}
.register-login .module{float: left;margin-top: 5px;width: 160px;margin-right: 5px}
.register-login .module .ing{width: 104px}
.register-login form{margin: 0 0 0 173px}
.register-login .login-btn{float: left;margin-top: 3px;width: 133px;background: url(../images/btn_login02.png) no-repeat center top;}
.register-login .login-btn:hover{background-position: center -36px}
.register-login .bot-btn a{font-size: 12px;color: #fff;margin-top: 10px;margin-left: 5px}
.register-login .bot-btn{padding-top: 5px}
.register-login .bot-btn a:hover{text-decoration: underline;}

.register .left-nav{width: 226px;float: left;}
.register .left-nav img{display: block;}
.register .list{width: 226px;background: url(../images/sidebar_bg.png) no-repeat center top;}
.register .list li{text-align: center;margin-bottom: 8px;}
.register .list li:last-child{margin-bottom: 0px}
.register .list li a{display: inline-block;width: 153px;height: 28px;line-height: 22px;text-align: center;
    background: url(../images/sidebar.png) no-repeat center top;font-size: 13px;color: #fff}
.register .list li a:hover{color: #FCF304;background-position: center -28px}

.right-form{padding: 30px 30px 50px;background: #2e1b2c;width: 740px;float: right;margin-top: 45px;box-shadow: 0 0 2px #000}
.right-form .title{margin: .5em 0;line-height: 20px;color: #fff;font-size: 12px;}
.right-form .line{padding-top: 20px;color: #fff}
.right-form .line input[type=checkbox]{vertical-align: middle;}
.right-form .inp{height: 32px;padding: 5px 4px;font-size: 14px;line-height: 1.428571429;width: 315px;border-radius: 3px;border: none;}
.right-form .tit{display: inline-block;width: 80px;color: #fff;font-size: 12px;text-align: right;}
.right-form .tips{color: #fff;font-size: 12px}
.right-form .star{color: red;display: inline-block;margin-right: 5px;;}
.right-form .article-tips{margin-top: 50px;padding-bottom: 100px;}
.right-form .article-tips p{font-size: 15px;color: #fff;line-height: 24px;padding-left: 20px;}
.right-form .sub{width: 128px;color: #fff;height: 40px;border-radius: 4px;text-align: center;line-height: 38px;
    background: #e34543;color: #fff;font-size: 12px;display: inline-block;border: none;cursor: pointer;}
.right-form .sub:hover{color: #333}
.right-form .line label{font-size: 12px;}

.right-form .top{border-bottom: 1px solid #fff;font-size: 24px;font-weight: 700;padding-bottom: 5px;color: #fff;}
.right-form .top img{vertical-align: middle;}
.right-form dl{color: #fff;font-size: 15px;line-height: 32px;margin-top: 20px;}

/*after-login*/
.after-login{}
.after-login .userinfo{    width: 184px;
    height: 81px;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    margin: 14px auto 0;background: #6b4f29;border-radius: 3px;margin: 30px auto 0;}
.after-login .userinfo p{color: #fff;line-height: 20px;font-size: 12px}
.after-login .link{font-size: 12px;color: #fff;margin-top: 15px;line-height: 24px;}
.after-login .link a{font-size: 12px;display: inline-block;color: #fff;}
.after-login .link a:hover{text-decoration: underline;}
.after-login .bot-btn .join{margin-top: 38px}
.after-login .register-btn a{background: url(../images/btn_promotions.png) no-repeat center top;}
.after-login .register-btn a:hover{background-position: center -66px;}


.fixscroll .active{
    display: block;
}
.fixscroll .toggle{
    display: none;
}
.fixscroll a:hover .active{
    display: none;
}
.fixscroll a:hover .toggle{
    display: block;
}

.login-wrap {
    background:#000 url(../images/loginbg_02.png) no-repeat center top;
}
.login-wrap, .loginInfo-wrap {
    height: 40px;
    margin: 0 auto;
    color: #FFF;
}
.login-wrap-inner{
    width: 1020px;
    margin: 0 auto;
    padding-left: 162px;
    height: 40px;
}
.login-wrap p {
    margin-top: 5px;
}
.login-unit-user {
    margin-right: 5px;
    width: 162px;
    background: url(../images/INPUTlogin.png) no-repeat left top;
}
.login-unit {
    position: relative;
}
.floatL {
    float: left;
}
.login-unit .login-placeholder {
    cursor: text;
    position: absolute;
    left: 7px;
    top: 3px;
    text-align: right;
}
/*#username {*/
    /*margin-right: 0;*/
    /*width: 100px;*/
    /*background: transparent;*/
/*}*/
.login-input {
    width: 162px;
    height: 29px;
    line-height: 29px;
    padding: 3px 5px;
    outline: none;
    background: url(../images/INPUTlogin.png) no-repeat left top;
    border: 0;
    color: #FFF;
}
.login-unit {
    position: relative;
}
.login-unit input {
    margin-right: 5px;
}
.vPic {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}
.vPic img{
    height: 28px;
}
.login-wrap p.login-unit-btn {
    margin-top: 3px;
}
.login-submit {
    border: none;
    width: 133px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    outline: none;
    color: #b00808;
    text-align: center;
    background-image: url(../images/btn_login02.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}
.login-wrap p.login-unit-btn a {
    margin: 4px 0 0 8px;
    font-size: 14px;
    color: #FFF;
}
.link {
    text-decoration: none;
    color: #FFF;
}
.inline-block {
    display: inline-block;
}

.loginInfo-wrap {
    background:#000 url(../images/loginbg_02.png) no-repeat center bottom;
    padding-top: 0;
}
.loginInfo-wrap-inner {
    padding-left: 99px;
    width: 1020px;
    margin:  auto;
    overflow: hidden;
}
.mem-info {
    background: url(../images/loginbg_acc02.png) repeat-x center top;
    height: 30px;
    line-height: 30px;
    padding: 0 6px 0 0;
    margin-top: 5px;
}

.ele-accinfo{
    display: inline-block;
    padding-right: 5px;
}
.ele-accinfo .fa{
    padding: 0 2px;
    font-size: 14px;
}
.ele-first-balance{
    display: inline-block;
}
.ele-acc-unit {
    display: inline-block;
}
.ele-obalance-wrap{
    position: relative;
    display: inline-block;
}
.ele-other-balance{
    cursor: pointer;
}
.ele-accinfo {
    padding-left: 10px;
}
.SU-Menual {
    margin: 10px 0 0 10px;
}
.SU-Menual ul li {
    float: left;
}
.SU-Menual ul li a {
    transition: color .2s;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
    display: inline-block;
}
.modal{width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000;display:none;overflow:auto}.modal .modal-content{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.container{width:1200px;margin:0 auto}
.modal-login .modal-content{width:400px;height:400px;background:#fff;border-radius:6px;padding:5px 30px 0 30px}.modal-login .close{position:absolute;top:24px;right:30px;width:20px;height:20px;background-position:-140px -140px;cursor:pointer;-moz-opacity:.25;opacity:.25;filter:alpha(opacity=25);-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:2}.modal-login .modal-login_form h2{overflow:visible;position:relative;clear:both;width:100%;height:60px;line-height:59px;text-align:left;font-size:20px;color:#333;margin-bottom:16px;border-bottom:1px solid #e8e8e8}.modal-login .modal-login_line{position:relative;width:100%;overflow:visible;clear:both;height:68px}.modal-login .modal-login_line input{height:44px;line-height:44px;width:99%;padding:0;background:none;border:1px solid #ccc;box-shadow:inset 0 0 3px rgba(0,0,0,0.1);border-radius:3px;font-size:13px;text-indent:6px}.modal-login .modal-login_line input.username{background:url(../images/user-ico.png) no-repeat right center}.modal-login .modal-login_line input.psw{background:url(../images/lock-ico.png) no-repeat right center}.modal-login .modal-login_line.code input{width:200px}.modal-login .modal-login_line.code img{display:inline;height:44px;vertical-align:-90%}.modal-login .modal-login_submit{width:100%;float:left;height:50px;line-height:50px;border-radius:3px;overflow:hidden;background:none;border:none;background:#ff3a2b;font-size:16px;color:#fff;cursor:pointer;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.modal-login .modal-login_submit:hover{box-shadow:0 4px 8px rgba(0,0,0,0.25)}.modal-login .modal-login_link a{color:#ff3a2b}.modal-daili .modal-content{height:410px !important}.modal-daili .modal-content textarea{width:100%;height:100px;border:1px solid #ccc;border-radius:4px;padding:8px}.modal-mobileBet .modal-content{width:400px;height:400px;background:#fff;border-radius:6px;padding:5px 30px 0 30px}

/*notice*/
.notice-row {
    height: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
    width: 100%;
}
.noticeBox {
    position: absolute;
    width: 100%;
    height: 49px;
    line-height: 49px;
    left: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}
.noticeBox .title {
    width: 96px;
    float: left;
    color: #FFCE4B;
    text-indent: 25px;
    background: url(../images/icon-notice.png) 0 center no-repeat;
}
.noticeBox .bd2 {
    width: 910px;
    float: right;
    height: 33px;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    margin-top: 1px;
}
.noticeBox .bd2 li {
    font-size: 14px;
    color: #fff;
    height: 49px;
}
.noticeBox .bd2 a {
    color: #fff;
}
.noticeBox .bd2 a:hover {
    text-decoration: underline;
}
.w {
    width: 1020px;
    min-width: 1020px;
    margin: 0 auto;
}

/*彩票游戏*/
.lotteryPage {
    background: url(../images/lottoryBg.jpg) center bottom no-repeat #1B1B1B;
    /*min-height: 500px;*/
}
.lottery {
    width: 993px;
    margin: 0 auto;
    padding-top: 20px;
}
.lottery ul {
    width: 1020px;
}
.lottery ul li {
    width: 400px;
    height: 200px;
    border: 3px solid #434242;
    overflow: hidden;
    /*margin-bottom: 20px;*/
    /*margin-right: 100px;*/
    margin: 0 50px 20px;
    float: left;
    transition: all 0.3s;
    position: relative;
}
.lottery ul li img {
    float: left;
    margin-left: 16px;
    margin-top: 18px;
    display: block;
    background: #1e1d1d;

}
.lottery ul li a {
    display: block;
    height: 148px;
}
.lottery ul li .liright {
    float: right;
    width: 146px;
    padding-top: 35px;
    line-height: 26px;
    text-align: center;
    margin-right: 7px;
}
.lottery ul li .liright h2 {
    font-family: "Microsoft Yahei";
    font-weight: bold;
    color: #ffffff;
    font-size: 18px;
    transition: all 0.3s;
    height: 26px;
}
.lottery ul li .liright span {
    font-family: Arial;
    font-size: 12px;
    color: #898989;
    transition: all 0.3s;
    line-height: 30px;
}
.lottery ul li .rulebtn {
    width: 114px;
    height: 24px;
    display: block;

    line-height: 24px;
    color: #898989;

    position: absolute;
    right: 24px;
    bottom: 32px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #373737;
    border-radius: 2px;
    transition: all 0.3s;
}
.lottery ul li:hover {
    border: 3px solid #ecdf88;
}
.lottery ul li:hover .rulebtn {
    background: #FFCE4B;
    color: #000000;
}