@charset "utf-8";
/*网页的全局样式 解决兼容问题*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,input,select,textarea,span,img,a,em,strong,*{ margin:0; padding:0;font-weight:normal; box-sizing: border-box;-webkit-tap-highlight-color:transparent;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px; }
img{ border:none;width: 100%;display: block;}
a{text-decoration:none; }
input,select {outline: none; }
em, s, i {font-style: normal; text-decoration:none; }
body,html{font-size: 14px;width: 100%;height: 100%;}

.wrap { width: 100%;max-width: 1080px;margin: 0 auto;height: 100%;overflow: auto;padding-top: 1.26rem;}
.content { width: 100%;height: 100vh;position: relative;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/bg.jpg) no-repeat 50% 0/cover;overflow: hidden;}
canvas{opacity: 0;height: 100%;width: auto;position: absolute;top:0;left: 50%;transform: translateX(-50%);}
.show{opacity: 1;}
@media screen and (min-width:641px) {
 canvas{opacity: 0;height:auto;width: 100% ;position: absolute;top:0;left: 0;transform:none;}
}

.logo { position: absolute;top:1.26rem;left: .24rem;z-index: 2;width: 3rem;}
.txt { position: absolute;left: 50%;transform: translateX(-50%);top:2.04rem;z-index: 2;width: 6rem;}
.download { position: absolute; left: 50%; transform: translateX(-50%); bottom: 3rem; z-index: 2; width: 5rem;}

.btns { width: 100%;position: absolute;left: 0;bottom: .86rem;text-align: center;}
.btns a { width: 5.46rem;height: 1.54rem;display: inline-block;vertical-align: middle;margin: 0 .5rem;}
.yu_an { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/yybtn.png) no-repeat 0 0/100%;}
.csbtn { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/csbtn.png) no-repeat 0 0/100%;}

.mus_box{position: absolute;right: 0.25rem;top: 1.56rem;}
.music-btn-stop,.music-btn{width: 0.7rem;height: 0.7rem;position: absolute;right: 0;top:0;cursor:pointer;z-index: 9;}
.music-btn{ background:url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/y01.png) no-repeat;background-size: 100% 100%;animation:movemiusic 2s linear infinite; -webkit-animation:movemiusic 2s linear infinite; }
.music-btn-stop{ background:url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/y05.png) no-repeat;background-size: 100% 100%;animation:none; -webkit-animation:none; }
@keyframes movemiusic{
    from{transform:rotate(0deg);} to{transform:rotate(360deg);}
}
@-webkit-keyframes movemiusic{
    from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}
}

/*foot*/
.copyright {text-align:center;width:100%;background-color:#000;zoom:1;padding: 8px 10px 15px;}
.copyright:after {content: ""; display: block; clear: both;}
.copyright p {font-size: 0.3rem;color:#a6a6a6;line-height: 1.5;}
.copyright .p a{color:#a6a6a6;}
.copyright .p a:hover{text-decoration:underline;}
.copyright img {vertical-align:middle;display:inline-block;}
.copyright img.longtu { width:25%;padding: 10px 0}


.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }
  
   .mask .popup {
    width: 10rem;
    height:4.84rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  
   .mask .popup .close_popup_btn,.mask .popup .close {
    width: .5rem;
    height: .5rem;
    background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/close_btn.png) no-repeat 0 0/100%;
    position: absolute;
    right: .45rem;
    top: .09rem;
    z-index: 2;
    cursor: pointer;
  }

   .mask .popup .yuyue-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: .52rem 2.25rem 0 2rem;
  }
  
  .mask .popup .yuyue-content .system {
    font-size: 0;padding-left: .48rem;
  }
   .mask .popup .yuyue-content .system > label {
    display: inline-block;height: .3rem;cursor: pointer;
  }
  
   .mask .popup .yuyue-content .system > label.one {
    width: .86rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/ios.png) no-repeat 0 50%/100%;
  }
  .mask .popup .yuyue-content .system > label.one.active { background-image: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/ios02.png);}
   .mask .popup .yuyue-content .system > label.two {
    margin-left: 1.56rem;width: 1.5rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/and.png) no-repeat 0 0/100%;
  }
  .mask .popup .yuyue-content .system > label.two.active { background-image: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/and02.png);}
   .mask .popup .yuyue-content .system > label > input {
    opacity: 0;
  }
  
   .mask .popup .yuyue-content .email,
   .mask .popup .yuyue-content .phone {
   margin-top: .3rem;font-size: 0;
   height: .75rem;background-color: #fff;border-radius: .3rem;
  }
  
  .mask .popup .yuyue-content .email > span,
  .mask .popup .yuyue-content .phone > span { 
    font-size: .25rem;color:#919191;line-height: .75rem;width: 1.84rem;text-align: center;display: inline-block;vertical-align: middle;
  }
  
   .mask .popup .yuyue-content .email > input,
   .mask .popup .yuyue-content .phone > input {
    width: 100%;
    height: .75rem;
    border: none;
    background: transparent;
    line-height: .75rem;
    font-size: .32rem;
    color: #4c4c4c;
    padding: 0 .15rem;
  }
  
   .mask .popup .yuyue-content .yu-btn {
    width: 2.76rem;
    height: .67rem;
    border:0;
    background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/yuyue_btn.png) no-repeat 0 0/100%;
    margin: .4rem auto 0;
    display: block;
    cursor: pointer;
  }
  
   .mask .popup .yuyue-success {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    left: 0;
    padding-top: 1rem;
  }
  .mask .popup .yuyue-success img { display: inline-block;width: 3.1rem;}
  .mask .popup .yuyue-success p { font-size: .35rem;color: #627f96;margin-top: .5rem;text-align: center;}
  .mask .popup .yuyue-success p span.copy { padding: 0 .2rem;background: #fff;font-size: .35rem;border-radius: 5px;vertical-align: baseline;margin-left: .1rem;}
  .mask .popup .yuyue-content .yzm {
    margin-top: .12rem;
   }
  .mask .popup .yuyue-content .yzm > input {
    width: 3.24rem;
    height: .75rem;
    border: none;
    background: #fff;
    line-height: .75rem;
    font-size: .32rem;
    color: #4c4c4c;
    border-radius: .75rem;
    padding: 0 .15rem;
  }
  .mask .popup .yuyue-content .yzm > .yzmtxt { width: 2.13rem;height: .75rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/yzm02.png) no-repeat 0 0/100%;float: right;text-align: center;line-height: .75rem;font-size: .22rem;color: #fff;}
 
  .iosbox {width: 73%;height:65%;background: rgba(0, 0, 0, .85);position: absolute;top:1.2rem;left:12.7%;display: none;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
  .iosbox .closen{width:0.5rem;height:0.5rem;background: url(https://cdn-content.hhxcgame.com/image/yujinfengbao/m/v3/close.png) no-repeat 50% 50%/0.28rem;position: absolute;top:0;right:0;}
  .ioscon { width: 100%;height:100%;display: flex;}
  .ioscon a { margin:auto;width: 88%;display: block;}  

.linkbox { width:9.96rem;margin: 1.62rem auto 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;    }
.linkbox a { width: 2.48rem;height: .84rem;position: relative;z-index: 9;}
.linkbox a.link01 { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/link01.png) no-repeat 0 0/100%;}
.linkbox a.link02 { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/link02.png) no-repeat 0 0/100%;}
.linkbox a.link03 { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/link03.png) no-repeat 0 0/100%;}
.linkbox a.link04 { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/link04.png) no-repeat 0 0/100%;}
.linkbox a p { width: 2.91rem;height: 2.34rem;position: absolute;bottom: -.2rem;left:-.25rem;display: none;}
.linkbox a:hover p { display: block;}
.qqpop { width: 5.47rem;height: 2.09rem;position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%) scale(1.5);z-index: 999;display: none;}
.qqpop .close { width: 1.82rem;height: .56rem;position: absolute;top:1.34rem;left: 1.78rem;}

