@charset "UTF-8";

/*!
 * sobetx 开元棋牌
 * Author: dear
 * Update by 2018-9-17
/* 禁用响应 */
@media (min-width:990px){
  .container{width:1100px;}
}
@media (min-width:1100px){
  .container{width:1100px;}
}
.screen-lg .container{width:1100px;}
.container{width:1200px;padding:0;position:relative;overflow: visible}

/* ==========全局样式========== */
@-webkit-keyframes fadeInUp{
  from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{
  from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes scaleIn{
  from{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8);}
  to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scaleIn{
  from{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8);}
  to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes leftIn{
  from{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
  to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes leftIn{
  from{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);}
  to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes rightIn{
  from{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);}
  to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes rightIn{
  from{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);}
  to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes bottomRightIn{
  from{opacity:0;-webkit-transform:translateX(50px) translateY(50px);transform:translateX(50px) translateY(50px);}
  to{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@keyframes bottomRightIn{
  from{opacity:0;-webkit-transform:translateX(50px) translateY(50px);transform:translateX(50px) translateY(50px);}
  to{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@-webkit-keyframes centerIn1{
  from{opacity:0;-webkit-transform:translate3d(50px,50px,0);transform:translate3d(50px,50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes centerIn1{
  from{opacity:0;-webkit-transform:translate3d(50px,50px,0);transform:translate3d(50px,50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes centerIn2{
  from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes centerIn2{
  from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes centerIn3{
  from{opacity:0;-webkit-transform:translate3d(50px,-50px,0);transform:translate3d(50px,-50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes centerIn3{
  from{opacity:0;-webkit-transform:translate3d(50px,-50px,0);transform:translate3d(50px,-50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes centerIn4{
  from{opacity:0;-webkit-transform:translate3d(-50px,50px,0);transform:translate3d(-50px,50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes centerIn4{
  from{opacity:0;-webkit-transform:translate3d(-50px,50px,0);transform:translate3d(-50px,50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes centerIn5{
  from{opacity:0;-webkit-transform:translate3d(-50px,-50px,0);transform:translate3d(-50px,-50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes centerIn5{
  from{opacity:0;-webkit-transform:translate3d(-50px,-50px,0);transform:translate3d(-50px,-50px,0);}
  to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@-webkit-keyframes bac{
  from{background-position-y:1000px;}
  to{background-position-y:20px;}
}
@keyframes bac{
  from{background-position-y:1000px;}
  to{background-position-y:20px;}
}
@-webkit-keyframes fadeInDown{
  from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px);}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{
  from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px);}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes topLeftIn{
  from{opacity:0;-webkit-transform:translateY(-200px) translateX(-200px);transform:translateY(-200px) translateX(-200px);}
  to{opacity:1;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);}
}
@keyframes topLeftIn{
  from{opacity:0;-webkit-transform:translateY(-200px) translateX(-200px);transform:translateY(-200px) translateX(-200px);}
  to{opacity:1;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);}
}
@-webkit-keyframes ball1In{
  from{opacity:1;-webkit-transform:rotateZ(0);transform:rotateZ(0);}
  25%{opacity:1;-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg);}
  50%{opacity:1;-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg);}
  to{opacity:1;-webkit-transform:rotateZ(0);transform:rotateZ(0);}
}
@keyframes ball1In{
  from{opacity:1;-webkit-transform:rotateZ(0);transform:rotateZ(0);}
  25%{opacity:1;-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg);}
  50%{opacity:1;-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg);}
  to{opacity:1;-webkit-transform:rotateZ(0);transform:rotateZ(0);}
}
@-webkit-keyframes circle-stroke{
  from{stroke-dashoffset:283;}
  to{stroke-dashoffset:0;}
}
@keyframes circle-stroke{
  from{stroke-dashoffset:283;}
  to{stroke-dashoffset:0;}
}
a:hover{text-decoration:none;}
ul{margin:0;padding:0}
.navbar-nav > li > a,.navbar-header,.navbar-text{line-height:1;}
body{background:#fff;}
.btn-hover{-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);transition:all .4s cubic-bezier(.4,.01,.165,.99);}
.banner{background-repeat: no-repeat;background-position: center top;}

/* header */
header{position:relative;z-index:5;width:100%;-webkit-box-shadow:0 0 5px #bbb;-moz-box-shadow:0 0 5px #bbb;box-shadow:0 0 5px #bbb;}
header .game-top{height:50px!important;line-height:50px!important;}
header .top-bar{background:#222;height:40px;}
header .top-bar  .login-wrap{line-height: 35px;}
header .top-bar  .form-wrap .form-inline{line-height: 40px;}
header .top-bar  .btn{width:70px;height: 30px;display:inline-block;line-height: 30px;text-align: center;margin-right: 10px;padding: 0;border: none;}
header .top-bar  .form-wrap.pull-right {height: 40px;}
header .top-bar  .btn-login{width: 70px;height: 30px;background-position:top center;background-repeat: no-repeat;color: #fff;background-size: cover;}
header .top-bar  .btn-register{background-position: top center;background-repeat: no-repeat;color: #fff;}
header .top-bar  .signIn{width: 112px;height: 33px;background-position: top center;background-repeat: no-repeat;color: #fff;padding-left: 20px;line-height: 35px;margin-top: -4px;}
header .top-bar  .btn-login:hover {background-repeat: no-repeat;background-position: bottom;}
header .top-bar  .btn-register:hover {background-repeat: no-repeat;background-position: bottom;}
header .top-bar  .signIn:hover {background-repeat: no-repeat;background-position: bottom;}

.form-wrap .form-wrap-inline{position: fixed;top: 25%;left: 37%;width: 480px;height: 445px;z-index: 999;}
.form-wrap .form-wrap-inline h3{width: 480px;height: 82px;background: linear-gradient(to bottom, #968159, #7d6435);line-height: 82px;margin: 0;text-align: center;color: #fff;}
.form-wrap .form-wrap-inline h3 a{font-size: 14px;color: #fff;position: absolute;left: 45px;}
.form-wrap .form-wrap-inline h3 a::before{content: '';width: 14px;height: 80px;display: block;position: absolute;left: -20px;}
.form-wrap .form-wrap-inline .form-wrap-login{width: 480px;height: 367px;border: 1px solid #bc9a59;background: #fff;padding-top: 40px;}
.form-wrap .form-wrap-inline .form-group{width: 100%;}
.form-wrap .form-wrap-inline .form-wrap-login input{width: 385px;height: 52px;margin: 12px auto;display: block;}
.form-wrap .form-wrap-inline .form-wrap-login .btn-login{width: 385px;height: 52px;display: block;text-align: center;margin: 12px auto;color: #fff;font-size: 18px;line-height: 52px;}
.form-wrap .form-wrap-inline .forget-pas{width: 205px;margin: 0 auto;}
.form-wrap .form-wrap-inline.inline-2 .forget-pas{width: 100%;text-align: center;}
.form-wrap .form-wrap-inline.inline-2 .forget-pas p{color: #3b4842;}
.form-wrap .form-wrap-inline.inline-2 .forget-pas a{margin: 0;color: #319ef3;}
.form-wrap .form-wrap-inline.inline-3 .form-wrap-login img{margin: 30px auto;display: block;}
.form-wrap .form-wrap-inline.inline-3 .forget-pas p{color: #3b4842;line-height: 20px;text-align: center;}
.form-wrap .form-wrap-inline .forget-pas a{font-size: 14px;color: #3b4842;margin: 0 20px;transition: all .3s;}
.form-wrap .form-wrap-inline .forget-pas a:hover{color: #d38100;}

.form-wrap .form-wrap-about{width: 42px;height: 42px;background: #ba9966;font-size: 42px;line-height: 42px;text-align: center;float: right;margin-top: -449px;margin-right: -42px;color: #fff;cursor: pointer;}



header form .btn:hover{background:#e6e6e6;}
header .header-panel{text-shadow:0 2px 0 #000;display:inline-block;right:0;font-size:12px;text-align:right;padding-top: 4px;}
header .header-panel ._vr_nickname{display: inline-block;width: 70px;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;}
header .header-panel a{color:#fff;padding:0 3px;}
header .header-panel a:hover{color:#ffeb3b;}
header .header-panel a>span{color:#fff;}
header .header-panel .dropdown{vertical-align:top;}
header .header-panel .dropdown:hover .dropdown-menu{display:block;}
header .header-panel .dropdown-menu{background:#333333;margin-top:0;border-color:transparent;}
header .btn-service{background:#0cf;color:#fff;margin-left:10px;position:relative;width:110px;    vertical-align: top;  margin-top: 5px;}
header .btn-service:hover{background:#4a8be5;color:#fff;}
/*header .btn-service span{display:inline-block;float:left;background:url(images/header_icon.png)right 6px no-repeat;width:26px;height:30px;}*/
header .nav-part{height:100px;background: #2D2D2D;}
header .nav-part .logo{position:absolute;top:0;left:0;}
header .nav-part .logo a{display: block;line-height: 90px;}
header .nav-part .logo a img{max-height: 90px;max-width: 240px;}
header .navbar{height:100px;margin-bottom:0;}
header .navbar .navbar-nav > li{float:left;display:inline;height:80px;text-align:center;}
header .navbar .navbar-nav > li.active,
header .navbar .navbar-nav > li:hover{border-bottom: solid 2px #66ade5;}
header .navbar .navbar-nav > li>a{height:100%;color:#777;font-size:14px;line-height:58px;display:block;position:relative;}
header .navbar .navbar-nav li>a .hot{background-repeat: no-repeat;width: 30px;height: 15px;position: absolute;left: 4px;top: 18px}
header .navbar .navbar-nav > li .active > a .icon,header .navbar .navbar-nav > li:hover > a .icon{background-position-x:0;}
header .navbar .navbar-nav > li > a{padding: 30px 0px 0px 0px;text-align:center;color:#fff;line-height:20px;overflow:hidden;font-size: 16px;}
header .navbar-nav{display: flex;width: 960px;justify-content: space-between;}
.enav{font-size:10px;color: #9e9e9e;}
.game-top .header-panel{padding-top: 10px}
.game-top .header-panel a{vertical-align: super;}
.game-top .header-panel ._vr_nickname{vertical-align: unset;}


/* api链接 */
.api-games > ul > li{border-right:1px solid rgba(200,200,200,0.2);}
.api-games > ul{border-collapse:collapse;}
.api-games > ul > li:first-child{border-left:1px solid rgba(200,200,200,0.2);}

/* index-slide 首页轮播 */
.index-slide>.container{background:#1b1b1b;}
.index-slide{height:500px;position:relative;padding:0;margin:0;}
.index-slide .slide,.index-slide .slide .slide-inner li,.index-slide .slide .slide-inner li a{height:500px;}
.index-slide .slide .slide-inner{padding:0;margin:0;}
.index-slide .slide .slide-inner ul{height:500px;overflow:hidden;padding:0;margin:0;}
.index-slide .slide .slide-indicators{width: 300px;margin:0 auto;height: auto;left: 50%;right: 0;}
.index-slide .slide .slide-indicators ul{padding:0;margin:0;}
.index-slide .slide .slide-indicators ul li{width:50px;height:2px;background:rgba(255, 255, 255, 0.3);opacity:1;filter:opacity(100);margin: 0 3px;}
.index-slide .slide .slide-indicators ul .active{background:#fff;}
.index-slide>.container{position:relative;overflow:visible;}

.notice{width:500px;height:40px;line-height:40px;overflow:hidden;z-index:1000;position: absolute;left: 0;top: 0;}
.notice .container{position:relative;z-index:2;}
.notice .title{width:30px;font-size:12px;font-weight:bold;height:40px;float:left;color:#fff;}
/*.notice .more-icon {width: 158px;height: 40px;background: url(images/fade.png) no-repeat;position: absolute;left: 635px;top: 0;}*/
.notice .title .notice-icon{display:inline-block;width:20px;height:20px;vertical-align:-6px;background-repeat: no-repeat;}
.notice .notice-list{float:left;width:400px;height:40px;overflow:hidden;padding-left:10px;}
.notice .notice-list a{color:#a0a0a0;font-size:12px;}

/*===============index=========*/
.wrapper { position: relative; width: 1200px; margin: 0 auto; }
ol, ul { display: inline-block; margin: 0 auto; padding: 0; list-style: none; }
.hot-game { position: relative; background-position: center top; background-repeat: no-repeat;  background-size: 100%; }
.hot-game h2 { margin: 0 0 20px; padding-left: 49px; font-size: 30px; color: #333; line-height: 75px; border-bottom: 1px solid #ebebeb; background-repeat: no-repeat;background-position: left center }
.hot-game h2>span { padding-left: 44px; font-size: 16px; background-repeat: no-repeat;background-position: left center }
.hot-game h2>span i { font-style: normal }
.hot-game h2>span i.text-blue { margin-right: 25px; font-weight: normal; color: #4eaaff }
.hot-game h2>span i.ran-num { color: #ec3058 }
.hot-game .left { display: inline-block; width: 857px }
.hot-game .left ul { margin-bottom: 4px }
.hot-game .left ul>li { position: relative; cursor: pointer; float: left }
.hot-game .left ul>li:hover:before { content: ''; position: absolute; top: 0; left: 0; background: #000 \9; background: rgba(0, 0, 0, .6); border-radius: 10px; }
.hot-game .left ul>li>a { position: absolute; top: 50%; left: 50%; margin: -38.5px 0 0 -38.5px; width: 77px; height: 77px; line-height: 77px; text-align: center; color: #fff; background: #ec3058; border-radius: 50%; opacity: 0; }
.hot-game .left ul>li:hover a { opacity: 1; }
.hot-game .left ul.col-3>li { width: 278px; height: 205px }
.hot-game .left ul.col-3>li:hover:before { width: 278px; height: 205px }
.hot-game .left ul.col-4>li { width: 206px; height: 165px }
.hot-game .left ul.col-4>li:hover:before { width: 206px; height: 165px }
.hot-game .left ul>li+li { margin-left: 10px }
.hot-game .right { float: right }
.hot-game .right h3 { display: inline-block; margin: 0; padding-left: 90px; width: 338px; height: 83px; line-height: 83px; font-weight: normal; color: #fff; font-size: 16px; }
.hot-game .right h3>span { font-family: "SketchRockwell" }
.hot-game .right h4 { margin: 0; text-align: center; font-size: 18px; line-height: 42px; color: #ec3058; background-repeat: no-repeat;background-position: center center }
.hot-game .right ul { display: block }
.hot-game .right .avatar>li>ul { overflow: hidden }
.hot-game .right .avatar>li>ul>li { float: left; position: relative; padding-top: 100px; width: 100px; height: 134px; text-align: center; color: #646464; font-size: 12px; background-repeat: no-repeat; background-position: center bottom 35px; background-size: 73px 73px }
.hot-game .right .avatar>li>ul>li:before { content: ''; position: absolute; left: 14px; bottom: 34px; width: 71px; height: 71px; border-radius: 50%; border: 1px solid #e5e5e5 }
.hot-game .right .avatar>li>ul>li.big { width: 117px; background-size: 89px 89px }
.hot-game .right .avatar>li>ul>li.big:before { width: 87px; height: 87px }
.hot-game .right .avatar>li>ul>li>span { display: block; color: #ed4768 }
.hot-game .right .avatar>li>ul>li>span>i { font-style: normal; color: #646464 }
.hot-game .right .player-wrap { margin-top: 10px; border-top: 1px dashed #adadad }
.hot-game .right .player>li { width: 100%; height: 36px; line-height: 36px; font-size: 12px; border-bottom: 1px dashed #adadad }
.hot-game .right .player>li .num { float: left; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; margin: 7px 15px 0 10px; display: block; border-radius: 3px }
.hot-game .right .player>li:nth-child(3n+1) .num { background: #1cd4c1 }
.hot-game .right .player>li:nth-child(3n+2) .num { background: #56b7f5 }
.hot-game .right .player>li:nth-child(3n+3) .num { background: #b56fe2 }
.hot-game .right .player>li .name, .hot-game .right .player>li .game { display: inline-block; width: 105px; color: #666 }
.hot-game .right .player>li .money { color: #309aec }
.hot-game ul.bottom>li { float: left; width: 313px; height: 229px; cursor: pointer }
.hot-game ul.bottom>li+li { margin-left: 5px }
.hot-game ul.bottom>li>a { display: block; height: 100% }
.hot-game ul.bottom>li[data-img="game-live"] { width: 563px; }
.hot-board { margin-top: 15px; padding-top: 100px; height: 534px; background-position: center }
.hot-board .gameList { position: relative; width: 1200px; margin: 0 auto; }
.hot-board ul>li { position: relative; float: left; margin: 28px 15px 20px; width: 140px; height: 140px; background-repeat: no-repeat; background-position: center top; cursor: pointer; background-size: contain; }
.hot-board ul>li>a { position: absolute; margin-left: -49px; text-align: center; left: 50%; bottom: -20px; width: 98px; height: 30px; line-height: 30px; color: #fff; background: #ec3058; border-radius: 15px }
.hot-board ul>li>a:hover { background: red }

/***app***/
footer { position: relative; background-repeat: no-repeat;background-position: center top; }
footer>.wrapper { padding-top: 320px; }
footer .footer-download { position: absolute; top: 192px; right: 1px; }
footer .footer-download>li { float: left; margin-left: 10px; width: 152px; height: 47px; }
footer .footer-download>li>a { display: block; height: 100%; }


/* footer */
footer{color:#b5ab99;text-align:center;clear:both;font-weight:400;font-family:Avenir,Helvetica,Arial,sans-serif;}
footer .footer-util {margin-top: 330px;background: #f2fbff;padding-bottom: 20px;}
footer .footer-util .footer_c { display: inline-block;color: #999;font-size: 12px;line-height: 25px;padding-top: 40px;margin-right: 48px;}
footer .footer-util .footer_c i {display: block;width: 60px;height: 60px;float: left;margin: 10px 10px 0 0;}
footer .footer-util .footer_c .f_icn1 {background-repeat: no-repeat;}
footer .footer-util .footer_c .f_icn2 {background-repeat: no-repeat;}
footer .footer-util .footer_c .f_icn3 {background-repeat: no-repeat;}
footer .footer-util .footer_c .f_icn4 {background-repeat: no-repeat;}
footer .footer-util .footer_c .footer-txt {float: left;}
footer .footer-util .footer_c .footer-txt .footer-h {font-size: 18px;color: #666;float: left;}
footer .footer-util .footer_c .footer-txt a {text-decoration: underline;font-size: 14px;color: #333;cursor: pointer;float: left;margin-right: 5px;}
footer .footer-util .footer_c .footer-txt a:hover {color: #509bc6;}

footer .copyright{background:#232426;text-align:center;border-top:1px solid #999;}
footer .copyright ul li {list-style: none;display: inline-block;margin-top: 15px;}
footer .copyright ul li a{color: #999;margin-left: 10px;}
footer .copyright a {font-size:12px;color:#999;margin-bottom:0;margin-left: 10px;}

footer .copyright .footer-the {display: block;width: 100%;padding-top: 15px;}
footer .copyright .footer-the p{color:#999;font-size: 12px}


  /* particles */
.particles{position:absolute;left:0;top:174px;bottom:358px;right:0;}

/* 游戏公共 */
main .game-list1 li{width:247px;height:247px;position:absolute;}
main .game-list1 li:hover{}
main .game-list1 li a{position:absolute;width:146px;height:118px;top:50%;margin-top:-59px;margin-left:-73px;left:50%;}
main .game-list1 li:nth-child(1){top:98px;left:258px;}
main .game-list1 li:nth-child(2){top:98px;left:539px;}
main .game-list1 li:nth-child(3){top:258px;left:110px;}
main .game-list1 li:nth-child(4){top:258px;left:400px;}
main .game-list1 li:nth-child(5){top:258px;left:684px;}
main .game-list1 li:nth-child(6){top:418px;left:258px;}
main .game-list1 li:nth-child(7){top:418px;left:539px;}
main .game-list1 li:nth-child(8){top:580px;left:400px;}
main .game-list1 li:nth-child(9){top:98px;left:-43px;display:none;}
main .game-list1 li:nth-child(10){top:98px;left:840px;}
main .game-list1 li:nth-child(11){top:418px;left:-43px;}
main .game-list1 li:nth-child(12){top:418px;left:840px;}

main .page-ban {height: 230px;}
#casino-style.casino > .container .casino-game-list .col-5-1 .s_border figure > img{    width: 216px;}


/* index-screen-01 */
.index-screen-01{position:relative;background:#f7f7f7;height:126px;}
.index-screen-01 > .container{overflow:visible;}

.index-casino-tabs{width: 100%;display:table;table-layout:fixed;list-style: none;min-height:125px;margin-bottom:0;font-size:0;padding:0;}
.index-casino-tabs>li{display:table-cell;width:1em;height:1em;text-align:center;vertical-align:middle;font-size:12px;}
.index-casino-tabs>li:hover,.index-casino-tabs>li.active{background:#e0f1f9;}
.index-casino-tabs>li>a{display: inline-block;width: 100%;height: 100%;font-size:16px;color:#222;text-align:center;}
.index-casino-tabs>li>a>em{font-style:normal;display:block;}
.index-order-title{line-height:40px;margin-top:8px;font-size:16px;color:#ffd562;text-align:center;}
.index-order-list{font-size:12px;border-top:1px solid #5f5050;}
.index-order-list th,.index-order-list td{padding:5px 0!important;border:none!important;}
.index-order-list th{color:#ffc72f;border-top:1px solid #5f5050;text-align:center!important;}


/*========== sports 体育====================*/
.main-sports .sports-box{width:1200px;margin:0 auto;min-height:768px;text-align:center;}
.main-sports .bulk-frame{position:relative;}
.main-sports .sports-hg-fix{position:absolute;display:none;width:100px;height:25px;background:#493721;top:100px;left:137px;}
.main-sports .sports-box .api-tabs{background:#a81010;color:#fff;border-radius:4px;min-height:30px;padding:0;border:1px solid #a81010;margin:20px 0;}
.main-sports .sports-box .api-tabs>li.active,.main-sports .sports-box .api-tabs>li.active:hover,.main-sports .sports-box .api-tabs>li:hover{background:#fff;}
.main-sports .sports-box .api-tabs>li>a{color:#fff;text-shadow:none;}
.main-sports .sports-box .api-tabs>li.active>a,.main-sports .sports-box .api-tabs>li:hover>a{color:#a81010;text-shadow:none;}
.main-sports .sports-box.hg .sports-hg-fix{display:block;}
.main-sports .sports-box.hg .api-tabs{margin-bottom:0;}
.sports-box.hg{background:#fff;}
.main-sports-inner .sports-box > .h1{color:#dc3834;}


/* =============== lottery 彩票 =================== */
.main-lottery .lottery{background-color:#F8F8F8;background-position: 50% 0;background-repeat: no-repeat;padding:10px 0;}
.main-lottery .game-item .item{background:#efefef;}
.main-lottery .game-list{padding-top:10px;margin-left: -10px}
.lottery .game-list .row{margin-left: 10px;}
.lottery .game-list>.row-match>div{transition: all .35s linear; }
.lottery .game-list>.row-match>div:hover{transform: scale(1.07);}
.lottery .game-list .nav-lottery-tabs{background:#333;display: flex;flex-direction: column;padding: 0; }
.lottery .game-list .nav-lottery-tabs li{padding: 20px 0 20px 20px;}
.lottery .game-list .nav-lottery-tabs li a{color: #fff;display: inline-block;width: 100%;height: 100%;}
.lottery .game-list .nav-lottery-tabs li:hover,
.lottery .game-list .nav-lottery-tabs li.active{background:#1f2021 }
.lottery .game-list .nav-lottery-tabs li:hover a,
.lottery .game-list .nav-lottery-tabs li.active a{color: #fff0b4;}

/* game-item */
.game-item{display:inline-block;width:230px;height:240px;margin:0 auto 10px;background:#1f2021;}
.game-item .item{width:230px;height:163px;position:relative;display:block;overflow:hidden;background:#080a14;}
.game-item .item .game-img{width:230px;height:163px;background: #333;position:absolute;overflow:hidden;z-index:0;text-align:center;}
.game-item .item .game-img img{max-width:100%;}
.game-item .item .cover{width:100%;height:100%;position:absolute;z-index:5;overflow:hidden;display:none;}
.game-item .item .cover .cover-bg{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.85;background:#121212;}
.game-item .item .cover .cover-name{width:100%;height:20px;position:relative;margin-top:60px;line-height:20px;color:#eee;text-align:center;z-index:2;text-shadow:0 1px 0 #000;}
.game-item .item canvas{width:204px;height:143px;position:absolute;z-index:10;}
.game-item .title{text-align:center;padding:10px 0;}
.game-item .title a{display:block;color:#c1c1c1;}
.game-item .title a:hover,.game-item:hover .title a{color:#d7d6ec;}
.btn-play{margin-top:6px;text-align:center;display:inline-block;width:100px;height:30px;border-radius:3px;line-height:30px;}
.game-item:hover{background:#0f1113;}
.game-item .title .btn-play{ display: inline-block;border-radius: 3px; background: #206b99;}
.btn-more{width:100%;background:#414141;color:#fff;}
.btn-more:hover{color:#fff;}
/*隐藏天津时时彩*/
.lottery-box .game-list .lottery_list:nth-child(9){display: none;}


/*============ casino===================*/
.main-casino #casino-style > .container .api-nav .swiper-container .swiper-slide.active {border-top: 3px solid #66ade5;}
.main-casino #casino-style > .container .api-nav .swiper-container .swiper-slide:hover {border-top: 3px solid #66ade5;}
.main-casino #casino-style > .container .casino-sorts .nav-tabs > li.active > a {background: #66ade5;}
.main-casino #casino-style > .container .casino-sorts .nav-tabs > li:hover a {color: #2266a5;}
.main-casino #casino-style > .container .game-list-header .jackpot .j_txt .t_g_name span {color: #66ade5;}
.main-casino #casino-style > .container .game-list-header .all_g_txt span {color: #66ade5;}
.main-casino #casino-style > .container .casino-game-list .game-item .game-info .g_line2 span {color: #66ade5;}
#casino-style .container .casino-sorts .search-box .btn-search {  background: #66ade5;  border: 1px solid #66ade5;  }

/* =============== promo 优惠 =================== */
.main-promo{margin-bottom:-16px;}
.main-promo .promo>.container{width:1000px;margin:0 auto;}
.list-type1 .home_pic .shadow{width: 100%}

#promo-style .home_pic>img{	min-height:150px;background-color: rgba(0,0,0,.2)}
#promo-style .home_pic>.shadow{height: 100%;top:0;}

/*======== about 关于我们================*/
.main-about{background:#f7f7f7;padding:30px 0;min-width:1336px;}
.main-about .container{border:1px solid #d3d3d3;width:1000px;}
.main-about .about-box{width:1000px;background:#f7f7f7;margin:0 auto;}
.about-left{width:242px;height:auto;}
.about-left ul>li{width: 242px;height:56px;line-height:56px;border-bottom:1px solid #e4e4e4;}
.about-left ul>li a{height:56px;color:#222;text-align:center;display:block;font-size:16px;}
.about-left ul>li em{display:none;}
.about-left ul>li:hover,.about-left ul>li.active,.about-left ul>li.active:hover{background:#509bc6;}
.about-left ul>li a:hover,.about-left ul>li.active a,.about-left ul>li.active a:hover{color:#fff;}
.about-right{width:758px;padding:0 30px 30px 40px;color:#666;font-size:14px;background:#fff;border:1px solid #d3d3d3;border-bottom:none;border-top:none;}
.about-right .page-content p{padding:10px 0;line-height:24px;}

/*======== register 注册================*/
.main-register{background:#f7f7f7;padding:30px 0;}
.main-register .register{overflow:hidden;margin:0 auto;border:1px solid #e5e5e5;width:998px;background:#fbfbfb;}
.main-register .code img{height:34px;}
.main-register form{color:#717171;}
.main-register .register-title{padding:28px 30px;border-bottom:1px dashed #e3e3e3;}
.main-register .register-title h3{font-size:26px;line-height:24px;color:#a81010;text-align: center;}
.main-register form .sub-title{color:#666;font-size: 14px;line-height:12px;margin-bottom:30px;text-align: center;}
.text-danger{font-size: 20px;}
.main-register .text-red{color:#ea0011;}
.main-register fieldset{border:1px solid #eee;margin:30px;padding:10px;}
.main-register fieldset legend{font-size:16px;color:#333;border:none;width:70px;}
.main-register form .input-group.code{margin-left:-34px;}
.main-register form label{font-size:13px;font-weight:normal;}
.main-register form .form-control{border-radius:4px;}
.main-register form .btn-sumbit{width:227px;height:44px;margin:0 auto;background:#b8383e;color:#fff;}
.main-register form .btn-sumbit:hover{background:#a02026;}
.main-register .register-box{padding-bottom:56px;}
.main-register .register-box a{color:#a81010;}
.phone-area-code{flex-wrap: wrap;}
.main-register .phone-area-code input.form-control{width: 100%;margin-top: 5px;}

/*======== agent 代理================*/
.main-agent .agent-navbar{margin-top:6px;}
.main-agent .agent-navbar a{color:#FAFFCD;}
.main-agent .slide .slide-indicators ul .active{background:#ab7610;}
.main-agent .agent .slide,.main-agent .agent .slide .slide-inner li{height:630px;}
.main-agent .agent-slide > .slide > .slide-inner{width:100%;}
.main-agent .agent-slide > .slide,.main-agent .agent-slide > .slide > .slide-inner li,.main-agent .agent-slide > .slide > .slide-inner li a{height:630px;text-align: center;}
.main-agent .agent-content-wrap{background:#eee;min-height:630px;-webkit-box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.4);box-shadow:inset 1px 1px 15px 5px rgba(0,0,0,0.4);}
.main-agent .agent-content{padding:50px 0 40px 0;color:#444;}
.main-agent .agent-content h1,.main-agent .agent-content h2,.main-agent .agent-content h3,.main-agent .agent-content h4,.main-agent .agent-content h5,.main-agent .agent-content h6{margin:1em 0;font-weight:bold;text-shadow:none;}
.main-agent .agent-content .title{font-weight:bold;}
.main-agent .agent-content .title small{display:block;height:40px;line-height:40px;text-shadow:none;}
.main-agent .agent-content .table{color:#333;}
.main-agent .agent-contact-list{height:50px;line-height:50px;margin:0;text-align:center;}
.main-agent .agent-contact-list li{font-size:14px;margin-right:20px;color:#b5b5b5;}
.main-agent .agent-contact-list li .gui{line-height:50px;margin-right:10px;}
.main-agent .agent-navbar li.active a{color:#FFEB3B;}

/*======== mobile 手机投注================*/
.main-mobile{position:relative;overflow: hidden;}

/* ===============page-error 错误页面=================== */
.main-error .error-code{min-height:720px;color:#000;padding:10px;}

/* aside */
.aside-float{position:fixed;z-index:2000;}
.aside-float li{width:134px;background-repeat:no-repeat;background-position:center top}
.aside-float li a{width:100%;height:100%;line-height:40px;background-repeat:no-repeat;display:inline-block;filter:alpha(opacity:0);opacity:0;-webkit-transition:opacity 200ms ease-in-out;-moz-transition:opacity 200ms ease-in-out;-ms-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;}
.aside-float li a:hover,.float-services li a:hover{opacity:1;}
.aside-float.aside-right,.aside-float.aside-right li{width:179px;}
/* 电子内页导航样式调整 */
.carousel-inner .api-tabs>li {  height: 60px;margin: 0;}
.carousel-inner .api-tabs>li>a:link, .api-tabs>li>a:visited, .api-tabs>.disabled:hover>a {
  height: 60px;
  line-height: 60px;
}

/*========== 浮动图 =============*/
#service{width:161px;height:290px;position:fixed;top:290px;right:0px; z-index:100;}
*html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#service li{width:161px;height:60px;}
#service li img{float:right;border-radius: 22px 0px 0px 22px;}
#service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;border-radius: 22px 0px 0px 22px;
  background: #fff;}
#service li a .shows{display:block;}
#service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
#p2{width:165px;height:47px;margin-left:20px;text-align:center;line-height:47px}
#p3{width:112px;height:47px;margin-left:47px;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
a:hover{text-decoration: none}
#service #qcode {position: absolute;right: 170px;bottom: 0;z-index: 1;display: none;}

/*====== left =====*/
#service.service_left{transform: rotateY(180deg);left: 0;}
#service.service_left #p2,#service.service_left #p3,#service.service_left img{transform: rotateY(180deg);}
#service #left_btn img,#service.service_left #right_btn img{transform: rotateZ(-90deg);}
#service.service_left li img{float:right;border-radius: 0 22px 22px 0;}
#service.service_left #qcode {right: 175px;}
#service.service_left .appxz,#service.service_left .appxzrwm img{transform: rotateY(0deg);}