/*public*/
*{-webkit-user-select:none;-moz-user-select:none;}
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;display: block;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{background:#fff;font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background-size:600px 100%;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}

/*loading*/
#loading{background:#313a57;text-align:center;width:100%;height:100%;position:relative;z-index:99999;margin: 0 auto;}

/*fm*/
#fm{background:url(../../images/fm_bg.jpg) center no-repeat;background-size:100% 100%;width: 100%;position: relative;height: 100%;}
#fm_bt{position: absolute;width: 100%;top: 22%;left: 0;display: none;}
#fm_start{position: absolute;width: 12%;top: 61%;left: 44%;display: none;cursor: pointer;}
#fm_cp{position: absolute;width: 100%;bottom: 3%;left: 0;display: none;}
#fm_zq{position: absolute;width: 52%;left: 2%;bottom: 0;display: none;}
#scene1_zm1{position: absolute;width: 47%;left: 4%;top: 2%;display: none;z-index: 2;}
#scene1_zq1{position: absolute;width: 41%;left: 48%;top: 30%;display: none;}
#scene1_zm4{position: absolute;width: 50%;left: 25%;top: 30%;display: none;z-index: 2;}
#scene1_wind{position: absolute;width: 100%;left: 0;top: 0;display: none;}
#scene1_119{position: absolute;width: 100%;left: 0;top: 0;}
#scene1_223{position: absolute;width: 100%;left: 0;top: 0;display: none;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
#scene1_1945{position: absolute;width: 100%;left: 0;top: 0;display: none;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
#scene1_2008{position: absolute;width: 100%;left: 0;top: 0;display: none;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
#scene1_2017_q{position: absolute;width: 100%;left: 0;top: 0;display: none;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}

/*scene1*/
#scene1{width: 100%;position: relative;height: 100%;overflow: hidden;display: none;}
#scene1_bg{background:url(../../images/scene1_bg.jpg) no-repeat;background-size:cover;width: 2183px;height: 900px;position: relative;}
#scene1_zq{position: fixed;width: 42%;bottom: 0;left: 1%;display: none;}
#scene1_2017{position: fixed;width: 40%;left: 3%;top: 2%;display: none;}
#scene1_zm2{position: absolute;width: 11%;top: 37%;left: 9%;display: none;}
#scene1_zm3{position: absolute;width: 14%;top: 18%;left: 79%;display: none;}
#scene1_npc{position: absolute;width: 9%;bottom: 0;left: 91%;}
#scene1_right{position: fixed;width: 12%;left: 50%;top: 79%;display: none;z-index: 2;cursor: pointer;}
#scene1_btn{position: absolute;width: 3%;top: 34%;left: 93.5%;cursor: pointer;display: none;}

/*scene2*/
#scene2{width: 100%;position: absolute;height: 100%;overflow: hidden;display: none;}
#scene2_bg{background:url(../../images/scene2_bg.jpg) no-repeat;background-size:cover;width: 1672px;height: 900px;position: relative;}
#scene2_msc{position: fixed;width: 46%;left: 3%;top: 2%;display: none;}
#scene2_zq{position: fixed;width: 46%;bottom: 0;left: 1%;display: none;}
#scene2_zm1{position: absolute;width: 15%;top: 25%;left: 13%;display: none;}
#scene2_zm2{position: absolute;width: 17%;top: 23%;left: 47%;display: none;}
#scene2_npc{position: absolute;width: 20%;bottom: 0;left: 53%;}
#scene2_right{position: fixed;width: 12%;left: 50%;top: 79%;display: none;z-index: 2;cursor: pointer;}
#scene2_btn{position: absolute;width: 4%;top: 26%;left: 66%;cursor: pointer;display: none;}
#scene2_zm3{position: absolute;width: 17%;top: 23%;left: 47%;display: none;}
#scene2_zm4{position: absolute;width: 17%;top: 23%;left: 47%;display: none;}
#scene2_zm5{position: absolute;width: 17%;top: 23%;left: 47%;display: none;}
#scene2_zm6{position: absolute;width: 17%;top: 19%;left: 47%;display: none;}

/*scene3*/
#scene3{width: 100%;position: absolute;height: 100%;overflow: hidden;display: none;}
#scene3_bg{background:url(../../images/scene3_bg.jpg) no-repeat;background-size:cover;width: 1108px;height: 900px;position: relative;}
#scene3_zq{position: fixed;width: 46%;bottom: 0;left: 1%;display: none;}
#scene3_kzxy{position: fixed;width: 46%;left: 3%;top: 2%;display: none;}
#scene3_npc{position: absolute;width: 22%;bottom: 0;left: 48%;}
#scene3_btn{position: absolute;width: 5%;top: 28%;left: 56%;cursor: pointer;display: none;}
#scene3_right{position: fixed;width: 12%;left: 50%;top: 79%;display: none;z-index: 2;cursor: pointer;}
#scene3_zm1{position: absolute;width: 29%;top: 18%;left: 24%;display: none;}
#scene3_zm2{position: absolute;width: 20%;top: 18%;left: 32%;display: none;}
#scene3_zm3{position: absolute;width: 27%;top: 11%;left: 26%;display: none;}
#scene3_zm4{position: absolute;width: 20%;top: 23%;left: 33%;display: none;}
#scene3_zm5{position: absolute;width: 25%;top: 21%;left: 38%;display: none;}
#scene3_zm6{position: absolute;width: 27%;top: 11%;left: 26%;display: none;}
#scene3_zm7{position: absolute;width: 20%;top: 18%;left: 33%;display: none;}
#scene3_dt_q{position: absolute;width: 42%;top: 20%;left: 20%;display: none;z-index: 2;}
#scene3_dt_a1{position: absolute;width: 59%;top: 23%;left: 20%;cursor: pointer;}
#scene3_dt_a2{position: absolute;width: 59%;top: 39%;left: 20%;cursor: pointer;}
#scene3_dt_a3{position: absolute;width: 59%;top: 55%;left: 20%;cursor: pointer;}
#scene3_dt_wrong{position: absolute;width: 63%;top: 73%;left: 25%;display: none;}
#scene3_npc2{position: absolute;width: 30%;top: 40%;left: 38%;display: none;}
#scene3_getLy{position: absolute;width: 15%;top: 27%;left: 22%;display: none;}
#scene3_getNr{position: absolute;width: 15%;top: 27%;left: 22%;display: none;}

/*scene4*/
#scene4{width: 100%;position: absolute;height: 100%;overflow: hidden;display: none;}
#scene4_bg{background:url(../../images/scene4_bg.jpg) no-repeat;background-size:cover;width: 1276px;height: 900px;position: relative;}
#scene4_zq{position: fixed;width: 46%;bottom: 0;left: 1%;display: none;}
#scene4_cah{position: fixed;width: 46%;left: 3%;top: 2%;display: none;}
#scene4_npc{position: absolute;width: 15%;bottom: 0;left: 57%;}
#scene4_btn{position: absolute;width: 5%;top: 35%;left: 62%;cursor: pointer;display: none;}
#scene4_right{position: fixed;width: 12%;left: 50%;top: 79%;display: none;z-index: 2;cursor: pointer;}
#scene4_zm1{position: absolute;width: 19%;top: 27%;left: 15%;display: none;}
#scene4_zm2{position: absolute;width: 25%;top: 24%;left: 38%;display: none;}
#scene4_zm3{position: absolute;width: 19%;top: 21%;left: 43%;display: none;}
#scene4_zm4{position: absolute;width: 25%;top: 20%;left: 40%;display: none;}
#scene4_zm5{position: absolute;width: 19%;top: 21%;left: 43%;display: none;}
#scene4_zm6{position: absolute;width: 25%;top: 20%;left: 40%;display: none;}
#scene4_zm7{position: absolute;width: 19%;top: 21%;left: 43%;display: none;}
#scene4_zm8{position: absolute;width: 19%;top: 24%;left: 46%;display: none;}

/*scene5*/
#scene5{width: 100%;position: absolute;height: 100%;overflow: hidden;display: none;}
#scene5_bg{background:url(../../images/scene5_bg.jpg) no-repeat;background-size:cover;width: 890px;height: 900px;position: relative;}
#scene5_zq{position: fixed;width: 46%;bottom: 0;left: 1%;display: none;}
#scene5_qzc{position: fixed;width: 46%;left: 3%;top: 2%;display: none;}
#scene5_npc{position: absolute;width: 22%;bottom: 0;left: 70%;}
#scene5_npc2{position: absolute;width: 22%;bottom: 0;left: 69%;display: none;}
#scene5_btn{position: absolute;width: 7%;top: 33%;left: 76%;cursor: pointer;display: none;}
#scene5_right{position: fixed;width: 12%;left: 50%;top: 79%;display: none;z-index: 2;cursor: pointer;}
#scene5_getQz{position: absolute;width: 28%;top: 32%;left: 31%;display: none;}
#scene5_getCp{position: absolute;width: 28%;top: 32%;left: 31%;display: none;cursor: pointer;}
#scene5_zm1{position: absolute;width: 27%;top: 25%;left: 47%;display: none;}
#scene5_zm2{position: absolute;width: 36%;top: 19%;left: 38%;display: none;}
#scene5_zm3{position: absolute;width: 28%;top: 22%;left: 47%;display: none;}
#scene5_zm4{position: absolute;width: 39%;top: 14%;left: 36%;display: none;}
#scene5_zm5{position: absolute;width: 32%;top: 20%;left: 46%;display: none;}
#scene5_zm6{position: absolute;width: 36%;top: 22%;left: 39%;display: none;}
#scene5_cp{position: absolute;width: 63.4%;top: 10%;left: 28.8%;display: none;z-index: 2;}
#scene5_cp_zcry_img{position: absolute;width: 63.4%;top: 10%;left: 28.8%;display: none;z-index: 2;}
#scene5_cp_sccf{position: absolute;width: 50%;top: 15%;left: 25%;cursor: pointer;}
#scene5_cp_zccy{position: absolute;width: 50%;top: 29%;left: 25%;cursor: pointer;}
#scene5_cp_zgtx{position: absolute;width: 50%;top: 43%;left: 25%;cursor: pointer;}
#scene5_cp_zcry{position: absolute;width: 50%;top: 57%;left: 25%;cursor: pointer;}
#scene5_pyq{position: fixed;width: 50%;top: 0;right: 0;display: none;z-index: 222;}

/*animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinges {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes scene1_shake {
    0%,20%,40%,60%,80%,100%{
        -webkit-transform: scale(1, 1) translateY(0);
    }
    10%,30%,50%,70%,90%{
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }
}
@keyframes scene1_shake {
    0%,20%,40%,60%,80%,100%{
        transform: scale(1, 1) translateY(0);
    }
    10%,30%,50%,70%,90%{
        transform: scale(1.1, 1.1) translateY(0);
    }
}
.scene1_shake {
    -webkit-animation-name: scene1_shake;
    animation-name: scene1_shake;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}