html,body{width:100%;height:100%;overflow: hidden;}

/* 加载页 */
.loading{width:100%;height:100%;background: #000;position: absolute;z-index: 99999999999;}
.loadingContent{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden;z-index:9;width:2.18rem;height:3.4rem;}
.loadingLogo{width:2.18rem;height:3.4rem;}
.loading .pro {width: 2.18rem;height: 2.17rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/loading.png) no-repeat;background-size: 100% auto;position: absolute;top: 50%;left: 50%;margin-left: -1.09rem;margin-top: -1.085rem;opacity: 1}
.loading .pro i { width: 0;height: 100%;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/loadingon.png) no-repeat; background-size: auto 100%;position: absolute;top: 0;left: 0}
.loadingProgress{position:absolute;top:2.97rem;left:50%;transform:translateX(-50%);width:1rem;height:0.5rem;color:#4c86dc;text-align:center;font-size: 0.22rem;line-height: 0.5rem;}
.loadingw{width:0;height:5.94rem;overflow:hidden;transition: 5s;}
.loadingw.instant {transition: none !important;}

/* 主页 */
.wrap{width: 100%;height: 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide{position: relative;overflow:hidden;}
.section{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.section01 .bg{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_bg01.jpg) no-repeat center / cover;}
.section02{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/bg02.jpg) no-repeat center / cover;}
.section03{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/bg03.jpg) no-repeat center / cover;}
.section05{background: #c2c2c4;}
.section06{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/bg06.jpg) no-repeat center / cover;}
.section07{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/bg07.jpg) no-repeat center / cover;}