.txt .videobtn { width: 1.26rem;height: 1.26rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/videotbn.png) no-repeat 0 0/100%;position: absolute;top:7.6rem;left: 1.6rem;-webkit-animation: pulse 1.5s linear infinite;animation: pulse 1.5s linear infinite;}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

#tvpop .popcon { height: auto;background: #000;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:100%;max-width: 1080px;}
#tvpop .close,#picpop .close { width:.5rem;height:.5rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/close.png) no-repeat 0 0/100%;position: absolute;top:-.6rem;right:0;}

.topbox { width: 100%;max-width: 1080px;position: fixed;top:0;left: 50%;transform: translateX(-50%);z-index: 999;}
.topwrap { height: 1.26rem;background: #eeeee4;}
.icon { width: .91rem;float: left;margin: .18rem 0 0 .44rem;}
.toptxt { float: left;margin: .22rem 0 0 .22rem;font-size: .26rem;color: #51504e;}
.toptxt h2 { font-size: .38rem;color: #a87536;}
.ljyy { width: 3.41rem;float: right;margin: .2rem .44rem 0 0;}

.menu { height: 1.24rem;background:rgba(255, 255, 255, 0.6);}
.menu ul{ text-align: center;font-size: 0;}
.menu ul li { display: inline-block;}
.menu ul li a { display: block;width: 2.9rem;height: 1.24rem;padding-top: .24rem;font-size: .35rem;color: #8d6e48;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/menubg.png) no-repeat 50% .94rem/.34rem;}
.menu ul li.active a { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/menubg02.png) no-repeat 50% .87rem/.74rem;}

.indexwrap { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/index.jpg) no-repeat 0 0/100%;padding-bottom: 1rem;}
.newspart { width: 9.94rem;margin: 0 auto;padding-top: .48rem;}
.title01 { height: 1.72rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/title01.png) no-repeat 0 0/100% 100%;}
.more { height: .35rem;margin-top: -.52rem;text-align: right;}
.more a { width: 1.07rem;height: .35rem;display: inline-block;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/more.png) no-repeat 0 0/100% 100%;}

