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

@charset "utf-8";

/*全局*/
body{ padding:0;margin:0;font-size:14px;line-height:1.6em;font-family:'Microsoft YaHei';}
ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff9724 !important;}
i{text-decoration:none;font-style:normal}
.CL{clear:both;}
li{list-style:none;}
img{border:0;}
.Non{display:none;}

.box{background:url('../images/bbg.jpg?1') no-repeat center 0 #fff;background-size:100% 100%;height:640px;width:1080px;overflow:hidden;position:absolute;top:50%;bottom:0;left:50%;margin-left:-540px;margin-top:-320px;display:none;}

.loading{border:2px solid #2299dd;padding:2px;width:200px;height:40px;position:fixed;left:50%;top:50%;margin: 0 0 -20px -100px;z-index:99999999;}

.loading div{height:100%;background:#2299dd;color:#000;font-size:24px;text-align:center;line-height:40px;text-indent:220px;width:0;}

.page{width:1080px;height:640px;position:absolute;overflow:hidden;display:none;left:50%;margin:0 0 0 -540px;}

.p0{background:url('../images/bg01.jpg') no-repeat center center #fff;z-index:98;background-size:100% 100%;}

.biaoti{background:url('../images/biaoti.png') no-repeat center 0;position:absolute;width:893px;height:153px;top:108px;left:50%;margin-left:-446px;animation:fadeInRightBig 2.5s;-moz-animation:fadeInRightBig 2.5s;-webkit-animation:fadeInRightBig 2.5s;-o-animation:fadeInRightBig 2.5s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.p0_z1{background:url('../images/p0_t1.png') no-repeat center 0;position:absolute;width:191px;height:199px;top:200px;left:50%;margin-left:-450px;animation:fadeInLeftBig 2.5s;-moz-animation:fadeInLeftBig 2.5s;-webkit-animation:fadeInLeftBig 2.5s;-o-animation:fadeInLeftBig 2.5s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.p0_z2{background:url('../images/p0_z1.png') no-repeat center 0;position:absolute;width:603px;height:148px;top:280px;left:50%;margin-left:-245px;animation:fadeInUpBig 3s;-moz-animation:fadeInUpBig 3s ;-webkit-animation:fadeInUpBig 3s;-o-animation:fadeInUpBig 3s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.page.out{display:block;animation:fadeOutUp 1s;-moz-animation:fadeOutUp 1s ;-webkit-animation:fadeOutUp 1s;-o-animation:fadeOutUp 1s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.page.in{display:block;animation:fadeIn 1s;-moz-animation:fadeIn 1s ;-webkit-animation:fadeIn 1s;-o-animation:fadeIn 1s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.start{background:url('http://www.fj.xinhuanet.com/h5/2018qmsht/images/bg04.png') no-repeat center 0;width:228px;height:66px;position:absolute;left:50%;margin-left:-114px;top:500px;cursor:pointer;animation:pulse 1s infinite linear alternate;-moz-animation:pulse 1s infinite linear alternate; /* Firefox */-webkit-animation:pulse 1s infinite linear alternate; /* Safari and Chrome */-o-animation:pulse 1s infinite linear alternate; /* Opera */}

.p1{background:url('../images/bg02.jpg') no-repeat center 0 #fff;width:8693px;height:640px;display:none;position:absolute;}

.p1.in{display:block;animation:fadeIn 1s;-moz-animation:fadeIn 1s ;-webkit-animation:fadeIn 1s;-o-animation:fadeIn 1s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.touch{width:8693px;height:640px;position:absolute;}

.tisi{width:120px;height:50px;position:absolute;top:565px;left:50%;margin-left:330px;background:url('http://www.fj.xinhuanet.com/h5/2018qmsht/images/zwl.png') no-repeat center 0;cursor:pointer;display:none;}

.w1{width:132px;height:122px;position:absolute;top:420px;left:6100px;cursor:pointer;background:url('../images/tu01.png') no-repeat center 0;opacity:0.6}
.w1.on{background:url('../images/tu01a.png') no-repeat center 0;opacity:1}

.w2{width:291px;height:211px;position:absolute;top:42px;left:1660px;cursor:pointer;background:url('../images/tu02.png') no-repeat center 0;}
.w2.on{background:url('../images/tu02a.png') no-repeat center 0;}

.w3{width:76px;height:145px;position:absolute;top:380px;left:6510px;cursor:pointer;background:url('../images/tu03.png') no-repeat center 0;}
.w3.on{background:url('../images/tu03a.png') no-repeat center 0;}

.w4{width:64px;height:176px;position:absolute;top:65px;left:2520px;cursor:pointer;background:url('../images/tu04.png') no-repeat center 0;}
.w4.on{background:url('../images/tu04a.png') no-repeat center 0;}

.w5{width:153px;height:228px;position:absolute;top:183px;left:3570px;cursor:pointer;background:url('../images/tu05.png') no-repeat center 0;}
.w5.on{background:url('../images/tu05a.png') no-repeat center 0;}

.w6{width:99px;height:161px;position:absolute;top:100px;left:965px;cursor:pointer;background:url('../images/tu06.png') no-repeat center 0;}
.w6.on{background:url('../images/tu06a.png') no-repeat center 0;}

.w7{width:170px;height:318px;position:absolute;top:135px;left:2915px;cursor:pointer;background:url('../images/tu07.png') no-repeat center 0;}
.w7.on{background:url('../images/tu07a.png') no-repeat center 0;}

.pop{width:960px;height:340px;overflow:hidden;position:absolute;left:50%;margin-left:-480px;display:none;top:130px;}

.close{background:url('http://www.fj.xinhuanet.com/h5/2018qmsht/images/gb01.png') no-repeat center 0;width:50px;height:40px;position:absolute;top:30px;right:30px;cursor:pointer;}
.close1{background:url('http://www.fj.xinhuanet.com/h5/2018qmsht/images/gb01.png') no-repeat center 0;width:50px;height:40px;position:absolute;top:30px;right:30px;cursor:pointer;}

.nav{width:800px;height:70px;position:absolute;left:50%;margin-left:-500px;top:560px;display:none;}
.nav li{width:70px;height:70px;float:left;margin:0 10px 0 0;}
.xt1{background:url('../images/b01.png') no-repeat center 0;}
.xt2{background:url('../images/b02.png') no-repeat center 0;}
.xt3{background:url('../images/b03.png') no-repeat center 0;}
.xt4{background:url('../images/b04.png') no-repeat center 0;}
.xt5{background:url('../images/b05.png') no-repeat center 0;}
.xt6{background:url('../images/b06.png') no-repeat center 0;}
.xt7{background:url('../images/b07.png') no-repeat center 0;}

.result{width:1080px;height:640px;overflow:hidden;position:absolute;left:50%;margin-left:-540px;display:none;}
.content,.content1{background:url('../images/bg03.jpg') no-repeat center 0 #fff;width:1080px;height:640px;overflow:hidden;position:absolute;background-size:100% 100%;}

.content01{background:url('http://www.fj.xinhuanet.com/h5/2018qmsht/images/fx01.png?l') no-repeat center 0;background-size:100% 100%;left:0;right:0;height:640px;overflow:hidden;position:absolute;display:none;z-index:1;}

#content{-webkit-transform:rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);transform: rotate(-90deg);}


.fx{background:url('../images/fx.png') no-repeat center 0;position:absolute;width:238px;height:50px;top:280px;left:50%;margin-left:-255px;animation:fadeInLeftBig 2.0s;-moz-animation:fadeInLeftBig 2.0s;-webkit-animation:fadeInLeftBig 2.0s;-o-animation:fadeInLeftBig 2.0s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;z-index:2;}

.replay{background:url('../images/replay.png') no-repeat center 0;position:absolute;width:238px;height:50px;top:280px;left:50%;margin-left:-10px;animation:fadeInRightBig 2.0s;-moz-animation:fadeInRightBig 2.0s;-webkit-animation:fadeInRightBig 2.0s;-o-animation:fadeInLeftBig 2.0s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;z-index:2;}

.btnsave{background:url('../images/fx02.png') no-repeat center 0;position:absolute;width:238px;height:50px;top:300px;left:50%;margin-left:-10px;animation:fadeInRightBig 2.0s;-moz-animation:fadeInRightBig 2.0s;-webkit-animation:fadeInRightBig 2.0s;-o-animation:fadeInRightBig 2.0s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.ewm01{position:absolute;width:316px;height:217px;top:345px;left:50%;margin-left:-158px;}
.ewm01 img{width:316px;height:217px;}

.sm01{background:url('../images/sm01.png?1') no-repeat center 0;position:absolute;width:600px;height:260px;top:350px;left:50%;margin-left:-300px;animation:fadeInUpBig 2.5s;-moz-animation:fadeInUpBig 2.5s ;-webkit-animation:fadeInUpBig 2.5s;-o-animation:fadeInUpBig 2.5s; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.fs{position:absolute;left:0;right:0;height:50px;top:130px;color:#c03b01;font-size:36px;line-height:50px;text-align:center;}
.fs span{color:#ff0000;padding:0 20px;font-size:42px;line-height:50px;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;

*filter: Glow(color=#fff, strength=1);}



.fs01{position:relative;top:2px;left:249px;color:#ff0000;font-size:36px;line-height:36px;font-family:'微软雅黑';text-align: center;width:42px;}
.fs02{position:relative;top:2px;left:336px;color:#ff0000;font-size:46px;line-height:46px;font-family:'微软雅黑';text-align: center;width:120px;}

.num{color:#991146;font-size:48px;font-family:'微软雅黑';position:absolute;top:682px;left:392px;}

.tisi2{background:url('../images/tisi2.png') no-repeat center 0;width:264px;height:89px;position:absolute;top:20px;display:none;left:50%;margin-left:-510px;}
.tisi2a{background:url('../images/tisi2a.png') no-repeat center 0;width:60px;height:96px;position:absolute;top:-4px;left:50%;margin-left:-20px;animation:tisia 1s infinite linear alternate;-moz-animation:tisia 1s infinite linear alternate; /* Firefox */-webkit-animation:tisia 1s infinite linear alternate; /* Safari and Chrome */-o-animation:tisia 1s infinite linear alternate; /* Opera */}
@keyframes tisia
{
0% {left:50%;margin-left:-47px;}
100% {left:50%;margin-left:-12px;}
}

@-moz-keyframes tisia
{
0% {left:50%;margin-left:-47px;}
100% {left:50%;margin-left:-12px;}
}

@-webkit-keyframes tisia 
{
0% {left:50%;margin-left:-47px;}
100% {left:50%;margin-left:-12px;}
}

@-o-keyframes tisia 
{

0% {left:50%;margin-left:-47px;}
100% {left:50%;margin-left:-12px;}
}


@media screen and (orientation: portrait) {
        .box {
            -webkit-transform:rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            overflow: hidden;
			top:0;
			left:0;
			margin:220px 0 0 -220px;
        }
		.kuang,.footer,.z01,.y01{display:none;}
        
    }
@media screen and (orientation: landscape) {
        .box {
            -webkit-transform:rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }
		.kuang{display:none;}
    }
	

.tisi1{position: fixed; bottom:20px;text-align:center;width:1080px;font-family:'微软雅黑';font-size:16px;line-height:20px;height:20px;}

.z01{background:url('http://www.fj.xinhuanet.com/h5/2018dsj/images/z01.png?0?') no-repeat 0 0;position:fixed;width:90px;height:118px;left:0;top:40%;cursor:pointer;animation: zi1 1.0s infinite;-moz-animation: zi1 1.0s infinite;-webkit-animation: zi1 1.0s infinite;-o-animation: zi1 1.0s infinite;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.y01{background:url('http://www.fj.xinhuanet.com/h5/2018dsj/images/y01.png?0?') no-repeat 0 0;position:fixed;width:90px;height:118px;left:990px;top:40%;cursor:pointer;animation: zi1 1.0s infinite;-moz-animation: zi1 1.0s infinite;-webkit-animation: zi1 1.0s infinite;-o-animation: zi1 1.0s infinite;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}


/*音乐按钮*/
#audio_btn{width:43px;height:43px;background:url('http://www.fj.xinhuanet.com/zt/2017xmcx/images/play.png') no-repeat center 0;position: fixed;top:30px;right:30px;display:inline-block;z-index:999999999;}
#audio_btn.on{animation:yuan 2s infinite linear;-moz-animation:yuan 2s infinite linear; /* Firefox */-webkit-animation:yuan 2s infinite linear; /* Safari and Chrome */-o-animation:yuan 2s infinite linear; /* Opera */}

@keyframes yuan
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-moz-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-webkit-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-o-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}