/*!
 * 皇冠国际
 * Author:
 * Update by 2021-07-26
 */

/*==================== common 公共 ====================*/

/* 禁用响应 */
@media (min-width:990px){
	.container{width:1050px;}
}
@media (min-width:1200px){
	.container{width:1050px;}
}
.screen-lg .container{width:1050px;}
.container{width:1050px !important;}
body {font-size: 12px;color: #fff;background: left 0px repeat-x rgb(189, 143, 24);}
a:hover {text-decoration: none;}
.clear-fix {clear: both;}
.banner-wrap {background: #bd8f18 left -114px repeat-x;}
.banner-wrap .container {overflow: visible;}
.page-banner {width: 100%;height: 160px;background-position: center center;background-repeat: no-repeat;}
.slide .slide-indicators ul .active {background: #bd8f18;}

.api-tabs {background: #430828;border: none;}
.api-tabs>li {border: none !important;}
.api-tabs>li.active {background: no-repeat;}
.api-tabs>li.active a, .api-tabs>li>a:hover {color: #fff;}

main .header-panel .panel_Assets .text-warning {color: #ffe78f !important;}
main .header-panel .panel_name a {max-width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: bottom;}

/*==================== header ====================*/
.header-wrap {background: left top repeat-x;}
.header-wrap .container {padding: 0 10px;overflow: visible;}
.header-logo {position: absolute;left: -15px;top: 5px;}
.header-logo img {max-width: 290px;max-height: 90px;}
.header-pos {background: center top no-repeat;position: relative;min-height: 114px;}
.header-top {position: absolute;top: 0;right: 45px;width: 320px;line-height: 28px;}
.header-top a img {margin-top: -4px;}
.header-menu a {color: #fff;margin: 0 5px;}
.header-menu a:hover {color: #ffe49b;}
.header-domain {position: absolute;left: 470px;top: 20px;font-size: 18px;color: #fced48;text-shadow: 2px 2px 1px #844718;text-transform: uppercase;}


.navbar {margin: 50px 0 0;}
.navbar-nav {position: relative;padding: 0 7px;}
.navbar-nav:after, .navbar-nav:before {content: '';width: 7px;height: 41px;top: 0;display: inline-block;position: absolute;}
.navbar-nav:after {background: right top no-repeat;right: 0;}
.navbar-nav:before {background: left top no-repeat;left: 0;}
.navbar-nav>li {background: left top repeat-x;text-align: center;padding: 3px 0 7px 0;}
.navbar-nav>li>a {line-height: 31px;color: #fff;min-width: 68px;padding: 0;}
.navbar-nav>li.active a, .navbar-nav>li>a:hover {background: no-repeat;background-size: 100% 100%;}

.notice-list {width: 682px;float: right;overflow: hidden;height: 36px;line-height: 36px;}
.notice-list a {color: #fff;}
.notice .notice-domain {position: relative;}
.notice .notice-domain p {position: absolute;left: 102px;top: 5px;font-size: 18px;color: #fced48;text-shadow: 2px 2px 1px #844718;text-transform: uppercase;}

.login .form-inline input {width: 180px;background: left center repeat-x;color: #a89781;border: none;border-top: 1px solid #3d2f0e;border-left: 1px solid #3d2f0e;padding: 0;height: 24px;font-size: 12px;}
.login .btn_a {width: 66px;height: 28px;font-size: 0;display: inline-block;vertical-align: middle;}
.login .btn-login {background: center top no-repeat;}
.login .btn-login a {display: block;height: 100%;}
.login .btn-re {background: center top no-repeat;}
.login .btn-sign {background: linear-gradient(#b51c20,#6c0b0e);color: #fff;font-size: 12px;width: 42px;border-radius: 4px;line-height: 22px;text-align: center;height: 25px;margin-top: -2px;box-shadow: 1px 1px 4px rgba(0,0,0,0.5);border: 1px solid #be1313;}
.login .form-group {position: relative;}
.login .forget {position: absolute;top: 0;right: 5px;line-height: 24px;color: #fff;}
.login .tip-scode {position: absolute;top: 0;right: 5px;line-height: 20px;color: #fff;}
.login .scode input {width: 140px;}
.page-login {position: relative;background: -6px center no-repeat;height: 54px;padding: 10px 0 0 165px;margin-top: 8px;}
.page-login .service {position: absolute;top: 0;right: 0;}
.page-login .header-panel {margin-top: 2px;}
.page-login .header-panel ul li {width: auto !important;line-height: normal !important}
.page-login .panel_player, .page-login .panel_quota, .page-login .panel_deposit, .page-login .panel_take {margin-right: 12px !important;}

/*==================== footer ====================*/
.footer {background: left top repeat-x #674f09;}
.footer-copyright-nav {margin: 5px 0 0 10px;line-height: 25px;color: #ffe78f;}
.footer-copyright-nav ul {width: 515px;white-space: nowrap;overflow: hidden;margin-bottom: 0;}
.footer-copyright-nav li {padding: 0 3px;}
.footer-copyright-nav li a {color: #ffe78f;}
.footer-copyright-nav li a:hover {color: #fff;}
.footer-copyright-nav .domain-url {margin-left: 10px;}

.footer-info h3 {font-size: 14px;margin: 10px 0 0;font-weight: bold;line-height: 14px;height: 18px;color: #fff4cb;}
.footer-info h3 a {color: #fff4cb;}
.footer-info p {font-size: 13px;line-height: 18px;color: #fff4cb;margin-bottom: 0;}

/*==================== index ====================*/
.index-main {background: left top repeat-x;}
.index-slide {position: relative;}
.index-slide .slide {background: transparent;}
.index-slide .slide, .index-slide .slide .slide-inner li, .index-slide .slide .slide-inner li a {height: 488px;}
.index-slide .slide .slide-inner li a {position: relative;z-index: 999;}
.content-index-left {position: absolute;left: 50%;top: 0;transform: translateX(-50%);margin-left: -400px;z-index: 1;}
.content-index-left .login {width: 231px;height: 185px;margin: 15px 0 5px;}
.content-index-left .login ._vr_unLogin {height: 100%;}
.content-index-left .login form {padding-top: 40px;position: relative;height: 100%;}
.content-index-left .login .form-group {margin: 0 25px 6px;}
.content-index-left .login .form-group-bottom {position: absolute;left: 0;right: 0;bottom: 10px;}
.content-index-left .server {width: 231px;}

.content-index-left .header-panel {padding-top: 40px;margin: 0 25px;}
main .content-index-left .header-panel ul li {line-height: normal !important}

.index-notice {background: center top no-repeat;margin-top: 10px;height: 205px;padding-top: 39px;}
.index-notice-list {width: 205px;height: 150px;margin: 0 auto;overflow: hidden;}
.index-notice-list a {color: #fff;line-height: 18px;}

.index-screen-01 {background: linear-gradient(to bottom, #e0bf5e, #4a3500) left top repeat-x;font-size: 0;height: 286px;margin-top: 10px;}
.index-screen-01 li {display: inline-block;vertical-align: top;}
.index-screen-01 li.subGame-box {width: 246px;margin: 10px 0 0 7px;}
.index-screen-01 li p {width: 230px;line-height: 20px;margin: 10px auto;font-size: 12px;}




/*==================== live ====================*/
.main-live .accordion-wrap{border: none;background: transparent;padding: 15px;}

/*==================== casino ====================*/
#main-casino .casino {margin: 15px 0;}
#main-casino .casino.theme-black .api-nav .swiper-container .swiper-slide.active {border-top-color: #bd8f18;}
#main-casino .casino.theme-black .casino-sorts .nav-tabs > li.active > a {background: #bd8f18;}
#main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name span,
#main-casino .casino > .container .game-list-header .all_g_txt span,
#main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2 span,
#main-casino .casino > .container .g_loading .gui-spinner,
#main-casino .casino-sorts .all_g_txt span {color: #bd8f18;}
#main-casino .casino > .container .casino-game-list .game-item.s_border:hover {border-color: #bd8f18;}

/*==================== sports ====================*/
.main-sports .container {overflow: visible;}
.sports-list{margin: 15px 0;width:100%;min-height:46px;display:table;table-layout:fixed;list-style:none;padding:0;background: #081245;}
.sports-list>li{display:inline-block;width:330px;height:399px;margin:20px 0 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;}

/*==================== lottery ====================*/
#main-lottery.main-lottery .lottery {margin: 15px 0;}
#main-lottery.main-lottery .api-tabs {border-bottom: 1px solid #fff;}
#main-lottery.main-lottery .nav-lottery-tabs li {background: #430828;border: none;}
#main-lottery.main-lottery .nav-lottery-tabs li.active,
#main-lottery.main-lottery .nav-lottery-tabs li:hover {background: #d8267f;}
#main-lottery.main-lottery .nav-lottery-tabs>li.active>a,
#main-lottery.main-lottery .nav-lottery-tabs>li:hover>a,
#main-lottery.main-lottery .nav-lottery-tabs>li.active>a:hover,
#main-lottery.main-lottery .nav-lottery-tabs>li.active>a:focus {color: #fff;}
#main-lottery.main-lottery .game-item {background: linear-gradient(to bottom, #b81253, #47082a);border-radius: 4px;transition: all 500ms ease 0s}
#main-lottery.main-lottery .game-item:hover {transform: scale(1.05);box-shadow: 5px 5px 5px #000;}
#main-lottery.main-lottery .game-item:hover .item .cover {display: none;}
#main-lottery.main-lottery .game-item .title .btn-play {background: transparent;color: #fff !important;font-size: 15px;}
#main-lottery.main-lottery .lottery-box {background: #430828;}
#main-lottery.main-lottery .game-list {padding: 10px 0 10px 10px;}


/*==================== promo ====================*/
#main-promo .main-promo {width: 1030px;background: transparent;}
#main-promo .main-promo.theme-black .promo-top-bar > ul li.active {background: #bd8f18;}
#main-promo .main-promo.theme-black .promo-top-bar > ul li.active:after {border-top-color: #bd8f18;}
#main-promo .main-promo .list-type2 .list_type2_item_tit {border-left-color: #edc253;}

/*==================== about ====================*/
.main-about {margin-bottom: 15px;}
.main-about .about {margin: 15px 30px 0;}
.main-about .about .about-left {width: 154px;}
.main-about .about .about-right {width: 783px;}
.main-about .about .help-type-top,
.main-about .about .help-type-bottom {height: 7px;}
.main-about .about .help-type-top {background: center top no-repeat;}
.main-about .about .help-type-bottom {background: center bottom no-repeat;}
.main-about .about .help-type {background: center top repeat-y;}
.main-about .about .help-type li {padding-top: 10px;text-align: center;height: 45px;}
.main-about .about .help-type li a {color: #fff;line-height: 30px;display: inline-block;width: 154px;}
.main-about .about .help-type li a.active,
.main-about .about .help-type li a:hover {background: center top no-repeat;}

.main-about .about .help-list-wrap-top {background: center top no-repeat;}
.main-about .about .help-list-wrap-bottom {background: center bottom no-repeat;}
.main-about .about .help-list-wrap {background: center bottom repeat-y;}
.main-about .about .help-list-wrap-top,
.main-about .about .help-list-wrap-bottom {height: 7px;}

/*==================== register ====================*/
.main-register .register {background: left top repeat-y;width: 1000px;margin: 15px auto;padding: 10px 0 20px;}
.main-register .text-danger {color: #f00;}
.main-register .register-box {width: 720px;margin: 0 auto;}
.main-register .register-title {background: no-repeat;padding: 25px 0 0 125px;height: 50px;width: 418px;margin: 0 auto;color: #ffe4ca;font-size: 12px;font-weight: bold;}
.main-register .register-subtitle {color: #ffe4ca;}
.main-register fieldset {border: 3px solid #472e27;border-radius: 10px;padding: 10px;margin: 10px;}
.main-register legend {display: inline-block;width: auto;border: none;color: #fc9;font-size: 12px;font-weight: bold;letter-spacing: 3px;}
.main-register label.control-label,
.main-register .form-help {color: #ffe4ca;}
.main-register .btn {background: #fff;color: #000;padding: 0 6px;border-radius: 0;}
.main-register .tip {color: #ffe4ca;}
.main-register .tip ul {padding-left: 16px;}
.main-register .tip p {margin-bottom: 0;}
.main-register .tip span {color: #f00;font-weight: bold;}