@charset "utf-8";

 body{
     margin:0;
     padding:0;
     font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
}
 div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{
     margin:0;
     padding:0;
}
 area{
     outline:none;
}
 img{
     border:0;
}
 input{
     -webkit-appearance: none;
     outline: none;
     border-radius: 0;
     border: 0;
}
 input::-ms-clear{
     display:none;
}
 ol,ul{
     list-style:none;
}
 a{
     text-decoration:none;
     outline:none;
     cursor: pointer;
}
 .cf:after {
     content:"";
     display:block;
     height:0;
     clear:both;
}
 .cf {
     zoom:1;
}
 .f_left{
     float: left;
}
 .f_right{
     float: right;
}
 .cl {
     zoom: 1;
}
 .fl{
     float:left;
}
 .fr{
     float:right;
}
 .ovf{
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
.of{overflow: hidden;}
 .scroll::-webkit-scrollbar {
     width: 0.1rem;
     height: 0.06rem;
     background-color:#a5472e;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 .scroll::-webkit-scrollbar-track {
     background-color: #eed8cb;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 .scroll::-webkit-scrollbar-thumb {
    /* -webkit-box-shadow: inset 0 0 0.0.06rem rgba(0,0,0,.3);
     */
     background-color: #f2aa89;
     border-radius: 0.05rem;
     -webkit-border-radius: 0.05rem;
}
 html,body{
     font-size: 62.5%;
     font-family: Microsoft Yahei,SimSun,Helvetica;
}
 body {
    background: url(/skin/default/images/bg.jpg) center top no-repeat; background-size: cover;
    
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 0.14rem;
     color:#000;
     margin: 0 auto;
     padding: 0;
     min-width: 13.36rem;
     overflow: hidden;
     overflow-y:auto;
     /* max-width: 19.2rem; */
     height: 100%;
}
  
 .container{
     height: 100%;
     width: 100%;
     /* min-width: 12rem; */
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     /* background: url(/skin/default/images/bg.jpg) no-repeat top; */
     background-size: auto 100%;
}
 
 .top{
     width:25.6rem;
     position: absolute;
     top:0;
     left: 50%;
     margin-left: -12.8rem;
     height: 10.8rem;
     background: url(/skin/default/images/head.jpg) center top no-repeat;
     background-size: 100%;
     z-index: 3;
     position: relative;
}
 
 .content{
     width: 100%;
     height: inherit;
    
    
}
.logo{
     /*width:5.31rem;*/
     height: 0.60rem;
     position: absolute;
     left:-1.45rem;
     top:0.32rem;
     background: url(/skin/default/images/logo.png) no-repeat ;
     background-size: 100%;
     z-index: 3;
     display: block; 
          height: 0.99rem; position: absolute; left: 0.5rem; top: 0.3rem;*/
	 display: block; position: absolute; left: 0.5rem; top: 0.3rem;
}
/*.min-txt{position: absolute;top:9.3rem;right: 0.3rem;width: 4.21rem;height: 0.38rem;background: url(/skin/default/images/min-txt.png) no-repeat center;background-size: 100% auto;}*/
.slogan{position: absolute;width: 8.64rem;left: 0.05rem; top: 6.9rem;}
/* 下载区域 */
.down_box{left: 50%;width: 300px;height: 200px;position: absolute;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); bottom: 50px;}
.ewm_box {
    position: absolute;
    left: 0.86rem;
    top: 0.2rem;
    width: 1.76rem;
    height: 1.6rem;
     background: url(/skin/default/images/qrcode.png) no-repeat ;
     background-size: 100%;
    
}
.ewm_box img{width: 1.2rem;height: 1.2rem;position: absolute;right: 0.15rem;top: 0.15rem;}
.btn_down_tools{display: block; position: absolute; left:2.74rem;  top: 0.16rem;  width: 1.38rem; height: 0.54rem; background: url(/skin/default/images/down_pc.png) no-repeat 0 0; background-size: 100% auto;}
.btn_down_ios{display: block; position: absolute; left:2.74rem;top: 0.8rem;width: 1.29rem; height: 0.4rem; background: url(/skin/default/images/btn_down_ios.png) no-repeat 0 0; background-size: 100% auto;}
.btn_down_android{display: block; position: absolute; left:2.74rem; top: 1.3rem; width: 1.29rem; height: 0.4rem; background: url(/skin/default/images/btn_down_and.png) no-repeat 0 0; background-size: 100% auto;}