.wrap .main {width: 12rem;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* 轮盘 */
.lp{width:3.77rem;height:4.31rem;position:fixed;z-index:9999;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/lp.png) no-repeat 0% 50%;background-size: 3.26rem 3.26rem;top:50%;left:0;margin-top: -1.985rem;margin-left: -2rem;/*transform: translate(-50%, -50%) rotate(0deg);*/display:flex;justify-content:center;align-items:center;flex-wrap:wrap; opacity: 0;}
.lp01{width:2.62rem;height:2.53rem;position:fixed;z-index:9999;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/lp03.png) no-repeat;background-size: 2.62rem 2.53rem;top:50%;left:50%;transform:translate(-59%,-50%) rotate(0deg);}
.lp02{width:4.7rem;height:4.61rem;position:fixed;z-index:9999;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/lp02.png) no-repeat;background-size: 4.63rem 4.61rem;top:50%;left:50%;margin-top: -2.31rem;margin-left: -2.62rem;/*transform:translate(-56%,-50%) rotate(0deg);*/display:flex;justify-content:center;align-items:center;flex-wrap:wrap;transition: transform 1s ease;}
.lp span{width:1.01rem;height:0.32rem;display:flex;z-index:9999;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform-origin:center;transition:transform .3s ease;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/lpbtn.png) no-repeat;background-size: 1.01rem 0.64rem;cursor: pointer;}
.lp span:nth-child(8) { transform: translate(-50%, -50%) rotate(0deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(9) { transform: translate(-50%, -50%) rotate(25.71deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(10) { transform: translate(-50%, -50%) rotate(51.43deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(11) { transform: translate(-50%, -50%) rotate(77.14deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(12) { transform: translate(-50%, -50%) rotate(102.86deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(13) { transform: translate(-50%, -50%) rotate(128.57deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(14) { transform: translate(-50%, -50%) rotate(154.29deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(1) { transform: translate(-50%, -50%) rotate(180deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(2) { transform: translate(-50%, -50%) rotate(205.71deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(3) { transform: translate(-50%, -50%) rotate(231.42deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(4) { transform: translate(-50%, -50%) rotate(257.14deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(5) { transform: translate(-50%, -50%) rotate(282.86deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(6) { transform: translate(-50%, -50%) rotate(308.57deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(7) { transform: translate(-50%, -50%) rotate(334.29deg) translate(-1.83rem) rotate(-180deg); }
.lp span.on{background-position: 0 -0.32rem;}
.lp span::before{content: '';position: absolute;width: 0.19rem;height: 0.59rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/lp_sorrow.png) no-repeat;background-size: 100% 100%;transform:translate(11%, -68%) rotate(-285deg);}
/* 轮盘文字 */
.lp i{z-index:9999;display: flex;position: absolute;width: 1.67rem;height: 0.28rem;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);line-height: 0.28rem;top: 50%;left: 50%;font-family: SimSun, "宋体";font-size: 0.20rem;color: #b9b9b9;font-style: normal;cursor: pointer;}
.lp i{ transform: translate(38%, -50%);transform-origin: left center;transition: 1s ease;}
.itemDot.on i{font-size: 0.24rem;color: #000;font-weight: bold;text-shadow: 0 0 2px #8ff2f6,-1px -1px 0 #8ff2f6,1px -1px 0 #8ff2f6,-1px 1px 0 #8ff2f6,1px 1px 0 #8ff2f6,-2px -2px 0 #8ff2f6,2px -2px 0 #8ff2f6,-2px 2px 0 #8ff2f6,2px 2px 0 #8ff2f6,0 0 30px rgba(143, 242, 246, 1);}
.itemDot i{transform: translate(38%, -50%) rotate(0deg)}
.itemDot i.i01{transform: translate(38%, -50%) rotate(0deg)}
.itemDot i.i02{transform: translate(38%, -50%) rotate(-24deg)}
.itemDot i.i03{transform: translate(38%, -50%) rotate(-50deg)}
.itemDot i.i04{transform: translate(38%, -50%) rotate(-75deg)}
.itemDot i.i05{transform: translate(38%, -50%) rotate(-75deg);opacity: 0;}
.itemDot i.i06{transform: translate(38%, -50%) rotate(50deg)}
.itemDot i.i07{transform: translate(38%, -50%) rotate(24deg)}
.itemDot i.i08{transform: translate(38%, -50%) rotate(-0deg)}
.itemDot i.i09{transform: translate(38%, -50%) rotate(-25deg)}
.itemDot i.i10{transform: translate(38%, -50%) rotate(-50deg)}
.itemDot i.i11{transform: translate(38%, -50%) rotate(75deg);opacity: 0;}
.itemDot i.i14{transform: translate(38%, -50%) rotate(24deg)}
.itemDot i.i13{transform: translate(38%, -50%) rotate(50deg)}
.itemDot i.i12{transform: translate(38%, -50%) rotate(78deg)}
/* 轮盘入场动画 */
.lp.on{animation: lp 0.7s 0.3s ease-in-out forwards; opacity: 0;}
@keyframes lp {
    0%{
        transform:translateX(-200%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* 底部悬浮窗 */
.download{position: fixed;bottom:0;left:0;width: 100%;height:0.9rem;background: #060302;display: flex;justify-content: center;align-content: center;flex-wrap: nowrap;align-items: center;opacity: 0;transform: translateY(100%); transition: .5s;z-index: 9999;display: flex;justify-content: center;font-size: 0;}
.download.on{opacity: 1;transform: translateY(0);}
.download a{width: 2.19rem;height: 0.52rem;margin: 0 0.1rem;display: block;}
.download a:nth-child(1){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/download_btn01_251120.png) no-repeat;background-size: 2.19rem 1.06rem;}
.download a:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/download_btn02_251120.png) no-repeat;background-size: 2.18rem 1.06rem;}
.download a:nth-child(3){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/download_btn03.png) no-repeat -0.12rem -0.13rem;background-size: 2.42rem 1.31rem;}
.download a:hover{background-position: 0 -0.53rem;}
.download a:nth-child(3):hover{background-position: -0.12rem -0.66rem;}

/* 01-首页 */
.section01{position: absolute;}
.section01 div img{width: 100%;height: 100%;object-fit: cover;object-position:center center;position: absolute;}
.section01 .bg{width: 100%;height: 100%;position: absolute;top: 0;}
.section01 .cloud01{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-51%,-50%);z-index: 1000;}
.section01 .cloud02{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-49%,-50%);z-index: 1000;}
.section01 .zz{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1009;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_zz.png) no-repeat  center / cover;}
.section01 .role{width: 100%;height: 100%;position: absolute;opacity: 0;}
.section01 .role01{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01 .yy{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01 .bird01{position: absolute;top: 0;left: 50%;transform: translateX(-9rem);width: 2.25rem;height: 2.08rem;}
.section01 .bird02{position: absolute;top: 50%;left: 50%;transform: translate(7rem,0.5rem);width: 3.7rem;height: 4.14rem;z-index: 1010;}
.section01 .bird03{position: absolute;top: 50%;left: 50%;transform: translate(4.7rem,-3.66rem);width: 6.61rem;height: 2.98rem;}
.section01 .sun01{position: absolute;top: -0.3rem;right: -0.3rem;width: 18.51rem;height: 10.8rem;z-index: 8;}
.section01 .sun02{position: absolute;top: -0.5rem;right: -0.5rem;width: 11.33rem;height: 7.46rem;opacity: 1;z-index: 7;}
.section01 .light01{position: absolute;top: 0.2rem;left: 50%;transform: translate(-55%,0);width: 12.9rem;height: 6.62rem;}
.section01 .light02{position: absolute;top: 50%;left: 0;transform: translate(-1rem,-2.8rem);width: 14.54rem;height: 5.39rem;}
.section01 .light03{width: 0.98rem;height: 0.41rem;position: absolute;top: 50%;left: 50%;transform: translate(5.67rem,-3.2rem);}
.section01 .light04{width: 13.66rem;height: 2.86rem;position: absolute;bottom: 0%;left: 50%;transform: translate(-9rem,-3.4rem);z-index: 3;}
.section01 .slogan{position: absolute;bottom: 0;left: 50%;transform: translate(-62%,-1rem);width: 7.96rem;height: 4.65rem;}
.section01 .sloganbg{position: absolute;bottom: 0;left: 50%;transform: translate(-59%,-0.25rem);width: 12.17rem;height: 6.54rem;}
.section01 .main{opacity: 0;}

.section01 .top_btn{width: 2.68rem;/*width: 1.52rem;*/height: 0.5rem;position: absolute;top: 0.42rem;right: 1.07rem;z-index: 9999;display: flex;justify-content: space-between;}
.section01 .top_btn a{display: block;width: 0.41rem;height: 0.5rem;position: relative;}
.section01 .top_btn a img{height: 0.41rem;}
.section01 .top_btn a span{position: absolute;width: 0.93rem;height: 0.99rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_qr_qrbg.png) no-repeat;background-size: 100% 100%;top: 0.41rem;left: 50%;transform: translateX(-50%);display: none;}
.section01 .top_btn a span img{width: 0.81rem;height: 0.8rem;left: 50%;transform: translateX(-50%);top: 0.15rem;}
.section01 .top_btn a:hover span{display: block;}

.btm_btn{width: 10.29rem;height: 0.77rem;z-index: 9999;display: flex;justify-content: space-between;position: absolute;bottom: 0rem;left: 50%;transform: translate(-50%,-0.8rem);}
.btm_btn a{width: 3.21rem;height: 0.77rem;display: block;opacity: 0;}
.btm_btn a:nth-child(1){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_btn01_251120.png) no-repeat;background-size: 3.21rem 1.54rem;}
.btm_btn a:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_btn02_251120.png) no-repeat;background-size: 3.19rem 1.54rem;}
.btm_btn a:nth-child(3){background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_btn03.png) no-repeat -0.2rem -0.19rem;background-size: 3.55rem 1.91rem;}
.btm_btn a:hover{background-position: 0 -0.77rem;}
.btm_btn a:nth-child(3):hover{background-position: -0.2rem -0.97rem;}


/* 首页动画 */
/* 背景放大缩小 */
.section01 .bg{animation: breath 15s ease-in-out infinite;}
.section01 .light04 img{animation: breath 15s ease-in-out infinite;}
@keyframes breath{
	0% {
        transform: scale(1);
	}
	50% {
        transform: scale(1.1);
	}
	100% {
        transform: scale(1);
	}
}
/* 人物出场 */
.section01.on .role{animation: role 0.5s ease-in-out forwards,sail 15s 0.5s ease infinite;}
.section01.on .rolebox{animation: moveRole 2.5s 0.5s linear infinite;width: 100%;height: 100%;position: absolute;}
@keyframes role {
    0%{
        opacity: 0.7;
        scale: 1.3;
    }
    100% {
        opacity: 1;
        scale: 1;;
    }
}

@keyframes moveRole {
    0%{
        transform: translateY(0);
    }
    25% {
        transform: translateY(-0.07rem);
    }
    50% {
        transform: translateY(-0.14rem);
    }
    75% {
        transform: translateY(-0.07rem);
    }
    100% {
        transform: translateY(0);
    }
}
/* 鸟 */
.section01 .bird01 img{animation: fly 4s ease-in-out infinite;}
.section01 .bird02 img{animation: fly02 5s ease-in-out infinite;}
.section01 .bird03 img{animation: fly02 6s ease-in-out infinite;}
@keyframes fly {
    0%{
		transform: translate(0,0);
        filter: brightness(100%);
    }
    25% {
		transform: translate(-0.05rem,-0.2rem);
        filter: brightness(110%);
    }
    50% {
		transform: translate(-0.01rem,-0.4rem);
        filter: brightness(120%);
    }
    75% {
		transform: translate(-0.05rem,-0.2rem);
        filter: brightness(110%);
    }
    100% {
        transform: translate(0,0);
        filter: brightness(100%);
    }
}
@keyframes fly02 {
    0%{
		transform: translate(0,0);
        filter: brightness(120%);
    }
    25% {
		transform: translate(-0.05rem,-0.15rem);
        filter: brightness(110%); /* 模拟光影变化 */
    }
    50% {
		transform: translate(0.01rem,0.03rem);
        filter: brightness(90%);
    }
    75% {
		transform: translate(-0.05rem,-0.15rem);
        filter: brightness(110%); /* 模拟光影变化 */
    }
    100% {
		transform: translate(0,0);
        filter: brightness(120%);
    }
}
/* 太阳光旋转 */
.section01 .sun01{animation: rotate 20s linear infinite,sunflicker 5s linear infinite; transform-origin: right top;}
@keyframes rotate {
    0%{
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes sunflicker {
    0%{
        filter: brightness(120%);
        opacity: 1;
    }
    25% {
        filter: brightness(100%);
        opacity: 0.9;
    }
    50% {
        filter: brightness(80%);
        opacity: 0.8;
    }
    75% {
        filter: brightness(100%);
        opacity: 0.9;
    }
    100% {
        filter: brightness(120%);
        opacity: 1;
    }
}
/* 光点闪烁 */
.section01 .light01,.section01 .light02{animation: flicker 1s linear infinite;}
.section01 .light03,.section01 .light04{animation: flicker 2s linear infinite;}
.section01 .sloganbg{animation: flicker 2s linear infinite;}
@keyframes flicker {
    0%{
        filter: brightness(120%);
    }
    25% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(80%);
    }
    75% {
        filter: brightness(100%);
    }
    100% {
        filter: brightness(120%);
    }
}
/* slogan和按钮上浮出现 */
.section01.on .main{
    animation: btnEntrance 0.8s 0.2s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;
}
@keyframes btnEntrance {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: translate(-50%,0);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translate(-50%,-53%);
    }
}
/* slogan和按钮上浮出现 */
.section01.on .btm_btn a:nth-child(1){
    animation: btm_btn 0.8s 0.8s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;
}
.section01.on .btm_btn a:nth-child(2){
    animation: btm_btn 0.8s 0.9s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;
}
.section01.on .btm_btn a:nth-child(3){
    animation: btm_btn 0.8s 1s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;
}
@keyframes btm_btn {
    0% {
        opacity: 0;
        transform: scale(1);
    }
	20% {
	    opacity: 0;
	    transform: scale(1.2);
	}
    100% {
        opacity: 1;
       transform: scale(1);
    }
}
/* 02-风帆情报 */
.section02 .bg{width: 100%; height: 100%;position: absolute;top: 0;left: 0;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/bg02.jpg) no-repeat center / cover;animation: breath 20s infinite linear;}
@keyframes breath{
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05);
        }
        100% {
            transform: scale(1);
        }
}
.section02 ul li{position:relative;height:0.84rem;border-bottom:0.02rem solid #464545;line-height:0.32rem;color:#eaebeb;font-size:0.2rem;}
.section02 ul li:last-child{border-bottom:none;}
.section02 ul li a{display:inline-block;width:3.55rem;height:0.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaebeb;line-height:0.84rem;vertical-align:middle;}
.section02 ul li i{position:absolute;right:0rem;top:0.37rem;display:block;width:0.43rem;height:0.19rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/ffqb_arrow.png) no-repeat;background-size:100% 100%;transition:0.4s ease-in-out;}
.section02 ul li:hover i{transform:translate(0.1rem);}
.section02 ul li em{display:inline-block;font-style:normal;margin-right:0.09rem;vertical-align:middle;}
.section02 .news_list{width:9.39rem;height:5.24rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/ffqb_list01.png) no-repeat;background-size:100% 100%;margin:1.5rem auto 0.5rem;padding:0.96rem 0.4rem 0 0.9rem;box-sizing:border-box;opacity:0;}
.news_list li span{display:inline-block;width:2.09rem;height:0.4rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/ffqb_tit.png) no-repeat;background-size:100% 100%;margin-right:0.33rem;font-size:0.22rem;line-height:0.4rem;color:#ffffff;text-align:center;font-weight:bold;vertical-align:middle;}
.section02 .official_list{width:4.68rem;height:2.21rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/ffqb_list02.png) no-repeat;background-size:100% 100%;margin:0 auto;padding:0.56rem 0.3rem 0;box-sizing:border-box;opacity:0;}
.section02 .official_list li{height:0.64rem;padding-bottom:0.09rem;margin-bottom:0.08rem;border-bottom:0.02rem solid #6c6c69;font-size:0.18rem;}
.section02 .official_list li a{width:3.25rem;height:0.32rem;line-height:0.32rem;margin-right:1rem;}
.section02.on .news_list{animation:downIn 0.8s ease forwards;}
.section02.on .official_list{animation:downIn 0.8s .4s ease forwards;}
@keyframes downIn{
        0%{
                opacity: 0;
                transform: translateY(10%);
        }
        100%{
                opacity: 1;
                transform: translateY(0%);
        }
}


/* 03-出场人物 */
.section03 .line .line01{width:13.63rem;height:5.34rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_line01.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-30%,-60%);opacity:0;}
.section03 .line .line02{width:8.91rem;height:5.22rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_line02.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-82%,-1%);opacity:0;}
.section03 .line .line03{width:7.94rem;height:5.35rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_line03.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-125%,-10%);opacity:0;}
.section03.on .line .line01{animation:line01 0.8s ease forwards;}
.section03.on .line .line02{animation:line02 0.8s ease forwards;}
.section03.on .line .line03{animation:line03 0.8s ease forwards;}
@keyframes line01{
        0%{
                opacity:0;
                transform:translate(-100%,-140%);
        }
        20%{
                opacity:1;
        }
        100%{
                opacity:1;
                transform:translate(-30%,-60%);
        }
}
@keyframes line02{
        0%{
                opacity:0;
                transform:translate(-180%,-104%);
        }
        10%{
                opacity:1;
        }
        100%{
                opacity:1;
                transform:translate(-82%,-1%);
        }
}
@keyframes line03{
        0%{
                opacity:0;
                transform:translate(-180%,-65%);
        }
        10%{
                opacity:1;
        }
        100%{
                opacity:1;
                transform:translate(-125%,-10%);
        }
}
.role_cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity:0;}
.section03.on .role_cont{animation:rightIn 1s .3s ease forwards;}
@keyframes rightIn{
        0%{
                opacity:0;
                top:70%;
                left:70%;
        }
        100%{
                opacity:1;
                top:50%;
                left:50%;
        }
}
.role_img a{position: absolute;display:block;width:3.48rem;height:3.4rem;transition:all 0.5s;transform:rotate(-10deg);}
.role_img:nth-child(1) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_img01.png) no-repeat;background-size:100% 100%;left:-5.1rem;top:-4.05rem;}
.role_img:nth-child(2) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_img02.png) no-repeat;background-size:100% 100%;left:-2.96rem;top:-2.5rem;}
.role_img:nth-child(3) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_img03.png) no-repeat;background-size:100% 100%;left:-0.8rem;top:-1rem;}
.role_img:nth-child(4) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_img04.png) no-repeat;background-size:100% 100%;left:1.34rem;top:0.56rem;}
.role_img a:hover{width:7.28rem;height:5.04rem;transform:rotate(-10deg);}
.role_img.on a{opacity:0.9;filter: invert(10%);}
.role_img:nth-child(1) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_imgOn01.png) no-repeat;background-size:100% 100%;left:-6.8rem;top:-5.1rem;}
.role_img:nth-child(2) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_imgOn02.png) no-repeat;background-size:100% 100%;left:-4.5rem;top:-3.6rem;}
.role_img:nth-child(3) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_imgOn03.png) no-repeat;background-size:100% 100%;left:-2.4rem;top:-2rem;}
.role_img:nth-child(4) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_imgOn04.png) no-repeat;background-size:100% 100%;left:-0.2rem;top:-0.5rem;}

