@import url(public.css);
/*页面开始-----------------------------------------------*/
.iosset{ font-size: 2rem; text-align: center; width: 100%; float: left; color: deepskyblue; }
/*----首图--------------------------------------*/
.shoutu{width: 100%;height: auto;overflow: hidden;position: relative;}
.shoutu img{width: 100%;height: auto;display: block;}
.shoutu .btnbox{width: 100%;position: absolute;left: 0;bottom:1rem;z-index: 2;text-align: center;}
.shoutu a{height: auto;display: inline-block;text-align:center;overflow: hidden;width: 40%}
.shoutu a img{margin:0 auto;display: inline-block;font-size:0;width: 100%;}
/*.shoutu a.btnxz{margin-right: 18px;margin-right: 1.8rem;}
.shoutu a.btnchzh{margin-left: 18px;margin-left: 1.8rem;}*/
@media screen and (max-width: 400px) {
	.shoutu a{height: 70px;height: 7rem;}
}
/*------banner------------------------------*/
/*------banner------------------------------*/
.bannerbox{
  width: 100%;
  height: auto;
padding-bottom: 40px;
  background-color:#fff3d6;
}
.bannerbox .banner{
  width: 100%;
  border:0;
  margin: 0px auto 0;
  position: relative;

  padding-bottom: 0 !important; 
}
.banner .img{
  width: 100%;
  height: 100%;
}
.banner .img li{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner .img li img{
  width: 100%;
  height: auto;
  display:block;
}

/* 核心修复：圆点容器 绝对居中 + 放在轮播下方 */
.banner .btn{
  position: absolute !important;
	top:100%;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index:10;
  text-align: center !important;
  transform: none !important;
  pointer-events: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  /* 下面这三行是给整行加背景图 */
  background-image:url(../img/btn2.png);
  background-repeat: no-repeat;
  background-position: center top;
  /* 如果你想让背景图自适应宽度 */
   background-size: 100% auto;

  /* 给点内边距，让背景图显示完整 */
  padding:18px 0 !important;
 box-sizing: border-box;}
/* 圆点样式 */
.swiper-pagination-bullet {
  display: inline-block !important;
  float: none !important;
  margin: 0 5px !important;
  width: 10px !important;
  height: 10px !important;
  vertical-align: middle !important;
}

/* 单个圆点样式 */
.banner .btn li{
  display: inline-block !important;
  float: none !important;
  border: 2px solid #1E0A0A!important;
  background:#c3c3c3!important;
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin:0 5px;
  border-radius: 10px;
  width: 1.4rem;
  height: 1.4rem;
  margin:0 0.5rem;
  border-radius: 1rem;
  opacity:0.4;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.banner .btn li.on{
  background: #1E0A0A!important;
  width: 28px;
  width: 2.8rem;
  opacity:0.8;
}
/*-------游戏介绍-----------------------------------*/
.yxjj{width: 100%;height: auto;overflow: hidden;}
.yxjj .yxjt{
	width: 100%;
}
.yxjj .yxjt img{width:100%;height:100%;display: block;}
.yxjs{width: 100%;height: auto;overflow: hidden;}
.yxjs .yxtit{width: 100%;height:auto;background-color:#fff3d6;
}
.yxjs .yxtit img{width:100%;height:100%;display: block;}
.yxjs .yxbd{width: 100%;height: 500px;height: 50rem;position: relative;padding: 50px 0 6px;padding: 5rem 0 0.6rem;max-width: 800px;margin:0 auto;overflow: hidden;
	background: -webkit-linear-gradient(#312540, #414247 30%,#101113 74%,#000000); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#312540, #414247 30%,#101113 74%,#000000); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#312540, #414247 30%,#101113 74%,#000000); /* Firefox 3.6 - 15 */
	background: linear-gradient(#312540, #414247 30%,#101113 74%,#00000); /* 标准的语法 */
	}
/**/.yxjs .yxbd ul{width: 100%;height: 100%;}
.yxjs .yxbd ul li{width: 270px;width: 27rem;height: 450px;height: 45rem;overflow: hidden;text-align:center; border: 3px solid transparent;
border-radius:25px;
 border-color: transparent;
  
 border-color: rgba(255,255,255,0.2); ;/*position: absolute;border: 1px solid #6f4417;margin:46px 0 0 -135px;margin:4.6rem 0 0 -13.5rem;background: #000;
	-ms-transition-duration: 0ms;
	-moz-transition-duration: 0ms;
	-webkit-transition-duration: 0ms;
	-o-transition-duration: 0ms;
	transition-duration: 0ms;
	-ms-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-ms-transform-origin:center center;
	-moz-transform-origin:center center;
	-webkit-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;
	left:125%;transform: rotateY(-80deg);-ms-transform: rotateY(-80deg);-moz-transform: rotateY(-80deg);-webkit-transform: rotateY(-80deg);-o-transform: rotateY(-80deg);
	z-index: 1;*/
	}
.yxjs .yxbd ul li img{height: 100%;width:auto;font-size: 0;}
.yxjs .yxbd ul li.index{left: 50%;z-index:10;
	transform:rotateY(0);
	-ms-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
}/*
.yxjs .yxbd ul li.next{left: 94%;z-index: 5;
	transform: scale(0.98,0.98) translateZ(-100px) rotateY(-60deg);
	-ms-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-60deg);
	-moz-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-60deg);
	-webkit-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-60deg);
	-o-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-60deg);
}
.yxjs .yxbd ul li.next1{left:125%;z-index: 1;
	transform: scale(0.98,0.98) translateZ(-100px) rotateY(-80deg);
	-ms-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-80deg);
	-moz-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-80deg);
	-webkit-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-80deg);
	-o-transform: scale(0.98,0.98) translateZ(-100px) rotateY(-80deg);
}
.yxjs .yxbd ul li.prev1{left:-25%;z-index: 1;
	transform: scale(0.98,0.98) translateZ(-100px) rotateY(80deg);
	-ms-transform: scale(0.98,0.98) translateZ(-100px) rotateY(80deg);
	-moz-transform: scale(0.98,0.98) translateZ(-100px) rotateY(80deg);
	-webkit-transform: scale(0.98,0.98) translateZ(-100px) rotateY(80deg);
	-o-transform: scale(0.98,0.98) translateZ(-100px) rotateY(80deg);
}
.yxjs .yxbd ul li.prev{left: 6%;z-index: 5;
	transform: scale(0.98,0.98) translateZ(-100px) rotateY(60deg);
	-ms-transform: scale(0.98,0.98) translateZ(-100px) rotateY(60deg);
	-moz-transform: scale(0.98,0.98) translateZ(-100px) rotateY(60deg);
	-webkit-transform: scale(0.98,0.98) translateZ(-100px) rotateY(60deg);
	-o-transform: scale(0.98,0.98) translateZ(-100px) rotateY(60deg);
}
.yxjs .yxbd ul li.time{*/
	/*-ms-transition:  all 0.4s linear; /* IE9 */
	/*-moz-transition:  all 0.4s linear;/*  Firefox 4 */
	/*-webkit-transition:  all 0.4s linear; /* Safari 和 Chrome */
	/*-o-transition:  all 0.4s linear; /*Opera */
	/*transition: all 0.4s linear;*/
/*}*/

.yxjs .btnl,.yxjs .btnr{z-index:10;width: 42px;width: 4.2rem;height: 68px;height: 6.8rem;margin: 0 20px;margin: 0 20px;margin: 0 2rem;position: absolute;top: 50%;margin-top: -34px;margin-top: -3.4rem;}
.yxjs .btnl{left: 0;}
.yxjs .btnr{right:0;}
.yxjs a img{width: 42px;width: 4.2rem;height: 68px;height: 6.8rem;display: block;}

/*-------官方动态--------------------------------------------*/
.gfdt{width: 100%;height: auto;overflow: hidden;background: #000;}
.gfdt .gftit{width: 100%;height: 108px;height: 10.8rem;background:#0b0605;border-top: 1px solid #71532f;border-bottom: 1px solid #4e3c3a;line-height: 108px;line-height: 10.8rem;}
.gfdt .gftit .gfdttit{width: 25%;height: 100%;overflow: hidden;float: left;background:url(../img/gfdt.png) no-repeat 50% 50%;background-size:auto 33%;}
.gfdt .gftit ul{width: 75%;height: 100%;overflow: hidden;float:left;}
.gfdt .gftit ul li{width: 33.33%;height: 100%;overflow: hidden;float: left;}
.gfdt .gftit ul li a{width: 100%;height: 100%;display: block;
	box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.gfdt .gftit ul li a.tit2{background:url(../img/zx.png) no-repeat 50% 50%;background-size:auto 33%;}
.gfdt .gftit ul li a.tit3{background:url(../img/xw.png) no-repeat 50% 50%;background-size:auto 33%;}
.gfdt .gftit ul li a.tit4{background:url(../img/gg.png) no-repeat 50% 50%;background-size:auto 33%;}

.gfdt .gftit ul li a.tit2.on{border-left: 1px solid #71532f;border-right: 1px solid #71532f;background:url(../img/zx-h.png) no-repeat 50% 50%,url(../img/gftitbg.png) no-repeat 50% 0;background-size:auto 33%;}
.gfdt .gftit ul li a.tit3.on{border-left: 1px solid #71532f;border-right: 1px solid #71532f;background:url(../img/xw-h.png) no-repeat 50% 50%,url(../img/gftitbg.png) no-repeat 50% 0;background-size:auto 33%;}
.gfdt .gftit ul li a.tit4.on{border-left: 1px solid #71532f;background:url(../img/gg-h.png) no-repeat 50% 50%,url(../img/gftitbg.png) no-repeat 50% 0;background-size:auto 33%;}

.gfbd{width: 100%;height:auto;margin: 16px auto 0;margin: 1.6rem auto 0;}
/*.gfbd{width: 400%;height: auto;overflow: hidden;
						transition:all 0.5s cubic-bezier(0.18, 0.89, 0.4, 1.1);
                       -moz-transition:all 0.5s cubic-bezier(0.18, 0.89, 0.4, 1.1); 
                       -webkit-transition:all 0.5s cubic-bezier(0.18, 0.89, 0.4, 1.1);
                       -o-transition:all 0.5s cubic-bezier(0.18, 0.89, 0.4, 1.1);
}*/
/*.gfbd ul{width: 25%;height: auto;overflow: hidden;float: left;}*/
.gfbd ul li{height: 44px;height: 4.4rem;line-height: 4.4px;line-height: 4.4rem;font-size: 20px;font-size: 2.2rem;overflow: hidden;color: #cacaca;width: 96%;margin:0 auto;}
.gfbd ul li .listit{float: left;width: 68%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gfbd ul li .time{float: right;width: 30%;text-align: right;}

.gfbd .more{width: 166px;width: 16.6rem;height: 44px;height: 4.4rem;margin: 35px auto 55px;margin: 3.5rem auto 5.5rem;}
.gfbd .more a,.gfbd .more a img{width: 100%;height: 100%;display: block;}