@charset "UTF-8";
/*!
 * wns777-1509 威尼斯人
 * Author: nathan
 * Update by 2020-10-1
/* 禁用响应 */
@media (min-width: 990px) { .container { width: 1000px; } }
@media (min-width: 1200px) { .container { width: 1000px; } }
.screen-lg .container { width: 1000px; }

.container { width: 1000px !important; padding: 0; position: relative; overflow: visible; }
#casino-style .container{width: 1000px;}
.fish .container{width: 1000px !important;}
/* ==========全局样式========== */
a{color: #fff;}
a:hover { text-decoration: none; }
.page-banner {height: 264px;background: center/cover;}

ul { margin: 0;padding: 0 }
ul li{ margin: 0;list-style: none; }
.navbar-nav > li > a, .navbar-header, .navbar-text { line-height: 1; }
body { color: #FFFFFF; background-color: #261b14; font-size: 12px; }
.header-panel a:hover, .header-panel .dropdown-menu > li > a:hover { color: #be7660  !important; }
._vr_nickname { padding: 0 !important; display: inline-block; width: 80px; white-space: nowrap; overflow: hidden; vertical-align: text-bottom; text-overflow: ellipsis; height: 16px; line-height: 16px !important; }
.page-content img { max-width: 100%; }
.navbar-header img { height: 51px; }
.main-promo img{max-width: 100%;}
.main-promo .sidePromo dd .row { margin: 0; }
.msgbox .list-group-item { word-wrap: break-word; }
.bootstrap-dialog .bootstrap-dialog-message{color: #000;}
/* header */
header { background: #2a140a no-repeat center top;height: 186px; }
header .logo { float: left;  width: 410px;  margin-left: -40px;height: 105px;}
header .logor {  background: no-repeat left center;  width: 270px;  height: 110px;  float: left;  margin-left: 25px;  }
header .hdselect {  margin: 0;  height: 40px;  line-height: 40px;  overflow: hidden;  text-align: right;  padding-right: 80px;  background: no-repeat right center;  color: #FFFFFF;}
header .hdselect a:hover{color: #fc0}

/*--header-fomr-*/
header .header-form { height: 69px;}
header .header-form .left{ width: 122px;display: inline-block;vertical-align: top; }
header .header-form .right{ width: 134px; display: inline-block;vertical-align: top;}
header .header-form .input-group { width: 122px; height: 27px; line-height: 27px; color: #fff; margin: 0 5px 5px 0; display: inline-table;}
header .header-form ._vr_captcha_box {  width: 134px;z-index: 1;}
header .header-form .input-group.code .code-addon { padding: 0; }
header .header-form .input-group.code .code-addon img { width: 60px; height: 25px; vertical-align: top; }
header .header-form .input-group .form-control { background: #fff; border: none; font-size: 12px; height: 27px; line-height: 25px; color: #000; box-shadow: none; padding: 0 5px; }
header .header-form .input-group .form-control::-webkit-input-placeholder{color: #000;}
header .header-form .input-group .form-control::-moz-placeholder{color: #000;}
header .header-form .input-group .form-control:-moz-placeholder{color: #000;}
header .header-form .input-group .form-control:-ms-input-placeholder{color: #000;}
header .header-form .input-group .form-control:focus { box-shadow: none; }
header .header-form .btn-login { display: inline-block; text-align: center; line-height: 28px; width: 65px; height: 28px; margin-bottom: 4px;transition: all .2s;color: #fff !important;}
header .header-form .btn-login a {display: block;height: 100%;color: #fff !important;}
header .header-form .btn-login:hover{opacity: .8}
header .header-form .btn-forget:hover{color: #ff0;}
header .header-form .btn-register { display: inline-block; width: 115px; height: 55px; vertical-align: top;transition: all .2s;margin-left: 5px;}
header .header-form .btn-register:hover { background-position-y: bottom; }
header .header-form ._vr_unLogin ._vr_signSwitch{position: absolute;bottom: 11px;display:inline-block;width: 134px; height:27px;line-height:27px;text-align:center;background: linear-gradient(#b51c20,#6c0b0e);transition: all .2s;}
header .header-form ._vr_unLogin ._vr_signSwitch:hover{opacity: .8;color: #fff;}
header .header-form .header-panel {width: 300px;}
header .header-form .header-panel>ul{text-align: right;}
header .header-form .header-panel a { padding: 0 5px; color: #fff; }
header .header-form .header-panel .dropdown { vertical-align: top; }
header .header-form .header-panel .dropdown .dropdown-menu { background: #4e2c23; border: 0; margin-top: 0; }
header .header-form .header-panel .dropdown .dropdown-menu a { color: #fff; }
header .header-form .header-panel .dropdown .dropdown-menu a:hover { color: #fff; }
header .header-form .header-panel .dropdown.show-on-hover:hover .dropdown-menu { display: block; }
header .header-form .header-panel .dropdown .text-warning { color: #ff0;}

header .phone {  display: block;  font-size: 14px;  font-family: "Microsoft YaHei";  color: #ede3c7;  line-height: 27px;  float: right;  margin-top: 12px;display: none  }
header .phone a {  color: #ede3c7;  float: left;font-weight: bold;  width: 75px;  height: 30px;  border-radius: 15px;  margin-right: 6px;  background: rgba(172,112,58,0.3);  text-align: center;  }
header .phone a:hover {  color: #fc0;  }
.mian_index .header-form{display: none}
.mian_index .phone{display: block}
.list-inline>li{margin-top: 0 !important;}

header .nav .dropdown-menu.live{ transform: translateX(-10%);}


/* navbar 一级菜单 */
header .navbar{margin-bottom: 0;}
header .navbar-nav {display: flex;width: 100%;}
header .navbar-nav > li {text-align: center; height: 75px;flex: 1;margin: 0 8px;}
header .navbar-nav > li:hover,header .navbar-nav > li.active { background: #3c2e23 }
header .navbar-nav > li > a { padding: 0; color: #ede3c7; font-size: 14px; display: block;width: 100% ;font-weight: bold;padding-top: 50px;}
header .navbar-nav > li > a  span {  display: block;  width: 32px;  height: 32px;  background: no-repeat;  position: absolute;  left: 50%;  top: 10px;transform: translateX(-50%);  }
header .navbar-nav > li.sub-live > a span {  background-position: -236px 0;  }
header .navbar-nav > li.sub-casino > a span {  background-position: -355px 0;  }
header .navbar-nav > li.sub-sports > a span {  background-position: -119px 0;  }
header .navbar-nav > li.sub-lottery > a span {  background-position: -472px  0;  }
header .navbar-nav > li.sub-chess > a span {  background-position: -1061px 0;  }
header .navbar-nav > li.sub-financial > a span {  background-position: -1179px 0; }
header .navbar-nav > li.sub-promo > a span {  background-position: -590px 0; }
header .navbar-nav > li.sub-app > a span {  background-position: -707px 0; }
header .navbar-nav > li.sub-service > a span {  background-position: -943px 0; }
header .navbar-nav > li.sub-fish > a span {  background-position: -1297px 0; }
header .navbar-nav > li:hover a,header .navbar-nav > li.active a{color:#fbc373;}
header .navbar-nav > li:hover a > span,header .navbar-nav > li.active a > span{background-position-y: 100%}
header .navbar-nav > li > a.hot-icon:before {content: '';width: 21px;  height: 12px;  background: 0 0 no-repeat;  position: absolute;  top: 13px;  right: 4px;}
header .navbar-nav > li > a span { color: #FFE789; display: block; font-size: 12px; }
header .navbar-collapse .pull-right .openNewWindow{width: 140px;height: 42px;display: block;transition: all .2s;}
header .nav-item .dropdown-menu.live-dropdown { left: 0; }
header .nav-item .dropdown-menu a { color: #FFFFE4; font-size: 12px;padding: 3px 6px; }
header .nav-item .dropdown-menu>.active>a{color: #f00;background-color: transparent;}
header .nav-item .hot { display: inline-block; width: 38px; height: 21px; position: absolute; top: -17px; right: 14px; }
.esports{top: -6px !important;}


/* navbar-sub 二级菜单-样式二 */
header .nav .dropdown-menu > li {  background: center no-repeat !important;  }

/* notice */
.notice{margin-top: -39px;}
.notice .container{ height: 39px; position: relative; z-index: 4; line-height: 31px; }
.notice .notice-list { float: left; width: 865px; height: 39px; overflow: hidden; margin-left: 115px;line-height: 39px;}
.notice .notice-list a { color: #b68b67; font-size: 12px; }

/* banner */
.banner .slide,.banner .slide-inner,.banner .slide .slide-inner li{height: 415px !important;overflow: inherit;background-size: cover !important;}
.slide .slide-indicators ul li{width: 10px;height: 10px;border-radius:5px;background: #fff !important;opacity: 1}
.slide .slide-indicators ul .active {  background: #ffe500 !important;  }

/*index login*/
.login-box {width: 250px;height: 360px;position: absolute;top: 25px;padding: 50px 27px 0 27px;left: 50%;margin-left: 250px;background-size: 100% 100%;z-index: 3}
.login-box .login h2 ,.panel._vr_loginSuccess>h4{ font-weight: normal; font-size: 18px; color: #fdfbbc; margin: 0 0 12px; text-align: center;}
.dropdown-menu .divider{background: #444;}
.login-box .login .form-group {margin-bottom: 5px;background: #fff;width: 196px;height: 30px;}
.login-box .login .form-control { border: 1px solid #326fc3; color: #966f43; padding-left: 30px;height: 30px;background: no-repeat 0px; }
.login-box .login .form-control.captcha {background-position-x: 9px;}
.login-box .login .form-group .form-control::-webkit-input-placeholder{color: #966f43;}
.login-box .login .form-group .form-control::-moz-placeholder{color: #966f43;}
.login-box .login .form-group .form-control:-moz-placeholder{color:#966f43;}
.login-box .login .form-group .form-control:-ms-input-placeholder{color: #966f43;}
.login-box .login .form-control::-webkit-input-placeholder{color: #fff;}
.login-box .login .form-control:-ms-input-placeholder{color: #fff;}
.login-box .login .form-control:-moz-placeholder{color: #fff;}
.login-box .login .form-control::-moz-placeholder{color: #fff;}
.login-box .login .form-control:focus { box-shadow: none; }
.login-box .login .input-group { width: 196px;}
.login-box ._vr_unLogin{ margin-bottom: 72px;}
.login-box .login .input-group .input-group-addon { padding: 0; border: 0; width: 80px;position:absolute;right: 0;z-index: 999;background: none;}
.login-box .login .form-group1{display: inline-block;margin-top: 5px;}
.login-box .login .form-group1 a {  display: inline-block;  width: 90px;  height: 29px;  line-height: 29px;  font-weight: bold;  font-size: 17px;  cursor: pointer;  border: 0;  background: #f1e376;  color: #905b0f;  font-family: '微软雅黑';  text-align: center}
.login-box .login .form-group1 a.btn-register{background: #8a6b2c;color: #fff; margin-left: 12px;}
.login-box .login .form-group1 a:hover {  background: #a40000;  color: #fff;  }
.login-box .login .btn-login:hover,.login-box .login .btn-register:hover,.banner .login-box .login .forget-pas:hover{background-position-y: bottom;}
.login-box .login .forget-pas { color: #fff;position: relative; top: 10px; }
.login-box .login .forget-pas:hover { color: red;}
.login-box .panel { height: 152px;color: #eee; background: transparent; line-height: 30px; }
.login-box .panel a { display:inline-block;color: #fff; text-shadow: 0 1px 0 #000; margin: 0 5px;}
.login-box .panel a .label-info{background-color: #d9534f;}
.login-box .panel a:hover { color: #f1a130; }
.dropdown-menu.members-dropdown{width:320px!important;}
.text-warning{color: #fbc373 !important;}
.index-notice1{margin: 40px 0 0 -18px;}
.index-notice1 a:hover{color:#fff}
/* first-product-bg */
.first-product-bg{padding-top: 20px;}
.first-product-bg .first-game {  position: relative;  color: #EFE6E7;  z-index: 1;  overflow: hidden;  }
.first-product-bg .gamelist ul li {  width: 250px;  height: 156px;  float: left;  background: top center no-repeat;}
.first-product-bg .gamelist ul li:hover {background-position: bottom center;}
.first-product-bg .gamelist ul li a {  height: 156px;  display: block;  }
.first-product-bg .first-game .game-bg {  background: no-repeat left top; position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 0;  -webkit-transform: scale(1);  transition: all .4s ease;  }
.first-product-bg .first-game .text-wrap {  position: relative;  opacity: 0;  top: 30px;  filter: alpha(opacity=0);  width: 250px;  transition: all .6s ease;  z-index: -1;  text-align: center;  transform: translate3d(100px,100px,0);  }
.first-product-bg .first-game p {  min-height: 45px;  margin: 15px 0 10px;  line-height: 20px;  padding: 0 20px;  }
.first-product-bg .first-game a {  margin: 0 auto;  display: block;  width: 70px;  height: 30px;  line-height: 30px;  color: #EFE6E7;  text-align: center;  text-decoration: none;  background-color: #880A01;  transition: all .4s linear;  }
.first-product-bg .first-game .game-btn {  display: block;  width: 70px;  height: 30px;  border: 1px solid #880A01;  }
.first-product-bg .first-game:hover .text-wrap {  transform: translate3d(0,0px,0);  z-index: 2;  opacity: 1;  filter: alpha(opacity=100);  }
.first-product-bg .first-game .redbg {  display: none;  content: '';  position: absolute;  width: 100%;  height: 100%;  top: 0;  right: 0;  transition: all .4s linear;  opacity: 0;  filter: alpha(opacity=0);  background: rgba(0, 0, 0, 0.75);  z-index: 0;  }
.first-product-bg .first-game:hover .redbg {  opacity: 1;  filter: alpha(opacity=100);  filter: alpha(opacity=50)\9;  display: block;  }


.mainbottom .mainitem {  float: left;  width: 200px;  height: 200px;  margin-left: 25px;  }
.mainbottom .mainitem ul li {  height: 51px;  line-height: 51px;  }
.mainbottom .mainitem ul li a {  color: #7f5f45;  font-size: 16px;  font-family: Arial;  display: block;  }
.mainbottom .mainitem ul li:hover a {  color: #cc9466;  }
.mainbottom .mainitem ul li a span {  display: block;  width: 30px;  height: 30px;  float: left;  margin-top: 10px;  margin-right: 8px; background: left center no-repeat; }
.mainbottom .mainitem ul li:hover .ico01,.mainbottom .mainitem ul li:hover .ico02,.mainbottom .mainitem ul li:hover .ico03,.mainbottom .mainitem ul li:hover .ico04 {  background-position: right center;  }
.mainbottom .indexsports {  margin-left: 60px;  float: left;  }
.mainbottom .shuju { position: relative; background: no-repeat;  width: 325px;  height: 205px;  float: right;  padding-top: 45px;  }
.mainbottom .shuju span {  display: block;  margin-left: 165px;  height: 17px;  line-height: 17px;  margin-top: 21px;  color: #ffffff;  font-family: "Microsoft YaHei";  font-size: 12px;  }



/* footer  */
footer .page-footer {  float: left;  width: 100%;  margin: 0;  height: 220px;  background: #201610 top center no-repeat;  padding-top: 60px;  }
footer .footer-list {  width: 250px;  float: left;  }
footer .footer-list a {  height: 25px;  line-height: 25px;  width: 61px;  text-align: center;  margin-right: 17px;  color: #7f5f45;  margin-top: 18px;  display: block;  float: left;  background: no-repeat;  }
footer .footer-list a:hover {  color: #cc9466;  }
footer .b2 {  float: left;  width: 273px;  }
footer .b3 {  float: left;  width: 240px;  }
footer .b3 ul {  margin-top: 15px;  }
footer .b3 li {  height: 24px;  line-height: 24px;  font-family: "Microsoft YaHei";  color: #7f5f45;  font-size: 14px;  margin-bottom: 17px;  }
footer .b3 .ico {  width: 24px;  display: block;  height: 23px;  float: left;  margin-right: 7px;  }
footer .b3 .qq {  background: no-repeat;  height: 24px;  }
footer .b3 .num {  background: 0 -24px no-repeat;  height: 24px;  }
footer .b3 .email {  background: 0 -47px no-repeat;  height: 24px;  }
footer .b4 {  float: left;  width: 232px;  }
footer .b4 img {  margin-top: -26px;  }

/* =============== casino 电子=================== */
.casino-banner{  height: 264px; background: #130b08 no-repeat center top;}
.main-casino #casino-cont.casino.theme-black > .container {  background: #291413;  }
.main-casino #casino-cont.casino.theme-black .api-nav .swiper-container .swiper-slide.odd {  background: #39221d;  }
.main-casino #casino-cont.casino.theme-black .api-nav .swiper-container .swiper-slide {  border-top: 3px solid #5a3834;  }
.main-casino #casino-cont.casino.theme-black .api-nav .swiper-container .swiper-slide.active {  background: #6b423b;  border-top: 3px solid #8d6764;  }
.main-casino #casino-cont.casino.theme-black .api-nav .swiper-container {  background: #231310;  }
.main-casino #casino-cont.casino.theme-black .casino-sorts {  border-bottom: 5px solid #8d6764;  background: #51302b;  }
.main-casino #casino-cont.casino.theme-black .casino-sorts .search-box .form-control {  border: 1px solid #231310;  background-color: #39221d;  }
.main-casino #casino-cont.casino > .container .casino-sorts .search-box .btn-search {  background: #a27130;  border: 1px solid #b48b4d;  }
.main-casino #casino-cont.casino > .container .casino-sorts .search-box .btn-search {  background: #8d6764;  border: 1px solid #a27130;  }
.main-casino #casino-cont.casino.theme-black .game-list-header .sort2 li {  border: 1px solid #8d6764;  background: #8d6764;  }
.main-casino #casino-cont.casino.theme-black .casino-sorts .toggle-api {  color: #fbc373;  }
.main-casino #casino-cont .container .game-list-header .all_g_txt span {  color: #fbc373;  }
.main-casino #casino-cont .casino-sorts .nav-tabs > li:hover {  background: none;  }
.main-casino #casino-cont .casino-sorts .nav-tabs > li.active > a, #casino-cont .casino-sorts .nav-tabs > li:hover > a {  background-color: #8d6764;  }
.main-casino #casino-cont .casino-sorts .nav-tabs > li:hover a {  color: #ffefb0!important;  }
.main-casino #casino-cont .casino-sorts .nav-tabs > li > a {  padding: 6px 10px;  }
.main-casino #casino-cont .game-list-header .jackpot .j_txt .t_g_name span {  color: #fbc373;  }
.main-casino #casino-cont .casino-game-list .game-item .game-info .g_line2 span {  color: #fbc373;  }
.main-casino #casino-cont .casino-game-list .game-item {  background: #39221d;  }
.casino-sorts .all_g_txt span { color: #fbc373 !important; }

/* =============== chess 棋牌=================== */
main.main-chess section.chess-warp { margin: 20px 0}
main.main-chess section.chess-warp .container{ width: 1000px;}
main.main-chess section.chess-warp .container ul{padding: 0;}
main.main-chess section.chess-warp .item{position: relative; height: 232px;width: 247px; display: inline-block; vertical-align: text-bottom;overflow: hidden;margin-bottom: 10px;    text-align: center;}
main.main-chess section.chess-warp .item .drop{ width: 100px;height: 90px;overflow: hidden;position: absolute;top: 0;left: 0; z-index: 1;text-align: center;}
main.main-chess section.chess-warp .item .drop .buy-icno{ animation: chess-drop 2.5s linear infinite forwards;}
main.main-chess section.chess-warp .item .chess-logo{ position: absolute;top: 165px;left: 1px;width: 240px;height: 65px; cursor: default;}
main.main-chess section.chess-warp .item .chess-logo span{ font-size: 24px;    display: inline-block;height: 65px;line-height: 65px;}
main.main-chess section.chess-warp .item .chess-logo .chess-text{font-weight: bold;color: transparent;background-image: -webkit-gradient(linear, 0 25, 0 bottom, from(#ffff9d), to(#996d09));-webkit-background-clip: text;}
main.main-chess section.chess-warp .item:hover .mask{ width: 242px;height: 166px; position: absolute;left: 2px; top: 0; z-index: 1;}
main.main-chess section.chess-warp .item:hover .mask a{ width: 109px;height: 37px;display: block;margin-top: 70px;margin-left: 70px;}
main.main-chess section.chess-warp .item .animate-girl { position: absolute;top: 0;left: 20px;animation:shak-girl 5s infinite ease-in-out}
main.main-chess section.chess-warp .item .light { position: absolute;left: -403px;top: 0;width: 242px;height: 232px;background: -webkit-linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));background: -o-linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));background: -moz-linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));background: linear-gradient(0deg, rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));transform: skew(25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
main.main-chess section.chess-warp .item:hover .light{ left: 403px;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;}
/*棋牌动画*/
/*左上角牌子动画*/
@keyframes chess-drop {
    0% {-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(20deg);transform:rotate(20deg);}
    50% {-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
    100% {-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
/*人物左右移动*/
@keyframes shak-girl{
    0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(20px);
    }
    100%{
        transform: translateX(0px);
    }
}


/*==================== lottery 彩票游戏 ====================*/
.lottery-banner{  height: 264px; background: #130b08 no-repeat center top;}
.lottery .lottery-item{ height:400px;position: relative;background-repeat: no-repeat;}
.lottery .lottery-item:nth-child(1),
.lottery .lottery-item:nth-child(2),
.lottery .lottery-item:nth-child(3){height: 512px;}

.lottery .lottery-item .animate-girl{ position: absolute;top: 104px;left: 20px; background-size: 80%;background-repeat: no-repeat;animation: shak-girl 5s infinite ease-in-out}
.lottery .lottery-item:nth-child(1) .animate-girl{width: 231px; height: 406px;}
.lottery .lottery-item:nth-child(2) .animate-girl{width: 287px; height: 298px;top: 191px;}
.lottery .lottery-item:nth-child(3) .animate-girl{width: 306px; height: 407px;}
.lottery .lottery-item:nth-child(4) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(5) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(6) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(7) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(8) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(9) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(10) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(11) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(12) .animate-girl{width: 287px; height: 298px;}
.lottery .lottery-item:nth-child(2) .lottery-logo {right: 108px;top: 35px;}
.lottery .lottery-item:nth-child(3) .lottery-logo {left: 30px;}
.lottery .lottery-item .lottery-logo {position: absolute;right: 38px;bottom: 106px;width: 130px;text-align: center;}
.lottery .lottery-item .lottery-logo span{display: block;}
.lottery .lottery-item .lottery-logo span.lottery-name{font-weight: bold;font-size: 30px;text-align: center;}
.lottery .lottery-item:nth-child(2) .btn_play{left: 122px;}
.lottery .lottery-item:nth-child(3) .btn_play{right: 30px;left: auto;}
.lottery .lottery-item .btn_play{display: block;width: 80px;height: 80px;position: absolute;bottom: 75px;left: 20px;z-index: 14;}
.lottery .lottery-item .btn_play .lottery-play-bg{position: absolute;z-index: 15;animation: around 1s infinite ease;}
.lottery .lottery-item .btn_play .lottery-play-btn{ position: absolute;bottom: 8px;left: 18px;z-index: 18;}
.lottery .lottery-item .lottery-text { width: 230px; position: absolute;   bottom: 15px;left: 50%;transform: translateX(-50%);font-size: 16px;line-height: 20px;text-align: center;}
/*彩票动画*/
/*人物左右移动和棋牌公用动画*/
/* animation-iteration-count:2; 可以设置运动几次*/
@-webkit-keyframes around{
    0% {
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }

}
@keyframes around{
    0% {
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* ===============live 真人=================== */
live-list .row{background:#0a0c1c;margin:30px 0;}
.live-list .row .live_esd{float:left;width:300px;height:288px;border:2px solid #383d5e;line-height:50px;text-align:center;position:relative;}
.live-list .row .item:hover .live_esd{border:2px solid #f39800;}
.live-list .row .live_esd h4{color:#fff;}
.live-list .row .live_esd>img{background:#000;border:solid 1px #252945;opacity:1;transition:all .3s;}
.live-list .row .live_esd p{color:#a0a0a0;}
.live-list .row .item{ position: relative;height: 50px;height: 288px;width: 300px;display: inline-block;margin: 0 0 20px 23px; }
.live-list .row .into{display:block;width:158px;height:34px;line-height:34px;text-align:center;color:#fff;background:#f39800;margin:0 auto;font-size:14px;font-family:"Microsoft Yahei";border-radius:3px;position:absolute;top:40%;left:24%;opacity:0;transition:all .3s;}
.live-list .row .into:hover{background:#0099ff;text-decoration:none;}
.live-list .row .item:hover .live_esd>img{opacity:.3;}
.live-list .row .item:hover .into{opacity:1;}
.live-list .row_match {  width: 1000px;  margin: 10px auto;  background: #0a0c1c;padding-top: 25px }



/* =============== sports 体育 =================== */
.main-sports .sports-bg{height: 280px;margin-bottom: 20px;}
.sports-list{width:100%;min-height:46px;display:table;table-layout:fixed;list-style:none;padding:0;}
.sports-list>li{display:inline-block;width:330px;height:399px;margin:20px 0px 40px 0;text-align:center;vertical-align:bottom;}
.sports-list>li>.sports-item{height:100%;}
.sports-list>li>.sports-item>.item{display:block;height:400px;padding-top: 10px;background: center bottom no-repeat;}
.sports-list>li>.sports-item>.item>img{transition:all 300ms;}
.sports-list>li>.sports-item>.item:hover {background: center bottom no-repeat;;}
.sports-list>li>.sports-item>.title{width: 250px;min-height:60px;line-height: 55px;display: inline-block;background: no-repeat;position: relative;bottom: 30px;}
.sports-list>li>.sports-item>.title>a{display: inline-block;width: 100%;height: 100%;color:#fff;font-size:20px;font-weight: bold;}
.sports-list>li>.sports-item>.title>a>p{color:#bfbfbf;font-size:12px;margin-top:10px;}
.sports-list>li:hover .sports-item>.title{background: no-repeat;}
.sports-list>li:hover .sports-item>.title>a{color:#ffd032;}

.main-sports .sports-box {width: 1010px;margin: 0 auto;min-height: 768px;text-align: center;background: #fff;}
.sports-box.hg { background: #fff;     width: 1060px;}
.main-sports .sports-box > .h1 { color: #dc3834; }
#screen_F .full-screen a {  background: #39221d;  color: #f7aa9d;  }
/* api-tabs */
.main-sports .api-tabs { background: #39221d; border: 0; padding: 0; }
.main-sports .api-tabs > li.active, .api-tabs > li:hover { background: #6b423b;}
.main-sports .api-tabs>li>a:link, .main-sports .api-tabs>li>a:visited, .main-sports .api-tabs>.disabled:hover>a{color: #f7aa9d;}
.api-tabs > li.active > a, .api-tabs > li > a:hover { color: #fff !important; }
.api-tabs > li + li, .api-tabs > li.active, .api-tabs > li:first-child.active, .api-tabs > li:last-child.active { border: none; border-bottom: 2px solid transparent; }
.carousel-inner .api-tabs>li>a:link{height:48px;line-height:48px}


/* =============== promo 优惠 =================== */
.promo-banner{  height: 264px; background: #130b08 no-repeat center top;}
#promo-style.main-promo{width: 1010px;margin-top: 10px;}
#promo-style.main-promo.theme-white {  background: none;  }
#promo-style.main-promo.theme-white .promo-top-bar {  background: #2a1814;  border: 1px solid #222;  }
#promo-style.main-promo.theme-white .promo-top-bar > ul li{padding: 5px 10px; background: #ff9a35; border-radius: 4px;line-height: inherit; font-size: 15px;font-weight: bold;}
#promo-style.main-promo.theme-white .promo-top-bar > ul li.active {  background: #8c2e00;  }
#promo-style.main-promo.theme-white .promo-top-bar > ul li.active:after {display: none; }
#promo-style.main-promo.theme-white .promo-top-bar > ul li:hover {  background: #8c2e00;  }
#promo-style.main-promo.theme-white .promo-top-bar > ul li a {  color: #000;  }
#promo-style.main-promo.theme-white .promo-top-bar .search-bar .btn-search {  background: #ff9a35;  border: 1px solid #ff9a35;  }
#promo-style.main-promo.theme-white .list-type2 .promo-item {  background:none;  border: none;  }
#promo-style.main-promo.theme-white .list-type2 .promo-item .promo-detail {  background: #33241b; height: auto !important; }
#promo-style.main-promo .list-type2 .promo-item .shadow .btn-apply {  background: #ff9c00;  }
#promo-style.main-promo .list-type2 .list_type2_item_tit {  border-left: 4px solid #ff9c00; }
#promo-style.main-promo.theme-white .list-type2 .list_type2_item_tit ,
#promo-style.main-promo.theme-white .list-type2 .promo-item .promo-detail .tit{ display: none; }
#promo-style.main-promo .list-type2 .promo-item .promo-status.processing{ background: #ff9a35;}



/* =============== about 关于 =================== */
.main-about .contentcenter{ background: none;margin: 10px auto;}
.main-about .col-4-3{padding-left: 0}
.main-about .col-4-3 > .page-content{padding: 0px 30px;}
.main-about .panel-body { padding: 0px;}
.main-about .page-left a.list-group-item {  display: block;  height: 45px;  width: 240px;  line-height: 45px;  color: #9e7757;  font-size: 14px;  font-weight: bold;  text-align: center;  text-decoration: none;  background: none;  border: none;  padding:0; }
.main-about .page-left li:hover a, .main-about .page-left li a.active{  color: #fbc373;  background-position-y: 100%; background: #4d3729 }
.main-about .page-left li:hover a:before,.main-about .page-left li a.active:before {  background-position: center bottom;  }
.main-about .page-content p { color: #996633; line-height: 22px; }
.main-about .page-content h3, .main-about .page-content h4, .main-about .page-content h5 { color: #fff; }


/*======== register 注册================*/
.sidemenu-body{margin: 0;  height: auto;width: 240px;  padding: 0px;  padding-top: 143px;  background: #38281e no-repeat center top; }
.left_down {  margin: 0;  height: 160px; width: 240px; background: no-repeat center top;  }
.sidemenu a {  display: block;  height: 45px;  width: 240px;  line-height: 45px;  color: #9e7757;  font-size: 14px;  font-weight: bold;  text-align: center;  text-decoration: none;  background: none;  border: none;  padding:0;  }
.sidemenu a:hover{  color: #fbc373;  background: #4d3729;  }
.sidemenu a:focus{background: none;color: #9e7757}
.register-box .reg-head{width: 100%; height: 48px; padding: 5px; background: no-repeat center; text-align: center;}
.register-box .reg-head p{display: inline-block;color: #f8e678; font-size: 14px; font-weight: bold; padding-left: 60px; line-height: 48px;background: no-repeat left;background-size: 48px 48px;}
.register-box .form-horizontal .control-label { color: #f8e678; }
.register-box .form-horizontal fieldset { position: relative;margin: 20px auto; border:2px solid #9b836f;border-radius: 15px; padding: 20px 0; }
.register-box .form-horizontal fieldset h5 { color: #ff0;font-size: 12px;font-weight: bold; position: absolute; top: -25px; left: 18px; background: #261b14; padding: 5px 5px; }
.register-box .form-horizontal .form-group .form-control{border-radius: 8px;}
.register-box .form-horizontal .form-group .form-help { color: #fff100; }
.register-box .form-horizontal .form-group .c-p-box { color: #9b836f; }
.register-box .form-horizontal .form-group .c-p-box a:hover{text-decoration: underline;}
.register-box .form-horizontal .form-group .btn-warning { color: #462205; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFECCE), to(#FEC36A)); background-image: -webkit-linear-gradient(top, #FFECCE, #FEC36A); background-image: -o-linear-gradient(top, #FFECCE, #FEC36A); background-image: linear-gradient(to bottom, #FFECCE, #FEC36A); background-image: -moz-linear-gradient(top, #FFECCE, #FEC36A); }
.register-box .form-horizontal dl{color:#c9b2a0;padding-left: 30px;}
.register-box .form-horizontal dl dd{line-height: 28px;}
.register-box .form-horizontal .form-group .phone-area-code{flex-wrap: wrap;}

/*==================== agent 代理 ====================*/
header.main_agent .navbar-nav{width: 100%}
header.main_agent .navbar-nav > li{margin: 0 36px;}
.main-agent .agent-slide > .slide, .main-agent .agent-slide > .slide > .slide-inner li, .main-agent .agent-slide > .slide > .slide-inner li a { height: 630px; }
.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; }

header.main_agent .navbar-nav > li > a{padding: 0;line-height: 75px;}

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