/* 04-地图 */
.section04{position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%) !important;}
.section04 img.bg04{width: 100%;/* height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%); */}
.loadvideo {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);z-index: 99999;}
.loadvideo video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.section04 div img{width: 100%;height: 100%;object-fit: cover;object-position:center center;position: absolute;}
.section04 .yy{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section04 .sun{width: 10.35rem;height: 5.18rem;position: absolute;top:-3%;left: 50%;transform: translate(-48.5%,0);}
.section04 .gd{width: 100%;height: 100%;position: absolute;top: 50%;left: 52%;transform: translate3d(-50%,-50%,0);will-change: transform;}
.section04 .gdl{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);will-change: transform;}
.section04 .gdr{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);will-change: transform;}
.section04 .light{width: 4.44rem;height: 8.26rem;position: absolute;top: 0;right: 0;}
.section04 .cloud{width: 100%;height: 100%;position: absolute;top: 50%;left: 51%;transform: translate3d(-50%,-50%,0);will-change: transform;}

/* 太阳光旋转 */
.section04 .sun img{animation: maprotate 10s linear infinite,mapsunflicker 3.5s linear infinite;transform-origin: center top;scale: 1.5;}
@keyframes maprotate {
    0%{
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes mapsunflicker {
    0%{
        filter: brightness(110%);
        opacity: 1;
    }
    25% {
        filter: brightness(90%);
        opacity: 0.9;
    }
    50% {
        filter: brightness(80%);
        opacity: 0.9;
    }
    75% {
        filter: brightness(90%);
        opacity: 0.9;
    }
    100% {
        filter: brightness(110%);
        opacity: 1;
    }
}
/* 光点闪烁 */
.section04 .gd{animation: mapsunflicker 1.5s linear infinite;}
.section04 .gdl{animation: mapsunflicker02 2s linear infinite;}
.section04 .gdr{animation: mapsunflicker02 3s linear infinite;}
.section04 .light{animation: maprotate 15s linear infinite,mapsunflicker02 1.5s linear infinite;transform-origin: right top;}
@keyframes mapsunflicker02 {
    0%{
        filter: brightness(110%);
        opacity: 1;
    }
    25% {
        filter: brightness(100%);
        opacity: 0.9;
    }
    50% {
        filter: brightness(90%);
        opacity: 0.9;
    }
    75% {
        filter: brightness(100%);
        opacity: 0.9;
    }
    100% {
        filter: brightness(110%);
        opacity: 1;
    }
}
/* 云朵浮动 */
.section04 .cloud img{animation: mapmove 8s linear infinite;}
@keyframes mapmove {
    0%{
        top: 0;
        left: 0;
    }
    25% {
        top: 0.1rem;
        left: 0.2rem;
    }
    50% {
        top: 0.2rem;
        left: 0.4rem;
    }
    75% {
        top: 0.1rem;
        left: 0.2rem;
    }
    100% {
        top: 0;
        left: 0;
    }
}
#svgCanvas {display: block;width: 100%; height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 1px solid #ddd;}
#svgCanvas svg{position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
#svgCanvas line{z-index: 0;position: absolute;opacity: 0 !important;}
#svgCanvas line.on{opacity: 1 !important;}
#svgCanvas line.active{opacity: 1 !important;stroke: #fffdf5 !important;}
.with-shadow {filter: url(#vintage-shadow);}
.map-marker {z-index: 9999;position: relative;}
#svgCanvas .boat-marker{z-index: 99999 !important;position: relative;}
#svgCanvas .map-icon{opacity: 0;}

/* 路线从头到尾出现 */
#svgCanvas  .line0.on{animation: lineMoveR 0.5s linear forwards;}
#svgCanvas  .line1.on{animation: lineMoveT 0.5s linear forwards;}
#svgCanvas  .line2.on{animation: lineMoveR 0.5s linear forwards;}
#svgCanvas  .line3.on{animation: lineMoveR 0.5s linear forwards;}
#svgCanvas  .line4.on{animation: lineMoveT 0.5s linear forwards;} 
@keyframes lineMoveT {
    from {
        clip-path: inset(0 0 100% 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
@keyframes lineMoveL {
    from {
        clip-path: inset(0 100% 0 0);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
@keyframes lineMoveR {
    from {
        clip-path: inset(0 0 0 100%);
    }
    to {
        clip-path: inset(0 0 0 0);
    }
}
/* 小船浮动 */
#svgCanvas .boat-marker image {animation: boat-float 3s linear infinite;}
@keyframes boat-float {
    0%   { rotate: 1deg; }
    50%  { rotate: -1deg; }
    100% { rotate: 1deg; }
}

		
		
.wrapper{width: 100%;height: 100%;position: relative;}		
.wrapper_cont{width: 1920px;height: 1080px;position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}	
.wrapper_box{width: 100%;position: relative;}
.wrapper_img{width: 100%;transform: translateX(-50%);position: absolute;left: 50%;}


.wrapper_box01{height: 516px;}
.wrapper_box02{height: 686px;}
.wrapper_box03{height: 516px;}

.wrapper_box01 .wrapper_container{height: 516px;}
.wrapper_box02 .wrapper_container{height: 686px;}
.wrapper_box03 .wrapper_container{height: 516px;}

.wrapper_box01 .wrapper_container div{width: 877px;height: 516px;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_border02.jpg) no-repeat;text-align: center;}
.wrapper_box02 .wrapper_container div{width: 1160px;height: 683px;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_border01.jpg) no-repeat;text-align: center;}
.wrapper_box03 .wrapper_container div{width: 877px;height: 516px;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_border02.jpg) no-repeat;text-align: center;}

.wrapper_box01 .wrapper_container div img{width: 852px;height: 480px;margin-top: 19px;}
.wrapper_box02 .wrapper_container div img{width: 1127px;height: 631px;margin-top: 27px;}
.wrapper_box03 .wrapper_container div img{width: 852px;height: 480px;margin-top: 19px;}

section div{float: left;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;margin-left: -1px;}       
section div img{transition: 0.6s;}	
/* section div img:hover{transform: scale(1.05);} */
.wrapper_box.on{transform-origin:left center;}
.wrapper_box01.on{transform:translate(50px,0px) rotate(-25deg);}
.wrapper_box02.on{transform:translate(220px,0) rotate(-25deg);}
.wrapper_box03.on{transform:translate(390px,0) rotate(-25deg);}

.wrapper_box01 .wrapper_img{height: 516px;transform: translateX(-50%);position: absolute;left: 0%;}
.wrapper_box02 .wrapper_img{height: 686px;transform: translateX(-50%);position: absolute;left: 0%;}
.wrapper_box03 .wrapper_img{height: 516px;transform: translateX(-50%);position: absolute;left: 0%;}
.wrapper_img img.on{pointer-events:none;}		
			
.section05 .bg05{width: 100%; height: 100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); pointer-events: none;}
.section05 .bg05 .touying{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_touying.png) no-repeat 50% 50% / cover;}
.section05 .bg05 .dot{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_dot.png) no-repeat 50% 50% / cover;opacity: 0;animation: yx_dot 1.2s ease-out infinite alternate;}
.section05 .bg05 .guang{width: 6.39rem;height:5.61rem; position: absolute; right: 0; top: 0; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_guang.png) no-repeat 50% 50%; background-size: 100% 100%; animation: guangAnimate 3s ease-in-out infinite;}

@keyframes yx_dot{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes guangAnimate {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0.8;
        transform: scale(1);
    }
}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex;justify-content: center;align-items: center;z-index: 1000; opacity: 0; transition: opacity 0.3s ease; visibility: hidden;}
.overlay.active { opacity: 1; visibility: visible;}
.overlay .image-container { position: relative; display: inline-block;}
.overlay .yx_tcclose {position: absolute;top:-0.3rem;right: -0.75rem;width: 0.65rem;height: 0.65rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_tcclose.png) no-repeat; background-size: 100% 100%; cursor: pointer;}

