body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;}
img {border: 0; -webkit-touch-callout: none;}
body{background-color: #1a1a1e; font-family:'\5FAE\8F6F\96C5\9ED1',STHeiTi, Arial,sans-serif,"Droid Sans Fallback"; -webkit-text-size-adjust: 100%;-webkit-user-select: none; user-select: none; font-size:12px;}
.wrapper{ position:relative; padding-top:1.26rem; font-size:12px; overflow: hidden;}
.wrapper section{ width:100%; position:relative;}
.wrapper .hide{ display:none;}
.wrapper img{ display:block;}
.clearfix:after { display:block; visibility:hidden; height:0; content:'.'; clear:both; }

.spr{ background-image:url(https://game.gtimg.cn/images/bwzy/m/m201707/spr.png); background-repeat:no-repeat; background-size:2.56rem 8.93rem;}
.spr.spr-bfsp{ width:1.2rem; height:1.3rem; background-position:2.941176470588235% 62.123197903014415%;}
.spr.spr-bg1{ width:1.74rem; height:1.19rem; background-position:4.878048780487805% 0.516795865633075%;}
.spr.spr-bg2{ width:2.2rem; height:0.6rem; background-position:11.11111111111111% 82.953181272509%;}
.spr.spr-i1{ width:0.7rem; height:0.7rem; background-position:97.31182795698925% 51.64034021871203%;}
.spr.spr-i2{ width:0.7rem; height:0.7rem; background-position:97.31182795698925% 42.64884568651276%;}
.spr.spr-left{ width:0.5rem; height:0.6rem; background-position:88.3495145631068% 66.38655462184873%;}
.spr.spr-ljyy{ width:1.46rem; height:0.65rem; background-position:3.6363636363636362% 99.51690821256038%;}
.spr.spr-nav.on{ width:0.25rem; height:0.25rem; background-position:55.41125541125541% 57.94930875576036%;}
.spr.spr-nav{ width:0.25rem; height:0.25rem; background-position:55.41125541125541% 54.60829493087558%;}
.spr.spr-right{ width:0.5rem; height:0.6rem; background-position:62.13592233009708% 66.38655462184873%;}
.spr.spr-t1{ width:0.55rem; height:3.43rem; background-position:60.69651741293532% 23.09090909090909%;}
.spr.spr-t2{ width:0.55rem; height:3.43rem; background-position:31.343283582089555% 23.09090909090909%;}
.spr.spr-t3{ width:0.55rem; height:3.43rem; background-position:1.9900497512437811% 23.09090909090909%;}
.spr.spr-t4{ width:0.55rem; height:3.43rem; background-position:90.54726368159204% 0.7272727272727273%;}
.spr.spr-top{ width:0.6rem; height:0.5rem; background-position:80.10204081632652% 59.19335705812574%;}
.spr.spr-xzyx{ width:1.46rem; height:0.65rem; background-position:3.6363636363636362% 91.18357487922705%;}
.spr.spr-yjyy{ width:2.44rem; height:0.7rem; background-position:33.33333333333333% 74.96962332928311%;}

body .wrapper .spr.btn-gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;pointer-events: none;}

.disul{font-size: 0;text-align: center;}
.disli{display: inline-block; vertical-align: top;}


.common-header{width: 100%; background: #2b2c33; height: 1.26rem; position: fixed; left: 0; top: 0;z-index:11;}
.cover-content{height: 100%; position: relative;}
.common-header .web-logo{position: absolute; top: .22rem; left: .2rem; width: .96rem; height: .96rem;}
.common-header .web-logo img{width: 100%;}
.cover-content h1{ padding-left: 1.33rem; color: #fafafa; padding-top: .36rem;}
.cover-content h1 span{display: block; height: .34rem; line-height: .34rem; font-size: .24rem;}
.cover-content h1 span.tit{font-size: .3rem;}
.btn-slide{width:.54rem;height:.54rem;overflow:hidden;position:absolute;right:.1rem;top:.43rem;z-index:9;}

.btn-slide .draw,.btn-slide .draw:before,.btn-slide .draw:after{width:100%;height:.08rem;background:#fff;position:absolute;left:0;-webkit-transition:all .5s;-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.btn-slide .draw{top:.23rem;left:0;}
.btn-slide .draw:before{content:"";top:-.22rem;}
.btn-slide .draw:after{content:"";top:.22rem;}
.g-close.btn-slide .draw{background:transparent;}
.g-close.btn-slide .draw:before{top:0;-webkit-transform:rotate(45deg);background:#faf1a8;}
.g-close.btn-slide .draw:after{top:0;-webkit-transform:rotate(-45deg);background:#faf1a8;}
.common-nav{width:100%;height:100%;position:fixed;right:-100%;top:-100%; background:rgba(43,44,51,.8);z-index:8;-webkit-transition:all .5s;}
.common-nav ul{width:100%;overflow:hidden;text-align:center;border-top:1px solid #5d5f69;}
.common-nav li{height:.8rem;overflow:hidden;line-height:.8rem;position:relative;border-bottom:1px solid #5d5f69;background:#2b2c33;}
.common-nav a{color:#fff;display:block;height:100%; font-size: .3rem;}
.g-open{top:1.26rem;right: 0;}
.btn-download{ top: .37rem; position: absolute; z-index: 6; right: .78rem;}

.page1{ height: 11rem; background: url(https://game.gtimg.cn/images/bwzy/m/m201707/bg1.jpg) no-repeat; background-size: 100% 100%;}
.page1 .spr-bfsp{position: absolute; left:2.61rem;top:2.74rem;}
.page1 .spr-yjyy{display: block;position:absolute;left:50%;margin-left:-1.22rem;top:8rem;}
.page1 h2{width:100%;font-size: .2rem; line-height: .24rem; text-align: center; color: #daaf62;position:absolute;left:0;top:8.8rem;}
.page3{background: url(https://game.gtimg.cn/images/bwzy/m/m201707/bg3.jpg) no-repeat; background-size: 100% 100%; padding-top: 1.67rem;}
.page3 .img-ggt{width: 100%;}
.page3 .news-box{ background: #2b2c33;}
.page3 .news-nav a{color: #fff;}
.page3 .news-nav li{border-bottom: 2px solid #5d5f69; width: 20%; float: left; text-align: center; color: #fff; line-height: .7rem; height: .7rem; font-size: .23rem; position: relative;}
.page3 .news-nav li.on{border-bottom: 1px solid #fff;}
.page3 .news-nav li:after{position: absolute; content:'';left: 0;width: 100%; bottom:0; height: 2px; background: #fff;display: none;}
.page3 .news-nav li.on:after{display: block;}

.page3 .nl-con{width: 100%; position: relative; overflow: hidden; height: 4.4rem;}
.page3 .nl-con .controller{display: none;}
.page3 .nl-con .nl-wrap{width: 1000%; height: 100%;}
.page3 .nl-con .nl-main{float: left; width: 6.4rem; height: 100%;}
.nl-main ul{ width: 5.4rem; margin: 0 auto; padding: .11rem 0 .36rem;}
.nl-main ul a{display: block;}
.nl-main .li-first{ border-bottom: 1px solid #5e504f; font-size: .28rem; line-height: .66rem; text-align: center; padding-bottom: .03rem;}
.nl-main .li-first a{ color: #ffecc4; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.nl-main .li-new{height: .34rem; padding:.15rem 0; line-height: .34rem;}
.nl-main .li-new .lnk-tit{ color: #a4998c; height: .34rem; font-size: .23rem;}
.nl-main .li-new .lnk-tit span{float: left;}
.nl-main .li-new .new-type{width:1rem; text-indent:-.5em;}
.nl-main .li-new .new-main{width:3.6rem; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.nl-main .li-new .new-date{width: .8rem; text-align: right;}

.page4{ height:4.2rem; background: url(https://game.gtimg.cn/images/bwzy/m/m201707/bg4.jpg) no-repeat; background-size: 100% 100%; padding-top: 1.7rem;}
.page4 .pic-con{width: 5.35rem; height: 3.43rem; -webkit-box-sizing: content-box; box-sizing: content-box; background: #f0e6db; border: 2px solid #31323b; margin: 0 auto; overflow: hidden; position: relative;}
.page4 .pic-con-ul{width: 1000%; height: 100%;}
.page4 .pic-con-ul li{width: 5.35rem; height: 100%; float: left; position: relative;}
.page4 .pic-con-ul li i{display: block;}
.page4 .pic-con-ul img{ position: absolute; right: 0; top: 0; height: 100%;}
.page4 .nav-box{margin-top: .44rem;}
.page4 .nav-box a{ margin: 0 .05rem;}

.page5{ height:5.6rem; background: url(https://game.gtimg.cn/images/bwzy/m/m201707/bg5.jpg) no-repeat; background-size: 100% 100%; padding-top: 2.2rem;}
.page5 .pic-con{width: 5.36rem; margin: 0 auto; position: relative; height: 5.1rem;}
.page5 .pic-con-ul{width: 1000%; height: 100%;}
.page5 .pic-con-ul li{width: 5.36rem; height: 100%; float: left; position: relative;}
.page5 .pic-con-ul img{ margin:-.1rem auto 0; width: 4.9rem;}
.page5 .pic-con-ul li i{position: absolute; left:0; margin-left:-.52rem; top: .1rem; color: #f2e7cf; font-size: .2rem; line-height: .56rem;z-index: 2; font-weight: bold; text-align: center; font-style: normal;}
.page5 .pic-con-ul li p{font-size: .18rem; text-align: justify; line-height: .2rem; margin-top:-.5rem;position: relative; overflow: hidden;}
.page5 a.spr{position: absolute; top: 4.2rem; z-index: 6;}
.page5 a.spr-left{left: .4rem;}
.page5 a.spr-right{right: .4rem;}

.page6{ height:5.58rem; background: url(https://game.gtimg.cn/images/bwzy/m/m201707/bg6.jpg) no-repeat; background-size: 100% 100%; padding-top:.97rem;}
.page6 .wx-box{padding-left: 1.9rem; position: relative; height: 2.8rem; overflow: hidden;}
.page6 .wx-box img{position: absolute; left:.17rem; top: .04rem; width: 1.6rem;}
.page6 .wx-box .wx-txt-box{ color: #fffefe; font-size: .18rem; line-height: .24rem;}
.page6 .wx-box .wx-txt-box h3{ font-size: .24rem; line-height: .3rem;}
.page6 .wx-box .wx-txt-box h4{ padding-bottom: .64rem;}
.page6 .btn-list{padding-left: .16rem; height: 1.62rem;}
.page6 .btn-list a{float: left; margin-right: .16rem; padding-top: .14rem;}
.page6 .btn-list a i{display: block; margin: 0 auto;}
.page6 .btn-list a span{ color: #332624; font-size: .18rem; line-height: .24rem; display: block; text-align: center;}

.page6 .btn-top{width: .62rem; height: .62rem; padding-top: .06rem; margin: .27rem auto 0; background: #353642; border-radius:.1rem; display: block;}
.page6 .btn-top i{display: block; margin: 0 auto;}

.video-player{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10011;background:#000;display:none;}
.video-close{width:64px;height:64px;background:#000;color:#fff;position:fixed;right:0;top:0;z-index:10012;text-align:center;display:none; font-weight: normal; font-size: 48px; line-height: 64px; font-style: normal; font-weight: normal;}

.slide{height:2.23rem;position:relative;}
.img-slide2{position: relative;width:100%;height:100%;overflow: hidden;}
.img-slide2 ul{width: 100%;height: 100%;}
.img-slide2 li{width:6.4rem;height: 100%;}
.img-slide2 .controller{position:absolute;bottom:.05rem;z-index:10;width: 100%;height:.24rem;text-align: center;}
.img-slide2 .controller li{display: inline-block;width:.1rem;height:.1rem;margin:.05rem;border-radius:.1rem;background-color: #fff;line-height:1rem;overflow: hidden;}
.img-slide2 .controller li.current{background-color: #f00;}