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:3.67rem;height:3.1rem;}
.loadingLogo{width:3.67rem;height:3.1rem;}
.loading .pro {width: 3.67rem;height: 2.21rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/loading.png) no-repeat;background-size: 100% auto;position: absolute;top: 50%;left: 50%;margin-left: -1.83rem;margin-top: -1.1rem;opacity: 1}
.loading .pro i { width: 0;height: 100%;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/loadingon.png) no-repeat; background-size: auto 100%;position: absolute;top: 0;left: 0}
.loadingProgress{position:absolute;top:2.7rem;left:50%;transform:translateX(-50%);width:1rem;height:0.4rem;color:#4c86dc;text-align:center;}
.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/ffjy/images/sy_bg01.jpg) no-repeat center / cover;}
.section02{background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg02.jpg) no-repeat center / cover;}
.section03{background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg03.jpg) no-repeat center / cover;}

.section05{background: #c2c2c4;}
.section06{background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg06.jpg) no-repeat center / cover;}
.section07{background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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:nth-child(6) { transform: translate(-50%, -50%) rotate(0deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(7) { transform: translate(-50%, -50%) rotate(36deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(8) { transform: translate(-50%, -50%) rotate(72deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(9) { transform: translate(-50%, -50%) rotate(108deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(10) { transform: translate(-50%, -50%) rotate(144deg) 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(216deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(3) { transform: translate(-50%, -50%) rotate(252deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(4) { transform: translate(-50%, -50%) rotate(288deg) translate(-1.83rem) rotate(-180deg); }
.lp span:nth-child(5) { transform: translate(-50%, -50%) rotate(324deg) 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/ffjy/images/lp_sorrow.png) no-repeat;background-size: 100% 100%;transform:translate(11%, -68%) rotate(-285deg);} */
.lp span::before{content: '';position: absolute;width: 0.19rem;height: 0.59rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/lp_sorrow.png) no-repeat;background-size: 100% 100%;transform:translate(-10%, -98%) 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)} */

.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(-35deg)}
.itemDot i.i03{transform: translate(38%, -50%) rotate(-71deg)}
.itemDot i.i04{transform: translate(38%, -50%) rotate(-75deg);opacity: 0;}


.itemDot i.i08{transform: translate(38%, -50%) rotate(90deg);opacity: 0;}
.itemDot i.i09{transform: translate(38%, -50%) rotate(75deg)}
.itemDot i.i10{transform: translate(38%, -50%) rotate(38deg)}


/* 轮盘入场动画 */
.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;}
.download.on{opacity: 1;transform: translateY(0);}
.download a{margin: 0 0.09rem;width: 2.88rem;height: 0.4rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/sy_btn.png) no-repeat;background-size: 2.88rem 0.8rem;font-size: 0.24rem;line-height: 0.4rem;color: #fefefe;text-align: center;font-weight: bold;transition: scale 0.5s ease;}
.download a:nth-child(1) img{width: 0.14rem;height: 0.2rem;object-fit: cover;object-position:inherit;position: static;vertical-align: 0;margin-right: 0.17rem;}
.download a:hover{background-position: 0 -0.4rem;scale: 1.1;}
.download a img{vertical-align: baseline;margin-right:0.05rem;width:0.14rem;height:0.2rem;display:inline-block;}


/* 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%);}
.section01 .cloud02{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-49%,-50%);}
.section01 .zz{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.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 .role02{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01 .role03{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01 .role04{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.section01 .role img{transform: scale(1.01);}
.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;}
.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: 110;}
.section01 .sun02{position: absolute;top: -0.5rem;right: -0.5rem;width: 11.33rem;height: 7.46rem;opacity: 1;z-index: 99;}
.section01 .light01{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,-2rem);width: 10.05rem;height: 2.59rem;}
.section01 .light02{position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 12.3rem;height: 6.2rem;}
.section01 .light03{position: absolute;top: 50%;left: 0;transform: translate(0,-3.1rem);width: 14.54rem;height: 5.39rem;}
.section01 .light04{width: 0.98rem;height: 0.41rem;position: absolute;top: 50%;left: 50%;transform: translate(5.67rem,-3.2rem);}
.section01 .light05{position: absolute;bottom: 0;left: 50%;transform: translate(-83%,-3.4rem);width: 10.05rem;height: 1.56rem;}
.section01 .light06{position: absolute;top: 50%;right: 0;transform: translate(0,-27%);width: 9.76rem;height: 1.56rem;}
.section01 .main {opacity: 0;}
.section01 .slogan{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,-1.51rem);width: 6.81rem;height: 1.92rem;filter: brightness(95%);}
.section01 .sloganbg{position: absolute;bottom: 0;left: 50%;transform: translate(-63%,0);width: 12.11rem;height: 7.65rem;}
.section01 .txt{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,-1.4rem);width: 3.63rem;height: 0.28rem;font-family: SimSun, "宋体";text-align: center;line-height: 0.28rem;font-size: 0.28rem;color: #353535;font-weight: bold;}
.section01 a.sy_btn01,.section01 a.sy_btn02,.section01 a.sy_btn05{position: absolute;bottom: 0;left: 50%;width: 2.88rem;height: 0.4rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/sy_btn.png) no-repeat;background-size: 2.88rem 0.8rem;font-size: 0.24rem;line-height: 0.4rem;color: #fefefe;text-align: center;font-weight: bold;}
.section01 a img{width: 0.14rem;height: 0.2rem;object-fit: cover;object-position:inherit;position: static;vertical-align: baseline;margin-right: 0.05rem;}
.section01 a.sy_btn01{transform: translate(-150%,-0.5rem);}
.section01 a.sy_btn02{transform: translate(-45%,-0.5rem);}
.section01 a.sy_btn05{transform: translate(60%,-0.5rem);}
.section01 a.sy_btn01:hover{background-position: 0 -0.4rem;transform: translate(-150%,-0.5rem) scale(1.1);transform-origin: center center;}
.section01 a.sy_btn02:hover{background-position: 0 -0.4rem;transform: translate(-45%,-0.5rem) scale(1.1);transform-origin: center center;}
.section01 a.sy_btn05:hover{background-position: 0 -0.4rem;transform: translate(60%,-0.5rem) scale(1.1);transform-origin: center center;}
/* 按钮滑过放大 */
.section01 a{transition: transform 0.5s ease;}

.section01 a.sy_btn03{width:0.48rem;height: 0.48rem;position: absolute;top: 0.36rem;right: 2.47rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/btn01.png) no-repeat;background-size: 100% 100%;z-index: 9999;}
.section01 a.sy_btn04{width:0.48rem;height: 0.48rem;position: absolute;top: 0.36rem;right: 1.53rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/btn02.png) no-repeat;background-size: 100% 100%;z-index: 9999;}
/* 首页动画 */
/* 背景放大缩小 */
.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 linear infinite;}
.section01 .bird02 img{animation: fly02 3.5s linear infinite;}
.section01 .bird03 img{animation: fly02 5s linear infinite;}
@keyframes fly {
    0%{
        top: 0;
        left: 0;
        filter: brightness(100%);
    }
    25% {
        top: -0.2rem;
        left: 0.05rem;
        filter: brightness(110%);
    }
    50% {
        top: -0.4rem;
        left: 0.1rem;
        filter: brightness(120%);
    }
    75% {
        top: -0.2rem;
        left: 0.05rem;
        filter: brightness(110%);
    }
    100% {
        top: 0;
        left: 0;
        filter: brightness(100%);
    }
}
@keyframes fly02 {
    0%{
        top: 0;
        left: 0;
        filter: brightness(120%);
    }
    25% {
        top: -0.15rem; /* 向上飞行 */
        left: 0.05rem;
        filter: brightness(110%); /* 模拟光影变化 */
    }
    50% {
        top: -0.3rem; /* 向下缓冲 */
        left: 0.1rem;
        filter: brightness(90%);
    }
    75% {
        top: -0.15rem; /* 向上飞行 */
        left: 0.05rem;
        filter: brightness(110%); /* 模拟光影变化 */
    }
    100% {
        top: 0; /* 向下缓冲 */
        left: 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%);
    }
}

.section01 .light05,.section01 .light06 {
    animation: twinkle 3s ease-in-out infinite;
}

@keyframes twinkle {
    0%, 100% { opacity: 0.8; }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 2px #f5e6d3);
    }
}

/* slogan和按钮上浮出现 */
.section01.on .main{
    animation: btnEntrance 0.8s 0.2s cubic-bezier(0.34, 1.5, 0.64, 1) forwards;
    z-index: 999;
}
@keyframes btnEntrance {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: translate(-50%,0);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translate(-50%,-50%);
    }
}
/* 02-风帆情报 */
.section02 .bg{width: 100%; height: 100%;position: absolute;top: 0;left: 0;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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.66rem;height:3.76rem;transition:all 0.5s;transform:rotate(-10deg);}
.role_img:nth-child(1) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_img01.png) no-repeat;background-size:100% 100%;left:-6.1rem;top:-4.7rem;}
.role_img:nth-child(2) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_img02.png) no-repeat;background-size:100% 100%;left:-3.88rem;top:-3.5rem;}
.role_img:nth-child(3) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_img03.png) no-repeat;background-size:100% 100%;left:-1.9rem;top:-2.1rem;}
.role_img:nth-child(4) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_img04.png) no-repeat;background-size:100% 100%;left:0.3rem;top:-0.9rem;}
.role_img:nth-child(5) a{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_img05.png) no-repeat;background-size:100% 100%;left:2.4rem;top:0.3rem;}
.role_img a:hover{width:8.25rem;height:4.73rem;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/ffjy/images/character_imgOn01.png) no-repeat;background-size:100% 100%;left:-7rem;top:-5.5rem;}
.role_img:nth-child(2) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_imgOn02.png) no-repeat;background-size:100% 100%;left:-5.3rem;top:-4.1rem;}
.role_img:nth-child(3) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_imgOn03.png) no-repeat;background-size:100% 100%;left:-3rem;top:-2.8rem;}
.role_img:nth-child(4) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_imgOn04.png) no-repeat;background-size:100% 100%;left:-1rem;top:-1.5rem;}
.role_img:nth-child(5) a:hover{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_imgOn05.png) no-repeat;background-size:100% 100%;left:1.2rem;top:0rem;}