.full-image {max-width:11.27rem; max-height: 6.3rem; padding: 0.3rem; box-sizing: border-box; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yx_tcbg.jpg) no-repeat;background-size: 100% 100%;text-align: center; }
@media screen and (min-width: 2600px){
    .section05 .marquee{left:-50%; top: 50%; transform: translateY(-25%);}
}

/* 配置要求 */
.cp_cont{width: 12rem; height: 100%;position: absolute; left: 50%; bottom: 0%; transform: translate(-50%,0%);z-index: 99;}
.cp_ani_cont{opacity: 0;text-align: center;position: absolute;height: 9.66rem;width: 11.9rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/cp_ani_cont.png) no-repeat 0% 100%;background-size: 11.73rem 8.95rem;top: 50%;left: 50%;margin-top: -4.83rem;margin-left: -5.95rem;}
.cp_ani_cont h2{color: #353535;font-size: 0.56rem;font-weight: bold;margin-bottom: 0.12rem;height: 0.56rem;line-height: 0.56rem;}
.cp_ani_cont h3{color: #353535;font-size: 0.28rem;height: 0.28rem;margin-bottom: 1.05rem;line-height: 0.28rem;}
.cp_ani_cont h4{color: #474036;font-size: 0.22rem;height: 0.36rem;margin-bottom: 0.1rem;font-weight: bold;}
.cp_ani_cont h4 span{display: inline-block;height: 0.36rem;line-height: 0.36rem;padding: 0 0.29rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_tit_l.png) no-repeat 0% 50%, url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_tit_r.png) no-repeat 100% 50%;}


.cp_ani_cont h5{color: #474036;font-size: 0.20rem;line-height: 0.38rem;font-weight: bold;}
.cp_ani_cont p{color: #444343;font-size: 0.14rem;font-weight: bold;line-height: 0.38rem;}
.cp_ani_cont p span{margin: 0 0.22rem;}
.cp_ani_cont i{color: #444343;font-size: 0.14rem;font-weight: normal;font-style: normal;text-decoration: underline;text-underline-offset: 0.03rem;text-decoration-color: #acaba9;}



.cp_ani_cont table{width: 100%;margin: 0 auto;table-layout: fixed;box-sizing: border-box;}
.cp_ani_cont table tr th{background: #a5998a;color: #ffffff;border: 1px solid #a5998a;font-size: 0.14rem;height: 0.24rem;padding: 0 0.22rem;}
.cp_ani_cont table tr td{color: #5b5b5b;border: 1px solid #d7d6d1;font-size: 0.14rem;height: 0.32rem;}
.table{margin: 0 auto;}
.table01{width: 10.44rem;box-sizing: border-box;margin-bottom: 0.38rem;}
.table02{width: 10.44rem;display: flex;justify-content: space-between;margin-bottom: 0.3rem;}
.table02 li{width: 5.19rem;}
.table02 table{table-layout: auto;}


.section06.on .cp_ani_cont{animation: cp_ani_cont 0.5s ease-in-out forwards;}
@keyframes cp_man {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;
    }
}
@keyframes cp_ani_cont {
    0% {
        transform: translate(0,-1rem);

    }
   50% {
        opacity: 1;
        transform: translate(0,0.5rem);
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}
@keyframes cp_address {
    0% {
        opacity: 0;
        transform: scale(0.1);

    }
   50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes cp_guang {
    0% {
        opacity: 0.5;
        filter: brightness(90%);
        transform: scale(1);

    }
    50% {
        opacity: 1;
        filter: brightness(100%);
        transform: scale(1.02);
    }
    100% {
        opacity: 0.5;
        filter: brightness(90%);
        transform: scale(1);
    }
}
/* 联系我们 */
.media_cont{position: absolute; width: 100%; height: 0.96rem; left: 50%; top: 50%; transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;z-index: 99;}
.media_cont a{display: inline-block;width: 0.96rem; height: 1.22rem;margin: 0rem 0.24rem;transition: margin-top linear 0.3s;opacity: 0;}
.media_cont a img{width: 0.96rem;height: 0.96rem;}
.section07.on .media_cont a{animation: mediaBtnIn 0.5s ease forwards;}
.section07.on .media_cont a:nth-child(1){animation-delay: 0s;}
.section07.on .media_cont a:nth-child(2){animation-delay: 0.1s;}
.section07.on .media_cont a:nth-child(3){animation-delay: 0.2s;}
.section07.on .media_cont a:nth-child(4){animation-delay: 0.3s;}
.section07.on .media_cont a:nth-child(5){animation-delay: 0.4s;}
.media_cont a:hover{margin-top: -0.1rem; }
.section07 .media_cont a span{display: block;width: 0.93rem;height: 0.99rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/sy_qr_qrbg.png) no-repeat;background-size:100% 100%;text-align: center;margin: 0.17rem auto 0;opacity: 0;transition: 0.6s;visibility: hidden;}
.section07 .media_cont a span img{width: 0.81rem;height: 0.8rem;margin-top: 0.15rem;}
.media_cont a:hover span{opacity: 1;visibility: initial;}

.media_bg{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);pointer-events: none;}
.media_bg div{position: absolute;}
.media_bg div img{width: 100%; height: 100%;}
.media_bg div.m_bird01{left: 3.18rem; top: 1.39rem;width: 2rem; height: 2.17rem;z-index: 9;animation: mBird01 3s ease-in-out infinite; }
.media_bg div.m_bird02{right: 3.74rem; bottom: 3.52rem;width: 2.84rem; height: 3.18rem;animation: mBird02 4s 0.5s ease-in-out infinite;}
.media_bg div.m_guang{ height: 100%; width: 100%; left: 1.36rem; bottom: 0;z-index: 1;animation: m_guang 3s ease-in-out infinite;}


.media_footer{position: absolute;bottom: 0; left: 0; width: 100%; height: 1.5rem;background: rgba(0, 0, 0, 0.85);}
.media_footer .main{width: 12rem;text-align: center;box-sizing: border-box;padding-top: 0.33rem;}
.media_footer .main p{color: #9b9a9a;line-height: 0.3rem;font-size: 0.14rem}
.media_footer .main a{color: #9b9a9a;font-size: 0.14rem}
.media_footer .main p a:hover{text-decoration: underline;color: #fffffe;}
/* .media_footer .main img{width: 0.18rem;height: 0.2rem;vertical-align: middle;margin-right: 0.06rem;} */

.media_footer .main .media_footer_nav{color: #fffffe; font-size: 0.14rem;line-height:0.3rem;margin: 0.05rem 0;}
.media_footer .main .media_footer_nav a{color: #fffffe; margin: 0 0.1rem;}
.media_footer .main .media_footer_nav a:hover{text-decoration: underline;}


@keyframes m_guang {
    0% {
        opacity: 0.5;
        filter: brightness(90%);
    }
    50% {
        opacity: 1;
        filter: brightness(100%);
    }
    100% {
        opacity: 0.5;
        filter: brightness(90%);
    }
}
@keyframes mediaBtnIn {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes mBird01 {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, -5px);
    }
}
@keyframes mBird02 {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-8px, 6px);
    }
}
/* 二级 */
.list{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_bg01.jpg) no-repeat 50% 0,url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_bg02.jpg) no-repeat 50% 100%,url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_bg03.jpg) repeat-y 50% 0; background-size: 100% 6.67rem,100% 5.43rem,100% 0.09rem; min-width: 12rem; width: 100%; min-height: 21.5rem; padding-bottom: 0.54rem; position: relative;}
.list .header{height: 4.37rem; position: relative;}
.list .hdbird{width:100%;  height:4.37rem; position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}
.list .hdbird video{width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.list .list_logo{width: 1.45rem; height: 0.47rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_logo.png) no-repeat; background-size: 100% 100%;position: absolute; left: 0; top: 0.46rem;}
.list h1{color: #322e2e;font-size: 0.22rem; text-align: center;padding-top: 0.75rem;font-family: SimSun;font-weight: bold;letter-spacing: 0.1rem;}
.list .back{position: absolute;font-family: SimSun;font-size: 0.22rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_back.png) no-repeat 0 0;top: 0.63rem;right: 0.14rem;height: 0.22rem; line-height: 0.22rem; padding-left: 0.34rem;color: #494949;background-size: 0.22rem 0.44rem;}
.list .back:hover{color: #3a979f; background-position: 0 -0.22rem;}
.list .main{width: 12rem; margin: 0 auto;position: relative;z-index: 999;}
.list .list_cont .main{border-image: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_border.png);border-image-slice:48 48 48 48;border-image-width:0.48rem 0.48rem 0.48rem 0.48rem;border-image-outset:0px 0px 0px 0px;border-image-repeat:stretch stretch; height: 100%; min-height: 7.57rem; padding: 0.48rem 0.3rem 0.57rem 0.32rem;box-sizing: border-box;display: flex;}

.list .list_tab{width: 6.97rem; border-image: linear-gradient(to bottom, rgba(134, 132, 132, 0.1), #868484 50%, rgba(134, 132, 132, 0.1)); border-image-slice: 1; border-image-width: 0 1px 0 0;padding-right: 0.28rem;box-sizing: border-box;min-height: 6.4rem;display: inline-block; font-family: "Microsoft YaHei", sans-serif;color: #322e2e;font-size: 0.2rem; }
.list .list_tab h2{font-size: 0.22rem;line-height: 0.36rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_ico02.png) no-repeat 0 0.095rem; background-size: 0.17rem 0.17rem; padding-left: 0.24rem;font-weight: bold;}
.list .list_tab h3{padding:0.2rem 0 0.4rem 0.24rem; text-decoration: underline;text-underline-offset: 0.08rem;}
.list .list_tab p{font-family: SimSun; padding-left: 0.24rem; line-height: 0.4rem; padding-top: 0.05rem;}
.list .list_tab h4{background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_ico02.png) no-repeat 0 0.095rem; background-size: 0.17rem 0.17rem; margin: 0.4rem 0 0.15rem; padding-left: 0.24rem;line-height: 0.36rem;}
.list .list_tab a{ color: #3a979f;}
.list .list_tab .cont_img{width: 90%; margin: 0.2rem auto; text-align: center;}
.list .list_tab .cont_img img{width: 100%;}
.list .list_tab p strong{font-weight: bold;}
.list .list_cont ul{display: inline-block; padding-left: 0.3rem; height: 6.44rem; overflow-y: auto;width: 4.1rem;}
.list .list_cont ul li{height: 0.43rem; line-height: 0.43rem;width: 3.88rem;}
.list .list_cont ul li a{display: block; width: 100%; height: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color:#322e2e; font-size: 0.18rem; font-weight: bold;font-family: "Microsoft YaHei", sans-serif; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_ico01.png) no-repeat 0 0.1rem;background-size: 0.19rem 0.60rem; padding-left: 0.28rem; box-sizing: border-box;}
.list .list_cont ul li a:hover,.list .list_cont ul li.on a{background-position: 0 -0.29rem; color: #3a979f;}

.list .list_cont ul::-webkit-scrollbar {
    width: 0.06rem;
    border-radius: 06rem;
}
/*滑块*/
.list .list_cont ul::-webkit-scrollbar-thumb {
    background-color: #bdbcbc;
    border-radius: 0.06rem;
	cursor: pointer;
}
.list .list_cont ul::-webkit-scrollbar-track { border-radius: 0.06rem;width: 0.06rem;background: linear-gradient(to right, rgba(189,189,189,0) 40%, rgba(189,189,189,1) 50%, rgba(189,189,189,0) 60%);}

.list_gotop{width: 0.56rem; height: 0.56rem;  right: 0.5rem; bottom: 0.9rem; z-index: 999; position: fixed;}
.list_gotop a{display: block; width: 100%; height: 100%; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_gotop.png) no-repeat; background-size: 0.56rem 1.26rem;}
.list_gotop a:hover{background-position: 0 -0.7rem;}


/* 出场人物二级页 */
.character{position:relative;width: 100%;height:100%;overflow:hidden;}
.character .bg{position:absolute;top:0;width: 100%;height:100%;animation: breath 20s infinite linear;}
.character .guang{width:100%;height:100%;position:absolute;top:-1.2rem;right:0rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_guang.png) no-repeat center / cover;animation: gyrate 10s linear infinite;
transform-origin:right top;}
@keyframes gyrate{
    0%{
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.character .pf01{width:4.12rem;height:6.29rem;position:absolute;bottom:0;left:0;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pf01.png) no-repeat;}
.character .pf02{width:10.81rem;height:10.4rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pf02.png) no-repeat;background-size:100% 100%;position:absolute;top:0;left:50%;transform:translateX(-32%);}
.character .pf03{width:16.38rem;height:10.8rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pf03.png) no-repeat;background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.character .header{height: 0.94rem; position: relative;z-index:1000;}
.character a.list_logo{width: 1.45rem; height: 0.47rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_logo.png) no-repeat; background-size: 100% 100%;position: absolute; left: 0; top: 0.44rem;}
.character a.back{position: absolute;font-family: SimSun;font-size: 0.22rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/list_back.png) no-repeat 0 0;top: 0.63rem;right: 0.14rem;height: 0.22rem; line-height: 0.22rem; padding-left: 0.34rem;color: #494949;background-size: 0.22rem 0.44rem;}
.character a.back:hover{color: #3a979f; background-position: 0 -0.22rem;}
.character .tit{position: absolute;top:27.5%;left:0;z-index:2;width:4.11rem;height:2.95rem;}
.character .block{position: absolute;top:20.3%;right:13%;width:6.85rem;height:6.23rem;}
.character .pic{position: absolute;top:31%;right:-9.4%;width:8.22rem;height:1.8rem;}
.character .role{position: absolute;top:6.5%;right:12.5%;width:7.36rem;height:10.35rem;}
.character .txt div{padding:0.2rem 0 0 0.17rem;box-sizing:border-box;position: absolute;}
.character .txt .txt01{top:18%;left:0%;width:5.29rem;height:1.45rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt01.png) no-repeat;background-size:100% 100%;}
.character .txt .txt02{top:53%;left:3.7%;width:4.42rem;height:3.11rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt02.png) no-repeat;background-size:100% 100%;}
.character .txt .txt03{right:2%;top:50%;width:4.03rem;height:2.58rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt03.png) no-repeat;background-size:100% 100%;}
.character p{position:relative;width:3.6rem;padding-left:0.26rem;font-size:0.18rem;line-height:0.34rem;color:#453827;}
.character p i{position:absolute;top:0.08rem;left:0;width:0.16rem;height:0.16rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_icon.png) no-repeat;background-size:0.16rem 0.64rem;}
.character span{display:block;width:3.15rem;height:0.05rem;background-size:100% 100%;margin:0.1rem 0 0.08rem 0.28rem;}

/* 阿卜杜拉 */
.abdl .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_bg01.jpg) no-repeat center / cover;background-size:100% 100%;}
.abdl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_tit01.png) no-repeat;background-size:100% 100%;top:28%;}
.abdl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_yellow.png) no-repeat;background-size:100% 100%;}
.abdl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pic01.png) no-repeat;background-size:100% 100%;}
.abdl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_role01.png) no-repeat;background-size:100% 100%;}
.abdl p i{background-position:0 0;}
.abdl span{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_hw01.png) no-repeat;background-size:100% 100%;}
.abdl .txt .txt01{padding:0.3rem 0 0 0.17rem;}
.abdl .txt .txt02 p{width:3.2rem;}
.abdl .txt .txt03{padding:0.16rem 0 0 0.4rem;top:48%;}
.abdl .txt .txt03 p{width:2.8rem;}

