body, canvas, div { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
canvas, html, body { margin: 0; padding: 0; }
p { margin: 0; }
body, dl, dd, h1, h2, h3, h4, h5, h6, p, span { margin: 0; padding: 0; }
body { position: relative; font-family:"PingFang SC",-apple-system, BlinkMacSystemFont,"Segoe UI", Roboto, Ubuntu,"Helvetica Neue" , Helvetica, Arial,"PingFang SC", "Hiragino Sans GB","Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN",sans-serif; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-user-select:text; /*-webkit-tap-highlight-color: transparent;*/word-break:break-all;word-wrap:break-word; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: none; padding: 0; margin: 0; vertical-align: top; width: 100%; }
em, i, b { font-style: normal; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select, option { outline: none; }

.db{display: block;}
.dil{display: inline-block; vertical-align: middle;}
.bc{margin-left: auto;margin-right: auto}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.txc{text-align: center;}
.txl{text-align: left;}
.txr{text-align: right;}
.ovh{overflow: hidden;}
.none{display: none;}
.ht{overflow: hidden;font-size: 0;text-indent: -9999em;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}

.wrap, .content{ position: relative; }

/*top*/
.top-bar{ position: fixed; top: 0; left: 0; z-index: 97; width: 100%; height: 1rem; -webkit-transition: height .5s ease; transition: height .5s ease; }
.music-switch{    
    background-image: url(https://game.gtimg.cn/images/fo4/act/a20210315qh/mm.png);   
    background-repeat:no-repeat;
    background-size:.39rem 0.38rem;
    width: 0.39rem;
    height: 0.38rem;
    overflow: hidden;
    position: absolute;
    top: 0.31rem;
    right: 1.6rem;
    z-index: 20;
    cursor: pointer;}
.music-switch.on{
    background-image: url(https://game.gtimg.cn/images/fo4/act/a20210315qh/m.png);
}  
.top-bar .bar-con{ z-index: 3; width: 100%; height: 1rem; background: url(//game.gtimg.cn/images/fo4/m/m201803/topbar.jpg) no-repeat; background-size: 100%; background-color: #000; overflow: hidden; }
.top-bar .menu-btn{ top: 0; right: 0; width: 1.4rem; height: 1rem; }
.top-bar .menu-btn i{ left: .4rem; width: .6rem; height: .08rem; background-color: #fff; -webkit-transition: all 0.5s ease; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;}
.top-bar .menu-btn i:nth-child(1){ top: .27rem;}
.top-bar .menu-btn i:nth-child(2){ top: 50%; margin-top: -.04rem; opacity: 1;}
.top-bar .menu-btn i:nth-child(3){ bottom: .27rem;}
.top-bar .logo{ width: 3.32rem; height: .62rem; margin-top: .19rem; background: url(//game.gtimg.cn/images/fo4/m/m201803/logo.png) no-repeat; background-size: 100%;margin: 0.15rem 0 0 0.3rem; }
.top-bar .menu-con{ top: 0; left: 0; z-index: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; width: 100%; height: 0; padding: 1rem .75rem 0; background-color: #12141a; overflow: hidden; -webkit-transition: height .5s ease; transition: height .5s ease; }
.top-bar .menu-con a{ -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; font-size: .36rem; font-weight: bold; color: #fff; border-bottom: 1px solid #35373c;/* opacity: 0; -webkit-transition: opacity 0s .5s ease; transition: opacity 0s .5s ease;*/ }
.top-bar .menu-con a:last-of-type{ border: none; }
.top-bar.open .menu-btn i:nth-child(1){ top: .452rem; -webkit-transform: rotate(45deg);}
.top-bar.open .menu-btn i:nth-child(2){ opacity: 0;}
.top-bar.open .menu-btn i:nth-child(3){ bottom: .452rem; -webkit-transform: rotate(-45deg);}
.top-bar.open,
.top-bar.open .menu-con{ height: 100%; }
/*.top-bar.open .menu-con a{ opacity: 1; -webkit-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; }*/

/*footer*/
.footer{ padding: .36rem .2rem .3rem; background-color: #1d2029; }
.footer p{ margin-bottom: .14rem; font-size: .16rem; line-height: .28rem; color: #fff; }
.footer a{color:#fff;}
.pop-video{ position: absolute; top: 0; left: 0; z-index: 997; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); }
.pop-video .videoCon{ position: fixed; top: 50%; left: 50%; width: 7.5rem; height: 4.22rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pop-video .pop-close{ position: fixed; top: 1rem; right: 0; display: block; width: 1.2rem; height: 1.2rem; font-size: 0; text-indent: -9999em; overflow: hidden; }
.pop-video .pop-close:before,
.pop-video .pop-close:after{ position: absolute; top: 50%; left: 50%; content: ''; width: 80%; height: 2px; background-color: #fff; }
.pop-video .pop-close:before{ -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.pop-video .pop-close:after{ -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

/*新闻列表*/
.news-hd{ position: relative; height: .76rem; padding: 0 .3rem;}
.news-hd ul{ position: relative; height: 100%; display: -webkit-flex; display: flex; }
.news-hd:after{ position: absolute; bottom: .01rem; left: 0; z-index: 1; content: ''; width: 100%; border-top: 1px solid #edd79d; }
.news-hd:before{ position: absolute; bottom: .02rem; left: 0; z-index: 1; content: ''; width: 100%; border-top: 1px solid #f8efd8; }
.news-hd li{ position: relative; -webkit-flex: 1; flex: 1; }
.news-hd li a{ position: relative; z-index: 3; box-sizing: border-box; width: 100%; height: 100%; font-size: .24rem; font-weight: bold; line-height: .76rem; color: #404040; display:block; }
.news-hd li a.on{ border-bottom: .08rem solid #db9d31; }
/* .news-bd{ padding: 0 .3rem; } */
.news-bd li{ box-sizing: border-box; height: 1rem; line-height: 1rem; border-bottom: 1px dashed #dadada; overflow: hidden; }
.news-bd li:last-of-type{ border: none; }
.news-bd li a{ display: block; width: 100%; height: 100%; font-size: .24rem; color: #404040; }
.news-bd li span{ float: left; margin-right: .16rem; }
.news-bd li strong{ float: left; max-width: 4.6rem; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-bd li em{ float: right; color: #808080; }
.pagination{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding-top: .48rem; }
.pagination a{ width: 2.4rem; height: .6rem; margin: 0 .15rem; font-size: .2rem; font-weight: bold; line-height: .6rem; color: #2a2d38; text-align: center; background-color: #e6e6e6; }

.more-btn{ top: 0; right: .3rem; width: .44rem; height: 100%; background: url(//game.gtimg.cn/images/fo4/m/m201803/more.png) no-repeat calc(100% - .05rem) center; background-size: .24rem; }

.content-page-first{ height: 1.68rem; padding-top: 1rem; background: url(//game.gtimg.cn/images/fo4/m/m201803/bg-page.jpg) no-repeat; background-size: 100%; }
.content-page-first2{ height: 2.16rem; }
.content-page-first h2{ font-size: .4rem; font-weight: bold; line-height: 1.34rem; color: #fff; }

/*swiper通用样式*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper-pagination{ position: absolute; bottom: .3rem; left: 0; z-index: 9; width: 100%; font-size: 0; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .swiper-pagination span{ display: inline-block; width: .34rem; height: .04rem; margin: 0 .1rem; background-color: #fff; cursor: pointer; }
    .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #a3e90c; width: 0.56rem;}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}

.swiper-container,.swiper-slide,.swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-wrapper{-ms-perspective:1200px}
.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}