@charset "UTF-8";

/*!
 * yinhe05 澳门银河
 * Author: Jacky
 * Update by 2017-4-6
 */

/* 禁用响应 */
@media (min-width: 990px){
    .container{ width: 1000px !important; }
}
@media (min-width: 1200px){
    .container{ width: 1000px !important; }
}
.screen-lg .container{ width: 1000px !important; }
.container{ width: 1000px !important; padding: 0; position: relative; overflow: visible; }
/* ==========全局样式========== */
.bootstrap-dialog .bootstrap-dialog-message{ color: #000000; }
a:hover{ text-decoration: none; }
ul{ margin: 0; }
.navbar-nav > li > a,
.navbar-header,
.navbar-text{ line-height: 1; }
body{ background: #202024; color: #FFFFFF; font-size: 12px; }
.header-panel a:hover,
.header-panel .dropdown-menu > li > a:hover{ color: #BBBB3C !important; }
.main-promo img{ max-width: 100%; }
._vr_nickname{ padding: 0 !important; display: inline-block; width: 70px; 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 .sidePromo dt{ padding: 0 30px; }
.main-promo .sidePromo dd .row{ margin: 0; }
.msgbox .list-group-item{ word-wrap: break-word; }

/* header */
header {height: 195px;}
header .container {width: 1200px!important;}
header .header-top{ position: relative; height: 35px; padding-left: 35px; color: #BCB16B; font-size: 13px; line-height: 35px; background: no-repeat center top; }
header .header-top:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; }
/*.header-top .autel{ padding-left: 25px; background: url(images/top_autel.png) no-repeat left center; }*/
/*header .header-top .phitel{ position: absolute; top: 0; right: 35px; padding-left: 25px; background: url('images/top_phitel.png') no-repeat left center }*/
header .header-top span{ margin-left: 30px; color: #999999 }
header .lang-bar{ color: #999999; float: right; margin-left: 5px; }
header .lang-bar a{ color: #FFFFFF; }
header .lang-bar .list-lang li{ padding: 0; }
/*header .lang-bar .list-lang a{ width: 22px; height: 20px; vertical-align: top; background: url(images/lang_circle.png) no-repeat; display: inline-block; }*/
header .lang-bar .list-lang a.lang-cn{ background-position: 0 -40px; }
header .lang-bar .list-lang a.lang-us{ background-position: 0 -80px; }
.top-nav{ position: absolute; top: 35px; right: 0; min-width: 719px; font-size: 0; text-align: right; border-bottom: 1px solid #302F30 }
.top-nav > li{ display: inline-block; vertical-align: middle }
.top-nav > li + li:before{ content: '|'; display: inline-block; padding: 0 6px; color: #323232; font-size: 12px }
.top-nav > li > a{ color: #999999; font-size: 12px; text-decoration: none; line-height: 51px }
.top-nav > li.red > a{ color: red }
.top-nav > li > a:hover{ color: #FFD053 }
.top-nav > li.slot > a{ color: #A1925C }
.top-nav > li.language{ color: #999999; font-size: 12px; line-height: 20px }
.top-nav > li.language span{ display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-left: 2px; background: no-repeat center center; cursor: pointer }
.logo{ display: inline-block; width: 257px; height: 86px; vertical-align: top; margin: 12px auto 13px; }
.logo > a{ display: inline-block; width: 100%; height: 100% }
.logo > a img{ max-width: 257px; max-height: 86px;}
header .nav{ position: relative;  right: 0; font-size: 0 }
header .agent-container{ width: 1000px!important; }
header .agent-nav{ position: absolute; top: 87px; right: 0; font-size: 0 }
header .nav .nav-item{ position: relative; display: inline-block; width: 85px; height: 59px; vertical-align: top }
header .nav .nav-item.live-item { margin: 0; border-width: 0px; }
header .nav .nav-item.small{ width: 50px }
header .nav .nav-item > a{ position: relative; display: inline-block; width: 100%; height: 100%; padding: 20px 0 0 0; color: #FFFFFF; font-size: 14px; text-align: center; text-decoration: none;cursor: pointer; }
header .nav .nav-item.red > a{ color: red }
header .nav .nav-item.promotion > a{ color: #00DC7C }
header .nav .nav-item.hot > a:before{ content: ''; position: absolute; top: -5px; right: 0; display: inline-block; width: 23px; height: 26px; background: no-repeat center top }
/*=====真人二级导航=====*/
/*header .nav .nav-item a[data-apitype="1"][data-api="7"]:after,*/
/*header .nav .nav-item a[data-apitype="1"][data-api="9"]:after,*/
/*header .nav .nav-item a[data-apitype="1"][data-api="10"]:after,*/
/*header .nav .nav-item a[data-apitype="1"][data-api="33"]:after,*/
    /*=====电子二级导航=====*/
/*header .nav .nav-item a[data-apitype="2"][data-api="3"]:after,*/
/*header .nav .nav-item a[data-apitype="2"][data-api="6"]:after,*/
/*header .nav .nav-item a[data-apitype="2"][data-api="9"]:after,*/
/*header .nav .nav-item a[data-apitype="2"][data-api="10"]:after,*/
/*header .nav .nav-item a[data-apitype="2"][data-api="28"]:after,*/
/*header .nav .nav-item a[data-apitype="2"][data-api="32"]:after,*/
    /*=====体育二级导航=====*/
/*header .nav .nav-item a[data-apitype="3"][data-api="19"]:after,*/
/*header .nav .nav-item a[data-apitype="3"][data-api="21"]:after,*/
    /*=====彩票二级导航=====*/
/*header .nav .nav-item a[data-apitype="4"][data-api="10"]:after,*/
/*header .nav .nav-item a[data-apitype="4"][data-api="22"]:after{ content: ''; position: absolute; top: -5px; right: 0; display: inline-block; width: 23px; height: 26px; background: url('images/hot.gif') no-repeat center top }*/

/*header .nav .nav-item:hover > a,*/
/*header .nav .nav-item.active > a{ color: red; border-bottom: 2px solid red }*/
/*header .nav .nav-item.mobile:hover:before{ content: ''; position: absolute; z-index: 2; top: 100%; left: 50%; width: 120px; height: 140px; margin-left: -60px; }*/
/*header .nav.navbar-nav .nav-item .dropdown-menu{ border: none; border-top: 2px solid #FFD053;}*/
/*header .nav .dropdown-menu li a{ position: relative; }*/


/*-------*/
.navbar{height: 59px;align-items: center;top: -112px;}
.navbar .container{display: flex; justify-content: end;}
/*header .navbar-collapse{overflow: visible;width: 100%;}*/
/*header .nav9.navbar-sub{left: 0;top: 96px;}*/
/*header .navbar ul{display: flex;width: 100%;justify-content: center;align-items: center;}*/
/*header .navbar ul li{display: flex;margin: 0 0.2vw;align-items: center;position: relative;}*/
/*header .navbar ul li i{width: 8px;height: 8px;margin-left: 4px;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all .3s;}*/
/*header .navbar .nav-item:hover a{color: #fff975;}*/
/*header .navbar .nav-item.active a{color: #fff975;}*/
/*header .navbar .nav-item:hover i,header .navbar .nav-item.active i{transform: rotate(180deg);}*/
/*header .navbar .nav-item a{color:#fff;margin: 0 auto;padding: 0px;font-size: 0.75vw}*/
/*header .navbar ul li.pz img{position: absolute;right: 0;top: 50px;display: none;}*/
/*header .navbar ul li.pz:hover img{display: block;}*/


.agent-nav li{ position: relative; display: inline-block; width: 120px; height: 59px; vertical-align: top; }
.agent-nav li:hover a,
.agent-nav .active a{ color: red; border-bottom: 2px solid red; }
.agent-nav li a{ position: relative; display: inline-block; width: 100%; height: 100%; padding: 20px 0 0 0; color: #FFFFFF; font-size: 14px; text-align: center; text-decoration: none; }
.header-form{ position: relative; display: inline-block; vertical-align: top; width: 100%; }
.header-form > .container{ padding: 8px 5px 0; height: 46px; background-color: #17171B; width: 1000px!important; }
.header-form input{ display: inline-block; width: 180px; height: 30px; vertical-align: middle; margin-right: 3px; padding: 0 5px 0 30px; color: #FFFFFF; font-size: 12px; line-height: 28px; background: #252528 no-repeat 8px center; border: 1px solid #3D3D40; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none; -moz-transition: border-color ease .4s; -o-transition: border-color ease .4s; -webkit-transition: border-color ease .4s; transition: border-color ease .4s }
.header-form input::-webkit-input-placeholder{ color: inherit }
.header-form input:-ms-input-placeholder{ color: inherit }
.header-form input::-moz-placeholder{ color: inherit }
.header-form input.placeholder{ color: inherit }
.header-form input:focus{ border-color: #FFD053 }
/*.header-form .pull-right{ margin-top: -8px; }*/
.header-form .account input{ }
.header-form .password input{ }
.header-form .code input{ }
/*.header-form .code{ display: inline-block !important; }*/
.header-form a.btn{ display: inline-block; width: 100px; height: 30px; vertical-align: middle; margin-right: 3px; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: center top; border: none; -moz-transition: background-position ease .4s; -o-transition: background-position ease .4s; -webkit-transition: background-position ease .4s; transition: background-position ease .4s }
.header-form button:hover{ background-position: center bottom }
.header-form .btn-login{ }
.header-form .btn-register{ }
.header-form .trial-btn{ }
.header-form .password {margin-right: -40px;}
.header-form a.forget-pas{ position: relative; top: 0; right: 42px; height: 46px; color: #FFFFFF; font-size: 12px; text-decoration: none }
.header-panel{ line-height: 30px; }
.header-panel a{ color: #FFFFFF; padding: 0 10px; }
.banner{ height: 180px; text-align: center; }
.banner img{ height: 180px; margin: 0 auto;}

/* slide */
.home-slide.slide{ height: 400px; background: none; }
.home-slide.slide .slide-inner{ width: 100%; position: absolute; }
.home-slide.slide .slide-inner li{ height: 400px; }
.home-slide.slide .slide-inner li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-slide.slide .slide-indicators{ bottom: 10px; }
.home-slide.slide .slide-indicators ul li{ width: 14px; height: 14px; border-radius: 100%; background: #222222; opacity: 1; }
.home-slide.slide .slide-indicators ul li.active{ background: red; }
.main-home .home-slide .slide-indicators > ul{margin-left: -40px;}
/* notice */
.notice{ height: 46px; position: relative; line-height: 46px; }
.notice .title{ width: 98px; font-size: 14px; height: 46px; float: left; color: #E9DD84; background: no-repeat center; margin: 0 5px; }
.notice .notice-list{ float: left; width: 885px; height: 46px; overflow: hidden; padding-left: 10px; }
.notice .notice-list a{ color: #FFFFFF; font-size: 12px; }
.notice .prev,
.notice .next{ display: block; position: absolute; right: 0; width: 22px; height: 22px; filter: alpha(opacity=100); opacity: 1; }
.notice .prev{ background-position: left top; top: 8px; }
.notice .prev:hover{ background-position: right top; }
.notice .next{ background-position: left bottom; top: 34px; }
.notice .next:hover{ background-position: right bottom; }
.support{ display: block; font-size: 0; height: 96px; margin: 10px 0; padding: 34px 0 0 0; background: no-repeat center }
.support li{ position: relative; display: inline-block; width: 200px; vertical-align: top }
.support li + li:before{ content: ''; position: absolute; width: 1px; height: 34px; background: no-repeat center; background-size: cover }
.support li a{ display: block; height: 100%; padding-left: 60px; color: #DFD27F; font-size: 14px; line-height: 17px; text-decoration: none; background: no-repeat 18px center }
.support li a span{ display: block; color: #666666; font-size: 12px }
.support li a:hover span{ color: #DFD27F }
.support li.app a{  }
.support li.ali a{  }
.support li.wechat a{ }
.support li.qq a{ }
.support li.fast a{ }

.game-box{ padding: 0; display: block; font-size: 0;margin-top: 20px;margin-bottom: 10px;}
.game-box li{ display: inline-block; width: 245px; height: 360px; vertical-align: top; margin: 0 3px;}
.game-box li:first-child{margin-left: 0;}
.game-box li:last-child{margin-right: 0;}
.game-box li a{ position: relative; top: 0; display: inline-block; width: 100%; height: 100%;overflow: hidden; background: no-repeat center bottom;box-shadow: 0 0 0 rgba(0, 0, 0, 0);transition: all .3s;}
.game-box li a:hover{top: -10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 1);}
.game-box li.slot a{ }
.game-box li.live a{ }
.game-box li.sport a{ }
.game-box li.fish a{ }
.game-box li a:before{position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);}
.game-box li a:hover:before{ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}
.game-box li a .game-1{width: 100%;height: 355px;text-align: center;background: rgba(30, 30, 30, 0);padding-top: 0;opacity: 0;transition: all .3s;}
.game-box li a:hover .game-1{padding-top: 150px;background: rgba(30, 30, 30, .8);opacity: 1;}
.game-box li a .game-2 span{width: 0;height: 5px;display: inline-block;background: #FFFF00;transition: all .3s;}
.game-box li a .game-2 span.game-border1{float: left;}
.game-box li a .game-2 span.game-border2{float: right;}
.game-box li a:hover .game-2 span{width: 50%;}

footer{ font-size: 0; margin-top: 10px; }
.footer-contact{ display: block; padding: 0; font-size: 0; margin-bottom: 20px; background: #222225; border: 1px solid #2B2B2E }
.footer-contact li{ display: inline-block; width: 33.3333%; height: 48px; vertical-align: top; padding-left: 37px; color: #666666; font-size: 12px; line-height: 48px; background: no-repeat 10px center; text-align: center; }
.footer-contact li.mail,
.footer-contact li.chat,
.footer-contact li.phone.ma,
.footer-contact li.agent.ma{ background-color: #29292D }
.footer-contact li span{ color: #FFFFFF }
.footer-contact li.tel{  }
.footer-contact li.mail{ background: no-repeat 45px 50%; }
.footer-contact li.qq{ background: no-repeat 80px 50%; }
.footer-contact li.chat{ padding-left: 43px; background: no-repeat 80px 50%; }
.footer-contact li.phone{ background-image: url('images/contact_phone.png') }
.footer-contact li.agent{ padding-left: 45px; }
.footer-deposit{ height: 100px; margin-bottom: 27px; background: no-repeat center 14px; border-top: 1px solid #2B2B2E }
.footer-logo{ height: 58px; margin-bottom: 15px; background: no-repeat center top }
.footer-infos{ display: block; padding: 0; font-size: 0 }
.footer-infos li{ display: inline-block; color: #666666; font-size: 12px; vertical-align: top }
.footer-infos .left{ width: 485px; padding-right: 39px; border-right: 1px solid #313031 }
.footer-infos .center{ padding-left: 26px; line-height: 31px }
.footer-infos .center .mail{ padding-left: 29px; background: no-repeat left center }
.footer-infos .center .mei-don{ padding-left: 18px; color: #999999; background: no-repeat left center }
.footer-infos .right{ width: 222px; float: right; }
.footer-nav{ display: block; margin-top: 20px; line-height: 61px; text-align: center; background: no-repeat center top }
.footer-nav li{ display: inline-block }
.footer-nav li + li:before{ content: '|'; padding: 0 12px; color: #323232; font-size: 12px }
.footer-nav li a{ color: #FFFFFF; font-size: 12px; text-decoration: none }
.footer-nav li.toggle-color a{ color: red }
.footer-nav li.toggle-color.color a{ color: #CC9E4F }
.footer-nav li a:hover{ color: red }
.footer-suggest{ margin: 0; color: #666666; font-size: 12px; line-height: 20px; text-align: center }
.partner,
.partner span{ width: auto; height: 36px; background: url(../../../ftl/commonPage/images/partner/partner-hongtu-white.png) no-repeat }
.partner{ position: relative; display: inline-block; cursor: pointer; margin-bottom: 15px; }
.partner span{ display: block; opacity: 0; filter: alpha(opacity=0); }
.partner.ht{ width: 110px; background-position: 0 0 }
.partner.ht > span{ background-position: 0 -36px }
.partner.lottery{ width: 106px; background-position: -110px 0 }
.partner.lottery > span{ background-position: -110px -36px }
.partner.bb{ width: 86px; background-position: -240px 0 }
.partner.bb > span{ background-position: -240px -36px }
.partner.mg{ width: 120px; background-position: -360px 0 }
.partner.mg > span{ background-position: -360px -36px }
.partner.pt{ width: 120px; background-position: -480px 0 }
.partner.pt > span{ background-position: -480px -36px }
.partner.ag{ width: 100px; background-position: -600px 0 }
.partner.ag > span{ background-position: -600px -36px }
.partner.og{ width: 88px; background-position: -720px 0 }
.partner.og > span{ background-position: -720px -36px }
.partner.hg{ width: 96px; background-position: -840px 0 }
.partner.hg > span{ background-position: -840px -36px }
.partner.sb{ width: 90px; background-position: -960px 0 }
.partner.sb > span{ background-position: -960px -36px }
.partner.png{ width: 95px; background-position: -1080px 0 }
.partner.png > span{ background-position: -1080px -36px }
.partner.gd{ width: 80px; background-position: -1200px 0 }
.partner.gd > span{ background-position: -1200px -36px }
.partner.bsg{ width: 90px; background-position: -1320px 0 }
.partner.bsg > span{ background-position: -1320px -36px }
.partner.ebet{ width: 104px; background-position: -1440px 0 }
.partner.ebet > span{ background-position: -1440px -36px }
.partner.opus{ width: 90px; background-position: -1560px 0 }
.partner.opus > span{ background-position: -1560px -36px }
footer .footer-link{ text-align: center; margin-bottom: 12px; }
footer .footer-link li{ position: relative; }
footer .footer-link li + li:before{ content: '|'; position: absolute; left: -3px; top: -1px; color: #656565; }
footer .footer-link a{ color: #656565; }
footer .footer-link a:hover{ color: #FFFFFF; }
footer .footer-copyright{ text-align: center; color: #656565; }

/* not-home-notice */
.notice.not-home-notice{ margin-top: 0; background: #191919; }

/* game-item */
.game-item{ display: inline-block; width: 204px; height: 220px; margin: 0 auto 10px; background: #272727; }
.game-item .item{ width: 204px; height: 143px; position: relative; display: block; overflow: hidden; background: #080A14; }
.game-item .item .game-img{ width: 204px; height: 143px; position: absolute; overflow: hidden; z-index: 0; text-align: center; padding-top: 10px;}
.game-item .item .game-img img{ max-width: 140px; }
.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: #EEEEEE; text-align: center; z-index: 2; text-shadow: 0 1px 0 #000000; }
.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: #FFD234; }
.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: #121212; }
.game-item .title .btn-play{ display: none; }
.game-item:hover .title .btn-play{ display: inline-block; }
.btn-more{ width: 100%; background: #414141; color: #FFFFFF; }
.btn-more:hover{ color: #FFFFFF; }

/* api-tabs */
.api-tabs{ background: #2B2A2A; border: 0; padding: 0; }
.api-tabs > li{ border-bottom: 2px solid transparent; }
.api-tabs > li > a:link,
.api-tabs > li > a:visited,
.api-tabs > .disabled:hover > a{ color: #B4B4B4; }
.api-tabs > li.active > a,
.api-tabs > li > a:hover{ color: #DC3834 !important; }
.api-tabs > li > a:link,
.api-tabs > li > a:visited,
.api-tabs > .disabled:hover > a{ color: #ACACB2; }
.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; }
.api-tabs > li:last-child{ border-right: 0; }
.api-tabs > li.active,
.api-tabs > li:hover{ background: #18181B; }
.carousel-inner .api-tabs > li > a:link{ height: 48px; line-height: 48px }
.lottery-box #api-tabs .carousel-inner .lottery-tabs{width: 100%;display: flex !important;}
.carousel-inner .api-tabs > li{ margin: 0; flex: 1;}

/* =============== casino 电子=================== */
.main-casino .game-banner{ height: 200px; }
.main-casino .btn-search{ background: #2B2A2A; color: #DC3834; border-radius: 4px; padding: 5px 12px; }
.main-casino .casino-sorts{ height: 50px; }
.main-casino .casino-sorts .nav-tabs{ float: left; border: none; }
.main-casino .casino-sorts .nav-tabs > li > a{ color: #ACACB2; padding: 8px 15px; }
.main-casino .casino-sorts .nav-tabs > li > a:hover,
.main-casino .casino-sorts .nav-tabs > li.active > a{ color: #DC3834; background-color: #17171B; border-color: transparent; }
.main-casino .casino-sorts .search-box{ width: 250px; float: right; margin-top: 4px; }
.main-casino .casino-sorts .form-control{ width: 160px; height: 32px; margin-right: 10px; color: #ACACB2; background-color: #FFFFFF; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; border: 1px solid #ECECEC; }
.main-casino .slot-winner{ height: 120px; font-size: 0; margin-bottom: 10px; background-color: #28272C }
.main-casino .slot-winner div.jackpot{ display: inline-block; width: 275px; vertical-align: top; padding-top: 22px; text-align: center }
.main-casino .slot-winner div.jackpot p.title{ margin: 0; color: #FFFFFF; font-size: 16px }
.main-casino .slot-winner div.jackpot span{ display: block; color: red; font-size: 30px }
.main-casino .slot-winner div.jackpot p.sub-title{ margin: 0; color: #666666; font-size: 12px }
.main-casino .slot-winner div.winner-list{ display: inline-block; width: 725px; height: 120px; vertical-align: top; padding: 8px 0 0 75px; background: url('https://cdn.igsttech.com/Web.Portal/JM001-01.Portal/Content/Views/Lobby/Game/winner.png') no-repeat left center }
.main-casino .slot-winner div.winner-list div.info{ display: inline-block; width: 285px; vertical-align: top }
.main-casino .slot-winner div.winner-list div.info:first-child{ position: relative; margin-right: 70px }
.main-casino .slot-winner div.winner-list div.info:first-child:after{ content: ''; position: absolute; top: 0; right: -30px; display: inline-block; width: 1px; height: 100%; background-color: #3B3A40 }
.main-casino .slot-winner div.winner-list li span{ display: inline-block; vertical-align: top; color: #999999; font-size: 12px; line-height: 26px }
.main-casino .slot-winner div.winner-list li span + span{ margin-left: 30px }
.main-casino .slot-winner div.winner-list li span.money{ color: #A1925C }
.main-casino #casino-style.casino.theme-black .api-nav .swiper-container .swiper-slide.active{border-top: 3px solid #F44336;}
.main-casino #casino-style.casino.theme-black .casino-sorts .nav-tabs > li.active > a,
.main-casino #casino-style.casino.theme-black .casino-sorts .nav-tabs > li:hover > a{background: #F44336;color: #FFFFFF !important;}
.main-casino #casino-style.casino > .container .game-list-header .jackpot .j_txt .t_g_name span,
.main-casino #casino-style.casino > .container .game-list-header .all_g_txt span,
.main-casino #casino-style.casino > .container .casino-game-list .game-item .game-info .g_line2 span{color: #F44336;}

#casino-style .container .casino-game-list .game-item.s_border:hover{ border-color: #F44336; }
#casino-style .container .game-list-header .sort2 li.active{ background: #F44336; border: 1px solid #F44336; }

/* =============== live 视讯 =================== */
.live-item > .item > .logo > .title{ color: #E9E689 !important;font-size: 0; }
.live-item:hover .title{ background: none !important; }

/* =============== sports 体育 =================== */
.main-sports .sports{ padding: 20px 0; }
.main-sports .sports-box{ width: 1000px; margin: 0 auto; min-height: 768px; text-align: center; background: #FFFFFF; }
.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.hg .sports-hg-fix{ display: block; }
.main-sports .sports-box.hg .api-tabs{ margin-bottom: 0; }
.sports-box.hg{ background: #FFFFFF; width: 1000px; }
.main-sports .sports-box > .h1{ color: #DC3834; }

/* =============== lottery 彩票 =================== */
.main-lottery .game-item .item{ background: #414141; }
.main-lottery .game-list{ padding-top: 10px; }
.main-lottery .lottery{ margin-top: 10px; }
.lottery .game-item{ width: 230px; height: 240px; }
.lottery .game-item .item{ width: 230px; height: 163px; }
.lottery .game-item .item .game-img{ width: 230px; height: 163px; }

/* =============== promo 优惠 =================== */
#myPromo { width: 100%; background: none; }
#myPromo .promo-top-bar > ul li.active { color: #ae0103; font-weight: bold; background-color: #F44336; }
#myPromo .promo-top-bar > ul li.active:after { border-top: 5px solid #F44336; }
#myPromo .promo-top-bar .search-bar .btn-search{ background: #252525;border: 1px solid #666666;}
#myPromo .list-type2 .list_type2_item_tit { border-left: 4px solid #F44336;}
#myPromo .list-type2 .promo-item .shadow .btn-apply { background-color: #F44336; color: #FFF; }
#myPromo .list-type2 .promo-item .promo-status.processing{ background: #f44336; }
#myPromo .list-type2 .promo-item .promo-detail .tit { display: none; }

/* =============== about 关于 =================== */
.main-about .about{ padding: 20px 0; }
.main-about .col-5-1{ padding: 0; }
.main-about .page-left{ width: 230px; }
.main-about .page-left .side-bar-title{ height: 60px; background-color: #C8B264; text-align: center; color: #633408; }
.main-about .page-left .side-bar-title h2{ margin: 0; padding-top: 16px; font-size: 18px; line-height: 20px; font-weight: bold; }
.main-about .page-left .side-bar-title p{ margin: 0; }
.main-about .page-left .list-group{ background-color: #000000; }
.main-about .page-left .list-group-item{ display: block; padding: 0 0 0 18px; width: 230px; height: 40px; line-height: 40px; color: #CBCBCB; background:  0 0 no-repeat; text-decoration: none; border: 0; }
.main-about .page-left .list-group-item:hover,
.main-about .page-left .list-group-item.active{ color: red; background-position: left bottom; }
.main-about .page-content{ padding: 10px; background: #000000; }
.main-about .page-content p{ color: #CCCCCC; line-height: 22px; }
.main-about .page-content h3,
.main-about .page-content h4,
.main-about .page-content h5{ color: #A58B5A; }
.main-about .page-bottom{ width: 230px; height: 260px; background: center no-repeat; }

/*======== register 注册================*/

.main-register .code img{ height: 34px; }
.main-register .account-info,
.main-register .person-info{ font-size: 14px; padding-left: 60px; position: relative; width: 80%; }
.main-register .account-info:before,
.main-register .person-info:before{ content: '账号信息'; background: #FFFFFF; position: relative; z-index: 1; padding: 0 5px; left: 5%; color: #000000; font-size: 14px; }
.main-register .person-info:before{ content: '个人信息'; }
.main-register .account-info:after,
.main-register .person-info:after{ position: absolute; content: ""; border-bottom: solid 1px #999999; width: 100%; left: 10%; bottom: 6px; }
.main-register form{ color: #666666; }
.main-register form .btn-block{ background: #C8B264; border-color: #C8B264; }
.reg-tit{ margin-top: 22px; text-align: left; font-size: 16px; color: #F8F09C; }

/*捕鱼*/

/*==================== 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; }
.main-agent .agent-content-wrap{ background: #EEEEEE; min-height: 630px; box-shadow: inset 1px 1px 15px 5px rgba(0, 0, 0, 0.4); }
.main-agent .agent-content{ padding: 50px 0 40px 0; color: #444444; }
.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: #333333; }
.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; }

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

/*======== page-game 游戏页面================*/
.game-header{ height: 51px; }
.game-header .header-form{ height: 51px; background: #1B1B1B; }
.game-header .header-form .header-panel{ padding-top: 16px; }

/* ===============aside=================== */
.aside-float{ position: fixed; z-index: 2000; }
.aside-float li{ width: 130px; background-repeat: no-repeat; }
.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; transition: opacity 200ms ease-in-out; }
.aside-float li a:hover{ opacity: 1; }

/* back-top */
.back-top{ position: fixed; right: 5px; bottom: 51px; z-index: 2101; cursor: pointer; width: 40px; height: 40px; display: none; background: #FFFFFF; border-radius: 3px; }

/*# sourceMappingURL=common.css.map */
.static-bar-game .header-form{ float: right; margin-top: 10px; }
.layui-layer .layui-layer-btn{ padding: 0 95px 20px; }
.layui-layer.index-modal-transparent .layui-layer-btn0{ background: rgba(0, 0, 0, 0.45) !important; }