/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#000;}
a,a:hover{color:#333;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-flex{display: flex; }

.f-bg-green{ background:#33c337 !important;;}
.f-bg-red{ background:#ec5851 !important;;}
.f-bg-blue{ background:#4d88e9 !important;;}
.f-f-red{color: #c51138 !important;}
.f-f-blue{ color:#016fd0 !important;}
.f-f-green,.f-f-green a{ color:#33c337 !important; }
.f-mlr10{ margin-left:10px; margin-right: 10px;}
.f-mlr20{ margin-left:20px; margin-right: 20px;}
.f-mlr30{ margin-left:30px; margin-right: 30px;}
.f-ptb10{ padding-top:10px; padding-bottom: 10px;}
.f-plr10{ padding-left:10px; padding-right: 10px;}
.f-mauto{ margin: 0 auto;}
.f-pr15{ padding-right: 15px;}

.g-w15{ width:15%;}
.g-w20{ width:20%;}
.g-w22{ width:22%;}
.g-w25{ width:25%;}
.g-w26{ width:26%;}
.g-w30{ width: 30%;}
.g-w33{ width: 33.333%;}
.g-w35{ width: 35%;}
.g-w40{ width:40%;}
.g-w45{ width:45%;}
.g-w50{ width:50%;}
.g-w65{ width:65%;}
.g-w75{ width: 75%;}

.f-flex-jcc{justify-content:center !important;}

body{  padding: 0; margin: 0;  background: url(../img/bg.jpg) no-repeat 0 0 #000;  background-size: 100% auto; background-attachment: scroll; }
.logo-box{ height:7rem; padding:2rem 0;overflow: hidden;position: relative;}
.logo{ height:6.2rem; width:100%;  background: url(../img/logo.png) no-repeat center center; background-size: auto 100%;position: relative;z-index: 10;}
.quan{ height:10rem; width:10rem;  background: url(../img/quan.png) no-repeat center center; background-size: auto 100%;position: absolute;z-index: 4; top:0; left:50%; margin-left:-5rem;}

.btn-bg{ margin-top:0rem; justify-content:center; align-items:center; width: 100%; overflow:hidden;  padding:0 1.3em; box-sizing: border-box;}
.btn-bg .btn{ text-align: center;}
.btn-bg .btn img{ width: 90%;}

.content{ height:auto; margin:-2rem 0 -1rem; padding:0 0.5rem 0rem 0.5rem;position: relative;  z-index:10;}
.content .bg{ margin: 0; padding: 0; overflow: hidden;line-height: 0; }
.content .bg img{width: 95%;}

.gold{ height:10rem; width:100%;  background: url(../img/gold.png) no-repeat center center; background-size: 100% 100%;position: absolute; bottom:-0rem; left:0; z-index: 30;}

.showtaigame{ display:block; background: rgba(0,0,0,0.5); }
.imgsbox{ border:1px solid #e89f04;}
.imgs{ border:2px solid #f7df04; }
.fire{ height:10rem; width:100%;  background: url(../img/fire.png) no-repeat left center; background-size: auto auto;position: absolute; top:-6rem; left:0; z-index: 32;}
.fang{ height:5rem; width:100%;  background: url(../img/fang.png) no-repeat center center; background-size: auto 100%;position: absolute; top:-6rem;  left:0; z-index: 30;}

.ad-box{ text-align: center;display: flex; justify-content: center; margin:0 auto 0.5rem; padding:0 1.8rem;}
.ad-box img{ width:100%;}

.kf{ position:absolute; top:0; left:0; z-index:10; padding:10px 5px; }

.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@keyframes scaleDraw { 
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.2); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
    }
}

@keyframes radiusDraw { 
    0%{
        transform: rotate(0deg);  /*开始为原始大小*/
    }
	100%{
	   transform: rotate(360deg);
	}
}

@keyframes upDownDraw { 
    0%{
        transform: translateY(1.5rem);  /*开始为原始大小*/
    }
	50%{
	   transform: translateY(0rem);
	}
	100%{
	   transform: translateY(1.5rem);
	}
}


.ani-big-small {
  animation: scaleDraw 2s ease-in-out infinite;
}

.ani-radius {
  animation: radiusDraw 10s linear infinite;
}

.ani-upDown {
  animation: upDownDraw 3s ease-in-out infinite;
}

/* 横屏 */
@media screen and (orientation:landscape){}
/* 竖屏 */
@media screen and (orientation:portrait){}
/* 窗口宽度<1485,设计宽度=768 */
@media screen and (max-width:1734px){
}
@media screen and (max-width:1485px){
}
@media screen and (max-width:1370px){
}
@media screen and (max-width:1245px){
}
/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
}
/* windows UI 贴靠 */
@media screen and (-ms-view-state:snapped){
}

/*检测高度*/
@media only screen and (max-height:640px){ /*当屏幕小于640*/
	.gold{  bottom:-2.5rem; position: absolute;}
}

@media only screen and (min-height:640px){
	.gold{  bottom:-2.5rem;position: fixed; }
}

@media only screen and (min-width:539px){ /*当屏幕小于640*/
	.gold{  bottom:-2.5rem; position: absolute;}
}