/* 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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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: 10rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;color: #353535;z-index: 99;}
.cp_cont h2{font-size: 0.8rem;  font-weight: bold; margin-bottom: 0.2rem;font-family: "Microsoft YaHei", sans-serif;}
.cp_cont h3{font-family: SimSun;font-size: 0.28rem;margin-bottom: 0.42rem;}
.cp_cont .cp_download{ margin-bottom: 0.72rem; height: 0.4rem; display: flex;flex-wrap:nowrap; align-content: center; justify-content: center;}
.cp_cont .cp_download a{ width: 2.88rem; height:0.4rem; line-height: 0.4rem;position: relative;color: #fefefe;font-size: 0.24rem; font-weight: bold;font-family: "Microsoft YaHei", sans-serif; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/cp_btn.png) no-repeat; background-size: 100% 100%;overflow: hidden;}
.cp_cont .cp_download a img{width: 0.14rem; height: 0.2rem; vertical-align:baseline; margin-right: 0.05rem;}
.cp_cont .cp_download a:nth-child(2){margin-left: 0.16rem;}
.cp_cont .cp_download a:nth-child(3){margin-left: 0.16rem;}
.cp_cont .cp_download a span{position: relative;z-index: 1;}
.cp_cont .cp_download a::before{content: ""; position: absolute; height: 100%; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/cp_btnOn.png) no-repeat; background-size: 100% 100%; left: 0; top: -100%;z-index: 0;width: 100%;transition:400ms ease all; }
.cp_cont .cp_download a:hover:before{top:0; transition:400ms ease all; }
.cp_cont .cp_address{width: 5.7rem; height: 2.29rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/cp_contbg.png) no-repeat;background-size: 100% 100%; display: flex; align-items: center; justify-content: center;flex-direction: column; opacity: 0;margin: 0 auto;}
.cp_cont .cp_address img{width: 0.7rem; height: 0.49rem;margin-bottom: 0.08rem;}
.cp_cont .cp_address p{font-size: 0.28rem; line-height: 0.38rem; font-family: "Microsoft YaHei", sans-serif;}
.cp_cont .cp_address p:nth-child(2){ font-family: SimSun;}
.cp_bg{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);pointer-events: none;}
.cp_bg div:nth-child(1){ position: absolute; bottom:  -3.7rem; right: -6.7rem; width: 13.56rem; height: 13.93rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/cp_man.png) no-repeat; background-size: 100%; opacity: 0;}
.cp_bg div:nth-child(2){width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: cp_guang 7s ease-in-out infinite;}
.cp_bg div:nth-child(2) img{width: 100%; height: 100%;}
.section06.on .cp_address {animation: cp_address 0.5s 0.5s ease-in-out both;}
.cp_ani_cont{opacity: 0;}
.section06.on .cp_ani_cont{animation: cp_ani_cont 0.5s ease-in-out forwards;}
.section06.on .cp_bg div:nth-child(1){animation: cp_man 1s 0.8s 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: 6.36rem; left: 50%; top: 50%; transform: translate(-50%,-50%);text-align: center;display: flex;z-index: 40;}
.media_cont a{display: inline-block;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/media_btn.png) no-repeat;background-size: 5.36rem 1.09rem; width: 1.09rem; height: 1.09rem;margin: 0.1rem 0.5rem;transition: margin-top linear 0.3s;text-indent: -9999999px; overflow: hidden;opacity: 0;}
.media_cont a:nth-child(1){background-position: 0 0;}
.media_cont a:nth-child(2){background-position: -2.11rem 0;}
.media_cont a:nth-child(3){background-position: -4.27rem 0;}
.section07.on .media_cont a{animation: mediaBtnIn 0.5s ease forwards;}
.section07.on .media_cont a:nth-child(1){animation-delay: 0.3s;}
.section07.on .media_cont a:nth-child(2){animation-delay: 0.5s;}
.section07.on .media_cont a:nth-child(3){animation-delay: 0.7s;}

.media_cont a:hover{margin-top: 0; }
.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.08rem;background: rgba(0, 0, 0, 0.8);}
.media_footer .main{width: auto; display: flex; align-items: center; text-align: center;}
.media_footer .main>a{display: inline-block;width: 2.79rem; height: 0.57rem;}
.media_footer .main a img{width: 100%; height: 100%;}
.media_footer .main div{display: inline-block;color: #fffffe;font-size: 0.18rem; padding-left: 0.62rem; line-height: 0.32rem;}
@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/ffjy/images/list_bg01.jpg) no-repeat 50% 0,url(http://image.gyyxcdn.cn/upload/other/ffjy/images/list_bg02.jpg) no-repeat 50% 100%,url(http://image.gyyxcdn.cn/upload/other/ffjy/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: 2.34rem; height: 0.47rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/list_logo.png) no-repeat; background-size: 100% 100%;position: absolute; left: 0; top: 0.47rem;}
.list h1{color: #322e2e;font-size: 0.22rem; text-align: center;padding-top: 0.75rem;font-family: SimSun;font-weight: bold;}
.list .back{position: absolute;font-family: SimSun;font-size: 0.22rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/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/ffjy/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/ffjy/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/ffjy/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.63rem; z-index: 999; position: fixed;}
.list_gotop a{display: block; width: 100%; height: 100%; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/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/ffjy/images/character_pf01.png) no-repeat;}
.character .pf02{width:10.81rem;height:10.4rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/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: 2.34rem; height: 0.47rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/list_logo.png) no-repeat; background-size: 100% 100%;position: absolute; left: 0; top: 0.47rem;}
.character a.back{position: absolute;font-family: SimSun;font-size: 0.22rem; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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;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/ffjy/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/ffjy/images/character_txt02.png) no-repeat;background-size:100% 100%;}
.character .txt .txt03{right:2%;top:50%;width:4.21rem;height:2.29rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt03.png) no-repeat;background-size:100% 100%;}
.character p{position:relative;width:3.5rem;padding-left:0.26rem;font-size:0.16rem;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/ffjy/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/ffjy/images/character_bg01.jpg) no-repeat center / cover;background-size:100% 100%;}
.abdl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_tit01.png) no-repeat;background-size:100% 100%;}
.abdl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_yellow.png) no-repeat;background-size:100% 100%;}
.abdl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_pic01.png) no-repeat;background-size:100% 100%;}
.abdl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/images/character_hw01.png) no-repeat;background-size:100% 100%;}
/* 安德鲁 */
.adl .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_bg02.jpg) no-repeat center / cover;background-size:100% 100%;}
.adl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_tit02.png) no-repeat;background-size:100% 100%;top:29%;}
.adl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_blue.png) no-repeat;background-size:100% 100%;}
.adl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_pic02.png) no-repeat;background-size:100% 100%;right:-9%;}
.adl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_role02.png) no-repeat;background-size:100% 100%;top:6.3%;right:15%;}
.adl .txt .txt01{width:4.69rem;height:1.71rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt04.png) no-repeat;top:16.5%;}
.adl .txt .txt02{width:4.41rem;height:2.74rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt05.png) no-repeat;left:3.8%;}
.adl .txt .txt02 p{width:2.9rem;}
.adl .txt .txt03{width:4.23rem;height:3.01rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt06.png) no-repeat;right:0%;}
.adl .txt .txt03 p{line-height:0.3rem;}
.adl p{width:3.2rem;color:#183654;}
.adl p i{background-position:0 -0.16rem;}
.adl span{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_hw02.png) no-repeat;background-size:100% 100%;}
/* 菲欧娜 */
.fon .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_bg03.jpg) no-repeat center / cover;background-size:100% 100%;}
.fon .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_tit03.png) no-repeat;background-size:100% 100%;top:31%;}
.fon .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_lavender.png) no-repeat;background-size:100% 100%;top:19%;}
.fon .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_pic03.png) no-repeat;background-size:100% 100%;}
.fon .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_role03.png) no-repeat;background-size:100% 100%;right:16%;}
.fon .txt .txt01{width:5.61rem;height:1.69rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt07.png) no-repeat;top:16.5%;}
.fon .txt .txt02{width:5.52rem;height:2.48rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt08.png) no-repeat;left:4.2%;}
.fon .txt .txt02 p{line-height:0.38rem;}
.fon .txt .txt03{width:4.23rem;height:3.71rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt09.png) no-repeat;right:0%;}
.fon .txt .txt03 p{line-height:0.3rem;;}
.fon p{color:#292449;}
.fon p i{background-position:0 -0.32rem;}
.fon span{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_hw03.png) no-repeat;background-size:100% 100%;}
/* 静间芳隆 */
.jjfl .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_bg04.jpg) no-repeat center / cover;background-size:100% 100%;}
.jjfl .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_tit04.png) no-repeat;background-size:100% 100%;top:33%;}
.jjfl .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_purple.png) no-repeat;background-size:100% 100%;top:19%;}
.jjfl .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_pic04.png) no-repeat;background-size:100% 100%;}
.jjfl .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_role04.png) no-repeat;background-size:100% 100%;width:11.69rem;right:-8%;}
.jjfl .txt .txt01{width:6.13rem;height:2.29rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt10.png) no-repeat;top:14.8%;}
.jjfl .txt .txt01 p{width:3.8rem;}
.jjfl .txt .txt02{width:5.12rem;height:2.49rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt11.png) no-repeat;left:3.7%;top:58%;}
.jjfl .txt .txt02 p{width:2.8rem;}
.jjfl .txt .txt03{width:4.28rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt12.png) no-repeat;right:0%;}
.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/ffjy/images/character_hw04.png) no-repeat;background-size:100% 100%;}
/* 云睦 */
.ym .bg{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_bg05.jpg) no-repeat center / cover;background-size:100% 100%;}
.ym .tit{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_tit05.png) no-repeat;background-size:100% 100%;width:4.89rem;top:27%;}
.ym .block{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_yellow.png) no-repeat;background-size:100% 100%;}
.ym .pic{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_pic05.png) no-repeat;background-size:100% 100%;}
.ym .role{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/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/ffjy/images/character_txt13.png) no-repeat;top:14.8%;}
.ym .txt .txt01 p{width:4.3rem;}
.ym .txt .txt02{width:4.42rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt14.png) no-repeat;left:3.6%;top:52%;}
.ym .txt .txt03{width:4.23rem;height:2.81rem;background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_txt15.png) no-repeat;right:1%;top:48%;}
.ym .txt .txt03 p{line-height:0.3rem;}
.ym p{color:#543a18;}
.ym p i{background-position:0 -0.48rem;}
.ym span{background:url(http://image.gyyxcdn.cn/upload/other/ffjy/images/character_hw05.png) no-repeat;background-size:100% 100%;}

#dmm_ntgnavi {
    background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg_navimain.gif) center center repeat-x;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 12px;
    font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
    display: flex;
        position: relative;
        z-index: 9999999999999999999;
    justify-content: space-between;
}

#dmm_ntgnavi ul {
    list-style: none;
    margin: 2px 0;
    padding: 0;
    display: flex;
    width: 50%;
}

