/* 重設--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,figure { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
abbr,acronym { border: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; } 
/* 基本--------------------------------------------------- */
a {	color:#222;cursor:pointer; } 
a:link, a:visited, a:active { text-decoration: none; }
a,a:hover,a img,a:hover img,img , li,li:hover, .btn,nav li>a:after,.thumbimg img
{transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition: all 0.3s ease;}
h3{ font-size: 30px ; font-weight: bold;}  
hr{height:1px;border:none;border-top:1px solid #ddd;margin:15px 0}
abbr,acronym { border-bottom: 1px dotted black; }  
acronym:after { content: " (" attr(title) ")"; }   
body {font-family:'Prompt',Arial, sans-serif;overflow-x:hidden; line-height: 1.4; }	
html,body{height:100%;height:100%; }
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}  
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation;touch-action: manipulation;}
:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}  
.flex { display:flex; display:-webkit-box;display:-moz-box; display:-ms-flexbox; display: -webkit-flex; flex-wrap: wrap;}
.flex-md{ -webkit-align-items: center;align-items: center;-webkit-justify-content: center; justify-content: center;}  
.flex-justify{-webkit-justify-content: center; justify-content: center;}
.flex-md-row-reverse { flex-direction: row-reverse ;}
.flex-container {align-items: stretch;}
.mr-l{margin-left:auto;}
.col-6,.gamelist li{width: 50%;}
.col-3 {width: 33.33%;}  .col-9{width: 66.66%;}  
.col-4 {width: 25%;}  .col-8 {width: 75%;}
.col-1{width: 16.66%} 
.col-55{width:55%;}  .col-45{width:45%;} 
.col-R{padding-left: 20px;}  .col-L{padding-right: 20px;}
.row{margin: 0 -10px ;}
.news li:hover .thumbimg img {-webkit-transform:scale(1.1);transform:scale(1.1);}
hr{border: 0;border-top:1px dashed #666 ;background: none;}
table{border-collapse: collapse;width: 100%}
.img_fit{max-width:100%;margin:0 auto;display:block;}
.fleximg{max-width:100%; }
.container{width:1170px;margin:0 auto; } 
/*-----------------------------------------------*/
.mb-5{margin-bottom: 2rem;}
.p-4{padding:1rem ;}
/*---------------------------------------------------------*/
header{background: #8e0702; }
.logo{margin:10px 0;  padding-left: 10px; }
.logo span{font-size:28px;font-weight: bold;display: block; } 
nav li a {padding:30px 20px  ;border-bottom: 3px solid transparent; position: relative;display: block;}
#nav-icon{margin-top:18px;z-index:1000;position:absolute;right:15px;top:15px; height:30px;width:30px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer}
#nav-icon span{background-color: #fff;height:1px;width: 100%;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}#nav-icon span:nth-child(2) {top:6px;}#nav-icon span:nth-child(3) {top:12px;}
#nav-icon.open span:nth-child(1) {top:8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#nav-icon.open span:nth-child(2) {opacity: 0;left: -60px;}
#nav-icon.open span:nth-child(3) {top:8px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
 
.down {width: 100%;top:87px;left: 0;right:0; background: rgba(0,0,0,.6);border-top:3px solid #fff097;z-index: 3}
.down a { display: inline-block;padding:15px 4px; flex:1;}
.banner{background: url(../images/banner.jpg) no-repeat center ;  padding:80px 0 200px 0 ;background-size: cover; }
.banner_title {font-size:2rem;margin-bottom: 1%;line-height: 1} 

.home_block{margin-top: -150px;z-index: 2;position: relative;}
.home-intro{background:url(../images/home-intro.jpg) no-repeat center fixed;background-size:cover; }
.home-intro-icon{border-radius: 50%;padding: 10px;display: block;width:70px;margin: 0 auto;margin-bottom: -35px;}
.home-intro-list li{padding: 10px;} 
 
.main{padding-top: 40px;padding-bottom: 40px; }
.home-intro p,.block p,.p{margin:15px 0;}
.pagetop{ background-image: url(../images/banner1.jpg); padding:50px 0}
.pagetop .container{position: relative;z-index: 2}
.pagetop-content .col-6{margin-right:-10%;margin-left:-7%;z-index: 2;position: relative; }
.pagetop-content .col-9 .block{padding-left: 14%}
 
.thumbimg img{width: 100%} 
footer {background: #303030;padding: 20px;}
.promologo{ padding: 15px;}
.promolist li{width: 48%;margin: 1%;}
.btn{ padding:10px 30%;text-align: center;margin:0  auto  ;  border-radius: 10px;}
.btn:hover{background: #999}
.table_overflow,.introblock{ color: #000;}
.table_overflow .promologo img{width:180px;} 
.table_overflow .promologo{margin:10px 0; padding:10px 15px;} 
.table_overflow tr:nth-child(odd) td{ background: #efefef;  }  
.table_overflow tr{border-bottom: 1px solid #c90700;}
.table_overflow td{background: #fff;border: none;}
.rank{margin: 0 5px;}
.td-btn{  text-align: right;padding: 10px;}
.td-btn .btn,.block{ padding: 15px; } 
.block-b{background-color: #eee;}
.content,.promo{padding: 15px;}
.promo1{background:url(../images/promo-bg1.jpg) no-repeat center fixed;background-size:cover;}
.promo2{background:url(../images/promo-bg2.jpg) no-repeat center fixed;background-size:cover;}
.promo3{background:url(../images/promo-bg3.jpg) no-repeat center fixed;background-size:cover;}
.promo4{background:url(../images/promo-bg4.jpg) no-repeat center fixed;background-size:cover;}
.page{padding: 100px 0 200px 0;text-align: right;}
.page_block{margin-top: -150px;z-index: 2;position: relative;}
.rate{background: url(../images/star.png);height: 30px;width:175px;  }
.rate span{background: url(../images/star-a.png);  height: 30px;}   
.spot li{background: url(../images/spot.png) no-repeat;line-height: 50px;padding-left: 55px;margin:10px 0;} 
/*--------------------------------------------------------*/
.logo ,.topnav a,.banner,.down>a,.down a ,.btn,.table_overflow th ,.block,.block a,.btn:hover,.pagetop,.home-intro,footer a,footer,.page,.text-w {color: #fff} 
nav li.active a,nav li a:hover,.title,.w4, .rate,footer a:hover {color: #e8da9d}
 .introblock{background: #fff;}
a:hover,.table_overflow .w1, .w5{color: #c90700;}
nav>a:hover,nav>a.active,.down a:hover,.down a.active,.block,.btn, .home-intro-icon {background-color:#c90700}
.table_overflow th{background-color: #8e0702;}
.btn2{background:#fd9d06 } 
.thumbimg {overflow:hidden;}
footer,nav a,.down a, .center , .btn {text-align:center;}
footer a ,a.promologo,.btn,.rate,.rate span,.inline{display:inline-block;}
#nav-icon span{display: block}
#nav-icon,.down{display:none}
footer a,nav>a,.down a span, .table_overflow span, .promologo,.inline{vertical-align: middle;}
header, .pagetop, .relate,.step li{position:relative;}
#nav-icon span,.sec-title:before,.down,.cover {position:absolute;} 
.pagetop {background-position:center;background-size:cover;background-repeat: no-repeat;}
a {cursor: pointer;}
.w1,.title,.btn,.rank,.rate {font-weight: bold;} 
.title,.w2{font-size:2rem;}
.w3,.table_overflow .w1{font-size:1.5rem}
.title{line-height: 1}
.tt{background: #fae0af;
  background: -moz-linear-gradient(top,  #fae0af 0%, #b48132 18%, #fae0af 45%, #d7b676 68%, #f8fbc0 93%);
  background: -webkit-linear-gradient(top,  #fae0af 0%,#b48132 18%,#fae0af 45%,#d7b676 68%,#f8fbc0 93%);
  background: linear-gradient(to bottom,  #fae0af 0%,#b48132 18%,#fae0af 45%,#d7b676 68%,#f8fbc0 93%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae0af', endColorstr='#f8fbc0',GradientType=0 );  
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-box-decoration-break: clone;box-decoration-break: clone;} 
/*-----------------------S----------------------------------*/ 
@media screen and (min-width:900px) and (max-width:1200px){ 
.container{width:850px;}  
}
@media screen and (min-width:700px) and (max-width:899px){  
.container{width:670px;}    
}
@media screen and (min-width:700px) and (max-width:1200px){  
.table_overflow .promologo{padding: 10px;margin: 10px;}  
.td-btn .btn{ padding: 10px; } 
} 
/*---------------------------------------------------------*/
@media screen and (max-width:1200px){
nav li>a{ padding:15px 5px}  
.pagetop-casino{padding-bottom: 130px;}
.page{padding:30px 0 100px 0; } 
.page_block{margin-top: -80px; }  
} 
@media screen and (max-width:899px){
.col-lg-12 { width:100%; } 
.mask:hover{-webkit-transform:scale(1);transform:scale(1);} 
nav  {display:none}
.down{display:none !important}
.down a{text-align: center !important;}
header{position: relative;}
nav{height: 100%;position: fixed;left:0;top:0;right:0;z-index:999;background:rgba(0,0,0,0.9);}
nav li>a{padding: 20px 0}
.topnav{display: block;padding-top: 50px;} 
 #nav-icon{display:block;} 
 .title, .w2 {  font-size: 1.5rem;} 
.banner{padding:50px 0 150px 0;}
.pagetop-casino{padding-bottom: 150px;}
.page{padding:30px 0 100px 0; }
.page .fleximg{max-width: 50%;}
.page_block{margin-top: -80px; }  
} 
@media screen and (max-width:699px){
.container{width:100%;padding: 0 20px;}	 
.col-md-6{width: 50%;}	
.main{padding-top:20px;padding-bottom: 20px;  }
nav,nav a,.col-md-12 {width:100% !important} 
.table_overflow th,.table_title{display: none!important;}
.table_overflow tr,.table_overflow  .promologo{display: block;margin-bottom: 15px; }
.table_overflow td{display: block;width: 100%;text-align: center;}
.table_overflow tr{padding: 10px 0;margin-bottom:20px;}
.banner{padding:30px 0 150px 0;}
.pagetop{padding:30px 0 ;}
.page_block{margin-top: -30px; } 
.pagetop-content .col-9 .block{padding: 3%} 
}  
@media screen and (max-width:479px){
.col-sm-12{width: 100%;}
.logo span{font-size: 20px;}
.logo{font-size: 14px} 
.col-sm-12{width: 100%}
.spot li{background-size:30px;line-height: 30px; padding-left: 40px}
.gamelist .w1 img{width: 50px;}
.block-title{margin-bottom: 15px;}
.block-title img{width: 60%;} 
}