/*通用*/
@import "common.css";
/*重写bootstrap样式*/
body{background-color:#ccc;font-family: "Arial";}
.input-group select.form-control { margin-left: -4px; width: calc(100% + 4px); border-left-width: 5px; }
.input-group .input-group-addon { z-index: 5; position: relative; background: #efefef; padding: 5px; }
.page-header { overflow: hidden; margin: 0 0 10px 0; padding-bottom: 0; border-bottom: 2px solid #eee; line-height: 25px; }
.page-header h5 { font-size: 16px; margin: 5px 0; color: #666; font-weight: bold; }
.panel-heading { padding: 6px 10px; }
.nav > li > a { padding: 8px 15px; }
.pagebar { overflow: hidden; }
.pagination { margin: 0; }
.pagination > li > a, .pagination > li > span { padding: 4px 10px; }
.pagination .gap { float: left; }
.pagination .disabled { color: #999; opacity: 0.7}
.panel-heading { overflow: hidden; }
.input-daterange { width: 310px; float: right; }
.input-daterange input[type=text] { padding: 5px; font-size: 14px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }
.navbar { padding: 0; background: transparent; border-bottom: 0; margin-bottom: 0; }
.navbar-header { padding-top: 5px; overflow: hidden; }
.navbar-brand { padding: 0; height: 35px; position: absolute; }
.navbar-brand img { height: 30px;width: 290px;margin-left: 10px;margin-top:30px;}

.navbar-top .linear { color: #cecece; margin: 0 5px; }

.navbar-top .lang img { width: 20px; height: 20px; margin: 5px 0 0 10px; }
.navbar-nav { float: right; }
.navbar-nav li { float: left; }
.navbar-nav .logout { margin-right: 5px; padding: 3px 7px; font-size: 14px; background: #2989ed; border-radius: 3px; }
.navbar-nav .logout:hover { opacity: 0.9; }

#navbar-sub {width: 100%;/* overflow: hidden; */margin: 0;background: transparent;position: relative;}
#navbar-sub ul { overflow: hidden; padding: 0; float: right;}
#navbar-sub li { float: left; margin-left: 50px; line-height: 40px; text-align: center; font-size: 14px; }
#navbar-sub li a { display: block; text-decoration: none; color: black;}
#navbar-sub li a:hover, #navbar-sub li a.active { color: #ea3906;border-bottom: #e9ad3e; }
#navbar-sub li ul {position: absolute;min-width: 640px;text-align: center;border: 1px solid rosybrown;background-color: black;opacity: .9;padding: 10px 20px;right: 0px;margin-top: 0;z-index: 1000;display: none;flex-flow: row wrap;justify-content: center;width: 100%;left: 0 !important;}
#navbar-sub img {width: 130px; height: 150px;}
.navbar-nav .logined { font-size: 14px; float: left; height: 25px; margin-top: 3px; color: #1e57aa; }
.navbar-nav > li > a.link, .navbar-default .navbar-nav>li>a, .navbar-nav .dropdown-toggle, .navbar-nav .wallet-selector i { font-size: 14px; color: #1e57aa; height: 25px; line-height: 25px; padding: 2px 7px; text-decoration: none !important;}
.navbar-nav > li > a.link:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-nav .dropdown-toggle span:hover, .navbar-nav .wallet-selector i:hover { color: #fff; font-size: 14px; background: #2989ed; border-radius: 3px; opacity: 0.9; }
.navbar-nav > li.active a.link, .navbar-nav > li.active a.link:hover { background: #2989ed; color: #e9ad3e; font-weight: bold; }

.top-login { float: right; font-size: 14px; }
.top-login .btn { background-color: transparent; color: #fff; outline: none; cursor: pointer; border: 0; float: left; }
.top-login input { transition: all 0.3s; background: #333333; width: 140px; height: 30px; font-size: 14px; color: #c7c7c7; text-indent: 13px; border-radius: 5px; float: left; margin-right: 5px; }
.top-login .reg { margin-top: 5px; display: inline-block; }

.top-login input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: black;
}
@media(min-width: 768px) {
#navbar-sub ul ul li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100;
}
}
/*首页轮播*/
#home-banner { display: block; }
.carousel {height: 480px; }
.carousel-caption { z-index: 10; }
.carousel-control { padding-top: 160px; font-size: 72px;}
.carousel .item {height: 480px; background-size: 100% 100%; background-repeat: no-repeat; }
.carousel .item a { display: block; width: 70%; height: 100%; margin: 0 auto; }
.carousel-indicators { bottom: 10px; }

/*首页注册*/
#home-reg { background: #fff; overflow: hidden; width: 60%; margin: 10px auto; padding: 20px; display: none; }
#home-reg h3 { text-align: center; color: #3b3b3b; margin-bottom: 20px; }
#home-reg input, #home-reg select { float: left; height: 40px; font-size: 14px; border: 1px solid #cecfd4; border-radius: 3px; box-sizing: border-box; padding: 5px 10px; width: 90%; }
#home-reg button[type=submit] { display: block; width: 50%; font-size: 16px; padding: 10px; margin: 10px auto; }

/*会员中心*/
.container .userhome {
	/*margin: 10px auto; */
	background: white; padding: 15px; border-radius: 5px; overflow: hidden; }
.refresh-balance-btn { display: inline-block; margin: 0 10px; }
/*注单详情*/
.bet-detail p { margin: 0; padding: 0; font-size: 90%; }
.bet-detail hr { margin: 5px 0; border-top-color: gainsboro; }
.bet-detail .item { overflow: hidden; float: left; width: 100%; }
.bet-detail .region { font-size: 70% !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: grey; }
/*Parlay Combo*/
.parlay-combo-title { color: purple; font-weight: bold; }
.parlay-combo-desc { float: left; width: 100%; overflow: hidden; color: #888; margin: 5px 0; line-height: 12px; }
.parlay-combo-amt { float: left; border-right: 4px solid #a8a8a8; padding: 0 8px 0 0; margin: 0 8px 0 0; font-weight: bold; }
.parlay-combo-desc .empty-row { height: 5px; color: #fff;}
.parlay-combo-desc .empty-row:last-child { height: 0;}
.parlay-combo-desc em { font-style: normal; margin: 0 8px; }
.parlay-combo-switch, .parlay-combo-switch-on { width: 40px; height: 20px; float: right; background: transparent url('../img/parlay_combo_off.png'); background-size: contain; outline: none; border: none; display: block; }
.parlay-combo-switch-on { background: transparent url('../img/parlay_combo_on.png'); background-size: contain; }

.pkg-list {}
.pkg-item { border-radius: 5px; border: 2px solid #ccc; overflow: hidden; margin-bottom: 20px; padding: 2px; }
.pkg-item:hover { border-color: #5cb85c; }
.pkg-item .intro { padding: 10px; overflow: hidden; }
.pkg-item .intro a { padding-right: 0; color: #888; }
.pkg-item .choosePkg { font-weight: bold; color: indianred; }


.panel-orange { border-color: orange; }
.panel-orange .panel-heading { border-color: orange; background: orange; color: white; }

/* --------------个性化 begin------------- */
.fancybox-container{z-index:9998;}
.swal2-container{z-index:9999;}
.service-intro p{color:white;font-size:16px;line-height:30px;}
.service-intro small{font-size:13px;}
.navbar{height:35px;}
#loginForm input{background-color:white;height:25px;line-height:25px;font-size:12px;color:#ababab;}
#loginForm button{border-radius: 5px;  background:linear-gradient(0deg, rgba(14, 146, 196, 1) 0%, rgba(0, 174, 239, 1) 100%);margin-right:5px;font-weight:bold;font-size:12px;padding:0px 15px;height:25px;line-height:25px;}
#loginForm a{color:white;background:linear-gradient(0deg, rgba(38, 48, 60, 1) 0%, rgba(65, 65, 65, 1) 100%);font-weight:bold;font-size:12px;height:25px;line-height:25px;margin-top:-2px;padding:0px 15px;border-radius:5px;}
#loginForm a:hover,a:focus{color:white;text-decoration:none;}
#navbar-sub li ul li a{color:#a5912a;}
.navbar-top .lang img{width:25px;height:25px;margin:0px;}
#navbar{background-color:transparent;}
.nav-home > i{background-image:url(../../theme/img/Home.png);width:27px;height:27px;display:block;background-position-y:0;margin-top:5px;}
#dl-logo img{height:55px;}
.navbar-nav .logout{color:white !important;background:linear-gradient(to bottom,#1e57aa 0%,#26a8c3 100%);font-weight:bold;font-size:12px;height:25px;line-height:25px;margin-top:0px;padding:0px 25px;border-radius:5px;}
.refresh-icon{width:15px;height:15px;margin-left:2px;margin-bottom:4px;animation-fill-mode:forwards;}
.game-slide a{display:block;background-color:#eaeaea;color:#222;position:relative;}
.tag-new{position:absolute;top:-5px;left:-5px;z-index:2;}
.game-slide a>.img-game{height:160px;overflow:hidden;padding:0;border:0;}
.game-slide a>div{border-top:7px solid #ff0024;}
.game-slide a>div{padding:15px;border-top:7px solid #a49145;}
.game-slide a>.img-game>img{width:100%;}
.game-slide a>div>h5{font-weight:bold;margin:0;margin-bottom:5px;}
.game-slide a>div>p{font-size:12px;color:#7e7e7e;}
.icn-pramaticPlay{background-position-x:0;}
.tag-hot{position:absolute;left:-10px;top:-10px;z-index:2;}
.jackpot-container{width:50%;float:left;}
.dl-bg-img{width:50px;height:50px;float:left}
.dl-bg-img2{width:40px;height:40px;display:block;margin:auto;background-position-y:0;position:absolute;bottom:15px;right:10px;}
.dl-bg-img3{background:url("/theme/img/jackpot-bg-en-us7d1e.gif");height:115px;background-size:100% 100%;margin-top:40px;margin-bottom:20px;}
.dl-bg-img3 .dl-bg-img3-thb{height:115px;text-align:center;color:white;font-size:42px;line-height:115px;padding-left:20%;}
.limit-groups ul li{float: left;min-width: 150px;}
.statement-text p{padding:5px 0px;}
.advantages-title{margin-bottom: 20px;}
.dl-foot-box{text-align: center;padding: 0px 10px;margin: 5px 0px;}
.dl-foot-box-col1{border-top:#16839a solid 6px;padding:5px;height:130px;-webkit-box-shadow:1px 6px 8px 0px rgba(164,164,164,0.4);-moz-box-shadow:1px 6px 8px 0px rgba(164,164,164,0.4);-ms-box-shadow:1px 6px 8px 0px rgba(164,164,164,0.4);-o-box-shadow:1px 6px 8px 0px rgba(164,164,164,0.4);box-shadow:1px 6px 8px 0px rgba(164,164,164,0.4);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
.dl-foot-box-col1 h1{font-style:normal;text-transform:uppercase;color:#444;font-size:20px;font-weight:700 !important;margin-top:20px;margin-bottom:10px;}
.dl-foot-box-col1 p{color:#333;line-height:16px;font-size:13px;margin:0 0 10px;}
.copyright{padding:8px 5px;font-size:.75rem;color:#fff;background-color:#56585b;text-align:center;}
.footer-bottom{background-image:url(/theme/item/images/bg-main.jpg);background-repeat:repeat;background-position:center;background-size:4px;padding:7px 10px;display:flex;justify-content:center;align-items:center;}
.footer-bottom div img{height:22px;padding:0px 2px;}
#footer-pc{background-color:#fff;}
#footer-pc h4 img{width:20px;margin-right:5px;}
#footer-pc h4{text-transform:capitalize;font-size:1.05rem;padding:6px 0px;width:130px;margin:0px auto;text-align:left;}
.dl-main{position:relative;background-image:url(/theme/item/images/bg-main.jpg);background-repeat:repeat;background-position:center;background-size:4px;}
.welcome{font-size:17px;line-height:1.55;word-break:break-word;margin:0;padding:0px 85px;}
#dl-jackpot h2{text-align:center;font-size:2.25rem;text-transform:uppercase;margin:0;font-weight:700;letter-spacing:2px;}
#dl-jackpot h2 span{color:#00aeef;}
.jackpot-wrapper{max-width:880px;height:100px;margin:5px auto;text-align:center;padding:28px 15px;background-image:url(/theme/item/images/bg_jackpot.png);background-repeat:no-repeat;background-position:top center;background-size:contain;font-size:40px;color:#fff;font-weight:600;letter-spacing:2px;text-shadow:0px 0px 3px #000;}
.dl-navbar{background:url('/theme/img/123123123122.png');background-size:100% 100%;background-color: white;}
.dl-icon{padding:20px 0px;font-size:25px;font-weight:500;}
.dl-icon img{width:100px;margin-bottom:20px;}
.dl-icon:hover{background-color:#00aeef;}
.dl-icon:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
#footer-mobile{background-color:#f5f5f5;text-align:left;}
#footer-mobile ul{margin:10px auto;width:90px;}
#footer-mobile ul li{margin:5px 0px;list-style-type:disc;color:#383838;}
.dl-game-ul{margin-right:15px;}
i.fa-user{color:#000;font-size:10px;;left:10px;top:6px;}/*lederboard change - remove position:absolute*/
i.fa-lock{color:#000;font-size:10px;position:absolute;left:155px;top:6px;}
.dl-welcome{color: #3eb8f1;text-align: center;}
.dl-welcome-p{padding-bottom:40px;background-color:white;}
.dl-input{padding-left:15px;color:#000;border-width:.5px;}
.dl-navx{margin-right:10px;margin-top: 5px;}
.dl-navbar-right{width:850px;}
.dl-lang{margin-right:10px;}
.lang{padding: 0px 10px;}
.dl-navx li img{height: 15px;margin-right: 3px;margin-top: -2px;}
.dl-link{background-color:#1f4076;color: white !important;    padding: 3px 7px!important;margin-right: 5px!important;border-radius: 5px;}
.dl-pull-left{margin-left: 20px;float: left !important;}

.recharge_detail_r1{margin-top: 5px;background-image: linear-gradient(#f7f7f7, #bbbbbb);border:2px;border-radius: 50px;line-height: 15px;
	padding: 5px 10px;}
.recharge_detail_r2{color: white;margin-top: 5px;}
.recharge_detail_r3{color: white;font-size: 20px;margin-bottom: 15px;}

@media (min-width: 1200px)
{
	.container {
		width: 1280px;
	}
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:768px) and (max-width:991px){
	.dl-bg-img3 .dl-bg-img3-thb{height:75px;font-size:30px;line-height:75px;}
	.dl-bg-img3{height:75px;margin-top:30px;}
	.navbar{width:100%;}
	.dl-navx {
		margin-right: 0px;
	}
	.dl-game-ul{margin-right: 0px;}
	.navbar-brand img{margin-left:10px;height: 24px;width:200px;margin-top:29px;}


}
/* --------------个性化 end------------- */

/*适配移动端*/
@media screen and (max-width: 768px) {
	#dl-nav2{background-color:black;}
	.dl-container{padding:0px;}
	.dl-bg-img3 .dl-bg-img3-thb{height:50px;font-size:16px;line-height:50px;}
	.dl-bg-img3{height:50px;margin-top:20px;}
	#loginForm input{margin-right:5px;width:90px;}
	#loginForm button{margin-right:5px;padding:0px;}
	#loginForm a{padding:0px 10px;}
	#navbar{margin-top:0px;background-color:white;border-color:#1e57aa;}
	.navbar-top{margin-top:0px;}
	#dl-logo img{height:35px;margin-top:5px;}
	.navbar-nav li{margin:5px 0px 0px 5px;}
	.jackpot-middle #jackpot-count{font-size:20px;font-weight:bold;}
	#footer-logo{width:62px;height:67px;}
	.navbar-nav > li > a.link{font-size:12px;}
	.navbar-nav .logined{font-size:12px;margin-top:5px;line-height:25px;height:25px;margin-left:10px;}
	.jackpot-container{width:100%;float:left;padding:0px 15px;}
	#dl-jackpot{margin-top:0px;margin-bottom:30px;}
	.dl-bg-img{width:30px;height:30px;float:left}
	.navbar-brand img{height:18px;width:150px;margin-left:0px;margin-top:13px;}
	.jackpot-wrapper{font-size:14px;height:40px;padding:10px 15px;}
	#dl-jackpot{margin-bottom:0px;}
	.dl-navbar{background:white;padding:0px;}
	.navbar{height:auto;background-color:black;}
	.fa-gamepad{display:none;}
	.fa-sign-in-alt{display:none;}
	#home-banner{padding:0px;}
	.dl-icon{padding:10px 0px;font-size:15px;font-weight:300;}
	.dl-icon img{width:50px;margin-bottom:10px;}
	.welcome{padding:0px;}
	.dl-welcome{background:url("/theme/img/1583304736689.jpg");background-size:100% 50px;height:50px;}
	.dl-welcome-p{padding-bottom:20px;}
	.dl-mobile-hide{display:none;}
	.dl-input{padding-left:0px;}
	.dl-navx{margin-right:0px;margin-top: 0px;margin-bottom: 0px;}
	.top-login{margin-top:5px;}
	.dl-game-ul{margin-right:0px;}
	#footer-mobile ul li{list-style-type:none;}
	#betSlide{padding:0px 30px !important;}
	#betSlide .owl-nav button{width:30px!important;}
	#betSlide .owl-nav button{background:#182434 !important;}
	.navbar-nav{float:left;}
	.navbar-brand { padding: 0 10px; height: 35px; position: relative; }
	#navbar-sub ul { float: left; }
	#navbar-sub li { margin: 0 7px 0 0; font-size: 12px; }
	#navbar-sub li ul { min-width: auto; }
	.top-login { padding: 0 5px; font-size: 12px; }
	.top-login input { width: 100px; }
	.top-login .btn {width: 60px; padding-left: 0; font-size: 12px; }
	#home-reg { width: 90%; }
	#home-reg input, #home-reg select { width: 90%; }
	#home-reg .col-sm-6 { margin-bottom: 0px; }
	#home-reg .form-group { margin-bottom: 10px; }
	.carousel { height: 150px; }
	.carousel .item {height: 150px;background-size: cover;background-position: center;}
	.carousel-control { padding-top: 60px; font-size: 36px;}
	.dl-navbar-right{width: auto;}
	.dl-lang{margin-right: 0px;}
}

#loginForm i.fa-user {
    position: absolute;
}
/*---Leaderboard css---*/

.leaderboard {
	border-collapse: separate;
    border-spacing: 0 15px;
	margin: 25px 0;
    font-size: 14px;
    min-width: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    color: rgb(0, 0, 0);
    text-align: center;
}
.leaderboard>tbody>tr>td{
	border: 0px solid #ddd;
}
.leaderboard>thead>tr>th{
	border: 0px solid #ddd;
	text-align: center;
	height:1px;
}
.leaderboard>thead>tr>th:first-child{
	width: 10%;
}
.leaderboard thead tr {
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.leaderboard th,
.leaderboard td {
    padding: 12px 15px; 
    width: 150px;
    border: 0px solid #ddd;
}
.leaderboard th{
	padding: 10px 15px; 
}
.leaderboard tbody tr {
    border-bottom: 1px solid #dddddd;
    border: 0px solid #ddd;
}

.leaderboard tbody tr {
    background-color: #f3f3f3;
}

.leaderboard tbody tr:nth-child(-n+3) {
    color: white;
    font-weight: bold;
    margin-bottom: 1px;
    
}
.leaderboard tbody tr:nth-child(1){
	background: #003b79;
}
.leaderboard tbody tr:nth-child(2){
	background: #004ea1;
}
.leaderboard tbody tr:nth-child(3){
	background: #236ab6;
}
.leaderboard tbody tr:last-of-type {
    border-bottom: 1px solid rgb(96, 96, 96);
}

.leaderboard tbody tr.active-row {
    font-weight: bold;
    color: #3c8dbc;
}

.leaderboard tbody td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.leaderboard tbody td:last-child{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; 
}

.leaderboard tbody tr:nth-child(1) span{
	background: #ff5a00;
    border-radius: 10px;
    padding: 15px;
}
.leaderboard tbody tr:nth-child(2) span{
	background: #ff8a00;
    border-radius: 10px;
    padding: 15px;
}
.leaderboard tbody tr:nth-child(3) span{
	background: #ffc13b;
    border-radius: 10px;
    padding: 15px;
}
/*----prize table----*/

.prizetable {
	border-collapse: separate;
    border-spacing: 0 15px;
	margin: 25px 0;
    font-size: 14px;
    min-width: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    color: rgb(0, 0, 0);
    text-align: center;
}
.prizetable>tbody>tr>td{
	border: 0px solid #ddd;
}
.prizetable>thead>tr>th{
	border: 0px solid #ddd;
	text-align: center;
	height:1px;
}
.prizetable>thead>tr>th:first-child{
	width: 10%;
}
.prizetable thead tr {
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.prizetable th,
.prizetable td {
    padding: 12px 15px; 
    width: 150px;
    border: 0px solid #ddd;
}
.prizetable th{
	padding: 10px 15px; 
}
.prizetable tbody tr {
    border-bottom: 1px solid #dddddd;
    border: 0px solid #ddd;
}

.prizetable tbody tr {
    background-color: #f3f3f3;
}

.prizetable tbody tr:last-of-type {
    border-bottom: 1px solid rgb(96, 96, 96);
}

.prizetable tbody tr.active-row {
    font-weight: bold;
    color: #3c8dbc;
}

.prizetable tbody td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.prizetable tbody td:last-child{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; 
}

:root {
    --promotion-details-panel-main-bg-color: #f4f4f4;
    --promotion-details-panel-heading-bg-color: #000000;
    --promotion-details-panel-heading-font-color: #ffffff;
    --promotion-details-panel-content-heading-bg-color: #000000;
    --promotion-details-panel-content-heading-font-color: #ffffff;
    --promotion-details-panel-content-description-bg-color: #9695954d;
    --promotion-details-panel-content-description-font-color: #000000;
    --promotion-details-panel-button-bg-color: #1e57aa;
    --promotion-details-panel-button-font-color: #ffffff;
    --promotion-details-panel-timer-bg-color: #2c95b5;
    --promotion-details-panel-timer-font-color: #ffffff;
}