#dmm_ntgnavi ul li {
    margin: 0 6px 0 0;
    line-height: 15px;
}

#dmm_ntgnavi .navi_left li > a {
    display: block;
    padding: 0 3px 0 8px;
    text-decoration: none;
    border: 1px solid #eee;
    border-radius: 3px;
}

#dmm_ntgnavi .navi_left li > a:hover {
    background: #eee;
    border: 1px solid #666;
    border-radius: 3px;
}

#dmm_ntgnavi .navi_left li > a span {
    display: block;
    padding: 9px 10px 7px 28px;
    color: #333;
    font-weight: bold;
}

#dmm_ntgnavi .navi_left li.dmm_top img {
    margin: 8px 5px 8px 0
}

#dmm_ntgnavi .navi_left li.ntg_top {
    margin-left: 10px;
}

#dmm_ntgnavi .navi_left li.ntg_top span {
    background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg_bt_olgtop.gif) 0 center no-repeat;
}

#dmm_ntgnavi .navi_left li.ntg_poi span {
    background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/bg_bt_point.gif) 0 center no-repeat;
}

#dmm_ntgnavi .navi_right {
    justify-content: flex-end;
    font-size: 10px;
}

#dmm_ntgnavi .navi_right li {
    margin: 0 10px 0 0;
    padding: 8px 5px;
}

