@import url(public.css);
/*页面开始-----------------------------------------------*/
.iosset{ font-size: 2rem; text-align: center; width: 100%; float: left; color: deepskyblue; }
/*----首图--------------------------------------*/
.top{position: fixed;
    top: 0;
    z-index: 1000;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;}
.top img{width: 100%;}
.logo{width: 100%;height: auto;overflow: hidden;position: relative; margin-top:1rem;}
.logo img{width: 100%;height: auto;display: block;text-align:center;}
.xingli{width: 100%;height: auto;overflow: hidden;position: relative; margin-top:5rem;}
.xingli a{height: auto;display: inline-block;text-align:center;overflow: hidden;width: 100%;}
.xingli img{width: 40%;height: auto;text-align:center;}
.shoutu{width: 100%;height: auto;overflow: hidden;position: relative;}
.shoutu img{width: 100%;height: auto;display: block;}
.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%;}
@media screen and (max-width: 400px) {
	.shoutu a{height: 70px;height: 7rem;}
}
.btnbox{width: 100%;left: 0;z-index: 2;text-align: center; margin-top: 5rem;}
.btnbox img{width: 100%;height: auto;display: block;}
.btnbox a{height: auto;display: inline-block;text-align:center;overflow: hidden;width: 50%}
.btnbox a img{margin:0 auto;display: inline-block;font-size:0;width: 100%;}
@media screen and (max-width: 400px) {
	.btnbox a{height: 70px;height: 7rem;}
}
/*------banner------------------------------*/
.bannerbox{width: 100%;height: auto;overflow: hidden; background-color:#291959;}
.bannerbox .banner{width: 90%;border:3px solid #e8d6fe;margin: 28px auto;margin: 2.8rem auto;position: relative;overflow: hidden;}
.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{width: auto;height: auto;position: absolute;left: 45%;bottom: 4%;margin-left: -5px;margin-left: -5rem;z-index:10;}
.banner .btn li{float: left;display: inline;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;
}
.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:#291959); 
	
	}
/**/.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;}
.btn1{position: fixed;
    top: 0;
    z-index: 1000;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;}
.btn1 a.qq-bottom {
    width:15.5rem;
    position: fixed;
    top:30%;
	right:0%;
}
	.img-responsive {
	width: 100%;
	display: block;

}