/*全局*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0}
body { background: #100d0e url(../images/bg-body.jpg) repeat-y center 0; background-size: 100% auto; font-size:12px; font-family:"Microsoft YaHei",Tahoma,SimSun,Verdana;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
abbr,acronym,img,input{border:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
.fr{float:right;}
.fl{float:left;}
.disb{display:block;}
.hid{display:none;}
.disib{display:inline-block;*display:inline;*zoom:1;}
a{color:#d7b591; text-decoration:none} 
a:hover{color:#fff; text-decoration: none; }
a:focus,input:focus{outline:0}
img{border:0;vertical-align:top; }
.clr { clear: both; }

.mainboxtop{margin: 0 auto;width: 100%; margin-top:-1.4rem; position:relative; z-index:10; max-width:10rem; }
.mainbox{margin: 0 auto; width: 10rem;height: 100%; max-width:10rem; }


/*------ banner大图 ------*/
#banner { width: 10rem; height:14.4rem; min-width:10rem; z-index: 9; margin: 0 auto; position: relative; display: block; clear:both; overflow: hidden; }

.swiper-container { width: 100%; height: 14.4rem; position: absolute;overflow: hidden;z-index: 2;min-width:10rem; top:0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1.8rem; }
.swiper-wrapper { position: relative; margin: 0 auto; width: 100%; height: 100%; }
.swiper-pagination-bullet { width: .267rem; height: .267rem; background: #fff; opacity: .4; }
.swiper-pagination-bullet-active { opacity: 1; }

.swiper-wrapper .swiper-slide { width: 10rem; height:14.4rem; position: relative;display: block; min-width:10rem;  }
.swiper-wrapper .swiper-slide .bannertxt { width: 100%; height: 11rem; margin: 0 auto;position: absolute;display: block; z-index: 2;}
.swiper-wrapper .swiper-slide .bannertxt h2 { display: none;}
.swiper-wrapper .swiper-slide .bannertxt .txtbox { width: 10rem; height: 11rem; margin: 0 auto; position: relative; display: block; }

.swiper-wrapper .swiper-slide .tabvideo { width: 100%; height: auto; position: absolute; z-index: 1; margin: 0 auto; display: block !important; overflow: hidden; }
.swiper-wrapper .swiper-slide .tabvideo img { width: 10rem; height: 14.4rem; }

#bannerbg { width: 100%; height: 14.4rem;position: absolute;overflow: hidden;z-index: 1;background: #000; min-width:10rem; background-size: cover;top:0;background-size: 100% auto;}

/*---banner文字及LOGO---*/
#logo1,#logo2,#logo3 {width:6rem;height: auto; position: absolute; z-index: 99; text-align: center;overflow: hidden;}
.bannertxt .txt1,.bannertxt .txt2,.bannertxt .txt3,.bannertxt .txt4 { height: auto; position: absolute; }
.bannertxt .txt1 img,.bannertxt .txt2 img,.bannertxt .txt3 img,.bannertxt .txt4 img { width: 100% !important;height: 100%; }

/*banner01*/
#logo1 { left: 5%; top:23%; }
#logo1 img { width: auto; height: 2.6rem; }
.bannertxt .txt1 {width: 8.267rem; left: 8%; top:55%; }
/*banner02*/
#logo2 { left:20%; top:40%; }
#logo2 img { width: auto; height: 2.8rem; }
.bannertxt .txt2 {width: 8.133rem; left: 9%; top:68%; }
.bannertxt .txt3 {width: 7.067rem; left: 14%; top:100%; }
/*banner下载*/
.downbox1 { width: 6.667rem; height: 1.133rem; position: absolute; z-index: 99; left: 10%; top: 90%; }
.downbox1 a { width: 2.933rem; height: 1.133rem; margin: 0 .2rem 0 0; display: block; float: left; }
.downbox1 img { width: 2.933rem; height: 1.133rem; }

#banner .txt1 img,#banner .txt2 img  { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear;}


@-webkit-keyframes pulse {
	0% {
	  -webkit-transform: scale3d(.95, .95, .95);
			  transform: scale3d(.95, .95, .95);
	}
	50% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	100% {
	  -webkit-transform: scale3d(.95, .95, .95);
			  transform: scale3d(.95, .95, .95);
	}
  }
  
  @keyframes pulse {
	0% {
	  -webkit-transform: scale3d(.95, .95, .95);
			  transform: scale3d(.95, .95, .95);
	}
	50% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	100% {
	  -webkit-transform: scale3d(.95, .95, .95);
			  transform: scale3d(.95, .95, .95);
	}
  }
  .pulse {
	-webkit-animation-name: pulse;
			animation-name: pulse;
  }

/*------下载------*/
.gamedown60 { height: 1.5rem; width:10rem; position: fixed; top: 0; margin: 0 auto; z-index: 9999; background:#000; background: rgba(0, 0, 0, .85); }
.gamedown60 div { width: 3.4rem; float: left; }
.gamedown60 div a { display: block; line-height: .95rem; display: block; color: #fff; text-align: center; font-size: 0.453rem; border-radius: 0.107rem; text-shadow: 0 0.027rem 0.04rem #111; box-shadow: 0 0.04rem 0.067rem #000; }
.gamedown60 .android a { width: 3.2rem; height: 1rem; border-radius: 0.107rem; margin: 0.25rem 0 0; background: #f86b11;
	background: linear-gradient(180deg, #fcb819 10%, #f86b11 50%, #c22a13 100%);}/*background: linear-gradient(180deg, #6ca963 10%, #1a8229 50%, #0a5515 100%);*/
.gamedown60 .ios a { width: 3.2rem; height: 1rem; border-radius: 0.107rem; margin: 0.25rem 0 0; background: #cf8a39;
	background: linear-gradient(180deg, #e9c367 10%, #c98b42 50%, #854a13 100%);}/*background: linear-gradient(180deg, #5480da 10%, #244485 50%, #122b60 100%);*/
.gamedown60 .logo { width: 3rem; height: 1.3rem; float: left; margin: .1rem .15rem 0 0; text-align: center; }
.gamedown60 .logo img { width: auto; height: 1.3rem; margin-left: 0; }

/*版本列表*/
#imgtxtlist { width: 9.78rem; margin: 0 auto; height: 23.35rem;/*每个版本高度7.8rem，当前默认展示三个版本，7.8x3-0.5=23.35。自定义height值：7.8x展示数量-0.5。(其中0.5是防止收起状态后隐藏部分溢出)，并在index.html中修改content.style.height对应的高度值。*/ overflow-y:hidden; }
#imgtxtlist ul li { width: 9.733rem; height: 7.8rem; position: relative; margin: 0; }
.img-area,.img-area img { width: 9.733rem; height: 5.04rem; }
.txt-area { width: 9.199rem; height: 2.5rem; padding: 0 0.267rem; background: #fff; background: rgba(255, 255, 255, 1); }
.txt-area .name { width: 9.173rem; height: .8rem; display: block; line-height: 0.8rem; padding: .2rem 0; }
.txt-area .name h4 { font-size: .48rem; font-weight: bold; color:#000; float: left; margin: 0 .2rem 0 0; }
.txt-area .name .time { color: #666; font-size: 0.24rem; float: left; }
.txt-area .btn a { width: 2.2rem; height: 0.8rem; line-height: 0.8rem; display: inline-block; text-align: center; margin: 0 0.2rem 0 0; background-color: #fff; border: 0.026rem solid #f75a11; font-size: 0.36rem; color:#f75a11; border-radius: .08rem; }
.txt-area .btn a:hover { background: #f75a11; color:#fff; }
.icon-new,.icon-hot { width: 0.8rem; height: 0.867rem; position: absolute; top:0; right: -0.04rem; z-index: 2; }
.icon-new { background: url(../images/icon-new.gif) no-repeat right top; background-size: cover;}
.icon-hot { background: url(../images/icon-hot.gif) no-repeat right top; background-size: cover;}
.show-btn,.hide-btn {display:block; width: 10rem; height: 0.8rem; text-align: center; font-weight: bold; font-size: 0.32rem; color:#f75a11; cursor: pointer;}
.show-btn:hover,.hide-btn:hover { color: #fff;}
.show-btn { background: url(../images/list-more.png) no-repeat center top; background-size: cover;}
.hide-btn {display: none; background: url(../images/list-more2.png) no-repeat center top; background-size: cover;}


/*游戏介绍*/
.news { width:9.733rem; height:8rem; margin:.3rem auto 0; display: block; max-width: 10rem; position: relative; border-radius: .107rem; background: url(../images/bg-news.png) repeat-x 0 top; }
.title-news { width: 100%; height:0.667rem; position: absolute; top: .5rem; background: url(../images/title-news.png) no-repeat center; z-index: 99; background-size: cover;}
/*新闻tab列表*/
.newslist { width: 100%; height: auto; padding: .1rem 0 0; }
.newslist .hd { width:9.2rem; height: .9rem; display: block; margin: 0 auto; }
.newslist .hd ul { font-size: 0.427rem; }
.newslist .hd ul li { float: left; cursor: pointer; height: .9rem; line-height:.9rem; color: #f75a11; background-color: #1e181a; text-align: center; width: 2.7rem; margin-right: 0.2rem; }
.newslist .hd ul .on { color: #fff; background: #f75a11; }
.newslist .bd { width:9.3rem; display: block; padding:0 0 0 0.267rem; }
.newslist .bd ul { padding: .05rem .2rem .3rem 0; }
.newslist .bd ul li { height: 1rem; line-height: 1rem; text-align: left; padding: 0; border-bottom: .013rem solid #362827; font-size: 0.347rem }
.newslist .bd ul li a { width: 9rem; color: #a38881; float: left; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist .bd ul li a:hover { color: #fff; }


/*标题*/
.title { height: 1rem; line-height: 1rem; padding-left: .2rem; padding-top: .2rem; }
.title h2 { width: 2.45rem; color: #f75a11; font-size: 0.533rem; font-weight: normal; letter-spacing: 0.04rem; float: left; background: url(../images/title-icon.png) no-repeat 0 .03rem; padding-left: .35rem; background-size: auto 100%; }
.title span { width: 4rem; color: #65565b; font-size: 0.293rem; padding-top: 0.1rem; float: left; font-family: Arial, Helvetica, sans-serif; }

/*视频中心*/
.videobox { width: 9.733rem; height: 100%; margin: 0 auto; border-radius: .107rem; background: url(../images/bg-news.png) repeat-x 0 top; }
.videolist2 { width: 100%; overflow:hidden;/*防止滚动时右侧内容显示溢出*/  }
.videolist2 ul{ overflow:hidden; zoom:1; padding-bottom: .4rem; }
.videolist2 ul li{ position: relative; width: 4.733rem; height: 3.667rem; margin: 0 .0665rem; padding: 0; float:left; _display:inline; overflow:hidden; text-align:center; }
.videolist2 ul li p { width: 4.6rem;  height: .667rem; line-height: .667rem; padding: 0 .133rem; display: block; color: #a38881; font-size: .32rem; background-color: #493a40; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.videolist2 ul li a{ overflow: hidden; display: table-cell; vertical-align: middle;*font-size: 315px; }
.videolist2 ul li div { width: 4.733rem; height: 2.667rem; display:block; background: #000 url(../images/icon-video.png) no-repeat; background-size: cover; overflow: hidden; cursor: pointer; }
.videolist2 ul li img { width: 4.733rem; height: 2.667rem; vertical-align: middle; opacity: .55; }
/*视频弹窗*/
.videoed { z-index:99; }
.videos{ display:none;position:fixed; left:50%; top:36%; z-index:100; padding:.267rem; margin-left:-5rem; width:9.467rem; height:5.067rem; background: #000; background: rgba(0, 0, 0, .9); border-radius: 6px; }
.videos video { width:9.467rem; height:5.067rem; }
.vclose { position:absolute;right:1%; top:1.5%; border-radius:100%; cursor: pointer; z-index: 999; }
.vclose img { width: .427rem; height: .427rem; }
@media (max-width:768px){
	.vclose {top:-8%;  }
}

/*游戏截图*/
.jietu { width:9.733rem; height: 6.8rem; margin: 0 auto; display: block; position: relative; border-radius: .107rem; background: url(../images/bg-news.png) repeat-x 0 top; }
/*图片轮播*/
.jietulist { width: 9.733rem; height: 5.467rem; margin:0 auto; }
.pb-carouselWarp{position:relative; width: 9.067rem; height: 5.2rem;  margin:0 auto; overflow:hidden; border: .013rem solid #65565b; background-color: #000; }
.pb-carouselWarp .pb-carousel{position:relative;height:100%;width: 9.067rem;}
.pb-carouselWarp .pb-carousel li{display:none;position:absolute;width:99.8%;height:100%;top:0;left:0; text-align: center; }
.pb-carouselWarp .pb-carousel li img{/*width:100%;height:100%;*/width: 9rem; height: 5.107rem; vertical-align:middle; }
.pb-carouselWarp .pb-carousel .pb-this{display:block;left:0;}
.pb-carouselWarp .pb-carousel-ind{position:absolute;bottom:0.4rem;left:50%;transform:translateX(-50%); }
.pb-carouselWarp .pb-carousel-ind li{float:left;width:0.2rem;height:0.2rem;border-radius:50%;background-color:#777;margin:0 0.067rem; cursor:pointer; }
.pb-carouselWarp .pb-carousel-ind .pb-this{background-color:#d6b8ad; }
.pb-carouselWarp .pb-arrow{position:absolute;top:33%;width:0.8rem;height:1.6rem; opacity: .8; cursor:pointer;border:none;}
.pb-carouselWarp .pb-arrow-prev{left:0.266rem;background: url(../images/btn-prev.png) no-repeat center;background-size: cover;}
.pb-carouselWarp .pb-arrow-next{right:0.266rem;background: url(../images/btn-next.png) no-repeat center;background-size: cover;}

/*装备展示*/
.show { width:9.733rem; height: auto; margin: 0 auto; display: block; position: relative; padding: 0 0 .45rem; border-radius: .107rem; background: url(../images/bg-news.png) repeat-x 0 top; }
#imgshow li { width: 4.63rem; height: 5.7rem; float: left; margin: 0 0 0.18rem 0.133rem; background:#1d181a; border: .013rem solid #433535; border-radius: .107rem; text-align: center; }
#imgshow li img { width: 4.4rem; height: 5.413rem; margin-top: 0.15rem; }

/* 底部版权 */
#footer { width: 100%; max-width:10rem; padding: .1rem 0 .3rem; background: #2f2428; }
.footerlogo { width: 2.3rem; display: block; padding-top: .133rem; margin: 0 auto .133rem;  }
.footerlogo img { width:2.3rem; height: auto; }
.copyright { width: 9.4rem; padding: 0 .3rem .3rem; color: #a38881; font-size: .16rem; line-height: .4rem; }
.copyright .tips { color:#f75a11; font-weight: normal; }
.copyright a { color: #aaa; }

/*右侧固定浮动*/
.fixedbox { position:fixed; right: 15px; bottom: 20px; z-index: 9999; width: 240px; height: 570px; }
@media (max-width:768px){
.fixedbox{display:none; }
	}
.fixedbox div { text-align: center; color: #a38881; }
.fixedbox div img { margin: 4px 0 10px;}
.fixedbox .rightlogo { width: 135px; margin: -70px auto 0 0; }
.fixedbox .rightlogo img { width: 200px; height: auto; }
.fixedbox .tit-kefu,.fixedbox .tit-qun { width: 172px; height: 46px; margin:0 auto 8px; }
.fixedbox .qq { margin: 20px 0 5px; }
.fixedbox .qq p,.fixedbox .group p { display: inline; margin: 0 5px 0 0; line-height: 30px; }
.fixedbox .code { margin: 8px auto 0; display: block; }
.fixedbox .code p { font-size: 16px; margin: 0 0 5px; font-weight: bold; color: #f75a11; }
.fixedbox .code div { width: 158px; height: 158px; margin: 0 auto; border-radius: 4px; background: #1d181a; border: 1px solid #433535; }
.fixedbox .code img { width: 135px; height: 135px; margin: 10px 0 0; }
.fixedbox .top { width: 180px; height: 45px; bottom: 9px; margin:0 0 0 15px; position: absolute; }
.fixedbox .top a { width: 180px; height: 45px;display: block; }
.h5bar{ width:208px; height:568px; border: 1px solid #493a40; position: absolute; right: 0; background: #2f2428; background: rgba(47, 36, 40, .9); border-radius: 6px; }
.h5open{ position:fixed; z-index:99999; bottom: 245px; right:0px; height:120px; width:30px; padding: 12px 0 0; text-align: center; background: url(../images/btn.png) no-repeat; }
.h5close{ height:100px; width:30px; position: absolute; left: 0; padding: 25px 0 0; background: url(../images/btn.png) no-repeat; text-align:center; margin:200px 0 0;}
.h5btn{ font-size:14px; line-height:16px; color:#fff; cursor:pointer; }
.group{margin: 8px}

/*背景音乐*/
#musicbox { position: absolute; width: .8rem; height: .8rem; z-index: 9999999; top:1.5rem; right: .333rem; opacity: 0.6; }
#musicbox a {
    display: inline-block;
    width: .8rem;
    height:.8rem;
    text-align: center;
    background-color: #CCCCCC;
    border-radius: .8rem;
    font-size: .347rem;
    margin-top: .267rem;
    background-image: url(../images/m.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#musicbox a.play { animation: rotates 3s linear infinite; -webkit-animation: rotates 3s linear infinite; }
#musicbox a img { width: 100%; height: 100%; }
@keyframes rotates {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
	}
}

/*微信引导提示*/
#pMask { position: fixed; z-index:99999; top: 0; width: 100%; height: 100%; display: none; }
.wx { display: none; position: fixed; width: 9rem; height: 5rem; margin: 0 0.5rem; border-radius: 0.3rem; top:2.3rem; z-index: 999999; background: rgba(0,0,0,.7); }