/*reset*/
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;}
body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica;-webkit-user-select:none;width:100%;height:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ffffff;overflow-x: hidden;}
header,nav,section,article,footer,figure,figcaption{display:block;}
ol,ul{margin:0;padding:0;list-style:none;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
select{border:0;-moz-appearance:none;-webkit-appearance:none;}
a{text-decoration:none;}
.c:before,.c:after{content:"";display:table;}
.c:after{clear:both;}
.c{zoom:1;}
.clean::after{display: block;content: "";clear: both;}
.pr{position:relative;}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.dn{display:none;}
.hide {display: block;width: 0;height: 0;overflow: hidden;}

/* 雪碧图共用部分 */
.nav-dondload,.btn-mune,.btn-video,.icon-horn,.video-frame{background: url(../../../../images/ffom/m/m201806/sp.png)top center no-repeat;background-size:5rem 5rem;}

/*header*/
.h-nav{width: 100%;position:fixed;z-index: 10;top: 0;left: 0;right: 0;margin: 0 auto;}
.head{width: 100%;height: 1.28rem;background: url(../images/nav-top.png)top center no-repeat;background-size: 100% 100%;position:relative;}
.icon{display: block;width: 1.01rem;height: 1.01rem;background: url(../images/icon.png)top center no-repeat;background-size:100% 100%;position: absolute;
left: 0.15rem;top: 0.13rem}
.top-tit{font-size: 0.35rem;position: absolute;left:1.27rem;top: 0.2rem;color:#5c85d5;}
.top-text{font-size: 0.22rem;position: absolute;color: #5c85d5;left: 1.29rem;top: .7rem;}
.nav-font{width: 2.23rem;height: .75rem;display:block;position: absolute;left: 1.27rem;top: 0.25rem;}
.nav-dondload{width: 1.61rem;height: 0.58rem;background-position: 0 -1.33rem; right: .95rem;top: 0.36rem;display: block;position: absolute;}

/* 折叠部分 */
.btn-mune{width: 0.56rem;height: 0.56rem;background: url(../images/btn-none.png)top center no-repeat;background-size:100% 100%;  position: absolute;right: 0.18rem;top: 0.35rem;-webkit-transition: all 1s;transition: all 1s;}
.menu-none{width: 0.56rem;height: 0.56rem;background: url(../images/btn-none.png)top center no-repeat;background-size:100% 100%;position: absolute;right: 0.18rem;top: 0.35rem;-webkit-transition: all 1s;transition: all 1s;}
.common_nav{z-index:-1;width:50%;height:0rem;position:absolute;overflow: hidden; right:0;top:1rem;transition:all .5s;-webkit-transition:all .5s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;opacity: 0;}
.common_nav::after{clear: both;display: block;content: "";}
.icon-arr{width: 0.28rem;height: .31rem;background: url(../../../../images/ffom/m/m201806/sp.png)top center no-repeat;background-size: 5rem auto;background-position:-.73rem -.75rem;display: block;float: right;margin-bottom: -0.02rem;margin-right: 0.332rem;}
.common_nav ul{width:100%;overflow:hidden;text-align:center;background-color: #fdfefe;border-radius: 0.1rem;}
.nav_content li{display:block;overflow:hidden;position:relative;height: 1rem;line-height: 1rem;}
.nav_content a{width: 2.93rem;margin:  0 auto;color: #25346d;display:block;height: 0.95rem;line-height: 0.95rem;font-size: 0.3rem;text-decoration:none;text-align:center;border-bottom: 1px dashed #c6cadb;}  
.nav_content a:active{background-color:#427de9;}
.nav_content li:last-child a{border-bottom:none;}
.act_menu_on{width:50%;top: 1.05rem;height: 8.9rem;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);z-index:99;
transition:all .5s;-webkit-transition:all .5s;opacity: 1;}
.act_menu_on{height: auto;}
.nav_content li:active{background:#eceef3;}
.nav_content li a:active{border-bottom: none;background:#eceef3;}
.nav_content li.dn{display:none;}


/* 首页+头部 */
.s-maintop{position: relative;}
.f-nav{width:7.5rem;height:.83rem;line-height: .83rem;position: fixed;font-size: 0.25rem;
bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 99;overflow-x: auto;}
.swiper-container_11{width: 15.36rem;height: .83rem;background: url(../images/f-navbg.jpg)top center no-repeat;background-size:100% 100%;}
.f-nav-ul{width: 100%;}
.f-nav-ul::after{clear: both;display: block;content: "";}
.f-nav-ul li{width: 1.88rem;float: left;height:0.83rem;line-height: 0.83rem;text-align: center;color: #FFF;}
.f-nav-ul li.on{background: url(../../../../images/ffom/m/m201806/sp.png)top center no-repeat;background-size: 5rem auto;background-position:0 -4.16rem;}
.f-nav-ul li a{width: 100%;height: 100%;display: block;margin: 0 auto;color: #FFF;}

/* 底部分享 四大平台 */
.foot-share{width: 100%;height:2.51rem;padding-top: .51rem;background: url(../images/sec6.jpg)top center no-repeat;background-size:100% 100%;overflow:  hidden;}
.foot-share_ul{width: 100%;text-align: center;}
.foot-share_ul li{width: 21%;display:inline-block;font-size: 0.22rem;color: #25346d;text-align: center;}
.foot-share_ul li a{display: block;width: 1.41rem;height: 1.41rem;margin:  0 auto;margin-bottom: 0.1rem;}
.foot-share_ul li img{display: block;width:100%;height:100%;margin:  0 auto;}

/*foot*/
.foot{font-size: 0.2rem;text-align: center;padding: 0 0 1.4rem;background: #000;color: #666a71;background: #d8def7;background: -webkit-linear-gradient(left, #d8def7, #f2f5fe, #f2f4fe);}
.foot a{color: #666a71;text-decoration: none;}
.w-main{padding-bottom:0;}

.foot{font-size: 0.2rem;text-align: center;padding: 0.2rem 0 0.2rem;background: #000;color: #666a71;border-top: 1px solid #333;}
        .foot a{color: #666a71;text-decoration: none;}


/* 弹窗 */
.cover {z-index: -1;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .7);opacity: 0;transition: opacity .3s;}
.cover.on {z-index: 8;opacity: 1;}
.center {position: absolute;left: 0;right: 0;margin: 0 auto;}

/* 视频弹窗 */
.pop-video{width: 6rem;height: 3.44rem;padding-top: 0.15rem;background: url(../images/pop-video.png)top center no-repeat;background-size: 100% 100%;text-shadow: 0.02rem;text-shadow: 0px 0px 0.02rem #ffebd1;top: 50%;transform: translate3d(0, -50%, 0);-webkit-transform: translate3d(0, -50%, 0);opacity:0;z-index: -3;}

.pop-video-close{width: 0.52rem;height: 0.52rem;background: url(../images/pop-close.png)top center no-repeat;background-size: 100% 100%;position: absolute;right: -0.65rem;top: 0.15rem;display:  block;}
.pop-video-box{width: 5.84rem;height: 3.31rem;margin: 0 auto;}
.pop-img{width:100%;height:100%;text-shadow: 0.02rem;text-shadow: 0px 0px 0.02rem #ffebd1;top: 50%;transform: translate3d(0, -50%, 0);-webkit-transform: translate3d(0, -50%, 0);opacity:0;z-index: -3;}
.pop-img img{display: block;max-width: 95%;max-height: 5rem;margin: 0 auto;position:  absolute;left:  0;right:  0;top: 36%;}
.pop-video.on,.pop-img.on{opacity: 1;z-index: 3;}

.out{animation: fadeOutDown_center .8s both;-webkit-animation: fadeOutDown_center .8s both;}
.out.pop-video,.out.pop-img{animation: fadeOutDown_center .8s both;-webkit-animation: fadeOutDown_center .8s both;}
.on .pop-video.on,.on .pop-img.on{animation: fadeInUp_center .8s both;-webkit-animation: fadeInUp_center .8s both;}
.out.pop-video,.out.pop-img,.out.pop-img img{animation: fadeOutDown_center .8s both;-webkit-animation: fadeOutDown_center .8s both;}

.page-box{width: 100%;display: block;margin:0 auto;text-align: center;padding: 0;height: 0.6rem;margin-top: 0.1rem;}
.page-box a{width: 1rem;height: 0.5rem;line-height: 0.5rem;font-size: 0.25rem;display: inline-block;margin: 0 .46rem;vertical-align:  top;border: .02rem solid #848484;
color:#b1b1b1;}
.page-box a.on{    background-color: #848484;color: #ffffff;}
/*右侧浮动*/
.float{position: fixed;
    right: 0;
    bottom: 2rem;
    background: url(../images/float.png) no-repeat;
    background-size: 100% 100%;
    width: 2.14rem;
    height: 5.63rem;
    z-index: 999;}
.float .btn-lb{width:2.14rem;height: 1.76rem;display: block;}
.float .txt1{position: absolute;top:1.60rem;left: 50%;transform: translateX(-49%);width:1.13rem;height: 1.94rem;}
.float .txt1 img{display: block;margin: 0 auto;width:80%;}

.pop-bs{background:url(../images/pop-bs.png) no-repeat;width:6.4rem
;height:5.31rem;position: relative;display: none;background-size: 100% 100%;}
.pop-bs .pop-close{display: block;width: 0.51rem;height: 0.51rem;position: absolute;right:0;top: -0.6rem;background: url(../images/btn-close.png) no-repeat top center;background-size: 100% 100%;}
.pop-bs .pop-ct{padding-top:0.9rem;}
.pop-bs .list-bs{height:4rem;overflow-y: scroll;}
.pop-bs .list-bs li{display: flex;justify-content: center;width:95%;margin: 0 auto 10px;}
.pop-bs .list-bs li span{color: #6583b9;font-size: 0.2rem;width: 0.2rem;font-weight: bold;}
.pop-bs .list-bs li p{color: #6583b9;line-height:0.3rem;font-size: 0.2rem;}
.btn-bs{width: 1.13rem;height: 1.46rem;position: absolute;left:3.6rem;top: -0.1rem;background: url(../images/bs.png) no-repeat;background-size: 100% 100%;transform: scale(0.7);}