.focusbox { margin-top: .5rem;position: relative;}
#focus { width: 100%;border: 1px solid #dbccba;}
#focus .swiper-slide { padding: .04rem;background: #f0f1e7;}
.focus-pag { font-size: 0;text-align: left;left: 0;bottom:.22rem;width: 100%;padding-left: .15rem;}
.focus-pag .swiper-pagination-bullet { width: .44rem;height: .06rem;opacity: 1;background: rgba(255, 255, 255, 0.6);margin:0 .08rem;border-radius: 0;outline: none;}
.focus-pag .swiper-pagination-bullet-active { background: #fff;width: 1.02rem;}
.newslist ul li { overflow: hidden;margin-top: .2rem;}
.newslist ul li a { display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.newslist ul li .newspic { width: 3.1rem;border: 1px solid #dbccba;padding: .04rem;background: #f0f1e7;height:1.72rem;overflow: hidden;}
.newslist ul li .newspic img { width: 100%;}
.newslist ul li .newspic p { height: 1.62rem;overflow: hidden;}
.newsbox { flex:1;margin-left: .18rem;}
.newsbox h2{ font-size: .35rem;color: #a87536;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
.newsdate { color: #c0bdb9;margin-top: .28rem;font-size: .26rem;}

.workpart { margin-top: .45rem;position: relative;}
.title02 { width:9.94rem;height: 1.72rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/title02.png) no-repeat 0 0/100% 100%;margin: 0 auto;}
#work { width: 100%;margin-top: .45rem;}
.workcon { position: relative;opacity: 0;}
.swiper-slide-active .workcon { opacity: 1;}
.worktab { width: 8.02rem;height: 2.54rem;position: absolute;bottom:4.5rem;left: 1.4rem;z-index: 9;}
.worktab li { width: 1.32rem;height: 1.34rem;cursor: pointer;float: left;}
.worktab li:nth-child(2) { margin: .88rem 0 0 .21rem;}
.worktab li:nth-child(3) { margin: 1.18rem 0 0 .48rem;}
.worktab li:nth-child(4) { margin: .88rem 0 0 .56rem;}
.worktab li:nth-child(5) { margin: 0 0 0 .15rem;}
.worktxt { position: absolute;top:0;left: .08rem;width: 10.64rem;}
.worktxt ul { width: 2.84rem;height: .68rem;position: absolute;left:1.12rem;top:2.44rem;} 
.worktxt ul li { width: 50%;float: left;cursor: pointer;height: 100%;}

.picpart { margin-top: .65rem;}
.title03 { width:9.94rem;height: 1.72rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/title03.png) no-repeat 0 0/100% 100%;margin: 0 auto;}
#features { margin: .5rem auto 0;width: 10.64rem;padding-bottom: .6rem;}
#features .swiper-slide {border: 1px solid #dccdbc;padding: .03rem;background: #f0f1e8;width: 88%;}
.swiper-button-prev:after,.swiper-button-next:after { content: '';}
.swiper-button-next, .swiper-button-prev { width: .54rem;height: .98rem;top:2.12rem;margin: 0;}
.swiper-button-next { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/right.png) no-repeat 0 0/100%;}
.swiper-button-prev { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/left.png) no-repeat 0 0/100%;}
.swiper-container-horizontal>.features-pagination { font-size: 0;bottom: 0;}
.features-pagination .swiper-pagination-bullet { width: .3rem;height: .3rem;border-radius: 0;opacity:1;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/dot.png) no-repeat 0 0/100%;}
.features-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/dot-h.png);}