.btn_pay{position: absolute; top: 0.5rem; left: 4rem;  width: 1.61rem;height: 1.05rem;background: url(/skin/default/images/btn_pay.png) no-repeat 0 0; background-size:100%;cursor: pointer; display: block;} 
.age16{position: absolute;width: 0.97rem;height: 1.48rem; background: url(/skin/default/images/year.png) no-repeat center;top: 0.3rem;right: 0.7rem;background-size: 100%;}
.serverbox{width: 5.01rem;height: 1.64rem;background: url(/skin/default/images/serverbg.png) no-repeat 0 0; background-size:100%; position: absolute;left: 5.65rem;top: 0.2rem;}
.new_server_name{left: 0.1rem; top: 0.5rem; position: absolute;  width: 1.3rem;color: #ee5849; text-align: center; font-size: 0.18rem;font-weight: bold;  }
.new_server_time{ position: absolute; top: 0.82rem; left:0rem;   width: 1.6rem; text-align: center; font-size: 26px; color: #bca367; font-size: 0.14rem;}
.new_server_time span{display: block;margin-bottom: 0.06rem;}
.join_you{ position: absolute; top: 1.05rem;left: 0.2rem;  width: 1.3rem; height: 0.3rem; line-height: 0.3rem; background: #edc494;border-radius: 2rem;font-size: 0.14rem;text-align: center;color: #fff; }
.down_box .prize{ width: 2.97rem;height: 0.99rem;background: url(/skin/default/images/prize.png) no-repeat 0 0; background-size:100%;cursor: pointer; left: 1.9rem;top: 0.05rem;position: absolute;}
.prize_btn{display:block;width: 2.24rem;height: 0.32rem;background: url(/skin/default/images/btn_yy.png) no-repeat 0 0; background-size:100%;cursor: pointer;position: absolute;left: 2.14rem;top: 1.12rem;}
/***login****/
.login{width:6rem;color:#fff;font-size:0.18rem;position:absolute;right:2%;top:62px;text-align:right;height:0.48rem;line-height:0.52rem;z-index:100}
.login .before{display:none}
.login .before a{color:#fff;font-weight:bold;cursor:pointer}
.login .after{display:block}
.login .after a{color:#fff;font-weight:bold;cursor:pointer}
.btnShare{width:1.92rem;height:0.43rem;position:absolute;bottom:0rem;z-index:98}
.btnShare a{display:inline-block;width:0.6rem;height:0.44rem;margin:0;position:relative;text-align:center}
.btnShare .txt{font-size:0.14rem;color:#fff;width:100%;text-align:center;line-height:0.3rem;position:absolute;top:1.68rem}
.btnShare a.wbo span{left:-0.64rem}
.btnShare a.qq span{left:-0.49rem}
.btnShare a.tap span{left:-1.28rem}
.btnShare a.kefu span{left:-1.66rem}
.btnShare a span{display:none;width:1.84rem;position:absolute;left:0;top:-1.94rem}
.btnShare a.on span{display:block}
.btnShare a img{width:1.57rem;height:1.57rem;margin:0 auto}
.sharebox{position:fixed;z-index:99;width:1.92rem;height:2.49rem;top:4.1rem;transition:left 1s;-webkit-transition:left 1s;left:-1.92rem}
.sharebox .con{background:url(/skin/default/images/sharebox2.png) no-repeat right top;background-size:100%;position:absolute;width:1.92rem;height:4.33rem}
.sharebox .qrimg{width:2.78rem;height:3.4rem;background:url(/skin/default/images/qrimg.png) no-repeat;background-size:100%;position:absolute;top:-1.94rem;left:-0.1rem}
.sharebox .arrow{width:0.24rem;height:0.13rem;background:url(/skin/default/images/arrow.png) no-repeat;background-size:100%;position:absolute;left:50%;margin:0 0 0 0;top:-0.15rem;display:none}
.sharebox a.on .arrow{display:block}
.sharebox a.tap.on .arrow{margin-left:-0.28rem}
.sharebox a.wbo.on .arrow{margin-left:-0.14rem}
.sharebox .btn{width:0.27rem;height:0.66rem;background:url(/skin/default/images/siderbtn2.png) no-repeat;background-size:100%;position:absolute;right:-0.26rem;top:50%;transform:translate(0,-50%);cursor:pointer}
.sharebox.on .btn{background:url(/skin/default/images/siderbtn.png) no-repeat;background-size:100%}
.sharebox.on{left:0}
.new_server{position:absolute;top:0.3rem;left:0.7rem;font-size:0.16rem}
.new_server dt{color:#7d2a1a}
.new_server dd{text-align:center;color:#333333}
.link_btns{position:absolute;top:0.96rem;left:0.13rem}
.link_btns a{display:block;margin-bottom:0.04rem;width:1.55rem;height:0.45rem;line-height:0.45rem;text-indent:0.42rem;background:url(/skin/default/images//link_btns.png) no-repeat 0 0;background-size:100%;font-size:0.2rem;color:#FFF}

.title{width: 8.01rem;height: 1.67rem;margin: 0.5rem auto 0;}
.title img{width: 100%;}
.page1 .title{margin: 1.5rem auto 0;}
.page1{width: 100%;height: auto;}
.page2{width: 100%;height: 11.5rem;}
.page3{width: 100%;height: 10.55rem;}
.page4{width: 100%;height: inherit;}
/* news */
 
.news-btn{position:absolute;left:0;bottom:-0.4rem;width:100%;text-align:center}
.news-btn span{display:inline-block;width:0.14rem;height:0.14rem;background:#f4dbb8;border-radius:1rem;cursor:pointer;margin:0 0.1rem;transition:all .4s;-webkit-transition:all .4s;vertical-align:middle}
.news-btn span.on{width:0.27rem;height:0.27rem;background:url(/skin/default/images/on.png);background-size:100%}
 
.m2-cont{width:13.38rem;height:5.8rem;position:relative;left:50%;transform:translate(-50%,0);z-index:5}
.m2-news{top:0.3rem;width:13.57rem;height:4.75rem;position:relative; transform:translate(-50%,0);left:50%}
.news-thumb{height:4.25rem;width:7.41rem;position:absolute;left:0rem;top:0.4rem}
.news-list{width:6rem;position:absolute; right:0rem;height:4.5rem;overflow:hidden;text-align:left; }
.news-list .newstab{height:0.4rem;line-height:0.4rem;color:#595757;font-size:0.2rem;margin-bottom:0.1rem;padding-bottom:0.05rem}
.newstab span{position:relative;display:inline-block;padding:0 0.18rem;text-align:center;cursor:pointer;font-weight:bold}
.newstab span.on{background:#e9b77d;color:#fcf0d1;border-radius:0.5rem}
.news-body{display:none;border-top:0.01rem dashed #595757}
.news-body .more{display:inline-block;width:0.25rem;height:0.24rem;background:url(/skin/default/images/more.png) no-repeat 0 0;background-size:100%;position:absolute;right:0.12rem;top:0.1rem;z-index:9;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.news-body .more:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.btnview{width:1.75rem;height:0.44rem;background:url(/skin/default/images/main220920/btnview.png) no-repeat 0 0;position:absolute;z-index:2;left:50%;top:50%;margin:0rem 0 0 -0.87rem;display:none}
.newshot{height:0.89rem;border-top:0.01rem solid #e9b77d}
.newshotText{padding:0.2rem 0.16rem 0;height:0.64rem;color:#89562e}
.newshotText strong{display:block;font-size:0.21rem;padding-bottom:0.05rem;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newshotText strong a{color:#c85812}
.newshotText span{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#89562e;font-size:0.17rem}
/* .newsListBox{padding:0 3% 0 3%} */
.newsListBox p{height:0.5rem;line-height:0.5rem;font-size:0.16rem;color:#595757;word-break: break-all; 
    text-overflow: ellipsis; 
    overflow: hidden; }
.newsListBox p strong{ vertical-align: middle;display: inline-block;
    color: #FFF;
    background: #e9b77d;
    height: 0.34rem;
    line-height: 0.34rem;
    border-radius: 0.24rem;
    margin-right: 0.08rem;
    padding: 0 0.12rem;
    font-size: 0.15rem;
    font-weight: normal;}
.newsListBox p a{color:#595757}
.newsListBox p a:hover{color:#595757}
.newsListBox p span{float:right;font-size:0.18rem;color:#f99d4e}
.news-body ul{padding-right:0.44rem}
.news-body li{position:relative;margin-bottom:0.06rem;height:0.54rem;overflow:hidden}
.news-body li a{display:block}
.news-body li h3{float:left;padding-left:0.1rem;padding-right:0.8rem;color:#41447b;font-size:0.2rem;display:block;width:100%;font-weight:normal}
.news-body li p{float:left;padding-left:0.1rem;padding-right:0.8rem;color:#c5bfbe;font-size:0.16rem;max-height:0.44rem;overflow:hidden;margin-top:0.04rem;line-height:0.24rem}
.news-body li .time{height:0.66rem;color:#97b0da;font-size:0.18rem;position:absolute;right:0rem;top:0.04rem;word-break:break-word;word-wrap:break-word}
.newshotLine{text-indent:-999.99rem}
.news-hot{height:0.44rem;background:url(/skin/default/images/newshot.jpg) no-repeat 0 0;position:relative;width:2.43rem;margin:0.4rem 0 0 0}
.me-hot{}
.me-hot ul{width:100%;margin:0rem auto 0}
.me-hot li{float:left;position:relative;width:24%;display:block;margin-right:1%;max-height:1.84rem;padding:0.44rem 0 0 0}
.me-hot li .tit{height:0.5rem;line-height:0.54rem;background:url(/skin/default/images/main220920/newstit.png) no-repeat 0 0;position:absolute;width:0rem;top:-0.05rem;left:-0.3rem;color:#fcdd9d;line-height:0.6rem;font-size:0.18rem;overflow:hidden;transition:width .2s;-webkit-transition:width .2s}
.me-hot li img{height:100%;width:auto;position:absolute;left:50%;margin-left:-1.58rem;top:0;transition:all .4s ease;-webkit-transition:all .4s ease}
.me-hot li a{display:block;position:relative;overflow:hidden;height:1.84rem}
.me-hot li a::before{content:'';width:3.22rem;height:1.84rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:(-50%,-50%);background:url(/skin/default/images/main220920/redian_kuang.png);z-index:2}
.me-hot li:hover a img{-webkit-transform:scale(1.08);transform:scale(1.08)}
.me-hot li:hover .tit{display:block;width:2.8rem}
.me-hot li:hover .btnview{display:block}
.hottit{height:0.22rem;width:100%;background:url(/skin/default/images/main220920/hottit.png) no-repeat center top;margin:0.46rem auto 0.1rem}
.info{width:10.22rem;height:1.28rem;box-sizing:border-box;padding-top:0.1rem;background:url(/skin/default/images/main220920/info.png) no-repeat center top;position:absolute;top:1.4rem;left:50%;transform:translate(-50%,0);z-index:1;text-align:center;line-height:0.3rem;font-size:0.2rem;color:#bc9035}

.newsHot{height:1.26rem;border-bottom:0.01rem dashed #7c786b;position:relative}
.newsHot span.icon{display:block;width:0.9rem;height:0.9rem;position:absolute;left:0;top:0.15rem;background:url(/skin/default/images/icon.png) no-repeat 0 0;background-size: 100%;}
.newshotDesc{float:right;width:4.65rem;padding-top:0.06rem;height:1.2rem}
.newshotDesc h2{height:0.46rem;line-height:0.46rem}
.newshotDesc h2 span{float:right;font-size:0.2rem;color:#595757}
.newshotDesc a{float:left;width:3.64rem;overflow:hidden;height:0.46rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.26rem;font-weight:bold;color:#e9b77d}
.newshotDesc p{font-size:0.18rem;color:#3e3a39;line-height:0.28rem;height: 0.55rem;overflow: hidden;}



.lunbo{width:7.41rem;height:5.02rem;overflow:hidden;margin:0 auto;position:relative}
.lunbo .lblist{background:url(/skin/default/images/lunbobg.png) no-repeat 0 0;background-size:100%;width:7.41rem;height:4.16rem;padding-top:0.09rem}
.lunbo .lblist img{display:block;width:7.22rem;height:4.06rem;margin:0 auto}
.lunbo .swiper-button-next,.lunbo .swiper-button-prev{width:0.36rem;height:0.36rem;margin:0;background-size:100% auto;position:absolute;top:4.4rem;opacity:1}
.lunbo .swiper-button-prev,.lunbo .swiper-container-rtl .swiper-button-next{background:url(/skin/default/images/prev.png) no-repeat center;background-size:100%;left:0.7rem}
.lunbo .swiper-button-next,.lunbo .swiper-container-rtl .swiper-button-prev{background:url(/skin/default/images/next.png) no-repeat center;background-size:100%;right:0.7rem}
.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo .swiper-pagination-custom,.lunbo .swiper-pagination-fraction{width:5rem;height:0.27rem;left:50%;margin-left:-2.5rem;top:4.46rem;background:url(/skin/default/images/line.png) repeat-x 0 center;}
.lunbo .swiper-pagination-bullet{width:0.14rem;height:0.14rem;vertical-align: middle;border-radius: 1rem;  opacity:1;display:inline-block;width:0.14rem;height:0.14rem;background:#f4dbb8;}
.lunbo .swiper-pagination-bullet-active{width:0.27rem;height:0.27rem;background:url(/skin/default/images/on.png) no-repeat right 0;background-size:100%;}
.lunbo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.1rem}
/* .newsimg{
    width: 6.47rem;
    height: 3.75rem;
    background: url(/skin/default/images/newsimgbg.png) no-repeat;
    position: absolute;
    z-index: 1;
    left: 0.09rem;
    top: 0.28rem;
} */
/* match */
.matchbox{width: 100%;height: 2.06rem;background: url(/skin/default/images/matchbg.jpg) center  no-repeat;background-size: 100%;text-align: center;position: relative;}
.matchbox ul{padding-top: 0.1rem;margin-left:2.44rem;}
.matchbox ul li{display: inline-block;margin-left:-1rem;width: 5.11rem;height: 2.03rem;position: relative;}
.matchbox ul li.y_tm{background: url(/skin/default/images/link1.png) 0 0 no-repeat;background-size: 100% auto;}
.matchbox ul li.tm{background: url(/skin/default/images/link2.png) 0 0 no-repeat;background-size: 100% auto;}
.matchbox ul li.ls{background: url(/skin/default/images/link3.png) 0 0 no-repeat;background-size: 100% auto;}
.matchbox ul li.ty{background: url(/skin/default/images/link4.png) 0 0 no-repeat;background-size: 100% auto;}

.matchbox ul li .tit{position: absolute;left: 2rem;top:0.1rem;width: 1.8rem;height: 0.66rem;line-height: 0.66rem;background-size: 100% auto;font-size: 0.13rem;}
.matchbox ul li .tit1{background-image: url(/skin/default/images/txtbg1.png);color: #ffdec5;}
.matchbox ul li .tit2{background-image: url(/skin/default/images/txtbg2.png);color: #f0e7bf;}
.matchbox ul li .tit3{background-image: url(/skin/default/images/txtbg3.png);color: #b9ceeb;}
.matchbox ul li .tit4{background-image: url(/skin/default/images/txtbg4.png);color: #e5e5e5;}

.matchbox ul li .txt{position: absolute;top:0.75rem;left: 2rem;width: 1.8rem;text-align: center;}
.matchbox ul li .txt1{color: #da621e;}
.matchbox ul li .txt2{color: #99895b;}
.matchbox ul li .txt3{color: #254b82;}
.matchbox ul li .txt4{color: #6e4c2c;}

.matchbox ul li .btn{position: absolute;top:1.2rem;left: 2.24rem;width: 1.32rem;height: 0.31rem;}
.matchbox ul li .btn1{background:url(/skin/default/images/btn1.png) no-repeat center;background-size: 100% auto;}
.matchbox ul li .btn2{background:url(/skin/default/images/btn2.png) no-repeat center;background-size: 100% auto;}
.matchbox ul li .btn3{background:url(/skin/default/images/btn3.png) no-repeat center;background-size: 100% auto;}
.matchbox ul li .btn4{background:url(/skin/default/images/btn4.png) no-repeat center;background-size: 100% auto;}

/*.matchbox .tm{width: 5.06rem;height: 2.4rem;background: url(/skin/default/images/link2.png) center -0.48rem no-repeat;background-size: 100%; vertical-align: top;position: absolute;left: 5.6rem;top:0;}
.matchbox .ls{width: 5.3rem;height: 2.23rem;background: url(/skin/default/images/link3.png) center -0.32rem no-repeat;background-size: 100%; display: inline-block;vertical-align: top;position: absolute;left: 9.3rem;top:0;}
.matchbox .ty{width: 5.7rem;height: 2.32rem;background: url(/skin/default/images/link4.png) center -0.48rem no-repeat;background-size: 100%; display: inline-block;vertical-align: top;position: relative;}
.matchbox .tit1{top: 0.2rem; left: 3.3rem; width:1.8rem;height: 0.66rem;line-height: 0.66rem;background: url(/skin/default/images/txtbg1.png) no-repeat;background-size: 100%;position: absolute;font-size: 0.2rem;color: #ffccb2;}
.matchbox .tit2{top: 0.2rem; left: 2rem; width:1.87rem;height: 0.62rem;line-height: 0.62rem;background: url(/skin/default/images/txtbg2.png) no-repeat;background-size: 100%;position: absolute;font-size: 0.2rem;color: #f0e7bf;}
.matchbox .tit3{top: 0.2rem; left: 2rem; width:1.87rem;height: 0.62rem;line-height: 0.62rem;background: url(/skin/default/images/txtbg3.png) no-repeat;background-size: 100%;position: absolute;font-size: 0.2rem;color: #f0f0f0;}
.matchbox a{display: block;}
.matchbox .txt{font-size: 0.13rem;color: #da621e;position: absolute;left: 3.45rem;top: 0.85rem;}
.matchbox .txt2{font-size: 0.13rem;color: #7a6936;position: absolute;left: 2.25rem;top: 0.85rem;}
.matchbox .txt3{font-size: 0.13rem;color: #254b82;position: absolute;left: 2.25rem;top: 0.85rem;}
.matchbox .btn1{width: 1.32rem;height: 0.31rem;background: url(/skin/default/images/more1.png) no-repeat;background-size: 100%;left: 3.24rem;position: absolute;cursor: pointer; top: 1.25rem;}
.matchbox .btn2{width: 1.32rem;height: 0.31rem;background: url(/skin/default/images/more2.png) no-repeat;background-size: 100%;left: 2.24rem;position: absolute;cursor: pointer; top: 1.25rem;}
.matchbox .btn3{width: 1.32rem;height: 0.31rem;background: url(/skin/default/images/more3.png) no-repeat;background-size: 100%;left: 2.24rem;position: absolute;cursor: pointer; top: 1.25rem;}*/

/* 抢先入梦 */
.infobox{width:16rem;margin:0.5rem auto 0}
.infobox .s{width:3rem;height:0.75rem;background:url(/skin/default/images/s.png) center top no-repeat;background-size:100%;position:absolute;z-index:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}
.infobox .info_tab{width:15.16rem;height:0.84rem;margin:0.5rem auto 0}
.info_tab a{display:inline-block;margin:0 -0.05rem 0 0;position:relative}
.info_tab .a1{width:2.95rem;height:0.82rem;background:url(/skin/default/images/tab1.png) no-repeat;background-size:100%}
.info_tab .a2{width:2.94rem;height:0.82rem;background:url(/skin/default/images/tab2.png) no-repeat;background-size:100%}
.info_tab .a3{width:2.94rem;height:0.82rem;background:url(/skin/default/images/tab3.png) no-repeat;background-size:100%}
.info_tab .a4{width:3.36rem;height:0.82rem;background:url(/skin/default/images/tab4.png) no-repeat;background-size:100%}
.info_tab .a5{width:2.95rem;height:0.82rem;background:url(/skin/default/images/tab5.png) no-repeat;background-size:100%}
.info_con{width:100%;height:7.4rem;margin:0.4rem auto 0;display:none;position:relative}
.info_con .prompt{font-size:0.2rem;color:#957f44;text-align:center;width:100%;line-height:0.5rem;height:0.5rem}
.info_tab a:hover,.info_tab a.on{display:inline-block;background-position-y:-0.82rem}
.edition_nav{width:15.22rem;height:0.6rem;margin:0.5rem auto 0}
.edition_nav a{margin:0 -0.06rem 0 0;overflow:hidden;position:relative;font-weight:bold;border:0.01rem solid #dac8b4;width:2.51rem;height:0.58rem;line-height:0.58rem;background:url(/skin/default/images/tabbg.jpg) no-repeat;background-size:100%;font-size:0.18rem;color:#cf8f4b;display:inline-block}
.edition_nav a span{font-size:0.32rem;color:#e5cf93;margin:0 0.1rem 0 0.2rem;font-weight:200;vertical-align:bottom}
.edition_nav a.on{background:#e9b77d;color:#fff}
.edition_nav a.on span{color:#fff}
.edition_con{width:16rem;height:6rem;position:absolute;left:50%;transform:translate(-50%,0);overflow:hidden}
.edition_con .con{width:100%;height:5.5rem;position:relative;margin:0.6rem auto 0;display:none}
.edition_con .right{margin-right:0.24rem;padding-right:0.1rem;width:7.2rem;height:4.7rem;float:right;overflow-y:auto;position:relative;z-index:2;color:#595757}
.edition_con .tit{color:#b4844c;font-size:0.34rem;font-weight:bold;text-align:center;height:1.16rem;width:100%;top:0;margin:0rem auto 0.2rem;line-height:1.16rem;background:url(/skin/default/images/titlebg.png) center  no-repeat;background-size:auto 100%}
.edition_con .con p{font-size:0.2rem;line-height:0.3rem;margin:0.1rem auto 0;text-indent:0.3rem}
.edition_con .con h5{font-size:0.2rem;font-weight:bold;line-height:0.3rem;margin:0.4rem auto 0}
.edition_con .con .videoimg{width:8.2rem;height:5rem;float:left;margin:0 auto 0;cursor:pointer;position:relative}
.edition_con .con .videoimg img{width:8.2rem}
.edition_con .con .person1{width:6.4rem;height:6.47rem;background:url(/skin/default/images/person1.png) no-repeat;background-size:100%;left:-1.9rem;top:-1rem;position:absolute;z-index:0}
.edition_con .con .person2{width:5.5rem;height:5.5rem;background:url(/skin/default/images/person2.png) no-repeat;background-size:100%;left:-1.4rem;top:-0.5rem;position:absolute;z-index:0}
.swiper-pagination-version{text-align:center;bottom:0;position:absolute;left:0;width:100%}
.swiper-pagination-version span{width:0.13rem;height:0.13rem;background-color:#e9b77d;display:inline-block;margin:0 0.1rem;opacity:1}
.swiper-pagination-version span.swiper-pagination-bullet-active{background:transparent;background-color:#ee5849}
.swiper-button-next-version,.swiper-button-prev-version{width:1.66rem;height:1.47rem;background-repeat:no-repeat;background-position:center;position:absolute;top:1.6rem;background-size:0.39rem 0.28rem;margin-top:0;outline:none}
.swiper-button-next-version{background-image:url(/skin/default/images/next2.png);background-size:100%;right:0.8rem}
.swiper-button-prev-version{background-image:url(/skin/default/images/prev2.png);background-size:100%;left:0.8rem}

/* 游戏特色 */
.page4 .banner{width:1400px;height:680px;position:relative;left:50%;margin:0px 0 0 -700px}
.banner .swiper-slide{width:1000px;height:680px}
.page4 .banner .swiper-slide-active:after{display:block;content:'';position:absolute;left:18px;top:10px;width:970px;height:580px;background:url(/skin/default/images/banner-kuang.png) no-repeat center;background-size: 100%;}
.page4 .banner .swiper-slide-active img{width:944px;height:540px;position:absolute;top:28px;left:28px;border: 3px solid #e5cf93;}
.page4 .banner .swiper-slide-active .lay{display:none}
.page4 .banner .swiper-slide .lay{position:absolute;left:0;top:0;width:100%;height:560px;background:rgba(0,0,0,.5);z-index:3}
.banner .btn_l{width:200px;height:450px;position:absolute;left:0;top:82px;z-index:2;outline:none;cursor:pointer;background:url(/skin/default/images/btnprev.png) no-repeat center center}
.banner .btn_r{width:200px;height:450px;position:absolute;right:0;top:82px;z-index:2;outline:none;cursor:pointer;background:url(/skin/default/images/btnnext.png) no-repeat center center}
.page4 .swiper1{width:1400px;height:590px;display:block;overflow:hidden;padding-top:14px;margin:0 auto 0}
.page4 .swiper-pagination{position:absolute;left:50%;height:28px;text-align:center;border-bottom:dashed 1px #c06e09;width:400px;margin:0 0 0 -200px;z-index:1}
.page4 .swiper-pagination span{display:inline-block;width:14px;height:14px;background:#e9b77d;border-radius:1rem;cursor:pointer;margin:14px 10px 0; opacity:1; vertical-align:middle}
.page4 .swiper-pagination .swiper-pagination-bullet-active{width:27px;height:27px;background:url(/skin/default/images/on.png);background-size:100%}
.page4 .swiper-button-next,.page4 .swiper-button-prev{width:16px;height:44px;cursor:pointer;outline:none;border:0;top:660px;z-index:9}
.page4 .swiper-slide img{width:100%}

/*加入新服玩家群*/
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 999; display: none; }
.pop_join_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 579px; height: 450px; margin-left: 35px; background: url(/skin/default/images/pop_join.png) no-repeat 0 0; }
.pop_close{ position: absolute; top: 0px; right: 50px; width: 78px; height: 78px; background: url(/skin/default/images/pop_close.png) no-repeat 0 0; }
.pop_code{ position: absolute; top: 108px; left: 141px; width: 235px; height: 235px; }

/* 回念千年 */
.page3_pic_box{position:absolute;top:0.rem;left:50%;transform:translate(-50%,0);width:13.15rem;height:6.4rem;background:url(/skin/default/images/page3_pic_box.png) no-repeat 0 0;background-size: 100%;}
.page3_swiper{position:absolute;top:0.43rem;left:0.56rem;width:12.52rem;height:4.7rem}
.page3_swiper .swiper-slide{width:auto}
.page3_scrollbar{position:absolute;bottom:1.03rem;right:1.5rem;width:2.58rem;height:0.01rem;background:#ffe3a5}
.swiper-scrollbar-drag{background:#d1420c;height:0.05rem;border-radius:0;top:-0.02rem}
.slide_btn{position:absolute;width:1.95rem;height:1.95rem}
.slide_btn.n1{top:0.62rem;left:2.37rem}
.slide_btn.n2{top:1.29rem;left:5.71rem}
.slide_btn.n3{top:0.9rem;left:8.76rem}
.slide_btn.n4{top:0.35rem;left:13.57rem}
.slide_btn.n5{top:0.84rem;left:17.85rem}
.slide_btn.n6{top:0.48rem;left:22.66rem}
.slide_btn span{position:absolute;width:1.94rem;height:1.95rem;left:0;top:0;background:url(/skin/default/images/card_quan.png);background-size: 100%;}
.ani_zhuan{animation:key_zhuan 10s linear infinite;-webkit-animation:key_zhuan 10s linear infinite;-ms-animation:key_zhuan 10s linear infinite}
@keyframes key_zhuan{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@-webkit-keyframes key_zhuan{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}@-ms-keyframes key_zhuan{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg)}
}.slide_btn img{position:absolute;width:2.73rem;height:2.64rem;left:-0.4rem;top:-0.35rem;transition:transform 0.3s;-webkit-transition:transform 0.3s;-ms-transition:transform 0.3s}
.slide_btn:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05)}
.page3_layer{position:absolute;top:0.17rem;right:0rem;z-index:2;height: 5.5rem;}
.popFiex2{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(27,38,40,0.85);z-index:1000;display:none}
.logodiv{width:4.8rem;height:0.62rem;position:absolute;left:0.36rem;bottom:0.36rem;z-index:2}
.logo1{background:url(/skin/default/images/logo1.png?v=1) no-repeat 0 0;background-size: 100%;}
.logo2{}
.logo5{background:url(/skin/default/images/logo5.png?v=1) no-repeat 0 0;background-size: 100%;}
.libaoBtn{width:6rem;height:0.88rem;position:absolute;right:0;bottom:0.12rem;background:url(/skin/default/images/line.png) no-repeat right center;z-index:2;background-size: 100%;}
.libaoBtn a{display:block;width:2.7rem;height:0.88rem;background:url(/skin/default/images/btn.png) no-repeat 0 0;cursor:pointer;background-size: 100%;}
.libaoBtn_hs{width:6rem;height:0.88rem;position:absolute;right:0;bottom:0.12rem;background:url(/skin/default/images/line.png) no-repeat right center;z-index:2;background-size: 100%;}
.libaoBtn_hs a{display:block;width:2.7rem;height:0.88rem;background:url(/skin/default/images/btn_hs.png) no-repeat 0 0;cursor:pointer;background-size: 100%;}
.libaoBtn_ss{width:6rem;height:0.88rem;position:absolute;right:0;bottom:0.12rem;background:url(/skin/default/images/line.png) no-repeat right center;z-index:2;background-size: 100%;}
.libaoBtn_ss a{display:block;width:2.7rem;height:0.88rem;background:url(/skin/default/images/btn_ss.png) no-repeat 0.3rem 0;cursor:pointer;background-size: 100%;}
.popMain3{width:19.2rem;height:7.6rem;position:absolute;left:50%;top:50%;margin:-3.9rem 0 0 -9.6rem;z-index:1}
.popMain2{width:4.2rem;height:3.5rem;position:relative;left:50%;margin:0 0 0 -2.1rem;z-index:1;top:0}
.lunbolist1{width:12.25rem;height:7.6rem;position:absolute;left:3.92rem;top:0}
.lunbolist2{width:12.25rem;height:7.6rem;position:absolute;left:16.4rem;top:0}
.lunbolist3{width:12.25rem;height:7.6rem;position:absolute;left:32.8rem;top:0}
.sanxingbgdiv1{background:url(/skin/default/images/div1_1.png) no-repeat 0 0;background-size: 100%;}
.sanxingbgdiv2{background:url(/skin/default/images/div1_2.png) no-repeat 0 0;background-size: 100%;}
.sanxingbgdiv3{background:url(/skin/default/images/div1_3.png) no-repeat 0 0;background-size: 100%;}
.qingdaibgdiv1{background:url(/skin/default/images/div4_1.png) no-repeat 0 0;background-size: 100%;}
.qingdaibgdiv2{background:url(/skin/default/images/div4_2.png) no-repeat 0 0;background-size: 100%;}
.qingdaibgdiv3{background:url(/skin/default/images/div4_3.png) no-repeat 0 0;background-size: 100%;}
.yinxubgdiv1{background:url(/skin/default/images/div2_1.png) no-repeat 0 0;width:12.45rem;background-size: 100%;}
.yinxubgdiv2{background:url(/skin/default/images/div2_2.png) no-repeat 0 0;background-size: 100%;}
.yinxubgdiv3{background:url(/skin/default/images/div2_3.png) no-repeat 0 0;background-size: 100%;}
.lunbolist2 .img1{width:2.42rem;height:4.26rem;position:absolute}
.lhsbgdiv1{background:url(/skin/default/images/div3_1.png) no-repeat 0 0;width:12.45rem;background-size: 100%;}
.lhsbgdiv2{background:url(/skin/default/images/div3_2.png) no-repeat 0 0;background-size: 100%;}
.lhsbgdiv3{background:url(/skin/default/images/div3_3.png) no-repeat 0 0;background-size: 100%;}
.lotterybgdiv2{top:1rem}
.closeBtn,.closeBtn2{display:block;width:0.75rem;height:0.75rem;z-index:100;background:url(/skin/default/images/close.png) no-repeat 0 0;;background-size: 100%;position:absolute;right:1.1rem;top:1.4rem;cursor:pointer;background-size:100%}
.qingdaibgdiv2 .closeBtn2{right:0.4rem}
.picScroll{width:7.7rem;height:4.16rem;overflow:hidden;overflow-x:auto;position:absolute;left:1.88rem;top:2rem}
.picScroll2{}
.picScroll ul{display:flex}
.picScroll2 ul,.picScroll3 ul{height:4.26rem;display:flex}
.picScroll ul li{height:4.02rem;float:left;margin-right:0.11rem}
.picScroll ul li.last{margin-right:0rem}
.picScroll ul li img{display:block;box-shadow:0.01rem 0 0.03rem #111;cursor:pointer}
.picScroll::-webkit-scrollbar{width:0.12rem;height:0.08rem;background-color:rgba(0,0,0,0)}
.picScroll::-webkit-scrollbar-thumb{border-radius:0rem;background:#b09668}
.picScroll::-webkit-scrollbar-thumb:hover{background-color:#c6ba91}
.picScroll::-webkit-scrollbar-thumb:active{background-color:#c6ba91}
.picScroll::-webkit-scrollbar-track-piece{margin:0}
.picScroll3::-webkit-scrollbar-thumb{border-radius:0rem;background:#6894ca}
.picScroll3::-webkit-scrollbar-thumb:hover{background-color:#6894ca}
.picScroll3::-webkit-scrollbar-thumb:active{background-color:#6894ca}
.videoBox{width:6.46rem;height:3.84rem;position:absolute;left:2.82rem;top:1.88rem}
#qingdaiShow .videoBox{top:1.78rem}
#qingdaiShow .picScroll{left:2.78rem;top:2.1rem}
.videoImg{width:6.46rem;height:3.84rem;position:absolute;left:0;top:0;z-index:2}
.videoImg img{display:block;width:6.46rem;height:3.84rem}
.videoImg span{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:url(/skin/default/images/bofang.png) no-repeat center center;cursor:pointer;}
.videoMain{width:6.46rem;height:3.84rem;position:absolute;left:0;top:0;z-index:1}
.videoMain video{width:6.46rem;height:3.84rem}
.nextBtn{display:block;width:0.94rem;height:0.94rem;cursor:pointer;background:url(/skin/default/images/next.png) no-repeat 0 0;position:absolute;right:-0.3rem;bottom:0.5rem;z-index:100;background-size: 100%;}
.prevBtn{display:none;width:0.94rem;height:0.94rem;cursor:pointer;background:url(/skin/default/images/prev.png) no-repeat 0 0;position:absolute;left:-0.2rem;bottom:0.5rem;z-index:100;background-size: 100%;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s}

/* 视听 */
.m4-cont{width:13.77rem;height:5.1rem;margin:0rem auto 0 auto}
.m4-cont .conbox{width:2.26rem;height:5.3rem;overflow:hidden;float:left;position:relative;margin:0 auto;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s;-o-transition:width 1s}
.m4-cont .conbox.on{width:9rem}
.m4-cont .conbox .btn{width:2.26rem;float:left;height:5.98rem;cursor:pointer;margin-top:-0.5rem}
.m4-cont .conbox .btn.gsz{background:url(/skin/default/images/gsz.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox.on .btn.gsz{background:url(/skin/default/images/gsz2.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox .btn.mzy{background:url(/skin/default/images/mzy.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox.on .btn.mzy{background:url(/skin/default/images/mzy2.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox .btn.zhm{background:url(/skin/default/images/zhm.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox.on .btn.zhm{background:url(/skin/default/images/zhm2.png) no-repeat center bottom;background-size: 100%;}
.m4-cont .conbox .right{width:6.35rem;height:4.4rem;position:absolute;left:2.3rem;background:url(/skin/default/images/boxbg.png) no-repeat;top:0.7rem;padding:0.1rem 0.14rem;background-size: 100% auto;}
.m4-cont .conbox .right img{width: 100%;}
.m4-cont .conbox .btnshow{width:0.61rem;height:0.25rem;background:url(/skin/default/images/btnshow.png) no-repeat;position:absolute;bottom:1.5rem;left:0.95rem;background-size: 100%;}
.m4-cont .conbox.on .btnshow{display:none}
.corrugation{width:4.68rem;height:0.48rem;background:url(/skin/default/images/corrugation.png) no-repeat;position:absolute;left:50%;margin:0 0 0 -2.34rem;z-index:1;background-size: 100%;}
.corrugation video{width:4.68rem;height:0.48rem}
.m4-cont .mleft{width:48.40%;height:5.6rem;overflow:hidden;position:relative;text-align:left;margin-left:5.510416%}
.m4-cont .vbox{width:6.35rem;height:3.55rem;background-color:#000;overflow:hidden;position:relative}
.m4-cont .tit3{margin-bottom:0.1rem;display:block}
.m4-cont video{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.m4-cont .v-btn{position:relative;text-align:center;width:100%;height:0.38rem;z-index:3;display:none}
.m4-cont .v-btn span{display:inline-block;width:0.18rem;height:0.18rem;border-radius:0.09rem;-webkit-border-radius:0.09rem;background:#f47c37;line-height:0.18rem;margin:0 0.04rem;margin-top:0.2rem;cursor:pointer;transition:all .4s;-webkit-transition:all .4s}
.m4-cont .v-btn .on{width:0.5rem}
.m4-cont .music{width:32.903225%;height:5.32rem;text-align:left;margin-left:04.16666%;position:relative}
.m4-cont .tit4{display:block;margin-bottom:0.1rem}
.m4-cont .audio-box{width:100%;height:2.6rem;background:url(/skin/default/images/music-bg.png) no-repeat center center;position:relative}
.m4-cont .audio-img{position:absolute;width:2.2rem;height:2.12rem;left:50%;margin-left:-1.1rem;top:0.16rem}
.m4-cont .mbtn{display:inline-block;width:0.6rem;height:0.6rem;position:absolute;background:url(/skin/default/images/main-icon.png) no-repeat center top;top:50%;transform:translateY(-60%);-webkit-transform:translateY(-60%);cursor:pointer}
.m4-cont .m-prev{background-position:0 -1.91rem;left:0}
.m4-cont .m-next{background-position:-0.64rem -1.91rem;right:0}
.m4-cont .ul-song{width:100%;height:1.92rem;display:none}
.m4-cont .ul-song li{display:none}
.m4-cont .btnMore{display:inline-block;color:#99aacd;font-size:0.2rem;position:absolute;right:0;top:0.2rem;padding-right:0.3rem;background:url(/skin/default/images/refresh.png) no-repeat right center;cursor:pointer;background-size: 100%;}
.m4-cont .row{height:0.4rem;line-height:0.4rem;color:#4e4973;font-size:0.16rem;margin-top:0.1rem;position:relative;cursor:pointer}
.m4-cont .row span{display:block;float:left;margin-right:0.1rem;height:0.4rem;overflow:hidden}
.m4-cont .row.on{color:#3a4fa0}
.m4-cont .row::before{content:'';width:0.28rem;height:0.28rem;position:absolute;left:0.1rem;top:0.06rem}
.m4-cont .row.on::before{background:url(/skin/default/images/main-icon.png) no-repeat -0.53rem -2.67rem;background-size: 100%;}
.m4-cont .col1{width:34%;padding-left:0.5rem}
.m4-cont .col2{width:36%}
.m4-cont .col3{width:10%}
.m4-cont .m-swift{display:inline-block;width:0.67rem;height:0.66rem;position:absolute;left:50%;margin:0 0 0 -0.3rem;z-index:3;top:0.88rem;cursor:pointer;background:url(/skin/default/images/mp3_pause.png) no-repeat center center;background-size:99% 99%}
.m4-cont .m-swift.off{background:url(/skin/default/images/main-icon.png) no-repeat -0.05rem -4.44rem;background-size: 100%;}
.m4-cont .audio-img.active{animation:rcircle 10s linear 0s infinite;-webkit-animation:rcircle 10s linear 0s infinite}
.m4-cont .vplay{display:block;width:100%;height:100%;overflow:hidden;position:absolute;left:50%;margin-left:-50%;top:0;z-index:9}
.m4-cont .vplay::before{content:'';width:0.67rem;height:0.66rem;position:absolute;left:50%;margin:-0.33rem 0 0 -0.33rem;background:url(/skin/default/images/main-icon.png) no-repeat -0.05rem -4.44rem;top:50%;z-index:2;background-size: 100%;}
.m4-cont .vplay img{position:absolute;left:0;top:0;height:auto;margin-left:0;width:100%}
.m4-bot{width:100%;height:3.27rem;float:left;margin-left:5.510416%;background:url(/skin/default/images/newby.png) no-repeat center top;background-size: 100%;max-width:13.36rem;background-size:100% 3.27rem;position:relative}
.m4-bot li{width:100%;display:none}
.m4-bot .rows-1{margin-top:0.94rem}
.m4-bot li a{display:inline-block;width:24%;height:2.04rem;overflow:hidden;position:relative;margin:0 0.03rem}
.m4-bot li img{width:auto;height:2.04rem;display:block;margin:0 auto;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:0;transition:all .4s;-webkit-transition:all .4s}
.m4-bot li a:hover img{transform:scale(l.06) translateX(-50%);-webkit-transform:scale(1.06) translateX(-50%)}
.m4-bot li a::before{content:'';width:96%;height:96%;border:0.01rem solid #6082b6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2}
.m4-bot a:hover img{-webkit-transform:scale(1.06);transform:scale(1.06);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#progress::-webkit-progress-value{background:#dd7f65}
.m4-cont .music b{display:none;width:0.3rem;height:0.2rem;position:absolute;bottom:0.45rem;left:1.4rem;background:#9c8b8b;border-radius:0.03rem;font-size:0.12rem;font-weight:700;text-align:center}
.play{width:0.65rem;height:0.65rem;background:url(/skin/default/images/play.png) no-repeat;position:absolute;left:50%;margin:0 0 0 -0.32rem;cursor:pointer;z-index:2;background-size: 100%;}
.play.pause{width:0.65rem;height:0.65rem;background:url(/skin/default/images/pause.png) no-repeat;position:absolute;left:50%;margin:0 0 0 -0.32rem;cursor:pointer;background-size: 100%;}
.audioinfo{width:5.52rem;height:0.3rem;line-height:0.3rem;font-size:0.16rem;color:#000;text-align:center;margin:0 auto}
.audioinfo .start{width:10%;float:left;font-size:0.12rem}
.audioinfo .end{width:10%;float:right;font-size:0.12rem}
.audioinfo .title{width:80%;float:left;height: auto; margin: 0;}
.playbox{width:4.7rem;height:0.65rem;margin:0rem auto 0;position:relative}
.a_pre{width:0.5rem;height:0.53rem;background:url(/skin/default/images/a_pre.png) no-repeat;float:left;margin:0 0 0 0.5rem;cursor:pointer;z-index:2;position:relative;background-size: 100%;}
.a_next{width:0.5rem;height:0.53rem;background:url(/skin/default/images/a_next.png) no-repeat;float:right;margin:0 0.5rem 0 0;cursor:pointer;z-index:2;position:relative;background-size: 100%;}
.audiobox{width:6.35rem;height:3.56rem;background:#fff;overflow:hidden;text-align:center}
.audioimg{width:5.52rem;height:2.24rem;overflow:hidden;margin:0.14rem auto 0}
.audioimg img{width:100%}
#progress{width:5.52rem;height:0.05rem;background-color:#8e8e8e;cursor:pointer;margin:0rem auto 0;position:relative;vertical-align:top}
.viewbtn{width: 2.4rem;height: 0.56rem;background: url(/skin/default/images/view.png) no-repeat;position: absolute;left: 50%;top: 50%;margin: 0.52rem 0 0 -1.28rem;display: block;cursor: pointer;background-size: 100%;}
/* 社区 */
.infolist{display: none;}
.secTab{border-top: 1px solid #dac8b4; border-bottom: 1px solid #dac8b4; height: 28px; margin-bottom: 18px;}
.secTab a{float: left; border-right: 1px solid #dac8b4; height: 28px; line-height: 28px; background:#fff url(/skin/default/images/s.jpg) no-repeat right 0; font-size: 14px; color: #cf8f4b; text-indent: 14px;}
.secTab a.on{background: #e9b77d; color: #FFF;}
.secTab a.a1{text-align: center; width: 119px; text-indent: 0}
.secTab a.a2{width: 126px;}
.secTab a.a3{width: 126px;}
.secTab a.a4{width: 126px;}
.secTab a.a5{width: 126px;}
.secTab a.a6{text-align: center; width: 119px; border: 0 none; text-indent: 0}
.seclist{display: none;}
.seclunbo{width: 750px; height: 470px; overflow: hidden; position: relative;}
.bbsSwiper .imglist{background: url(/skin/default/images/lbbg2.png) no-repeat 0 0; width: 741px; height: 418px; padding-top: 5px;}
.bbsSwiper .imglist img{display: block; width: 722px; height: 406px; margin: 0 auto; border: 3px solid #e5cf93;}
.bbsSwiper .swiper-button-next,.bbsSwiper .swiper-button-prev{width: 117px; height: 84px; margin-top: -42px; background-size: 100% auto; position: absolute; top: 50%; opacity: 1;}
.bbsSwiper .swiper-button-prev,.bbsSwiper .swiper-container-rtl .swiper-button-next{background: url(/skin/default/images/prev2.png) no-repeat center; left: 20px;}
.bbsSwiper .swiper-button-next,.bbsSwiper .swiper-container-rtl .swiper-button-prev{background: url(/skin/default/images/next2.png) no-repeat center; right: 20px;}
.bbsSwiper .swiper-container-horizontal>.swiper-pagination-bullets,.bbsSwiper .swiper-pagination-custom,.bbsSwiper .swiper-pagination-fraction{bottom: 16px;}
.bbsSwiper .swiper-pagination-bullet{width: 14px; height:14px; opacity: 1; background:#e9b77d;}
.bbsSwiper .swiper-pagination-bullet-active{background: #ee5849}
.bbsSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
.secDesc{width: 700px; margin: 0 auto;}
.secTitle{background: url(/skin/default/images/t.png) no-repeat center 0; height: 106px; line-height: 106px; font-weight: bold; font-size: 32px; color: #b4844c; text-align: center; margin-bottom: 6px;}
.secScroll{height: 470px; width: 100%; overflow: hidden; overflow-y: auto; font-size: 18px; font-weight: bold; line-height: 42px; color: #595757;}
.secScroll p{-webkit-text-size-adjust: 100%;}
.secScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.secScroll::-webkit-scrollbar-track{border-radius:0;background-color:none;}/*搴 */
.secScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#e9b77d;}/*闈 */
.secScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.secScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.secScroll::-webkit-scrollbar-track-piece{margin:0;}
.bbslist img{width: 100%;}
.bbslist .txt{width: 100%;height: 100%;background: url(/skin/default/images/bbstxt.png) no-repeat;background-size: 100%;position: absolute;left: 0;}
.bbslist .txt h3{font-size:0.22rem;color: #fff;text-align: center;margin: 0.2rem auto 0; }
.bbslist .txt .t{width: 2.8rem;font-size: 0.14rem;margin: 0.05rem auto 0;color: #fff;line-height: 0.22rem;}
.bbslist .cover{width: 100%;height: 100%;background: url(/skin/default/images/pop_cover.png) no-repeat;background-size: 100%;position: absolute;z-index: 11;display: none;}
.bbslist:hover .cover{display: block;}
/* .bbslist .cover h3{font-size:0.24rem;color: #fff;text-align: center;margin: 1rem;}
.bbslist .cover .txt{width: 2.8rem;font-size: 0.18rem;margin: 0.2rem auto 0;color: #fff;height: 2.5rem;} */
.btn_view{width: 2.54rem;height: 0.59rem;background: url(/skin/default/images/btn_view.png) no-repeat;background-size: 100%;margin: 0.2rem auto 0;display: block;}

/* 攻略 */
.strategybox{width: 18.6rem;height: 5.8rem;margin: 0.5rem auto 0;position: absolute;left:50%;transform:translate(-50%,0); }
.strategy{width: 9.85rem;height: 5.7rem;float: left;}
.strategy ul li{width: 4.89rem;height: 2.84rem;background: url(/skin/default/images/strategybg.png) no-repeat;background-size: 100%;float: left;overflow: hidden;}
.strategy ul li a{width: 4.65rem; height: 2.6rem;overflow: hidden;margin: 0.12rem;display: block;position: relative;}
.strategy ul li a img{width: 100%;}
.strategy  a span.s_play {
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background: url(/skin/default/images/play.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
}
.strategybox .linkbox{width: 8.6rem;height: 5.85rem; 
    float: right;
}
.strategybox .linkbox ul li{width: 2.84rem;height: 2.84rem;float: left;}
.strategybox .linkbox ul li img{width: 100%;}

/***视频弹窗***/
.prompt{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.7);display:none}
.popbox{width:8rem;height:4.5rem;background-color:#000;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.close{width:0.38rem;height:0.38rem;position:absolute;right:-0.45rem;top:0;background:url(/skin/default/images/close.png) no-repeat center top;cursor:pointer;background-size: 100%;}
.prompt-video video{width:10.06rem;height:5.67rem;margin:0 auto;position:absolute;left:0.16rem;top:0.17rem;border:0.01rem solid #ffc765}
.prompt-video .popbox{width:10.4rem;height:6.03rem;background:url(/skin/default/images/prompt-video.png) no-repeat center}
.prompt-video .close{width:0.38rem;height:0.38rem;background:url(/skin/default/images/close.png) no-repeat center top;right:-0.46rem;top:0;z-index:9;transform:rotate(0);transition:all 0.6s;background-size: 100%;}
.prompt-video .close:hover{transform:rotate(-720deg)}


.videobli{width: 700px; height: 400px; background: #000; color: #4c66a1; background-size: 100% auto;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.videobli iframe{width: 700px; height: 400px; display: block;}
.pop_fixed .pop_close{width:38px;height:38px;background:url(/skin/default/images/close.png) no-repeat center top;left: 50%;margin: -200px 0px 0 360px; top:50%;z-index:9;transform:rotate(0);transition:all 0.6s;background-size: 100%;}
.pop_fixed .pop_close:hover{transform:rotate(-720deg)}

/* 职业 */

/* 门派 */
.occupation{width:100%;height:10.72rem;  }
.occupation .swiper-container{height:8.33rem;margin: 0rem auto 0;}
.occupation .navbox{width:100%; position:absolute; top:10.7rem; left: 0; z-index:2; height: 0.88rem; display: flex; justify-content: center;}
.occupation .navbox a{display: block; width:0.83rem;height:0.83rem; display:block;cursor:pointer;margin:0 0.2rem;}

.occupation .navbox a.longzu{background:url(/skin/default/images/icon_long.png) no-repeat;background-size: 100%;}
.occupation .navbox a.guidao{background:url(/skin/default/images/icon1.png) no-repeat;background-size: 100%;}
.occupation .navbox a.hehuan{background:url(/skin/default/images/icon6.png) no-repeat;background-size: 100%;}
.occupation .navbox a.changsheng{background:url(/skin/default/images/icon8.png) no-repeat;background-size: 100%;}
.occupation .navbox a.nanjiang{background:url(/skin/default/images/icon7.png) no-repeat;background-size: 100%;}
.occupation .navbox a.tianyin{background:url(/skin/default/images/icon5.png) no-repeat;background-size: 100%;}
.occupation .navbox a.wandu{background:url(/skin/default/images/icon9.png) no-repeat;background-size: 100%;}
.occupation .navbox a.guiwang{background:url(/skin/default/images/icon4.png) no-repeat;background-size: 100%;}
.occupation .navbox a.fanxiang{ background:url(/skin/default/images/icon3.png) no-repeat;background-size: 100%;}
.occupation .navbox a.qingyun{background:url(/skin/default/images/icon2.png) no-repeat;background-size: 100%;}
.occupation .navbox a.tiandao {background: url(/skin/default/images/icon10.png) no-repeat;background-size: 100%;}

.occupation .navbox a.on{background-position-y:-0.83rem}
.occupation .s_con{width:15rem;height:8.42rem;margin:0 auto;position:relative}
.occupation .hh .bg{background:#fff6e4 url(/skin/default/images/hh_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .nj .bg{background:#fff6e4 url(/skin/default/images/nj_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .cs .bg{background:#fff6e4 url(/skin/default/images/cs_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .wd .bg{background:#fff6e4 url(/skin/default/images/wd_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .gd .bg{background:#fff6e4 url(/skin/default/images/gd_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .fx .bg{background:#fff6e4 url(/skin/default/images/fx_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .qy .bg{bottom: 0; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .qy .bg_role1{background:#fff6e4 url(/skin/default/images/qy_bg.jpg) right top no-repeat; background-size:auto 100%;}
.occupation .qy .bg_role2{background:#fff6e4 url(/skin/default/images/role_bg1.jpg) right top no-repeat; background-size:auto 100%;}

.occupation .ty .bg{background:#fff6e4 url(/skin/default/images/ty_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .gw .bg{background:#fff6e4 url(/skin/default/images/gw_bg.jpg) right top no-repeat;bottom: 0; background-size:auto 100%; height: 7.8rem;z-index: 0;width: 100%;position: absolute; }
.occupation .td .bg{background:#fff6e4 url(/skin/default/images/td_bg.jpg) right top no-repeat;bottom: 0;background-size: auto 100%;height: 7.8rem;z-index: 0;width: 100%;position: absolute;}
.occupation .lz .bg{background:#fff6e4 url(/skin/default/images/long_bg.jpg) right top no-repeat;bottom: 0;background-size: auto 100%;height: 7.8rem;z-index: 0;width: 100%;position: absolute;}

.roleTab{width: 1.51rem; position: absolute; left: 6.67rem; top: 6.7rem; z-index: 100;}
.roleTab a{display: block; width: 100%; height: .4rem; cursor: pointer; margin-bottom: .12rem;}
.roleTab a.a1{background: url(/skin/default/images/tab1.png) no-repeat 0 0; background-size: 100% auto;}
.roleTab a.a2{background: url(/skin/default/images/tab2.png) no-repeat 0 0; background-size: 100% auto;}
.roleTab a.on,.roleTab a:hover{background-position: 0 bottom;}

.occupation .swiper-container{overflow: inherit;}
.person{width:11.62rem;height:9.73rem;position:absolute;z-index:1; opacity:0;left:-0.8rem;bottom: 0.1rem;}
.person img{width: 100%;position: absolute;left: 0;bottom: 0;}
.occupation .info{width:6.4rem;height:4.5rem;position:absolute;z-index:2;background:none;top:1.5rem;right:-2rem;opacity:0}
.skill{width:7rem;height:0.88rem;position:absolute;top:6.1rem;left: 50%; z-index:3;cursor:pointer;display:none;margin: 0 0 0 2rem;}
.swiper2 .swiper-slide-active .skill{display:block}
.skill a{width:0.7rem;height:0.88rem;display:inline-block;margin:0 0.2rem 0 0;position:relative}
.skill a .cur{width:0.69rem;height:0.69rem;background:url(/skin/default/images/cur.png) no-repeat;background-size: 100%;position:absolute;z-index:2;display:none;left:50%;top:0rem;margin:0 0 0 -0.36rem}
.skill a .text{display:none;padding:0 0.1rem;width:2.9rem;height:1.2rem;background:url(/skin/default/images/skill.png);background-size: 100%;position:absolute;text-align:center;position:absolute;top:1rem;left:50%;margin:0 0 0 -1.6rem}
.skill a:hover .cur{display:block;z-index:2}
.skill a:hover .text{display:block}
.skill a:hover .cur{display:block}
.skill a .text .tit{font-size:0.28rem;color:#fff;width:100%;border-bottom:0.01rem solid #eaddc2;line-height:0.4rem;position:static;height:0.4rem}
.skill a .text .txt{font-size:0.14rem;color:#908162;margin:0.05rem 0 0 0}
.gd .skill a{background:url(/skin/default/images/gd_skill.png) no-repeat;background-size: auto 100%;}
.qy .skill_bg1 a{background:url(/skin/default/images/qy_skill.png) no-repeat;background-size:auto 100%;}
.qy .skill_bg2 a{background:url(/skin/default/images/qy_skill.png) no-repeat;background-size:auto 100%;}
.fx .skill a{background:url(/skin/default/images/fx_skill.png) no-repeat;background-size:auto 100%;}
.gw .skill a{background:url(/skin/default/images/gw_skill.png) no-repeat;background-size:auto 100%;}
.ty .skill a{background:url(/skin/default/images/ty_skill.png) no-repeat;background-size:auto 100%;}
.hh .skill a{background:url(/skin/default/images/hh_skill.png) no-repeat;background-size:auto 100%;}
.nj .skill a{background:url(/skin/default/images/nj_skill.png) no-repeat;background-size:auto 100%;}
.cs .skill a{background:url(/skin/default/images/cs_skill.png) no-repeat;background-size:auto 100%;}
.wd .skill a{background:url(/skin/default/images/wd_skill.png) no-repeat;background-size:auto 100%;}
.td .skill a {background: url(/skin/default/images/td_skill.png) no-repeat;background-size: auto 100%;}
.lz .skill a {background: url(/skin/default/images/long_skill.png) no-repeat;background-size: auto 100%;}
.skill a.s0{background-position-x:-4.96rem}
.skill a.s1{background-position-x:0.03rem}
.skill a.s2{background-position-x:-0.82rem}
.skill a.s3{background-position-x:-1.65rem}
.skill a.s4{background-position-x:-2.49rem}
.skill a.s5{background-position-x:-3.32rem}
.skill a.s6{background-position-x:-4.16rem}
.swiper-slide-active .person{animation:fadeInL 1s linear forwards;-webkit-animation:fadeInL 1s linear forwards}
.swiper-slide-active .info{animation:fadeInR 1s linear forwards;-webkit-animation:fadeInR 1s linear forwards}
.swiper-slide-active .info img{height: 100%;}
.page3 .swiper-button-next{background:url(/skin/default/images/btn-next.png) no-repeat center top;background-size: 100%;right:50%;margin:0 -8.7rem 0 0}
.page3 .swiper-button-prev{background:url(/skin/default/images/btn-prev.png) no-repeat center top;background-size: 100%;left:50%;margin:0 0 0 -8.7rem}
.page3 .swiper-button-next,.page3 .swiper-button-prev{width:1.29rem;height:1.29rem;cursor:pointer;outline:none;border:0;top:6.5rem;z-index:9}
.page3{width:100%;height:11.72rem;position:relative;z-index:2}
.page3 .tit img{top:-2.2rem}
@-webkit-keyframes fadeInR{
    0%{opacity:0;-webkit-transform:translateX(1.4rem);transform:translateX(1.4rem)}
100%{opacity:1;-webkit-transform:translateX(1.3rem);transform:translateX(1.3rem)}
}
@keyframes fadeInR{0%{opacity:0;-webkit-transform:translateX(1.4rem);-ms-transform:translateX(1.4rem);transform:translateX(1.4rem)}
100%{opacity:1;-webkit-transform:translateX(1.3rem);-ms-transform:translateX(1.3rem);transform:translateX(1.3rem)}
}
@-webkit-keyframes fadeInL{0%{opacity:0;-webkit-transform:translateX(-1.6rem);transform:translateX(-1.6rem)}
100%{opacity:1;-webkit-transform:translateX(-1.3rem);transform:translateX(-1.3rem)}
}
@keyframes fadeInL{0%{opacity:0;-webkit-transform:translateX(-1.6rem);-ms-transform:translateX(-1.6rem);transform:translateX(-1.6rem)}
100%{opacity:1;-webkit-transform:translateX(-1.3rem);-ms-transform:translateX(-1.3rem);transform:translateX(-1.3rem)}
}
@-webkit-keyframes rcircle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rcircle{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes fcircle{0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes fcircle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}
/*  底部*/

.ewmBox{width:100%;margin:0.3rem auto 1rem;text-align:center;border-bottom: 0.01rem solid #e5cf93;position: relative;}
.ewmBox li{display:inline-block;width:2.1rem;height:3rem;vertical-align:top;background:url(/skin/default/images/hehua.png) center top no-repeat;background-size: 100%;margin: auto 0.1rem -0.07rem;}
.ewmImg{height:1.4rem;margin: 0.4rem auto 0;}
.ewmImg img{display:block;width:1.19rem;height:1.19rem;margin:0.34rem 0 0 0.43rem;border:0.03rem solid #983319}
.ewmName{height:0.42rem}
.ewmName span{display:block;width:1.26rem;height:0.26rem;border-bottom:0.01rem solid #9a3318;text-align:center;margin:0 auto;font-size:0.16rem;color:#c76100}
.ewmText{text-align:center;font-size:0.14rem;color:#c0b682;margin: 0.1rem auto 0;}
.ewmText span{color:#957f44;display: block;font-weight: bold;}
.ewmText strong{display:inline-block;border:0.01rem solid #e55e2e;color:#c72100;width:0.7rem;height:0.2rem;line-height:0.2rem;border-radius:0.05rem;margin-left:0.1rem}

/* 导航 */
.topnavbox{}
.topnav{height: 0.8rem;position: absolute;right: 2%; top: 0px;z-index: 111;overflow: hidden;}
.topnav:hover{overflow:visible}
.topnav ul li{width: 1.53rem;height: 3.7rem;float: left;box-sizing: border-box}
.topnav:hover ul li{background-size: 100%;border-right:0rem}
.topnav ul li a{color: #fff;text-align: center;font-size: 0.16rem;display: block; width: 100%;line-height: 0.35rem;}
.topnav ul li a:hover{color: #333;}
.topnav ul li h2{}
.topnav ul li h2 a{font-size: 0.22rem;line-height: 0.8rem;}

.btnPlay {
    width: 0.82rem;
    height: 0.78rem;
    position: absolute;
    right:10.4rem;
    top:3.6rem;
    cursor: pointer;
    z-index: 20;
    background: url(/skin/default/images/btnplay.png) no-repeat center;
    background-size: 100%;
	/* display:none; */
    /* margin: -283px 0 0 83px; z-index: 143; */
}
.bubble-box{position: absolute;width: 100%;height: 100%;}
.bubble-box a{display: block;position: absolute;left: 50%;}
.bubble-box a img{display: none;position: absolute;}
.bubble-box a:hover img{display: block;}
.bubble-box a.bubble-item1{margin-left:-10.2rem;top:7rem;width: 3rem;height: 3rem;}
.bubble-box a.bubble-item1 img{left: 1rem;bottom:0;}
.bubble-box a.bubble-item2{margin-left:-5.7rem;top:6.3rem;width: 4rem;height: 4rem;}
.bubble-box a.bubble-item2 img{left: 1.3rem;bottom:0.5rem;}
.bubble-box a.bubble-item3{margin-left:-3.4rem;top:1.3rem;width: 3.2rem;height: 4.8rem;}
.bubble-box a.bubble-item3 img{left:3.2rem;top:1.5rem;}
.bubble-box a.bubble-item4{margin-left:-1.8rem;top:6.3rem;width: 1.6rem;height: 4rem;}
.bubble-box a.bubble-item4 img{right:1.3rem;top:1.2rem;}
.bubble-box a.bubble-item6{margin-left:-0.3rem;top:7.5rem;width: 2rem;height: 3rem;}
.bubble-box a.bubble-item6 img{right:1.3rem;top:1.7rem;}
.bubble-box a.bubble-item7{margin-left:1.4rem;top:7.6rem;width: 2.5rem;height: 3.3rem;}
.bubble-box a.bubble-item7 img{right:1.1rem;top:1.2rem;}
.bubble-box a.bubble-item8{margin-left:4.4rem;top:7.7rem;width: 2.6rem;height: 2.7rem;}
.bubble-box a.bubble-item8 img{right:1.3rem;top:1.2rem;}


.divTg{width: 0.5rem; height: 4.81rem; position:fixed; right: 0; top: 2.9rem; transition:width 1s;-webkit-transition:width 1s; z-index: 99;}
.divBtns{width: }
.divTg .divBtns{width:0.27rem; height:0.66rem;background:url(/skin/default/images/siderbtn.png) no-repeat;background-size:100%;position:absolute;left:0.26rem; top:3.07rem; cursor:pointer; z-index: 100;}
.divTg .divQrcode{width: 2.52rem; height: 4.81rem; position: absolute; left: 0; top: 0; background: url(/skin/default/images/div.png) no-repeat 0 0; background-size: 100% auto;}
.divTg .divQrcode img{display: block; width: 1.58rem; height: 1.58rem; position: absolute; left: .72rem; top: 2.95rem;}
.divTg.on .divBtns{background:url(/skin/default/images/siderbtn2.png) no-repeat;background-size:100%}
.divTg.on{width: 2.52rem;}

/*20240613*/
.lslogan{ position: absolute; top: 1.5rem; left: 0.3rem; height: 5.77rem; }
.rslogan{ position: absolute; top: 5.4rem; right: 0.2rem; height: 4.16rem; }