/*public*/
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;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{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%;max-height:980px;}
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;}
/*music*/
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999; width:32px; height:32px;}
.off{webkit-animation: rotating 1.2s linear infinite; animation: rotating 1.2s linear infinite;}
/*next and prev*/
#next{position: fixed;display: inline-block;cursor:pointer;right: 10px;top: 150px;z-index: 111;}
#prev{position: fixed;display: inline-block;cursor:pointer;right: 10px;top: 70px;z-index: 111;}
/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}
/*ewm*/
#ewm{width: 120px;height:120px;position: absolute;right: 10%;margin-right: -60px;bottom: 5%}
.txt{ display:none;}
/*loading*/
#loading{background:#dddddd;text-align:center;width:100%;height:100%;position:absolute;z-index:99999;}
.loadinner{position:absolute;width:70%;height:100%;margin-left:-30%;left:45%;text-align:center;font-size:14px;line-height:20px;}
.graph{background:#6c6c6c;width:70%;margin:10% auto 0 auto;}
#bar{display:block;background:#f08300;height:3px;width:10px;}
#diary{width:50%;margin:0 20% 0 30%;}
#chupin{width:70%;margin:0 auto;bottom:80px;text-align:center;}
#cpright{position:absolute;bottom:50px;color:#757575;text-align:center;width:100%;}
/*fm*/
.fm_bg{background:url(../images/fmBg.jpg) center no-repeat; background-size: 100% 100%;}
#fm_logo{position: absolute;width: 100%;top: 3%;display: none;text-align:center;z-index:80;}
#fm_nxslogo{position: absolute;width: 100%;top: 12%;display: none;text-align:center;z-index:81;animation: puffIn .5s ease .5s both;}
#fm_tit1{position: absolute;width: 100%;top: 27%;display: none;text-align:center;z-index:82;animation: mptita 1s ease 1s both;}
#fm_tit2{position: absolute;width: 100%;top: 52%;display: none;text-align:center;z-index:83;animation: mptita 1s ease 1.5s both;}
#fm_author{position: absolute;width: 100%;bottom: 9%;display: none;text-align:center;z-index:85;animation: fadeInUp 1.5s ease 2s both;}
.box{position:relative;width:600px;height:100%;}
.nr_bg{background:url(../images/cBg01.jpg) center no-repeat;background-size:600px 100%;max-height:980px;}
.p2{background:url(../images/chapterBg01.jpg) center no-repeat;background-size:600px 100%;}
.p3,.p5,.p13,.p15{background:url(../images/cBg02.jpg) center no-repeat;background-size:600px 100%;}
.p4{background:url(../images/chapterBg02.jpg) center no-repeat;background-size:600px 100%;}
.p6,.p7,.p7,.p8,.p9,.p10,.p11,.p16,.p17{background:url(../images/cBg03.jpg) center no-repeat;background-size:600px 100%;}
.p12,.p14,.p18{background:url(../images/chapterBg03.jpg) center no-repeat;background-size:600px 100%;}
.p19{background:url(../images/cBg04.jpg) center no-repeat;background-size:600px 100%;}
.fd{background:url(../images/fdBg.jpg) center no-repeat;background-size:600px 100%;}
#p1_1{position: absolute;top: 12%; display: none; z-index:78;animation: fadeInDown 1.5s ease .2s both;}
#p1_2{position: absolute;width: 100%;top: 30%;display: none;text-align:center;z-index:80;animation: fadeInUp 1.5s ease 1.2s both;}
#p2_1{position: absolute;width: 100%;top: 15%;display: none;text-align:center;z-index:80;animation: mptita .7s ease-in-out .1s both;}
#p2_2{position: absolute;width: 100%;top: 39%;display: none;text-align:center;z-index:81;animation: zoomIn 1.2s ease 1.2s both;}
#p3_1{position: absolute;width: 100%;top:14%;display: none;text-align:center;z-index:80;animation: fadeInDown .7s ease-in-out .1s both;}
#p3_2{position: absolute;width: 100%;top: 41%;display: none;text-align:center;z-index:81;animation: fadeInDown 1.2s ease 1.2s both;}
#p3_3{position: absolute;top: 41%; display: none; text-align:center; z-index:82;animation: fadeInDown 1.2s ease 2.3s both;}
#p3_4{position: absolute;top: 63%; display: none; text-align:center; z-index:83;animation: fadeInUp 1.5s ease 2.8s both;}
#p4_1{position: absolute;width: 100%;top: 15%;display: none;text-align:center;z-index:80;animation: fadeInDown .7s ease-in-out .1s both;}
#p4_2{position: absolute;width: 100%;top: 39%;display: none;text-align:center;z-index:81;animation: mptita 1.2s ease .8s both;}
#p5_1{position: absolute;width: 100%;top: 15%;display: none;text-align:center;z-index:81;animation: fadeInDown 1s ease .2s both;}
#p5_2{position: absolute;width: 100%;top: 58%;display: none;text-align:center;z-index:80;animation: opacity 1.2s ease 1.2s both;}
#p6_1{position: absolute;width: 100%;top:6%;display: none;text-align:center;z-index:80;animation: fadeInLeft .7s ease-in-out .1s both;}
#p6_2{position: absolute;width: 100%;top: 25%;display: none;text-align:center;z-index:81;animation: fadeInRight 1.2s ease 1s both;}
#p6_3{position: absolute;top: 69%; display: none; text-align:center; z-index:82;animation: opacity 1.2s ease 2s both;}
#p7_1{position: absolute;width: 100%;top:8%;display: none;text-align:center;z-index:80;animation: fadeInRight .7s ease .1s both;}
#p7_2{position: absolute;width: 100%;top: 25%;display: none;text-align:center;z-index:81;animation: fadeInRight 1.2s ease 1s both;}
#p7_3{position: absolute;width: 100%;top: 25%;display: none;text-align:center;z-index:82;animation: fadeInRight 1.2s ease 1.5s both;}
#p7_4{position: absolute;width: 100%;top: 46%;display: none;text-align:center;z-index:83;animation: fadeInLeft 1.2s ease 2s both;}
#p7_5{position: absolute;width: 100%;top: 46%;display: none;text-align:center;z-index:84;animation: fadeInLeft 1.2s ease 2.5s both;}
#p7_6{position: absolute;top: 69%; display: none; text-align:center; z-index:85;animation: opacity 1.2s ease 3.5s both;}
#p8_1{position: absolute;width: 100%;top: 6%;display: none;text-align:center;z-index:81;animation: puffIn .7s ease .2s both;}
#p8_2{position: absolute;width: 100%;top:22%;display: none;text-align:center;z-index:82;animation: fadeInLeft 1s ease 1s both;}
#p8_3{position: absolute;width: 100%;top: 45%;display: none;text-align:center;z-index:83;animation: fadeInRight 1.2s ease 1.5s both;}
#p8_4{position: absolute;top: 69%; display: none; text-align:center; z-index:84;animation: opacity 1.2s ease 2s both;}
#p9_1{position: absolute;width: 100%;top: 7%;display: none;text-align:center;z-index:81;animation: puffIn .7s ease .2s both;}
#p9_2{position: absolute;width: 100%;top:23%;display: none;text-align:center;z-index:82;animation: fadeInRight 1s ease 1s both;}
#p9_3{position: absolute;width: 100%;top: 49%;display: none;text-align:center;z-index:83;animation: fadeInLeft 1.2s ease 1.5s both;}
#p9_4{position: absolute;top: 75%; display: none; text-align:center; z-index:84;animation: opacity 1.2s ease 2s both;}
#p10_1{position: absolute;width: 100%;top: 8%;display: none;text-align:center;z-index:81;animation: puffIn .7s ease .2s both;}
#p10_2{position: absolute;width: 100%;top:29%;display: none;text-align:center;z-index:82;animation: fadeInDown 1s ease 1s both;}
#p10_3{position: absolute;top: 68%; display: none; text-align:center; z-index:84;animation: opacity 1.2s ease 2s both;}
#p11_1{position: absolute;width: 100%;top: 8%;display: none;text-align:center;z-index:81;animation: puffIn .7s ease .2s both;}
#p11_2{position: absolute;width: 100%;top:25%;display: none;text-align:center;z-index:82;animation: fadeInUp 1s ease 1s both;}
#p11_3{position: absolute;top: 62%; display: none; text-align:center; z-index:84;animation: fadeInUp 1.2s ease 2s both;}
#p12_1{position: absolute;width: 100%;top: 15%;display: none;text-align:center;z-index:80;animation: fadeInDown .7s ease-in-out .1s both;}
#p12_2{position: absolute;width: 100%;top: 36%;display: none;text-align:center;z-index:81;animation: mptita 1.2s ease .8s both;}
#p13_1{position: absolute;width: 100%;top:15%;display: none;text-align:center;z-index:80;animation: fadeInLeft .7s ease .1s both;}
#p13_2{position: absolute;width: 100%;top: 23%;display: none;text-align:center;z-index:81;animation: fadeInLeft 1.2s ease 1s both;}
#p13_3{position: absolute;width: 100%;top: 31%;display: none;text-align:center;z-index:82;animation: fadeInLeft 1.2s ease 1.5s both;}
#p13_4{position: absolute;width: 100%;top: 39%;display: none;text-align:center;z-index:83;animation: fadeInLeft 1.2s ease 2s both;}
#p13_5{position: absolute;width: 100%;top: 47%;display: none;text-align:center;z-index:84;animation: fadeInLeft 1.2s ease 2.5s both;}
#p13_6{position: absolute;top: 56%; display: none; text-align:center; z-index:85;animation: opacity 1.2s ease 3.5s both;}
#p14_1{position: absolute;width: 100%;top: 15%;display: none;text-align:center;z-index:80;animation: fadeInDown .7s ease-in-out .1s both;}
#p14_2{position: absolute;width: 100%;top: 36%;display: none;text-align:center;z-index:81;animation: mptita 1.2s ease .8s both;}
#p15_1{position: absolute;width: 100%;top: 10%;display: none;text-align:center;z-index:81;animation: fadeInLeft .7s ease .2s both;}
#p15_2{position: absolute;width: 100%;top:28%;display: none;text-align:center;z-index:82;animation: fadeInRight 1s ease 1s both;}
#p15_3{position: absolute;top: 60%; display: none; text-align:center; z-index:84;animation: opacity 1.2s ease 2s both;}
#p16_1{position: absolute;width: 100%;top:8%;display: none;text-align:center;z-index:80;animation: fadeInRight .7s ease .1s both;}
#p16_6{position: absolute;top: 22%; display: none; text-align:center; z-index:81;animation: mptita 1.2s ease .5s both;}
#p16_2{position: absolute;width: 100%;top: 26%;display: none;text-align:center;z-index:82;animation: fadeInLeft 1.2s ease 1.8s both;}
#p16_3{position: absolute;width: 100%;top: 36%;display: none;text-align:center;z-index:83;animation: fadeInRight 1.2s ease 2.3s both;}
#p16_4{position: absolute;width: 100%;top: 63%;display: none;text-align:center;z-index:84;animation: fadeInLeft 1.2s ease 2.8s both;}
#p16_5{position: absolute;width: 100%;top: 73%;display: none;text-align:center;z-index:85;animation: fadeInRight 1.2s ease 3.5s both;}
#p17_1{position: absolute;width: 100%;top: 8%;display: none;text-align:center;z-index:81;animation: fadeInLeft .7s ease .2s both;}
#p17_2{position: absolute;width: 100%;top:19%;display: none;text-align:center;z-index:82;animation: fadeInUp 1s ease 1s both;}
#p17_3{position: absolute;top: 49%; display: none; text-align:center; z-index:84;animation: fadeInUp 1.2s ease 2s both;}
#p18_1{position: absolute;width: 100%;top: 20%;display: none;text-align:center;z-index:80;animation: fadeInDown .7s ease-in-out .1s both;}
#p18_2{position: absolute;width: 100%;top: 35%;display: none;text-align:center;z-index:81;animation: mptita 1.2s ease .8s both;}
#p19_1{position: absolute;width: 100%;top: 13%;display: none;text-align:center;z-index:80;animation: fadeInLeft .7s ease-in-out .1s both;}
#p19_2{position: absolute;width: 100%;top: 53%;display: none;text-align:center;z-index:81;animation: fadeInRight 1.2s ease 1s both;}
/*fd*/
#fd_logo{position: absolute;width: 100%;top:18%;display: none;text-align: center;}
#fd_ewm{position: absolute;width:100%;top: 49%;text-align: center;display: none;}
#fd_logoTxt{position: absolute;width:100%;top: 33%;text-align: center;display: none;}
#fd_author{font-size:18px;color: #da7f08;position: absolute;bottom: 11%;text-align: center;width: 100%;display: none; font-family:'Microsoft YaHei', 'sans-serif';}
#fd_bq{font-size:14px;color: #da7f08;position: absolute;bottom: 6%;text-align: center;width: 100%;display: none;font-family:'Microsoft YaHei', 'sans-serif';}
/*向下翻页箭头*/
.down{position: absolute;bottom:10px;left:50%;width:30px;margin-left:-15px;height:26px;-webkit-animation: opa_btm 1.5s ease-in-out;animation: opa_btm 1.5s ease-in-out; z-index:9999;}
.down samp{display:inline-block;width:30px;height:26px;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;background:url(../images/mob_down.gif)center no-repeat}
/*向下翻页箭头动画开始*/
@-webkit-keyframes opa_btm {0%,25% {opacity: 0;-webkit-transform: translate(0,20px);}}
@keyframes opa_btm {0%,25% {opacity: 0;transform: translate(0,20px);}}
@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;-webkit-transform: rotate(180deg) translate(0,0);}100% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,5px);}}
@keyframes start {0%,30% {opacity: 0;transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;transform: rotate(180deg) translate(0,0);}100% {opacity: 0;transform: rotate(180deg) translate(0,5px);}}
/*向下翻页箭头动画结束*/
@-webkit-keyframes rotating{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
@keyframes rotating{0%{transform:rotate(0)}
to{transform:rotate(1turn)}
}
.rotating{-webkit-animation-name:zoomIn;animation-name:zoomIn}
/*媒体查询*/
@media screen and (min-width:1000px){
#loading{background:#dddddd;text-align:center;width:600px;height:100%;position:relative; margin: 0 auto;z-index:99999;}
.loadinner{position:absolute;width:70%;height:100%;margin-left:-30%;left:45%;text-align:center;font-size:14px;line-height:20px;}
.graph{background:#6c6c6c;width:70%;margin:10% auto 0 auto;}
#bar{display:block;background:#f08300;height:3px;width:10px;}
#diary{width:140px; height: 90px;margin:0 20% 0 30%;}
#chupin{width:70%;margin:0 auto;bottom:80px;text-align:center;}
#cpright{position:absolute;bottom:50px;color:#757575;text-align:center;width:100%;}
}
@media screen and (max-width:1000px){
#ewm{display: none;}
}
/*mob iphone6s*/
@media screen and (max-width:600px){
body{background-size:100% 100%;}
#next,#prev{display:none;}
#fullpage{width:100%;}
.box{width:100%;background-size:100% 100%;}
.fd_bg{background-size:100% 100%;}
.box{width:100%;}
.nr_bg{background-size:100% 100%;}
#fm_tit2{top: 52%;}
#p1_2{top: 30%;}
#p3_2{top:41%;}
#p3_3{top: 41%;}
#p3_4{top: 64%;}
#p4_2{top: 37%;}
#p5_2{top: 57%;}
#p6_3{top: 67%;}
#p7_4{top: 46%;}
#p7_5{top: 46%;}
#p7_6{top: 69%;}
#p8_2{top:22%;}
#p8_3{top: 45%;}
#p8_4{top: 69%;}
#p9_3{top: 48%;}
#p9_4{top: 73%;}
#p11_3{top: 63%;}
#p15_3{top: 59%;}
#p16_6{top: 18%;}
#p16_2{top: 21%;}
#p16_3{top: 32%;}
#p16_4{top: 57%;}
#p16_5{top: 67%;}
#p19_2{top: 54%;}
#fd_author{font-size:16px}
#fd_bq{font-size:12px;}
#fd_logo{top:15%;}
#fd_ewm{top: 46%;}
#fd_logoTxt{top: 29%;}
#fd_author { bottom: 12%;}
}
/*iphone6*/
@media screen and (max-width:375px){
}
/*iphone5*/
@media screen and (max-width:320px){
}
@-ms-keyframes mptita{
from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
to{ }
}
@-moz-keyframes mptita{
from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
to{ }
}
@-o-keyframes mptita{
from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
to{ }
}
@-webkit-keyframes mptita{
from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
to{ }
}
@keyframes mptita{
from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
to{ }
}
.mptita {
-webkit-animation-name: mptita;
animation-name: mptita;
}
@-webkit-keyframes puffIn{0%{opacity:0;-webkit-transform:scale(2);-webkit-transform-origin:50% 50%}
to{opacity:1;-webkit-transform:scale(1);-webkit-transform-origin:50% 50%}
}
@keyframes puffIn{0%{opacity:0;transform:scale(2);transform-origin:50% 50%}
to{opacity:1;transform:scale(1);transform-origin:50% 50%}
}
.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}
@keyframes opacity{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-webkit-keyframes opacity{
0%{opacity: 0;}
100%{opacity: 1;}
}