/* 安德鲁 */
.adl .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_bg02.jpg) no-repeat center / cover;background-size:100% 100%;}
.adl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_tit02.png) no-repeat;background-size:100% 100%;width:3.62rem;height:2.85rem;top:29%;}
.adl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_blue.png) no-repeat;background-size:100% 100%;}
.adl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pic02.png) no-repeat;background-size:100% 100%;right:-9%;}
.adl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_role02.png) no-repeat;background-size:100% 100%;top:6.3%;right:17%;}
.adl .txt .txt01{width:4.69rem;height:1.71rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt04.png) no-repeat;background-size:100% 100%;top:16.5%;}
.adl .txt .txt02{width:4.41rem;height:2.46rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt05.png) no-repeat;background-size:100% 100%;left:3.8%;}
.adl .txt .txt02 p{width:2.7rem;}
.adl .txt .txt03{width:4.31rem;height:3.01rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt06.png) no-repeat;background-size:100% 100%;right:0%;top:48%;padding:0.18rem 0 0 0.17rem;}
.adl .txt .txt03 p{line-height:0.3rem;width: 3.3rem;}
.adl p{width:3rem;color:#183654;}
.adl p i{background-position:0 -0.16rem;}
.adl span{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_hw02.png) no-repeat;background-size:100% 100%;}

