*{margin:0;padding:0;}
html{-ms-touch-action:none;font-size:62.5%;-webkit-text-size-adjust:100%}
a,b,body,dd,div,dl,dt,footer,h1,h2,h3,h4,header,html,i,li,p,section,ul{margin:0;padding:0;box-sizing:border-box;}
body,html{width:100%;height:100%}
body{font-size:.22rem;font-family:-apple-system-font,"Helvetica Neue",Helvetica,Arial,STHeiTi,sans-serif;}
li,ul{list-style:none}
em,i{font-style:normal;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}
img{width:100%;display:block}
.wrap{width:7.5rem;position:relative;margin:0 auto;height:100%;overflow:hidden;}
.heroesTop{background:#210802;width:100%;position:absolute;top:0;left:0;height:1.18rem;z-index: 9;}
.topBox{padding:.12rem .3rem;height: 1.18rem;position:relative;}
.ico{float:left;width:1.29rem;height:1.29rem;}
.topTxt{margin-left: .2rem;float: left;color:#Fff;line-height: .4rem;margin-top: .1rem;}
.topTxt h3{font-size:.36rem;}
.topTxt p{color:#b7b7b7;font-size:.22rem;}
.topBtn{position: absolute;right: .3rem;top: .35rem;height:.5rem;}
.topBtn a{background-color:#811A04;float:left;margin-left:.12rem;height:.5rem;line-height:.5rem;padding:0 .18rem;color:#fff;font-size:.24rem;border-radius: .05rem;}

.swiperHeroes{width: 100%;height: 100%;}
.hIndex{background:#fff url(../img/hIndex.jpg) no-repeat 0 0 / 7.5rem auto;}
.indexBox{position: absolute;left: 0;bottom:1.5rem;width: 100%; }
.slogan{height:2.88rem;width:100%;background:url(../img/slogan.png) no-repeat 0 0 / 7.5rem auto;margin-bottom:1rem;}
.download{height:1rem;width:6.7rem;margin:0 auto;}
.download a{height:1rem;width:3.15rem;font-size:0;float:left;margin:0 .1rem;background:url(../img/download.png) no-repeat 0 0 / 3.15rem auto;display: inline-block;}
.download a.downloadAz{ background-position: 0 -1.06rem;}
.arrow{width:.9rem;height:.44rem;background:url(../img/arrow.png) no-repeat 0 0 / .9rem auto;position:absolute;left:50%;margin-left:-.45rem;bottom:.5rem;-webkit-animation: arrow 1s infinite ease-in-out alternate;animation: arrow 1s infinite ease-in-out alternate;}
@-webkit-keyframes arrow{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(.2rem);transform:translateY(.2rem);opacity:.8}}
@keyframes arrow{from{transform:translateY(0);transform:translateY(0);opacity:1}to{transform:translateY(.2rem);transform:translateY(.2rem);opacity:.8}}

.hOne{background:#3E020E url(../img/hOne.jpg) no-repeat 0 0 / 7.5rem auto;}
.heroesBox{position:absolute;top:2.4rem;left:50%;width:6.65rem;margin-left:-3.325rem;}
.bannerBox{height:3.15rem;width:100%;overflow:hidden;position: relative;}
.swiperBanner{height:3.15rem;width:100%;overflow:hidden;}
.bnTab{background-color:rgba(129,26,4,0.66);position: absolute;left: 0;bottom: 0;z-index: 9;width: 100%;height: .5rem;}
.bnTab span{width: 33.33%;float:left;height:.5rem;text-align:center;line-height:.5rem; color:#fab9a1;overflow:hidden;font-size:.24rem;    cursor: pointer;}
.bnTab span.act{background:#811a04;}
.newsBox{width:100%;margin-top:.4rem;}
.newsTab{height:.5rem;width: 6.74rem;margin-bottom:.15rem;}
.newsTab span{background-color:#68211C;cursor: pointer;height:.5rem;text-align:center;color:#fab9a1;font-size:.24rem;line-height:.5rem;width:1.26rem;margin-right:.07rem;float:left;}
.newsTab span.act{background-color:#811A04;}
.swiperNews{width:100%;overflow:hidden;background-color:#68211C;height: 3.5rem;}
.newsUl li{line-height:.7rem;height:.7rem;width:100%;}
.newsUl li+li{border-top:0.01rem solid #811A04;}
.newsUl li a{color:#bd6556;font-size:.24rem;text-overflow :ellipsis;white-space :nowrap;overflow : hidden;width: 100%; float: left;padding: 0 .2rem;}
.newsUl li a span{float:right;}
.more{text-align: center;padding-top: .3rem;}
.more a{text-decoration: underline;color: #bd6556;font-size: .24rem;}

.hTwo{background:#2B0102 url(../img/hTwo.jpg) no-repeat 0 0 / 7.5rem auto;}
.swiperRole{width:100%;height:100%;position: absolute;top:0;left:0;}
.swiperRole .roleImg{height:7.37rem;width:100%; position: absolute;left: 0;top:2.6rem;}
.roleTxt{width:6.14rem;position:absolute;left:50%;margin-left:-3.07rem;    bottom:2rem;}
.roleTxt span{width:100%;font-size:0;background:url(../img/roleTxt.png) no-repeat 0 0 / 3.27rem auto;height:.75rem;display: block;margin-bottom: .4rem;}
.roleTxt span.zyDk{background-position:center -5.28rem;}
.roleTxt span.zyJk{background-position:center 0;}
.roleTxt span.zyQk{background-position:center -1.05rem;}
.roleTxt span.zyWz{background-position:center -2.05rem;}
.roleTxt span.zyGjs{background-position:center -3.2rem;}
.roleTxt span.zyCk{background-position:center -4.26rem;}
.prev,.next{height:.52rem;width:.52rem;background:url(../img/paging.png) no-repeat 0 0 / 1.26rem auto;position:absolute;z-index:999;bottom:4.5rem;font-size: 0;cursor: pointer;
outline: none;}
.next{left: .7rem;}
.prev{right: .7rem;background-position: -.8rem 0;}
.roleTxt p{color: #fab9a1;font-size: .22rem;height: 2rem;line-height: .34rem;}
.scrollbar{position: absolute;width: 6.14rem;height: .02rem;left: 50%;margin-left: -3.07rem;bottom: 4.2rem;}
.scrollbar .swiper-scrollbar{background:#811a04;height: .02rem;}
.scrollbar .swiper-scrollbar .swiper-scrollbar-drag{background-color:#fab9a1;}

.hThree{background:#3D010D url(../img/hThree.jpg) no-repeat 0 0 / 7.5rem auto;}
.hThreeTxt{height: 6.2rem;display:none;}
.hThreeTxt h3{color: #EEDA8C;width: 100%;    margin-bottom: .5rem;text-align: center; font-size: .5rem;font-weight: normal;}
.hThreeTxt h3 span{padding: 0 1.8rem;position: relative;}
.hThreeTxt h3 span:before,.hThreeTxt h3 span:after{content:"";height:.01rem;background-color:#A09080;position:absolute;width:1.5rem;margin-top:-0.05rem;top: 50%;}
.hThreeTxt h3 span:before{left:0;}
.hThreeTxt h3 span:after{right:0;}
.hThreeTxt p{color:#fab9a1;font-size:.24rem;text-align:center;line-height: 0.4rem;}
.wfBox{overflow: hidden;}
.wfBox a{border:.01rem solid #811A04;width:2.06rem;height:1.44rem;overflow: hidden;float:left;position:relative;color:#dca194;font-size:.22rem;margin: .06rem;}
.wfBox a img{width:100%;height:1.44rem;}
.wfBox a p{background-color: rgba(0,0,0,0.7);width:100%;text-align:center;position:absolute;left:0;bottom:0;height:.36rem;line-height:.36rem;overflow:hidden;}
.wfBox a.act{border:.01rem solid #af994a;}
.wfBox a.act p{color:#af994a;}
.hFour{background:#44000F url(../img/hFour.jpg) no-repeat 0 0 / 7.5rem auto;}
.celebrity{width:6.4rem;margin:0 auto;}
.celebrity a{width:.98rem;height:3.56rem;background:url(../img/celebrity.png) no-repeat 0 0 / .98rem auto;float:left;margin: .15rem;}
.celebrity a span{width: 100%;height: .7rem;display: block;color:#fab9a1;text-align: center;line-height: .8rem;font-size: .48rem;}
.celebrity a p{color: #fab9a1;padding: .1rem .34rem;line-height: .25rem;font-size: .22rem;text-align: center;height: 2rem;overflow: hidden;margin-top: .1rem;}
.heroesBox.mrtBox{top:3.4rem;}
.nyPage{width:100%;color:#fab9a1;font-size:.26rem;text-align:center;padding:.4rem 0;}
.nyPage a{color:#fab9a1;margin:0 .05rem;}
.nyPage a.act{color:#ff8c16;}
					
.nyWrap{background-color:#3C000C;width:7.5rem;margin:0 auto;position:relative;}
.nyBox{width:100%;background:url(../img/nyBg.jpg) no-repeat 0 0 / 7.5rem auto;padding-top:5.17rem;}
.nyList{padding:.4rem;overflow: hidden;}
.listTab{height:.5rem;width:100%;}
.listTab span{width:1.26rem;color:#fab9a1;font-size:.24rem;height:.5rem;line-height:.5rem;text-align:center;cursor:pointer;float: left;background:#68211c;}
.listTab span.act{background-color:#811a04;}
.listTab span+span{margin-left:.1rem;}
.listUl{margin-top:.12rem;width:100%;background:#68211c;min-height:10rem;padding:.4rem;overflow: hidden;}
.listUl li{margin-bottom: .2rem;    float: left;}
.listUl li a{color:#fab9a1;font-size:.26rem;width:100%;border-bottom:.01rem solid #811A04;display: block;padding-bottom: .2rem;float:left; }
.listUl li a span{color:#fab9a1;float:right;}
.listUl li a p{float:left;text-overflow :ellipsis;white-space :nowrap; overflow : hidden;    width: 5rem;}

.nyTit{text-align:center;color:#919abe;line-height: .4rem;}
.nyTit h3{font-size:.28rem;}
.nyTit p{font-size:.22rem;}
.nyTxt{color: #919abe;font-size: .24rem;line-height: .4rem;padding-top: .2rem;}


/*******2021.7.29加*********/
.goIndex{width:100%;height:.4rem;line-height:.4rem;margin-bottom:.2rem;}
.goIndex a{color: #fab9a1;font-size: .26rem;}
.tcEwm{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background-color: rgba(0,0,0,0.6);}
.ewmBox{background: #fff;width: 5rem;position: fixed; margin-left: -2.5rem;margin-top:-2.5rem;left: 50%;top: 50%;padding: 0 0.6rem;height: 5rem; border-radius: .2rem;}
.ewmBox p{text-align: center;padding: .2rem 0;font-size: .3rem;}
.close{width: .8rem; height: .8rem;position: absolute;bottom: -1rem;background: #fff;text-align: center;line-height: .8rem;font-size: .4rem;border-radius: 1rem;color: #666;left: 50%;margin-left: -.4rem;}

.hFour .heroesBox.mrtBox{top: 2.7rem;}
.footer{position: absolute;left: 0;bottom: 0;width: 100%;background: #000;color: #fff; text-align: center; padding: .2rem 0;line-height: .34rem;font-size: .2rem;}