#dmm_ntgnavi .arrow {
    padding-left: 14px;
    background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/arrow_common.gif) no-repeat left center;
}

#dmm_ntgnavi .tx-point {
    font-size: 16px;
    font-weight: bold;
    color: #ff4b4b !important;
}

#dmm_ntgnavi p {
    margin: 0;
    line-height: 2.6em;
}

#dmm_ntgnavi .clear {
    clear: both;
}

.section01 .bird01{top: 0.2rem;}
.section01 a.sy_btn03,.section01 a.sy_btn04{top: 50px}

.wrap .main{z-index: 999;}
.sloganbg{transform: translate(-63%, -1.3rem) !important;}
.slogan{transform: translate(-50%, -2.8rem) !important;}
.yuyue{width: 6rem;height: 3rem;position: absolute; bottom: 0%;left: 50%;transform: translate(-50%, 0rem);padding-left: 0.5rem;}
.yuyue .yy_btn{display: block;width: 4.05rem;height: 1.31rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/yuyue_btn.png) no-repeat;background-size: 4.05rem 3.11rem;text-indent: -9999rem;overflow: hidden;margin: 0.15rem auto 0;border: none;outline: none;cursor: pointer;}
.yuyue .yy_btn:hover{background-position: 0 -1.8rem;}
.yuyue .checkbox{width: 100%;height: 0.16rem;color: #343232;font-size: 0.16rem;line-height: 0.16rem;display: flex;justify-content: center;margin-top: -0.1rem;font-weight: bold;}
.yuyue .checkbox label{display: inline-block;margin: 0 0.1rem;cursor: pointer;}
.yuyue .checkbox input{width: 0.15rem;height: 0.15rem;vertical-align: bottom;margin-right: 0.05rem;}
.yuyue .yy_tk{width: 100%;text-align: center;color: #343232;font-size: 0.16rem;margin-top: 0.5rem;font-weight: bold;}
.yuyue .yy_tk a{color: #1f75ce;text-decoration: underline;}
.media_footer .main div{line-height: 0.24rem;font-size: 0.14rem;color: #fffffe;padding-left: 0.3rem;margin-left: 0.35rem;position: relative;}
.media_footer .main div i{position: absolute;left: 0;width: 0.01rem;height: 0.5rem;background: #484848;top: 50%;transform: translateY(-50%);}
.media_footer .main div a{font-size: 0.14rem;color: #fffffe;margin-right: 0.1rem;}
.media_footer .main div p{text-align: left;}

/* 登录成功页 */
.success{position: absolute;top: 0;left: 0; width: 100%; height: 100%; overflow: hidden; background: url(http://image.gyyxcdn.cn/upload/other/ffjy/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: -5.3rem;margin-left: -3.26rem;width: 6.51rem;height: 4.03rem;opacity: 0;}
.success .suctxt{position: absolute;top: 50%;left: 50%;margin-top: -2.1rem;margin-left: -4.07rem;width: 7.74rem;height: 3.05rem;background: url(http://image.gyyxcdn.cn/upload/other/ffjy/images/suc_txtbg.png) no-repeat;background-size: 100% 100%;opacity: 0;}
.success .suctxt img{width: 5.39rem;height: 1.71rem;position: absolute;top: 0.87rem;left: 1.37rem;}

.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/ffjy/images/Contactus_close.png) no-repeat;background-size: 0.37rem 0.37rem;position: absolute;right: -0.1rem;top: -0.1rem;}