/* 静间芳隆 */
.jjfl .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_bg04.jpg) no-repeat center / cover;background-size:100% 100%;}
.jjfl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_tit04.png) no-repeat;background-size:100% 100%;top:32%;width:4.2rem;height:2.97rem;}
.jjfl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_purple.png) no-repeat;background-size:100% 100%;top:19%;}
.jjfl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pic04.png) no-repeat;background-size:100% 100%;}
.jjfl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_role04.png) no-repeat;background-size:100% 100%;width:11.69rem;right:-8%;}
.jjfl .txt .txt01{width:6.13rem;height:2.01rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt10.png) no-repeat;background-size:100% 100%;top:14.8%;padding:0.3rem 0 0 0.17rem;}
.jjfl .txt .txt01 p{width:3.8rem;}
.jjfl .txt .txt02{width:5.12rem;height:2.21rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt11.png) no-repeat;background-size:100% 100%;left:3.7%;top:58%;padding:0.26rem 0 0 0.17rem;}
.jjfl .txt .txt02 p{width:2.8rem;}
.jjfl .txt .txt03{width:4.28rem;height:2.69rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt12.png) no-repeat;background-size:100% 100%;right:0%;padding:0.3rem 0 0 0.17rem;}
.jjfl .txt .txt03 p{line-height:0.3rem;;}
.jjfl p{color:#292449;}
.jjfl p i{background-position:0 -0.32rem;}
.jjfl span{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_hw04.png) no-repeat;background-size:100% 100%;}

