/* Html5 Reset */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a {background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
b,strong{font-weight:bold;}
img{border:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
menu,ol,ul{padding:0;list-style:none;list-style-image:none;}
.vh{visibility:hidden;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,menu,figure,blockquote,p,pre,form{margin:0;}
.hidden{display:none;}
::-webkit-input-placeholder{color:#666;}
:-moz-placeholder{color:#666;}
::-moz-placeholder{color:#666;}
:-ms-input-placeholder{color:#666;}

body,html{font-family:"Heiti SC",Helvetica;width:100%;height:100%;}
html{font-size:100px;line-height:1.8;}
body{width:100%;height:100%;overflow:hidden;background:#9bcadc;overflow:hidden;}
.wrapper{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;overflow:hidden;}
/**/
.cover,.back-cover{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#333;}
.cover{z-index:95;background:#1757a3;}
.cover-bg{position:absolute;left:0;top:50%;width:6.4rem;height:9.3rem;margin-top:-4.65rem;background:url(../img/cover-img.jpg) no-repeat 50% 50%;background-size:contain;}
.cover-set,.cover-title{position:absolute;background:url(../img/cover-s.png) no-repeat;background-size:1.48rem 5.08rem;}
.cover-set{top:.08rem;right:.38rem;width:.58rem;height:4.08rem;background-position:-.9rem 0;}
.cover-title{top:1.25rem;right:1.2rem;width:.88rem;height:5.08rem;background-position:0 0;}
.coverhide{-webkit-animation:bounceOutUp .75s forwards;animation:bounceOutUp .75s forwards;}
@-webkit-keyframes bounceOutUp{
    0% {
        -webkit-transform:none;
        transform:none;
    }
    60% {
        -webkit-transform:translate3d(0,-105%,0);
        transform:translate3d(0,-105%,0);
    }
    75% {
        -webkit-transform:translate3d(0,-94%,0);
        transform:translate3d(0,-94%,0);
    }
    90% {
        -webkit-transform:translate3d(0,-102%,0);
        transform:translate3d(0,-102%,0);
    }
    100% {
		-webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform:none;
        transform:none;
    }
    60% {
        -webkit-transform:translate3d(0,-105%,0);
        transform:translate3d(0,-105%,0);
    }
    75% {
        -webkit-transform:translate3d(0,-94%,0);
        transform:translate3d(0,-94%,0);
    }
    90% {
        -webkit-transform:translate3d(0,-102%,0);
        transform:translate3d(0,-102%,0);
    }
    100% {
		-webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
    }
}

/**/
.album{position:absolute;left:0;top:50%;margin-top:-4.75rem;width:6.22rem;height:9.5rem;background:url(../img/album-bg.jpg) no-repeat 50% 50%;background-size:contain;display:none;}
.album-pages{margin-left:.6rem;margin-top:.15rem;width:5.26rem;height:9.04rem;}
.album-show{display:block;}
/**/
.pages{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#fefbf5;background-image:url(../img/logo-bg.png);background-size:3.7rem 3.7rem;position:absolute;left:0;top:0;}
.pages.current{}
/**/
.p1{}
.p1 .p1-map{position:relative;width:4.78rem;height:3.5rem;margin:.7rem auto 0;background:url(../img/p1-map.png) no-repeat 50% 50%;background-size:contain;}
.p1 .p1-map i{position:absolute;top:0;left:.93rem;width:1.9rem;height:1.63rem;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;opacity:0;-webkit-transition:all .5s linear;transition:all .5s linear;}
.p1 .p1-map i.p1-elem-1{background-image:url(../img/p1-elem-1.png);}
.p1 .p1-map i.p1-elem-2{background-image:url(../img/p1-elem-2.png);}
.p1.current  .p1-map i.p1-elem-start{opacity:1;}
.p1 .p1-txt{padding:0 .46rem;}
.p1 .p1-txt p{color:#333;font-size:.24rem;line-height:.42rem;text-indent:2em;}
.p1 .p1-txt p span{color:#fc6121;}
.hand{position:absolute;right:.36rem;bottom:.3rem;width:.64rem;height:.66rem;background:url(../img/hand-icon.png) no-repeat 50% 50%;background-size:contain;z-index:92;}
.album-show .hand{-webkit-animation:handMove 1s infinite;animation:handMove 1s infinite;}
@-webkit-keyframes handMove{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);}
}
@keyframes handMove{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);}
}
/**/
.p2{}
.p2-txt{width:4.62rem;height:0;margin:1.4rem auto 0;background:url(../img/p2-txt.png) no-repeat 50% 0;background-size:100% auto;}
.p2.current .p2-txt{-webkit-animation:moveHeight 2s forwards;animation:moveHeight 2s forwards;}
@-webkit-keyframes moveHeight{
    0%{height:0;}
    100%{height:6.16rem;}
}
@keyframes moveHeight{
    0%{height:0;}
    100%{height:6.16rem;}
}
/**/
.p3{}
.p3-list{position:absolute;left:1rem;top:.74rem;width:2.82rem;height:8.04rem;background:url(../img/p3-line.png) no-repeat 50% 50%;background-size:contain;}
.p3-list li{position:absolute;width:2.2rem;height:.76rem;line-height:.76rem;font-size:.2rem;color:#333;background-repeat:no-repeat;background-size:contain;opacity:0;}
.p3-list li.p3-list-1{right:.3rem;top:-.38rem;background-image:url(../img/list-1.png);}
.p3-list li.p3-list-2{left:.6rem;top:.78rem;background-image:url(../img/list-2.png);}
.p3-list li.p3-list-3{right:-.12rem;top:1.88rem;background-image:url(../img/list-3.png);}
.p3-list li.p3-list-4{left:.46rem;top:3rem;background-image:url(../img/list-4.png);}
.p3-list li.p3-list-5{left:-.22rem;top:4.12rem;background-image:url(../img/list-5.png);}
.p3-list li.p3-list-6{left:1.58rem;top:4.82rem;background-image:url(../img/list-6.png);}
.p3-list li.p3-list-7{right:1.18rem;top:6rem;background-image:url(../img/list-7.png);}
.p3-list li.p3-list-8{right:.4rem;top:7.24rem;background-image:url(../img/list-8.png);}
.p3-list li.p3-left{text-align:right;padding-right:.96rem;background-position:100% 50%;}
.p3-list li.p3-right{text-align:left;padding-left:.96rem;background-position:0 50%;}
.p3-list li.movetop{-webkit-animation:moveTop 1s forwards;animation:moveTop 1s forwards;}
@-webkit-keyframes moveTop{
    0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes moveTop{
    0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.p3-hand{position:absolute;right:-.66rem;top:.66rem;width:.54rem;height:.58rem;background:url(../img/p3-hand.png) no-repeat 50% 50%;background-size:contain;}
.current .p3-hand{-webkit-animation:p3handMove 1s infinite;animation:p3handMove 1s infinite;}
@-webkit-keyframes p3handMove{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(-20%,-20%,0);transform:translate3d(-20%,-20%,0);}
}
@keyframes p3handMove{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(-20%,-20%,0);transform:translate3d(-20%,-20%,0);}
}
/**/
.p4{}
.p4-txt{position:absolute;left:0;top:50%;padding:0 .5rem;font-size:.24rem;line-height:.46rem;text-indent:2em;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);color:#333;}
/**/
.album-content{position:absolute;left:.6rem;top:.15rem;width:5.26rem;height:9.04rem;background-color:#fefbf5;z-index:93;display:none;}
.album-content .title{position:absolute;left:.7rem;top:-.12rem;width:4.2rem;height:.8rem;background-repeat:no-repeat;background-position:50% 50%;background-size:33.74rem .8rem;background-image:url(../img/page-title.png);}
.album-content .t0{background-position:0 0;}
.album-content .t1{background-position:-4.22rem 0;}
.album-content .t2{background-position:-8.44rem 0;}
.album-content .t3{background-position:-12.66rem 0;}
.album-content .t4{background-position:-16.88rem 0;}
.album-content .t5{background-position:-21.1rem 0;}
.album-content .t6{background-position:-25.32rem 0;}
.album-content .t7{background-position:-29.54rem 0;}
.content{position:absolute;left:0;right:0;top:.8rem;bottom:0;padding:0 .2rem;overflow-y:scroll;display:none;}
.content.current{display:block;}
.content img{display:block;margin:0 auto;width:100%;}
.content p{padding:0 .1rem .1rem;font-size:.24rem;line-height:.42rem;color:#333;text-indent:2em;}
.album-close{position:absolute;left:.14rem;top:.14rem;width:.46rem;height:.46rem;background:url(../img/close-icon.png) no-repeat 50% 50%;background-size:contain;}
/**/
.back-cover{background:url(../img/backcover-bg.jpg) no-repeat 50% 50%;background-size:cover;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);z-index:94;}
.back-cover img{width:5.42rem;height:7.48rem;display:block;margin:1.2rem auto 0;}
.backcover-btn{padding:.2rem 1.1rem;}
.backcover-btn i{display:block;width:1.7rem;height:.4rem;line-height:.4rem;text-align:center;font-size:.24rem;color:#333;border:solid 1px #925721;background:url(../img/bgc-btnbg.png) repeat-x 0 0;background-size:auto 100%;font-style:normal;}
.backcover-btn i.btn-back{float:left;}
.backcover-btn i.btn-share{float:right;}
.back-cover.show{-webkit-animation:bounceInDown .75s forwards;animation:bounceInDown .75s forwards;}
@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100%{
        -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    }
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
    }
    60% {
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0);
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0);
    }
    90% {
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0);
    }
    100% {
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,100%{
        -webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
        transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
    }
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
    }
    60% {
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0);
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0);
    }
    90% {
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0);
    }
    100% {
        -webkit-transform:none;
        transform:none;
    }
}

.updownbtn{position:absolute;left:50%;bottom:.1rem;margin-left:-.36rem;width:.72rem;height:.54rem;background-image:url(../img/up.png);background-repeat:no-repeat;background-size:contain;}
.current .updownbtn{-webkit-animation:upDown 1s infinite;animation:upDown 1s infinite;}
/**/
@-webkit-keyframes upDown{
    0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    100%{opacity:.8;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
}
@keyframes upDown{
    0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    100%{opacity:.8;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
}

/**/
.music{position:absolute;right:.3rem;top:.3rem;width:.52rem;height:.52rem;background-repeat:no-repeat;background-size:1.06rem .52rem;overflow:hidden;background-image:url(../img/voice-icon.png);z-index:96;}
.music.on{background-position:0 0;}
.music.off{background-position:-.54rem 0;}
.music.t7{top:.7rem;}
/* load */
.loading-container{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;background-color:#fff;z-index:98;}
.loading-container .loading{position:absolute;left:50%;top:50%;width:60px;height:60px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.loading-container .loading img{vertical-align:top;width:100%;}
.loading-inner{text-align:center;font-size:14px;}
/**/
.wxshare{position:absolute;top:0;left:0;bottom:0;right:0;z-index:97;background-color:rgba(0,0,0,.9);background-image:url(../img/wxshare.png);background-repeat:no-repeat;background-position:93% 3%;opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .5s linear;transition:all .5s linear;}
.wxshare .wxtxt{position:absolute;left:40%;top:22%;font-size:.3rem;color:#fff;font-weight:bold;}
.wxshare-show{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
/* horizon */
.horizon{width:100%;height:100%;background:#32373b;position:absolute;left:0;top:0;z-index:99;display:none;}
.horizon_box{width:100%;height:252px;position:absolute;top:50%;left:0;margin-top:-119px;}
.horizon_pic{width:194px;height:194px;margin:0 auto;text-align:center;}
.horizon span{font-size:22px;display:block;color:#fff;text-align:center;padding-top:10px;}
.horizon i{background:url("../img/orient.png") no-repeat 50% 50%;display:inline-block;width:100px;height:163px;background-size:100px 163px;margin:0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;position:static;display:block;}
@-webkit-keyframes maskAni{0%{-webkit-transform:rotate(-90deg);}30%{-webkit-transform:rotate(-90deg);}70%{-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(0deg);}}
@media screen and (orientation:landscape) and (min-width:375px) and (max-width:1024px){.horizon{display:block;}}