.mediapart { margin-top: .7rem;}
.title04 { width:9.94rem;height: 1.72rem;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/title04.png) no-repeat 0 0/100% 100%;margin: 0 auto;}
.mediabox { margin-top: .5rem;overflow: hidden;}
.mediabox div { overflow: hidden;position: relative;}
.media_l .pic01 { width: 69.44%;float: left;}
.media_l .pic02 { width: 30.56%;float: left;}
.media_l .pic03 { width: 100%;float: left;}
.media_r .pic01 { width: 26.82%;float: left;} 
.media_r .pic02 { width:26.95%;float: left;}
.media_r .pic03 { width:46.165%;float: left;}
.media_r .pic04 { width:73.18%;float: left;}
.mediabox a { width: 100%;height: 100%;position: absolute;top:0;left: 0;}

#picpop .popcon { width: 100%;max-width: 1080px;position: absolute;height: 80%;top:10%;left: 50%;transform: translateX(-50%);}
.swiper_pic { width: 100%;height:100%;}
.swiper_pic .swiper-slide { display: -webkit-box;display: -webkit-flex;display: flex;}
.swiper_pic .swiper-slide img { width: auto;max-width: 100%;max-height: 100%;margin: auto;}
#picpop .swiper-button-next,#picpop .swiper-button-prev { top:50%;}

.subcontent { background: #fff;}
.subcontent .main{width: 9.94rem;margin: 0 auto;padding-top: .4rem;}  
.linkcontent { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/linkbg.jpg) no-repeat 0 0/100%;padding: 1.5rem 0 1rem;margin-top: 1rem;}
.linkcontent .linkbox {margin-top: 0;}

.newstop { color: #a8a8a8;font-size:.42rem;overflow: hidden;border-bottom: 1px solid #e4e3de;padding: .3rem 0;}
.newstop h1 { font-size: .46rem;text-align: center;color: #646464;}
.newsurl { float: left;margin-top: .3rem;}
.newsurl a { color: #a8a8a8;}
.newsurl span { margin: 0 10px;}
.newstop .newsdate { float: right;margin-top: .3rem;color: #a8a8a8;font-size:.42rem;}
.newstxt { padding:.5rem 0;font-size: .42rem;color: #646464;line-height: 2;}
.newstxt p { margin-bottom: .3rem;}
.newstxt img { max-width: 100%;width: auto;}

.mediapart { margin-top: .25rem;}
.medialist { margin-top: .2rem;}
.medialist li { margin-bottom:.5rem;position: relative;}
.mediatab { height:.58rem;width: 2.43rem;}
.mediatab a { width: 50%;height:100%;float: left;}
.mediatab a:nth-child(1) { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/tab02.png) no-repeat 0 0/auto 100%;}
.mediatab a:nth-child(2) { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/tab01.png) no-repeat 100% 0/auto 100%;}
.mediatab a:nth-child(1).active { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/tab01.png) no-repeat 0 0/auto 100%;}
.mediatab a:nth-child(2).active { background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/tab02.png) no-repeat 100% 0/auto 100%;}
.medialist li a { width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url(//cdn-content.hhxcgame.com/image/daihaojianghu/m/v2gw/videotbn02.png) no-repeat 50% 50%/.98rem rgba(0, 0, 0, 0.4);}