/* 云睦 */
.ym .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_bg05.jpg) no-repeat center / cover;background-size:100% 100%;}
.ym .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_tit05.png) no-repeat;background-size:100% 100%;width:3.35rem;height:2.9rem;top:29.5%;}
.ym .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_yellow.png) no-repeat;background-size:100% 100%;}
.ym .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_pic05.png) no-repeat;background-size:100% 100%;}
.ym .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_role05.png) no-repeat;background-size:100% 100%;left:27%;}
.ym .txt .txt01{width:5.29rem;height:1.97rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt13.png) no-repeat;background-size:100% 100%;top:14.8%;padding:0.14rem 0 0 0.17rem;}
.ym .txt .txt01 p{width:3.6rem;}
.ym .txt .txt02{width:4.42rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt14.png) no-repeat;background-size:100% 100%;left:3.6%;top:54%;}
.ym .txt .txt02 p{width:2.9rem;}
.ym .txt .txt03{width:4.23rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_txt15.png) no-repeat;background-size:100% 100%;right:1%;top:50%;}
.ym .txt .txt03 p{line-height:0.3rem;width:3.3rem;}
.ym p{color:#543a18;}
.ym p i{background-position:0 -0.48rem;}
.ym span{background:url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/character_hw05.png) no-repeat;background-size:100% 100%;}

