html{font-size: 100px;}
html, body{background: #ffffff;user-select: none;height: 100%;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size: 0.24rem;}
body.overflow{overflow: hidden;}
.flex{display: flex;}
.in{display: inline-block;}
.t{display: block;text-indent: -9999rem;font-size: 0;}
.hide{width: 0;height: 0;overflow: hidden;display: block;visibility: hidden;}
input,select,textarea{border: 0;background: 0;-webkit-appearance: none;outline: 0; }
p{margin: 0;padding: 0;}
.wrap{width: 100%;min-height: auto;}
img{display: block;}
@font-face {
  font-family: 'font1';
  src: url("../fonts/xiquezhaopai.TTF");
}
a{
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
a:active, a:focus{text-decoration: none;}
a:visited {
  text-decoration: none;
}
*{outline: none;}
.blur{filter: blur(4px); transition: filter 0.3s;}
.loaded.blur{filter: blur(0px);}
.elips {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sp{
  background: url("../images/m-sp.png") no-repeat;
  background-size: 12.40rem auto;
}
.sp-tit{background: url("../images/sp-tit.png") no-repeat;background-size: 7.5rem auto;}

/*头部内容*/
.header{width: 100%;height: 10.77rem;background-size: 100% auto;position: relative;}
/* .index{background: url('../images/20221014/bg-index.jpg') no-repeat center 1.14rem/100% auto;} */
.index{background: url('../images/20221014/bg-index3.jpg') no-repeat center 1.14rem/100% auto;}


.slogon{width: 100%;position: relative;z-index: 1;padding-top: 6.1rem;}
.slogon img{width: 5.71rem;height: 3.26rem;margin: 0 auto; opacity: 0;}
/* .slogon .play-ico{background: url("../images/20221014/player2.png") no-repeat;width:.6rem;height: .59rem;background-size: 100% auto;position: absolute;top:7rem;left: 5.9rem;animation: pulse 1s linear infinite both;} */
.slogon .play-ico{background: url("../images/20221014/player2.png") no-repeat;width:.6rem;height: .59rem;background-size: 100% auto;position: absolute;top:4.9rem;left: 6.3rem;animation: pulse 1s linear infinite both;}

@keyframes pulse{
  0%{transform: scale(1);}
  50%{transform: scale(0.95);}
  100%{transform: scale(1);}
}
.header .down-box{display: none;}
.header .btn-down{width: 2.67rem;height: .93rem;background:url('../images/v0301/btn-down.png') no-repeat center/cover;margin: 0 auto;}

.header .appoint-box{margin-top: 0.4rem;display: none;}
.header .btn-appoint{width: 3.95rem;height: 1.4rem;background-position: 0 -0.92rem;margin: 0 auto;}
.header .btn-appoint.reserved{background-position: -5.35rem -6.72rem;}
.header .btn-appoint.disabled{filter: grayscale(100%);}
.header .appoint-box .tip{font-size: 0.24rem;color: #a3ddde;text-align: center;margin-top: 0.25rem;}
.header .appoint-box .tip span{font-size: 0.32rem;color: #fff6c9;font-weight: bold;}

.header .game_logo {width: 1.82rem;height: .80rem;background: url('../images/logo.png') no-repeat center/cover;position: absolute;top: 1.58rem;left: 0.18rem;}

.game-limit-box{width: 1.26rem;position: absolute;top: 3.8rem;right: 0;z-index: 10;}

.game-limit-box .game-limit{background: url("../images/age-limit.png") no-repeat;width: 0.56rem;height: 0.73rem;background-size: 100% auto;margin: 0 auto;position: relative;}
.game-limit-box img{width: 100%;height: 100%;position: absolute; top:0; left:0;opacity: 0;}
.game-limit-box .btn-serve{margin-top: 0.18rem;width: 100%;display: block;}
/* .game-limit-box .btn-serve i{background: url("../images/serve-ico.png") no-repeat;width: 0.32rem;height: 0.36rem;
  background-size: 100% auto;display: block;margin: 0 auto;} */
.game-limit-box .btn-serve i{background: url("../images/huashan/serve-ico.png") no-repeat;width: 0.32rem;height: 0.36rem;
background-size: 100% auto;display: block;margin: 0 auto;}
/* .game-limit-box .btn-serve span{color: rgba(255,255,255,0.4);text-align: center;width: 100%;display: block;margin-top: 0.1rem;} */
.game-limit-box .btn-serve span{color: rgba(71,73,96,0.7);text-align: center;width: 100%;display: block;margin-top: 0.1rem;}




/* .tit-box .tit-news{background-position: 0 0;width: 7.5rem;height: 0.98rem;} */
.tit-box .tit-news{background:url('../images/huashan/tit-news.png') no-repeat center/cover;width: 7.49rem;height: 0.96rem;margin: auto;}

.tit-box .tit-feature{background:url('../images/huashan/tit-feature.png') no-repeat center/cover;width: 7.49rem;height: 0.96rem;margin: auto;}

.tit-box .tit-job{background:url('../images/huashan/tit-job.png') no-repeat center/cover;width: 7.49rem;height: 0.96rem;margin: auto;}

.tit-box .tit-view{background:url('../images/huashan/tit-view.png')no-repeat center/cover;}

.tit-box .tit-more{background:url('../images/huashan/tit-more.png')no-repeat center/cover;}

.tit-box .tit-rank{width: 2.67rem;height: 0.96rem;background: url('../images/huashan/tit-rank.png') no-repeat center/cover;}

.tit-box .tit-information{ width: 7.5rem;height: 0.97rem; background:url('../images/huashan/tit-information.png') no-repeat center/cover;margin: auto;}

/*新闻*/
.news-part .tit-box{padding-top: 0.3rem;}
.section-lunbo-wrap{margin-top: 0.3rem;position: relative;}
.section-lunbo{width: 100%;height: 3.90rem;margin: 0.2rem auto 0;}
.section-lunbo .swiper-slide img{width: 6.87rem;margin: 0 auto;border: 0.03rem solid #fdeec7;}
.section-lunbo-wrap .lunbo-pagination{width: 100%; height: 0.14rem; position: relative;margin: 0.1rem 0 0.42rem 0;}
.section-lunbo-wrap .lunbo-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  margin: 0 0.1rem;
  opacity: 1;
  outline: none;
  background: #cbcbcb;
  border-radius: 50%;
}

.section-lunbo-wrap .lunbo-pagination .swiper-pagination-bullet-active {
  background: #e1ca8a;
  width: .56rem;
  border-radius: 0.20rem;
}

/*资讯*/
.section-news{background: #fcf8ed;width: 6.88rem;height: 5.20rem; margin: 0 auto;}

.section-news .news-nav{width: 6.42rem;height: 0.83rem;display: flex;margin:0 auto;}
.section-news .news-nav .nav-item{flex: 1; height: 0.40rem;line-height: 0.40rem;font-size: 0.30rem;color: #6a6a6a; display: flex; align-items: center; justify-content: center; position: relative;margin-top: .16rem;}
.section-news .news-nav .cur{color: #ae8537;}
.section-news .news-nav .nav-item::before, .section-news .news-nav .nav-item:last-child::after{content: ''; background: #e6e1ce; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -.65rem;}
.section-news .news-nav .nav-item:last-child::after{margin-left: .65rem;}
.section-news .news-nav .cur::after{content: "";background: url("../images/v0301/news-cur.png") no-repeat;width: 1.30rem;height: 0.74rem;background-size: 100% auto;position: absolute;bottom: -0.28rem;left: 50%;margin-left: -0.65rem;}
.section-news .news-tit{width: 6.42rem;height:1.28rem;margin: 0.06rem auto 0;display: flex;flex-direction: column; justify-content: center;box-sizing: border-box;border-top: 1px dashed rgba(234,231,220,.83); border-bottom: 1px dashed rgba(234,231,220,.83);}
.section-news .tit-link{font-size: 0.28rem;font-weight:bold;color: #6e695f; line-height: .64rem; display: flex;}
.section-news .tit-link span{max-width: 5.6rem;}
.section-news .tit-link::after{content:'';flex:0; flex-shrink: 0; flex-basis: .44rem; background: url("../images/v0301/ico-hot.png") no-repeat center center/100% 100%; width: .44rem; height: .22rem; position: relative; top: .10rem;}
.section-news .news-nav .nav-item a{flex: 1; text-align: center; height: 100%; color: #6e695f; }

.swiper-news{margin: 0 0.20rem;}
.swiper-news .news-panel{width: 100%;}
.swiper-news .news-item{margin-top: 0.22rem;}
.swiper-news .txt{display: flex;align-items: center;color: #b29d7c;font-size: .22rem;}
.swiper-news .txt .ico{font-size: 0.2rem;color: #f9fdf9;width: 0.5rem;height: 0.3rem;background: #e1ca8a;text-align: center;line-height: 0.3rem;}

.swiper-news .txt .intro-txt{flex: 1;margin: 0 0.14rem;font-size: 0.26rem; color: #b29d7c;}
.swiper-news .txt .time-txt{font-size: 0.26rem; color: #b29d7c;}
.section-news .btn-more, .tip-ct .btn-more, .information-part .btn-more{display: flex;width: 6.83rem;height: 0.86rem;line-height: 0.86rem;font-size: 0.26rem;color: #b29d7c;text-align: center;border: 1px solid #b29d7c;margin: 0.48rem auto 0;justify-content: center;}


/*门派展示*/
.job-part{width: 100%; height: 11.1rem; overflow: hidden;position: relative;}
.tit-job{background: url("../images/v0301/tit-job.png") no-repeat center/100% 100%; width: 2.34rem; height: 1.04rem; margin: 0 auto; position: absolute; z-index: 5; top: 0; left: 0; right: 0; z-index: 2;}
.job-cont{width: 100%; height: 100%; position: relative;}
.job-cont::before{content:'';background: url("../images/v0301/job-bg.png") no-repeat center/100% 100%; width: 7.01rem; height: 7.14rem; top: 1.28rem; left: .49rem; position: absolute; }
.btn-job{width: .48rem; height: .44rem; background-repeat: no-repeat; background-size: cover; position: absolute; display: block; z-index: 4;}
.btn-prev-job{background-image: url("../images/v0301/job-btn-prev.png"); top: 1.16rem; left: 3.06rem;}
.btn-next-job{background-image: url("../images/v0301/job-btn-next.png"); top: 7.9rem; left: 2.5rem;}
.job-nav{position: absolute; top: 0; left: 0; z-index: 5; }
.job-nav-item{background: url("../images/v0301/job-item.png") no-repeat center/100% 100%; width: .82rem; height: .82rem; position: absolute; left: -7rem; display: flex; justify-content: center; align-items: center; color: #548877; z-index: -1; opacity: 0; pointer-events: none; }
.job-nav-item[data-index="0"], .job-nav-item[data-index="1"], .job-nav-item[data-index="2"], .job-nav-item[data-index="3"], .job-nav-item[data-index="4"]{pointer-events: auto; transition: top 0.3s , left 0.3s , opacity 0.3s , width 0.6s, height 0.6s;}
.job-nav-item[data-index="0"]{top: 1.4rem; left: 1.8rem; opacity: 1; z-index: 2;}
.job-nav-item[data-index="1"]{top: 2.5rem; left: .7rem; opacity: 1; z-index: 2;}
.job-nav-item[data-index="2"]{background: url("../images/v0301/job-item-cur.png") no-repeat center/100% 100%; text-align: center; line-height: 1.08rem; width: .95rem; height: 1.05rem;  opacity: 1; color: #b18a39; letter-spacing: 2px; top: 3.98rem; left: 0.08rem; z-index: 2;}
.job-nav-item[data-index="3"]{top: 5.78rem; left: .38rem;  opacity: 1; z-index: 2;}
.job-nav-item[data-index="4"]{top: 7.1rem; left: 1.32rem;  opacity: 1; z-index: 2;}
.job-nav-item[data-index="11"], .job-nav-item[data-index="10"]{top: 1.0rem; left: 2.8rem;}
.job-nav-item[data-index="5"], .job-nav-item[data-index="6"]{top: 7.7rem; left: 2.3rem;}
.job-cont .swiper-job{width: 100%; height: 12.00rem; overflow: hidden}
.swiper-job .swiper-slide {opacity: 0 !important; }
.swiper-job .swiper-slide-active {  opacity: 1 !important;}
.job-info{width: 3.44rem; position: absolute; left: 1.22rem; top: 2.5rem; z-index: 1;}
.job-role{width: 7.50rem; position: absolute; right: 0; top: 0;}
.job-name{margin-left: .74rem; width: 2.80rem;}
.job_name_yangmen{ margin-left: .7rem; }
.job-kezhi{position: absolute;top: 1.64rem;left: 0; width: 1.68rem; }
.job-desc{width: 3.10rem; padding: .08rem .16rem; font-size: .16rem; color: #797979; line-height: .26rem; border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); margin: 0 0 0 .30rem; }
.job-desc strong{font-size: .20rem; font-weight: normal;}
.job-type{width: 7.50rem; height: 2.50rem; position: absolute; top: 8.50rem; left:0;}
.job-type-wrap{width: 100%; height: 100%; position: absolute; top: 0; left:0;}
.job-type-item{display: none;position: relative;}
.job-type-item.active{display: block;}
.job-leida{position: absolute; top: 0; left: .32rem; width: 2.32rem;}
.job-prop-desc{width: 4.14rem; position: absolute; right: .30rem; display: flex; justify-content: space-between; color: #6c6d6c; font-size: .18rem;}
.job-type-wrap .job-prop-desc::after{content: none;}
.job-prop-desc .job-pro{float: none;}
.star-box{display: inline-block;}
.star-box i{ display: inline-block; width: 0.10rem; height: 0.10rem; transform: rotate(45deg) translateY(-0.02rem); background: #82c6ae; margin-right: 0.08rem;}
.job-skill{display: flex; width: 4.00rem; position: absolute; right: .50rem; top: .40rem;color: #6c6d6c; font-size: .18rem;}
.job-skill label{margin-top: .14rem;}
.job-skill .btn-change-skill{background: url("../images/v0301/job/btn-change-skill.png") no-repeat center/100%; width: .6rem; height: .33rem; right: .24rem; top: -.38rem;}
.slide-xiaoyao .job-skill{margin-top: .30rem;}
.slide-xiaoyao .job-type-nav{top: 2rem;}
.skill-list-wrap .skill-list{display: none;}
.skill-list-wrap .skill-list.active{display: flex;}
.slide-xiaoyao .job-type-item:nth-child(1) .job-skill{right: 0rem; width: 4.7rem;}
.slide-xiaoyao .job-type-item:nth-child(1) .skill-item{margin-right: .12rem;}
.skill-list{flex: 1; display: flex; justify-content: space-between;}
.skill-item{width: .82rem; position: relative; height: 1.10rem; margin-right: .24rem;}
.skill-item:last-child{margin-right: 0;}
.skill-name{position: absolute; top: .88rem; left: 50%; width: 1.10rem; margin-left: -.55rem; font-size: .15rem; color: #797979; text-align: center;}
.skill-item img{width: 100%;}
.skill-intro-tip{width:2.52rem;position:absolute;bottom:1.16rem;right:-.10rem;z-index:9;text-align:left; display: none;}
.skill-intro-tip.ani-fadeDownIn{display: block;}
.skill-intro-tip .skill-intro-txt{width:2.52rem;padding:.10rem;box-sizing:border-box;border:1px solid #82b5a4;background:#d9eee3;color:#6fa593;font-size:.16rem;border-radius:.12rem;opacity:0;position: absolute; bottom: .06rem;z-index: 5;}
.skill-intro-tip .skill-intro-txt{transition: all 0.4s 0s ease-out; transform: translateY(-.30rem); opacity: 0;}
.skill-intro-tip.ani-fadeDownIn .skill-intro-txt{animation:ani-fadeDownIn .4s 0s ease-out both}
.skill-intro-tip .skill-intro-txt::after{content:'';width:0.12rem;height:0.08rem;position:absolute;bottom:-0.05rem;right:0.46rem;background:url(../images/v0301/ico-down.png) no-repeat center top/cover;z-index:2}
.skill-item:nth-child(1) .skill-intro-tip{right: -1.36rem;}
.skill-item:nth-child(1) .skill-intro-tip .skill-intro-txt::after{right: 1.70rem;}
.job-type-nav{width: 3.08rem; height: .60rem; font-size: 0; text-align: center; position: absolute; top: 1.70rem; right: .70rem; }
.job-shaolin .job-type-nav{ width: 4.02rem; right: 0.36rem;}
.job-shaolin .job-type-nav::before{background: url("../images/v0301/skill-tab-2.png") no-repeat center/100%; width: 4.49rem; height: .60rem; margin-left: -2.26rem;}
.job-shaolin .job-type-nav[active="0"]::after{
  left: 0rem;
}
.job-shaolin .job-type-nav[active="1"]::after{
  left: 1.3rem;
}
.job-shaolin .job-type-nav[active="2"]::after{
  left: 2.66rem;
}
.job-type-nav[active="0"] .job-type-nav-item:nth-child(1){
  color:#835e29;
  text-shadow: 0 1px 1px #f8fcf6;
}
.job-type-nav[active="1"] .job-type-nav-item:nth-child(2){
  color:#835e29;
  text-shadow: 0 1px 1px #f8fcf6;
}
.job-type-nav[active="2"] .job-type-nav-item:nth-child(3){
  color:#835e29;
  text-shadow: 0 1px 1px #f8fcf6;
}
.job-shaolin .job-type-nav-item{width: 1.34rem;}
.job-type-nav::before{ background: url("../images/v0301/skill-tab.png") no-repeat center/100%; content:''; display: block; position: absolute; width: 3.08rem; height: .60rem; top: -0.08rem; left: 50%; margin-left: -1.54rem;}
.job-type-nav::after{content: ''; background: url("../images/v0301/skill-tab-on.png") no-repeat center/100%; width: 1.40rem;  height: .44rem; position: absolute; top: 0; left: -6px; z-index: 1; transition: all 0.3s;}
.job-type-nav[active="0"]::after{
  left: 0.18rem;
}
.job-type-nav[active="1"]::after{
  left: 1.48rem;
}
.job-type-nav[active="2"]::after{
  left: 2.64rem;
}
.job-type-nav-item{
  position: relative;
  z-index: 2;
  width: 1.30rem;
  height: .44rem;
  font-size: .18rem;
  color: #6fa593;
  display: inline-block;
  text-align: center;
  line-height: .44rem;
}
.job-type-nav-item em{ font-size: .14rem;}

/*排行榜*/
.rank-part{position: relative;z-index: 2;padding-top: 0.2rem;}
.tit-rank{background: url("../images/v0301/tit-rank.png") no-repeat center/100% 100%; width: 2.72rem; height: .86rem; margin: 0 auto;}
.line-choose{font-size: 0; text-align: center; margin-top: .06rem; height: .50rem;}
.no-select .line-choose{margin-top: 0;}
.line-choose .sel-box{ margin: 0 0.10rem; display:none;background: url("../images/v0301/bg-sel.png") no-repeat; width:1.88rem; height: .48rem;background-size: 100% 100%; text-align: left;}
.line-choose .sel-box.show{display: inline-block;}
.line-choose select{width: 1.48rem;height: 100%; outline: none; border: none; line-height: .44rem; background: none; font-size: .24rem; color:#ae8537; text-indent: 0.04rem;
  -webkit-appearance:none; -moz-appearance:none; appearance:none; /*去掉下拉箭头*/}
.line-choose select::-ms-expand { display: none; }
.line-choose select option{background: #f4e6c1; padding-left: .1rem;}
.rank-con{background: url("../images/v0301/bg-rank.png") no-repeat center 0.26rem/100% auto; width: 6.96rem; height: 4.18rem; overflow: hidden; margin: .24rem auto 0; position: relative;}
.rank-con .loading{display: none; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); border-radius: 5px;}
.rank-con .loading.show{display: block;}
.rank-con .loading .loading-con{
  position: absolute;
  top: 0.30rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 1.80rem;
  height: 1.00rem;
  background-color: rgba(0,0,0, .8);
}
.rank-con .loading .load-icon {
  display: block;
  width: .37rem;
  height: .37rem;
  background: url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat;
  background-size: .37rem .37rem;
}
.rank-con .loading .load-txt{
  color:#fff;
  font-size: .2rem;
  text-align: center;
  margin-top: 0.06rem;
}
.btn-prev-rank-type, .btn-next-rank-type{position: absolute; top: 0; width: .50rem; height: .56rem; background-repeat: no-repeat;  background-size: 100% auto;}
.btn-prev-rank-type{background-image: url("../images/v0301/rank-btn-prev.png"); left: .10rem;}
.btn-next-rank-type{background-image: url("../images/v0301/rank-btn-next.png"); right: .10rem;}
.swiper-rank-type{width: 5.62rem; height: .50rem; margin: 0.02rem auto .14rem;position: relative; left: 0.03rem;}
.rank-type-item {text-align: center;display: inline-block; width: 1.60rem; height: .50rem;
  background: url("../images/v0301/bg-rank-type.png"); background-size: 3.28rem 0.5rem; background-position: -1.68rem 0; font-size: .24rem; font-family: 'font1'; color:#548877; line-height: .5rem; cursor: pointer; transition: all .3s; margin-left: 0.07rem;}
.swiper-slide-active .rank-type-item{background-position:0 0; color:#ae8537;}
.rank-table-wrap{width: 6.52rem; margin: .30rem auto 0;}
.rank-table{width: 100%; text-align: center; font-size: .20rem; color:#9b7631; }
.rank-table thead{height: .5rem; position: relative; background: none;}
.rank-table thead tr{height: .5rem; }
.rank-table thead tr th{font-size: .22rem; font-weight: bold;}
.rank-table thead tr th:nth-child(1){width: 1.0rem;}
.rank-table thead::after{content:''; display: block; padding-bottom: .18rem;}
.rank-table tbody tr:nth-child(2n+1){background: #f6f1e0;}
.rank-table td{height: .42rem; color:#6c6d6c; font-size: .20rem;}
.rank-table td span{width: .4rem; height: .28rem; text-align: center; display: inline-block; font-size: .18rem; color:#fff; line-height: .34rem;}
.rank-table td span.rank-top1{background: url("../images/v0301/ico-top1.png") no-repeat center 0/100% 100%; }
.rank-table td span.rank-top2{background: url("../images/v0301/ico-top2.png") no-repeat center 0/100% 100%; }
.rank-table td span.rank-top3{background: url("../images/v0301/ico-top3.png") no-repeat center 0/100% 100%; }

/*列表分页*/
.el-pagination {
  margin-top: .45rem;
  font-size: 0;
  text-align: center;
}
.el-pagination li {
  display: inline-block;
  vertical-align: middle;
  min-width: .40rem;
  height: .40rem;
  line-height: .4rem;
  font-size: .26rem;
  color: #858585;
  cursor: pointer;
  margin: 0 .1rem;
}
.el-pagination .prev, .el-pagination .next {
  width: .4rem;
  height: .4rem;
  font-size: .28rem;
  text-align: center;
  line-height: .4rem;
  background: #c7ad76;
  color: #ffffff;
}
.el-pagination .disabled {
  background: #d6d6d6;
  color: #000000;
}
.rank-table-wrap .el-pagination{margin-top: .32rem;}
.time-tip{ font-size: .2rem; color:#b29d7c; text-align: center; margin-top: .16rem;}
.rank-table-wrap .el-pagination{margin-top: .04rem;}
.time-tip{ font-size: .2rem; color:#b29d7c; text-align: center; margin-top: .16rem;}

/*视听大赏*/
.view-ct{position: relative; height: 4.52rem; margin-top: 0.02rem;}
.tit-view{background: url("../images/v0301/tit-view.png") no-repeat center/100% auto; width: 2.32rem; height: .86rem;margin: 0 auto;}
.view-swiper{height: 3.16rem;}
.view-swiper .swiper-slide{width: 5.56rem; height: 3.18rem; margin: 0 auto;}
.view-item-box{background: url("../images/v0301/view-bg.png") no-repeat center/100% auto; width: 5.56rem; height: 3.08rem; box-sizing: border-box; margin: 0.05rem auto; position: relative;}
.view-img-box{position: absolute; width: 5.45rem; top: 0.02rem; left:  0.07rem; overflow: hidden;}
.swiper-slide .view-img-box img{ width: 100%; }
.view-swiper .swiper-slide-active .view-img-box::after{ display: none;}
.view-swiper .view-tag{ background: url("../images/v0301/view-tag.png") no-repeat center/cover; width: .52rem; height: 1.42rem; position: absolute; top: -0.08rem; left: 0.04rem; font-size: 0;}
.view-tag-con{width: .12rem; display: block; margin: auto; writing-mode: tb-rl; position: absolute; top: 0; left: 0; right: 0; bottom: 0.08rem; text-align: center;}
.view-tag span {width: .12rem; font-size: .16rem; color: #835e29; text-shadow: 0 0 2px #f8fcf6; display: inline-block; line-height: .16rem; vertical-align: top;}
.view-tag a.btn-play-view{background: url("../images/v0301/btn-play-view.png") no-repeat center/100% 100%; width: .25rem; height: .28rem; display: inline-block; margin-top: 0.08rem; position: relative; left: 0.06rem;}
.btn-prev-view, .btn-next-view{
  background-repeat: no-repeat;
  background-size: cover;
  width: .5rem;
  height: .56rem;
  position: absolute;
  top: 50%;
  margin-top: -.28rem;
  display: block;
  z-index: 2;
}
.btn-prev-view{
  background-image: url("../images/v0301/btn-prev-view.png");
  left: .34rem;
}
.btn-next-view{
  background-image: url("../images/v0301/btn-next-view.png");
  right: .34rem;
}
.btn-more-view{
  background: url("../images/v0301/btn-more-view.png") no-repeat center center/cover;
  width: 2.14rem;
  height: .62rem;
  margin: .16rem auto 0;
  display: block;
}




/*资讯页*/
.header-comm{width: 100%;height: 2.41rem;position: relative; background: url("../images/bg_page_top.png") center bottom/100%; }
.header-comm img{width: 100%;height: 100%;}
.header-comm .inner-page-name{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding-top: 1.02rem; font-size: .4rem; text-align: center; font-family: 'FZFWZhuZiMinchoE'; color: #ffffff; text-shadow: 0px 3px 1.74px rgba(58, 77, 121, 0.51);}
.inner-bg{min-height: calc(100vh - 3.4rem - 240px - .3rem); padding-bottom: .3rem;}
.page_top{font-size: .26rem;color: #5a98ce; width: 6.84rem; margin: .2rem auto; position: relative;}
.page_top a{color: #5a98ce;}
.location{font-weight: bold;}
.icon_local{background: url(../images/icon_location.png) no-repeat 0 0/100%; width: .17rem; height: .25rem; display: inline-block; position: relative; top: .02rem;margin-right: .04rem;}
.page_top span{color: #696969; }
.page_top em{font-weight: bold; }
.page-top{ width: 6.68rem; margin: .6rem auto .2rem;}
.page-top .news-nav{width: 100%;}
.page-top .news-nav{display: flex;width: 100%;justify-content: space-between;}
.page-top .news-nav .nav-item{width: 1.23rem; height: .38rem; font-size: 0.3rem; font-family: 'FZFWZhuZiMinchoE'; color: #505050;text-align: center;line-height: .38rem;position: relative; border-radius: .16rem; position: relative;}
.page-top .news-nav .nav-item.cur{font-weight: bold;color: #fff; background: #5a98ce;}
.page-top .news-nav .nav-item::before{content: "";background: url("../images/tab_bot.png") repeat-x center/auto 100%;width: .84rem;height: 0.1rem;position: absolute;top: .57rem;left: 100%;}
.page-top .news-nav .nav-item::after{content: "";background: url("../images/tab_bot.png") repeat-x center/auto 100%;width: 1.34rem;height: 0.1rem;position: absolute;top: .57rem;left: 50%;margin-left: -0.65rem;}
.page-top .news-nav .nav-item:last-child::before{width: 0;}
.page-top .news-nav .nav-item.cur:after{background: url("../images/tab_bot_on.png") no-repeat center/auto 100%;}
.page-top .news-nav-view .nav-item{margin: 0 0.8rem;}
.page_data .page-top .news-nav .nav-item::before{display: none}
.news-nav.play-nav .nav-item::before{display: block; width: 1.5rem;}


.search_result{
  width: 6.68rem;
  min-height: 6rem;
  display: none;
  margin: 0 auto;
}
.swiper-p-list{ width: 6.68rem; margin: 0 auto; padding-bottom: .3rem;}
.swiper-p-list .down-more{font-size: 0.26rem;color: #aa9673;text-align: center;width: 6.84rem;height: 0.86rem;border: 1px solid #aa9673;display: flex;justify-content: center;align-items: center;margin: 0.76rem auto 0.98rem;}
.swiper-p-list .down-more.no-more{border:none; color:#999;}
.news-p-list{margin-top: 0.26rem;}
.news-p-list .list-item{margin-bottom: 0.15rem;opacity: 1; }
.news-p-list .links{display: flex;padding: .28rem .04rem;font-size: 0.26rem;color: #696969; border-bottom: .02rem dashed #e3e3e3;}
.news-p-list .links .tag{background: url(../images/tag.png) no-repeat 0 0/100%; width: .78rem; height: .32rem; line-height: .32rem; text-align: center; font-size: .2rem; color: #fff; text-indent: -.04rem;;}
.news-p-list .links .txt{flex-basis: 4.3rem;}
.news-p-list .links .time{color: #696969; margin-left: auto;}
.tag_type {
  transition: .3s;
  flex-shrink: 0;
  background: url("../images/tag.png") no-repeat center/100% 100%;
  width: .78rem;
  height: .32rem;
  font-size: .24rem;
  text-align: center;
  padding-right: .02rem;
  box-sizing: border-box;
  color: #ffffff;
  line-height: .32rem;
  display: inline-block;
  margin-right: .24rem;
}

.page-cont{
  width: 6.83rem;
  margin: 0 auto;
  min-height: 8rem;
}

/*资讯详情*/
.news-detail-tit{
  padding-top: .2rem;
  padding-bottom: .14rem;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
}
.news-detail-tit .tit{
  width: 100%;
  font-size: .32rem;
  color: #2762a4;
  font-family: 'FZFWZhuZiMinchoE';
  margin-bottom: .14rem;
  text-align: center;
}
.news-detail-tit .time{
  color: #57646d;
  font-size: .20rem;
}
.news-detail{
  font-size: .24rem;
  padding: .1rem 0;
  line-height: .34rem;
  color: #57646d;
  min-height: .6rem;
}
.news-detail p{
  margin: .04rem 0;
}
.news-detail strong, .news-detail b{
  font-weight: bold;
}
.news-detail img, .news-detail video{
  max-width: 100%;
  object-fit: contain;
}

.news-siblings{
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-siblings a{
  font-size: .24rem;
  color: #5a98ce;
  width: 1.09rem;
  height: .37rem;
  line-height: .36rem;
  border: 1px solid #5a98ce;
  text-align: center;
  margin: .6rem .5rem;
}
.news-siblings a.disabled{
  color: #414040;
  border-color: #696969;
}

/*视听*/
.table-panel-wrap{
  margin-top: .6rem;
  padding-bottom: .3rem;
}
.table-panel {
  display: none;
}
.table-panel.cur {
  display: block;
}

.J_miPlayerBox{
  width: 6.8rem;
  margin: 0 auto;
}
.J_miPlayerBox video{
  width: 100%;
  height: auto;
  border: 1px solid #c7ad76;
  box-sizing: border-box;
  display: block;
}
.video-play .video-name{
  width: 100%;
  text-align: center;
  font-size: .24rem;
  color: #c7ad76;
  font-weight: bold;
  margin: .1rem 0 .2rem;
}
.video-desc{
  text-indent: .46rem;
  font-size: .2rem;
  color: #57646d;
}
.video-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: .36rem;
}
.video-item{
  width: 2.95rem;
  height: 2.1rem;
  margin-right: .2rem;
}
.video-item:nth-child(3n) {
  margin-right: 0;
}

.table-panel-wrap .video-item{
  width: 3.23rem;
  height: 2.4rem;
  margin-right: .2rem;
}
.table-panel-wrap .video-item:nth-child(2n) {
  margin-right: 0;
}

.img-box{
  width: 3.23rem;
  height: 1.82rem;
  border: 1px solid #c7ad76;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: .3s;
}
.table-panel .work-name{
  width: 100%;
  text-align: center;
  font-size: .2rem;
  color: #696969;
  display: block;
  line-height: .4rem;
}
.video-item .img-box::after {
  content: "";
  background: url(../images/btn_play.png) no-repeat center center/100%;
  width: .79rem;
  height: .79rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.4rem 0 0 -.4rem;
  z-index: 2;
  transition: all 0.3s;
}
.video-item .video-link .img-box:hover::after {
  transform: scale(1.1);
}
.video-item .video-link .img-box:hover::before {
  transform: translateY(0);
  opacity: 1;
}

/*图片页面*/
.pic-list{
  display: flex;
  flex-wrap: wrap;
}
.pic-item{
  width: 3.25rem;
  height: 2.22rem;
  margin-right: .24rem;
  margin-bottom: .2rem;
  overflow: hidden;
}
.pic-item:nth-child(2n) {
  margin-right: 0;
}
.pic-item .pic-link .img-box:hover img{
  transform: scale(1.05);
}

/*剑侠音乐*/
.music-wrap {
  width: 100%;
  position: relative;
}

.music-block{
  display: flex;
  position: relative;
  height: 4rem;
}

.music-poster {
  width: 3.5rem;
  height: 2.70rem;
  position: relative;
}

.circle {
  background: url("../images/music-circle.png") no-repeat center center/100%;
  width: 2.70rem;
  height: 2.71rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  animation: 8s rotateCircle linear infinite;
}

.poster-img.pause .circle {
  animation-play-state: paused;
}

.music-poster img {
  width: 2.70rem;
  height: 2.70rem;
  position: relative;
  z-index: 10;
}

@keyframes rotateCircle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*音乐播放器*/
.music-info-wp {
  margin: 0 .50rem 0 .30rem;
  position: absolute;
  top: 3.17rem;
  left: 50%;
  transform: translateX(-50%);
}

.music-tit {
  min-width: 3.18rem;
  font-size: .3rem;
  color: #5a98ce;
  font-family: FZFWZhuZiMinchoE;
  position: relative;
  margin-bottom: .1rem;
}

.music-tit .icon-lrc {
  width: .04rem;
  height: .3rem;
  background: #dcc072;
  top: .06rem;
  position: relative;
  font-size: 0;
  display: inline-block;
}

.music-tit .icon-lrc {
  width: .04rem;
  height: .3rem;
  background: #dcc072;
  top: .06rem;
  position: relative;
  font-size: 0;
  display: inline-block;
}

.music-tit .cur-music-name {
  padding-bottom: .01rem;
  display: inline-block;
  border-bottom: 1px solid #5a98ce;
}

.music-info-wp .lrc-txt {
  margin: .15rem 0 0 .68rem;
  font-size: .14rem;
  color: #666;
  line-height: .24rem;
  min-height: .90rem;
}

.music-info-wp .audio-btns {
  font-size: 0;
  text-align: center;
  margin-right: 1rem;
  white-space: nowrap;
}

.music-info-wp .audio-btns a {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/btns_music.png") no-repeat 0 0/3.87rem auto;
  margin: 0 .4rem;
}

.music-info-wp .audio-btns .btn-prev, .music-info-wp .audio-btns .btn-next {
  width: .38rem;
  height: .88rem;
}
.music-info-wp .audio-btns .btn-prev{background-position: 0 0;}
.music-info-wp .audio-btns .btn-next{background-position: -1.20rem 0;}
.music-info-wp .audio-btns .btn-play{width: .9rem;height: .9rem;background-position: -1.98rem 0;margin: 0 .08rem;}
.music-info-wp .audio-btns .btn-play.pause{background-position: -2.99rem 0;}
.lrc-wrap{
  margin-left: .16rem;
}
.lrc-box{width: 2.77rem;height: 2.3rem;overflow: auto;font-size: .26rem;color: #696969;line-height: 1.5; margin-left: .3rem;}
.lrc-box::-webkit-scrollbar{width: .06rem; background: #e4e4e4;}
.lrc-box::-webkit-scrollbar-thumb{width: .16rem; background: #dcc072;}
.lrc-box *{font-size: .26rem !important; color:#696969 !important;}
.audio-pro-wrap{width: 100%;height: .04rem; background: #f1eeec;position: relative;margin-top: .84rem;}
.audio-pro-wrap .audio-slide{display: none;}
.audio-pro-wrap .irs-single{display: none}
.audio-pro-wrap .irs-from{display: none}
.audio-pro-wrap .irs-to{display: none}
.audio-pro-wrap .audio-slider{display: block; width: 100%;  height: .06rem; position: absolute; top:0; background: #ececec;}
.audio-pro-wrap .audio-slider .irs-bar { top: 0; height: .06rem; background: #dcc072; border: none; box-shadow: none; z-index: 2;}
.audio-pro-wrap .audio-slider .irs-handle > i{display: none;}
.audio-pro-wrap .audio-slider .irs-line{background: #ececec;top:0;height: .04rem;border:none;}
.audio-pro-wrap .audio-slider .irs-handle{display: block; width: .18rem; height: .18rem; background: #dcc072; border-radius: 50%; position: absolute; left: 20%; top: -.08rem;z-index: 3; opacity: 1;box-shadow:none; border:none; transition: transform 0.3s ease-in-out;}
.audio-pro-wrap .audio-slider .irs-handle:hover{transform: scale(1.15); cursor: pointer;}
.time-info{position: absolute; left: 0; top: -.46rem; font-size: .2rem; color:#5a98ce; }
.audio-pro-wrap .music-info{width: 100%; position: absolute; top:-.5rem; color:#5a98ce;font-size: .2rem; display: none;}

/*歌曲列表*/
.music-list-wrap{margin-top: .20rem;}
.music-list .list-item{height: .4rem; color: #84878a; padding: .20rem 0;position: relative;border-bottom: 1px dashed #dee0e1;cursor: pointer; font-size: .24rem; display: flex; align-items: center;}
.music-list-wrap .list-item .dot {opacity: 0;width: .28rem;height: .4rem;background: url("../images/icon_music.png") no-repeat center center/100%;position: relative;top: .02rem; display: inline-block;}
.music-list .s-tit {font-size: .26rem; margin: 0 .10rem;}
.music-list .txt{}
.music-list .time{margin-left: auto;}
.music-list .list-item.active{color: #7fa9d1;}
.music-list-wrap .list-item.active .dot{opacity: 1;}
.music-list .links{transition: all .3s linear;}
.music-list .list-item:hover .links{transform: translateX(5px);}






.swiper-v-list{width: 100%;padding-top: 0.4rem;}
.swiper-v-list .video-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0.32rem}
.swiper-v-list .video-item{width: 3.2rem;}
.swiper-v-list .video-link{width: 100%;margin-bottom: 0.4rem;display: block;color: #8fcbcc;}
.swiper-v-list .video-item .img-box{width: 3.2rem;height: 1.8rem;background-size: cover;background-position: center;position: relative;}
.swiper-v-list .video-item .img-box::before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;}
.swiper-v-list .video-item .img-box:after{content: "";background: url("../images/video-ico.png") no-repeat;width: 0.64rem;height: 0.64rem;background-size: 100% auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.swiper-v-list .video-name{font-size: 0.24rem;color: #8fcbcc;display: block;line-height: 0.26rem;margin-top: 0.1rem;}
.swiper-v-list .down-more{font-size: 0.26rem;color: #aa9673;text-align: center;width: 6.84rem;height: 0.86rem;border: 1px solid #aa9673;display: flex;justify-content: center;align-items: center;margin: 0.36rem auto 0.98rem;}

.swiper-v-list .pic-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0.32rem}
.swiper-v-list .pic-item{width: 3.2rem;}
.swiper-v-list .pic-link{width: 100%;margin-bottom: 0.4rem;display: block;}
.swiper-v-list .img-box{width: 3.2rem;height: 1.8rem;background-size: cover;background-position: center;position: relative;}
.swiper-v-list .pic-name{font-size: 0.24rem;color: #8fcbcc;display: block;line-height: 0.26rem;margin-top: 0.1rem;}

.swiper-v-list .swiper-slide ul{display: none;}
.swiper-v-list .swiper-slide.swiper-slide-active ul{display: flex;}

.n-list-wrap{ display: none; }
.n-list-wrap.cur{display: block;}

/*body .public_footer{position: fixed; bottom: 0; z-index: 3}*/

body .fuwuxieyi{
  word-break: break-all;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
body .fuwuxieyi .text-only{
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
body .fuwuxieyi a{
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}


/*横屏提示*/
body.landscape {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

body.landscape .landscape-container {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 8796;
}

body.landscape .landscape-container::after {
  content: "\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";
  text-align: center;
  font-size: 16px;
  color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  height: .30rem;
  width: 100%;
  margin-top: .50rem;
  z-index: 99870807;
}

body.landscape .landscape-container::before {
  -webkit-transform: rotateZ(-90deg);
}

body.landscape .landscape-container::before {
  content: "";
  position: absolute;
  z-index: 99870807;
  height: 1.50rem;
  width: 2.40rem;
  left: 50%;
  top: 50%;
  margin: -1.10rem 0 0 -1.20rem;
  color: #fff;
  background-image: url(//zhcdn01.xoyo.com/xassets/lib/assets/images/2021/09/08/hengpin-tips.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.40rem auto;
  -webkit-transform: rotateZ(0deg);
}

body.landscape .bgv {
  display: none;
}

/*攻略站列表*/
.search-box{
  margin-left: auto;
  width: 3.84rem;
  height: .36rem;
  position: absolute;
  right: 0;
  top: 0;
}
.input-box{
  border: 1px solid #d6d6d6;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.input-box input{
  width: 2.85rem;
  height: .36rem;
  box-sizing: border-box;
  padding: 0 .1rem;
  font-size: .26rem;
  color: #636e80;
  border: none;
  outline: none;
  background: none;
  position: relative;
  top: -1px;
}
.input-box input::placeholder{
  color: #8999b5;
}
.btn-search{
  background: url("../images/btn_search.png") no-repeat center center/100%;
  width: 1.1rem;
  height: .36rem;
  position: absolute;
  right: -.02rem;
  top: 0;
}


/*攻略站首页*/
.tip-part{margin-top: 0.36rem;}
.tip-part .tit-tip{background: url("../images/v0301/tit-tip.png") no-repeat center/cover; width: 2.3rem; height: 1rem; margin: 0 auto;}
.tip-nav{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 6.88rem;
  margin: 0 auto;
}
.tip-item {
  width: 3.33rem;
  height: 1.56rem;
  margin-bottom: .24rem;
  background: url("../images/v0301/bg-tip-item.png") no-repeat center/100% 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  padding-left: .24rem;
}
.tip-item h3{
  font-size: .26rem;
  color: #b08330;
  font-weight: bold;
}
.tip-item h3::after{
  content: '';
  display: inline-block;
  background: url("../images/v0301/ico-right-o.png") no-repeat center/100% 100%;
  width: .16rem;
  height: .16rem;
  vertical-align: middle;
  margin-left: .14rem;
  position: relative;
}
.tip-item p{
  font-size: .20rem;
  color: #6c6d6c;
}
.tip-item img{
  position: absolute;
  top: .18rem;
  right: .12rem;
  width: 1.18rem;
  height: 1.18rem;
}

/*游戏资料*/
.data-part{width: 100%;height: 5.40rem;background-size: 100% auto;position: relative;margin-top: .24rem;}
.data-part .tit-data{background: url("../images/v0301/tit-data.png") no-repeat center/100% 100%; width: 2.34rem; height: 1.02rem; margin: 0.02rem auto 0;}
.data-nav-wrap{background: url("../images/v0301/bg-data-nav.png") no-repeat center/100% 100%; width: 6.85rem; height: .6rem; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.data-nav{width: 5.42rem; height: .44rem; display: flex; justify-content: space-between; align-items: center; position: relative;}
.data-nav li{position: relative;}
.data-nav li span{position: relative;z-index: 2; font-size: .26rem; color: #548877; line-height: .44rem; }
.data-nav li.cur span{color: #76521f; text-shadow: -1px 0 1px #f8fcf6;}
.data-nav li.cur::after{
  content: '';
  top: 0;
  left: -.58rem;
  position: absolute;
  background: url("../images/v0301/bg-data-nav-on.png") no-repeat center/100% 100%;
  width: 2.16rem;
  height: .44rem;
}
.swiper-info{margin: 0 0.3rem;height: 2.52rem; margin-top: .24rem;}
.info-cont .tit-info-sp{width: 1.44rem;height: 0.3rem;text-indent: -9999rem;margin-bottom: 0.05rem;}
.info-cont .tit-sys{background-position: 0 0;}
.info-cont .tit-play{background-position: 0 -0.43rem;}
.info-cont .tit-ot{background-position: 0 -0.92rem;}
.info-cont .info-list{display: flex;flex-wrap: wrap;}
.info-cont .info-list .info-item{background: url("../images/v0301/bg-data-item.png") center/100% 100%; width: 2.20rem;height: 0.62rem;font-size: 0.22rem;color: #777977;display:flex;justify-content:center;align-items:center;margin: 0 0.04rem .24rem 0;}
.info-cont .info-list .info-item:nth-of-type(3n){margin-right: 0;}
.info-cont .info-list .info-item a{color:#777977;}
.info-cont .info-list .info-item img{filter: grayscale(100%); width: .22rem; display: inline-block; margin-right: .04rem; position: relative; top: 0.06rem; vertical-align: top;}
.data-part .btn-more{background: url("../images/v0301/btn-more-data.png") no-repeat center/100% 100%; width: 2.14rem; height: .62rem; margin: 0 auto;}

/*资料站内页*/
.inner-information{padding: 0 0.32rem;}
.info-area:nth-child(1){padding-top: 0.47rem;}
.info-area:nth-child(2){padding-top: 0.4rem;}
.info-area:nth-child(3){padding-top: 0.23rem;}
.info-area .info-tit{width: 100%;position: relative;}
.info-area .info-tit img{width: 100%;height: auto;}
.info-area .info-tit .switch-btn{background: url("../images/switch-btn.png") no-repeat;background-size: 1.4rem auto;}
.info-area .info-tit .switch-btn{width: 0.52rem;height: 0.52rem;background-position: 0 0;position: absolute;top: 0.15rem;right: 0.23rem;}
.info-area.cur .info-tit .switch-btn{background-position: -0.74rem 0;}
.info-detail-wp .info-detail{padding: 0.2rem 0 0.2rem 0.16rem;background: rgba(27,61,65,0.65);display: flex;align-items: center;position: relative;}
.info-detail-wp .info-detail:nth-child(even){background: rgba(33,73,78,0.65);}
.info-detail h3{width: 0.7rem; font-size: .34rem; color: #52a8af; font-family: 'font1'; }
.info-detail .links-list{font-size: 0.24rem;margin-left: 0.52rem;width: 5.3rem;display: flex;flex-wrap: wrap;}
.info-detail .links-list a{color: #b29d7c;width: 1.20rem;text-align: left;margin-right: 0.16rem;margin-bottom: 0.06rem;}
.info-detail .links-list a:nth-child(4n){margin-right: 0;}
.play-detail-wp{background: rgba(35,74,79,0.65);position: relative;}
.info-area .info-tit .switch-btn.cur{background-position: -0.74rem 0;}
.info-detail-wp .info-detail{padding: 0.2rem 0 0.2rem 0.16rem;background: rgba(27,61,65,0.65);display: flex;align-items: center;position: relative;}
.info-detail-wp .info-detail:nth-child(even){background: rgba(33,73,78,0.65);}

.play-detail-wp .play-nav .nav-item a{display: inline-block; width: 100%; height: 100%; color:#b29d7c;}
.play-detail-wp .swiper-slide{overflow: hidden;}
.play-list{display: flex;flex-wrap: wrap;}
.play-list .play-item{width: 2.19rem;height: 1.23rem;background: #142b2d;position: relative;margin-bottom: 0.1rem;}
.play-list .play-item:nth-child(3n - 1){margin: 0 0.12rem;}
.play-list .play-link{display: block;width: 100%;height: 1.23rem;}
.play-list .play-link img{width: 1.06rem;height: auto;position: absolute; top: 0.1rem;left: 50%;margin-left: -0.53rem;}
.play-list .play-link .name{width: 80%;font-size: 0.2rem;color: #b29d7c;text-align: center;position: absolute;top: 0.5rem;left: 0;right:0;margin:auto;z-index: 2;}
.play-list .play-link .name{width: 100%;font-size: 0.2rem;color: #b29d7c;text-align: center;position: absolute;top: 0.5rem;left: 0;z-index: 2;}
.play-list .play-link::before{content: "";width: 100%;height: 100%;background: rgba(2,20,25,0.8);position: absolute;top: 0;left: 0; z-index: 1;}
.swiper-play{width: 6.84rem; padding: 0.3rem 0 0.5rem 0;}
.swiper-play .play-pagination{bottom: 0.1rem;}
.swiper-play .swiper-pagination-bullet{background: url(../images/dots.png) no-repeat -0.36rem 0;
  background-size: 0.54rem auto;
  width: 0.16rem;
  height: 0.14rem;
  margin: 0 0.1rem;
  opacity: 1;
  outline: none;
}
.swiper-play .swiper-pagination-bullet-active {
  background-position: 0 0;
}
.swiper-play-wp{width: 100%;position: relative;}
.swiper-play-wp .swiper-button-prev,
.swiper-play-wp .swiper-button-next{
  width: 0.5rem;height: 0.5rem;position: absolute;top: 50%;outline: none;margin: -.25rem 0 0;z-index: 10;
}
.swiper-play-wp .swiper-button-prev{background-position: -6.18rem -0.06rem;left: -0.07rem;}
.swiper-play-wp .swiper-button-next{background-position: -6.84rem -0.06rem;right: -0.07rem;}
.swper-play-wp{width: 100%;position: relative;}
.swper-play-wp .swiper-button-prev,
.swper-play-wp .swiper-button-next{
  width: 0.5rem;height: 0.5rem;position: absolute;top: 1.25rem;outline: none;margin: 0;z-index: 10;
}
.swper-play-wp .swiper-button-prev{background-position: -6.18rem -0.06rem;left: -0.07rem;}
.swper-play-wp .swiper-button-next{background-position: -6.84rem -0.06rem;right: -0.07rem;}
.ot-detail-wp{padding-bottom: 1.4rem;}
.ot-list{display: flex;flex-wrap: wrap;padding-top: 0.24rem;}
.ot-list .ot-item{background: url("../images/ot-bg.jpg") no-repeat;width: 2.2rem;height: 0.92rem;background-size: 100% auto;margin-bottom: 0.1rem;}
.ot-list .ot-item:nth-child(2){margin: 0 0.12rem;}
.ot-list .ot-item:nth-child(3n+2){margin: 0 0.12rem;}
.ot-list .ot-link{display: block;width: 100%;height: 100%;position: relative;color: #fff1c9;}
.ot-list .ot-link img{width: 0.87rem;height: auto;position: absolute;top: 0;left: 50%;margin-left: -0.44rem;}
.ot-list .ot-link .name{width: 100%;font-size: 0.26rem;color: #b29d7c;text-align: center;font-weight: bold;position: absolute;top: 0.25rem;left: 0;}
@keyframes run{0%{transform:translateY(-10px);opacity:0}
  100%{transform:translateY(0);opacity:1}
}
@keyframes ani-fadeDownIn{0%{opacity:0;transform:translateY(-.26rem)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes ani-fadeBigDownIn{0%{opacity:0;transform:translateY(-.6rem)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes ani-fadeScaleIn{
  0%{opacity:0;transform:scale(2.8)}
  100%{opacity:1;transform:scale(1)}
}