.wrap .main{z-index: 999;}


/* 登录成功页 */
.success{position: absolute;top: 0;left: 0; width: 100%; height: 100%; overflow: hidden; background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/suc_bg.jpg) no-repeat center / cover;}
.success div img{width: 100%;height: 100%;object-fit: cover;object-position:center center;position: absolute;}
.success .suclogo{position: absolute;top: 50%;left: 50%;margin-top: -6.2rem;margin-left: -3.5rem;width: 6.99rem;height: 4.75rem;opacity: 0;}
.success .suctxt{position: absolute;top: 50%;left: 50%;margin-top: -2.8rem;margin-left: -3.865rem;width: 7.73rem;height: 3.01rem;opacity: 0;}
.success .suctxt img{width: 100%;height: 100%;}
.success .suctxt01{width: 7.73rem;height: 3.07rem;}


.success div.mb {
    width: 100%;height: 100%;position: absolute;top: 0;left: 0;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(231, 238, 245, 1) 100%);
    animation: mistMove 1s ease-in-out forwards;
}
@keyframes mistMove {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

.success .suclogo{ animation: logoEntrance 0.5s linear forwards;}
@keyframes logoEntrance {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.success .suctxt{animation: fadeBottomIn 0.5s ease-in-out forwards;}
@keyframes fadeBottomIn {
    from {
        opacity: 0;
        transform: translateY(1rem);
        }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 利用规约 */
.terms{min-height: 12.29rem;}
.terms h1{font-size: 0.42rem;padding-top: 0.65rem;}
.terms .list_tab{border: none;width: auto;}
.terms .list_tab h2{line-height: 0.54rem;background-position: 0 0.18rem;}
.terms .list_tab p{font-size: 0.2rem;line-height: 0.26rem; margin-bottom: 0.28rem;}
.terms .list_tab p.p_right{text-align: right;}
/* 隐私保护 */
.privacy h1{font-size: 0.22rem;padding-top: 0.77rem;}
.terms .list_tab p{margin-bottom: 0.17rem;}
.privacy .list_tab p span{display: block;font-size: 0.18rem;line-height: 0.28rem;padding-left: 0.06rem;}
.privacy .list_tab p span:first-of-type {margin-top: 0.09rem;}


#gotop{display: none;}
.Contactus{width: 100%;height: 100%;position: fixed;top: 0;z-index: 9999999;display: none;}
.Contactus_mask{width: 100%;height: 100%;position: absolute;top:0 ;background: rgba(0,0,0,0.8);}
.Contactus_cont{width: 8.63rem;height: 2.27rem;background: #e7e9e9;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 0.1rem;}
.Contactus_cont div{width: 100%;height: 100%;box-sizing: border-box;padding: 0.4rem 0.4rem 0 0.4rem;}
.Contactus_cont div p{font-size: 0.16rem;line-height: 0.28rem;font-style: italic;}
.Contactus_cont div p:nth-child(1){margin-bottom: 0.1rem;}
.Contactus_cont .Contactus_close{width: 0.37rem;height: 0.37rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/Contactus_close.png) no-repeat;background-size: 0.37rem 0.37rem;position: absolute;right: -0.1rem;top: -0.1rem;}





.yuyue{width: 4.46rem;height: 1.42rem;z-index: 9999;opacity: 0;;position: absolute;bottom: 0rem;left: 50%;transform: translate(-50%,-1.07rem);background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yueyu_btn.png) no-repeat;background-size: 4.46rem 2.87rem;font-size: 0;}
.yuyue:hover{background-position: 0 -1.44rem;}
.section01.on .yuyue{ animation: yuyue 0.8s 0.8s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;}
@keyframes yuyue {
    0% {
        opacity: 0;
        transform:translate(-50%,-0.6rem) scale(1);
    }
	20% {
	    opacity: 0;
	    transform:translate(-50%,-1.07rem) scale(1.2);
	}
    100% {
        opacity: 1;
       transform:translate(-50%,-1.07rem) scale(1);
    }
}
.r_yuyue{width: 1.07rem;height: 3.29rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjycn/images/yueyu_btn02.png) no-repeat;background-size: 2.31rem 3.29rem;position: fixed;right: 0.05rem;top: 50%;transform: translate(100%,-50%);transition: transform 0.5s, opacity 0.5s;opacity: 0;z-index: 9999;}
.r_yuyue:hover{background-position: -1.25rem 0rem;}
.r_yuyue.on{transform: translate(0%,-50%);opacity: 1;}
.yuyue_fs{width: 16.56rem;height: 2.84rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}
.yuyue_fs img{width: 100%;height: 100%;}
.section06.on .yuyue_fs { animation: yuyue_fs 0.5s ease-in-out forwards;}
@keyframes yuyue_fs {
    0% {
        transform: translate(-50%,-0%);

    }
   50% {
        opacity: 1;
        transform: translate(-50%,-55%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,-50%);
    }
}

/* 版权信息修改 */
.media_footer .main p img{width: 0.2rem;height: 0.2rem;vertical-align: middle;}
.media_footer .main .copyImg {position:absolute;right: 1.3rem;top: 50%;margin-top: -0.28rem;width: 1.28rem;height: 0.39rem;}
.media_footer .main .copyImg img {border-radius:0.03rem;width: 100%;height: 100%;}

/* 首页添加时间文字 */
.sy_time{width: 5.22rem;height: 0.57rem;position: absolute;left: 50%;bottom: 0.66rem;margin-left: -2.61rem;z-index: 99999;opacity: 0;}
.sy_time img{width: 100%;height: 100%;}
.section01.on .sy_time{animation: sy_time_in 0.5s 1.3s linear forwards;}
@keyframes sy_time_in {
    from {
        opacity: 0;
        }
    to {
        opacity: 1;
    }
}