/* 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:url(../img/pages-bg.jpg) no-repeat 50% 0;background-size:cover;}
.body-div{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
/*.main{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}*/
.wrapper{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:0 0;transform-origin:0 0;overflow:hidden;}
/**/
.pages{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:url(../img/pages-bg.jpg) no-repeat 50% 0;background-size:cover;display:none;opacity:0;}
.pages.current{display:block;}
/**/
.cover{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;background:url(../img/cover-bg.jpg) no-repeat 50% 0;background-size:cover;}
.current.cover{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.cover-logo{position:absolute;top:.32rem;right:.32rem;width:1.36rem;height:.66rem;background:url(../img/cover-logo.png) no-repeat 50% 50%;background-size:contain;}
.cover-photo{position:absolute;left:50%;top:49%;margin-top:-3.76rem;margin-left:-2.68rem;width:5.36rem;height:7.52rem;background:url(../img/cover-photo.png) no-repeat 50% 50%;background-size:contain;}
.cover-title{position:absolute;left:.6rem;bottom:-.7rem;width:4.3rem;height:1.02rem;background:url(../img/cover-btn-1.png) no-repeat 50% 50%;background-size:contain;}
.cover .hand{position:absolute;left:1.9rem;top:.76rem;width:.52rem;height:.64rem;background:url(../img/cover-hand.png) no-repeat 50% 50%;background-size:contain;}
/**/
.pm-content{position:absolute;left:0;top:1rem;width:100%;}
.pm-title{width:2.46rem;height:.78rem;background:url(../img/p2-title.png) no-repeat 50% 50%;background-size:contain;margin-left:.44rem;}
.pm-txt{font-size:.28rem;text-indent:2em;line-height:.52rem;color:#fff;padding:0 .8rem .8rem;margin-top:.3rem;}
.pm-txt.pt{padding-top:.7rem;}
.pm-txt p.pm-strong{font-weight:bold;}
.pm-btn{position:absolute;right:.8rem;bottom:0;width:2.54rem;height:.6rem;background:url(../img/p2-btn.png) no-repeat 50% 50%;background-size:contain;}
.pm-btn .hand{position:absolute;left:.8rem;bottom:-.3rem;width:.32rem;height:.40rem;background:url(../img/cover-hand.png) no-repeat 50% 50%;background-size:contain;}
.pm-photo{position:absolute;right:0;bottom:0;width:3.76rem;height:4.86rem;background:url(../img/photo.png) no-repeat 100% 100%;background-size:contain;}
/**/
.page-book{background-image:url(../img/pages-bg.jpg);}
.book{position:absolute;left:0;top:50%;width:6.18rem;height:8.56rem;margin-top:-4.28rem;background:url(../img/book.png) no-repeat 50% 50%;background-size:contain;opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
.current .book{-webkit-animation:moveRight 1s .5s forwards;animation:moveRight 1s .5s forwards;}
/**/
@-webkit-keyframes moveRight{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes moveRight{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.book-content{display:none;opacity:0;position:absolute;left:.4rem;top:1.3rem;width:4.8rem;height:5.76rem;font-size:.24rem;line-height:.48rem;overflow-y:scroll;}
.book-content.current{display:block;}
.book-content h4{text-align:center;font-weight:bold;color:#666;}
.book-content p{color:#666;text-indent:2em;}
.book-content .all{color:#af2926;}
.book-control,.book-back,.book-next{height:.3rem;line-height:.3rem;}
.book-control{position:absolute;top:7.2rem;left:.6rem;right:1.2rem;color:#af2926;font-size:.24rem;}
.book-control i.hand{position:absolute;right:.2rem;top:.2rem;width:.52rem;height:.64rem;background:url(../img/hand-black.png) no-repeat 50% 50%;background-size:contain;}
.book-back{float:left;background:url(../img/arrow.png) no-repeat 0 50%;background-size:contain;padding-left:.24rem;}
.book-back{display:none;}
.book-next{float:right;}
.book-catalogue{padding-left:.6rem;padding-right:1rem;padding-top:.75rem}
.book-catalogue h3{color:#666;font-size:.32rem;line-height:.48rem;font-weight:bold;text-align:center;}
.book-catalogue h3 em{font-style:normal;display:block;}
.book-catalogue dl{font-size:.24rem;line-height:.38rem;}
.book-catalogue dl i,.book-catalogue dl em{display:block;font-style:normal;}
.book-catalogue dl i{float:left;width:1rem;}
.book-catalogue dl em{margin-left:1.1rem;}
.book-catalogue dt{color:#666;position:relative;}
.book-catalogue dd{color:#999;}
.book-catalogue dl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.book-catalogue dl{display:inline-block;}
.book-catalogue dl{zoom:1;display:block;}

.book-hand{position:absolute;top:.1rem;left:1.7rem;width:.32rem;height:.36rem;background:url(../img/hand.png) no-repeat 50% 50%;background-size:contain;}
.current .book-hand{-webkit-animation:bookhandMove 1s infinite;animation:bookhandMove 1s infinite;}
/**/
@-webkit-keyframes bookhandMove{
    0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{opacity:.5;-webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0);}
}
@keyframes bookhandMove{
    0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{opacity:.5;-webkit-transform:translate3d(20%,20%,0);transform:translate3d(20%,20%,0);}
}
.book-updown{position:absolute;right:.8rem;top:50%;margin-top:-.25rem;width:.5rem;height:.5rem;background:url(../img/arrow-ud.png) no-repeat 50% 50%;background-size:contain;display:none;}
.book-updown.show{display:block;-webkit-animation:bookUpdown 1s infinite;animation:bookUpdown 1s infinite;}
/**/
@-webkit-keyframes bookUpdown{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
}
@keyframes bookUpdown{
    0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
}

.current .hand{-webkit-animation:handMove 1s infinite;animation:handMove 1s infinite;}
/**/
@-webkit-keyframes handMove{
    0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{opacity:.5;-webkit-transform:translate3d(-20%,20%,0);transform:translate3d(-20%,20%,0);}
}
@keyframes handMove{
    0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{opacity:.5;-webkit-transform:translate3d(-20%,20%,0);transform:translate3d(-20%,20%,0);}
}
/**/
.finish{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/pages-bg.jpg) no-repeat 50% 0;background-size:cover;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}
.finish.show{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.finish-page{width:535px;height:710px;margin:0 auto;background:url(../img/finish-bg.jpg) no-repeat 50% 50%;background-size:contain;}
.finish-txt{padding-top:190px;font-size:28px;line-height:48px;color:#af2a26;text-align:center;}
.finish-txt em{font-style:normal;font-weight:bold;font-size:34px;padding:0 10px 0 10px;}
/**/
.postmark-finish{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(../img/pages-bg.jpg) no-repeat 50% 0;background-size:cover;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .5s ease-in;transition:all .5s ease-in;}
.postmark-finish.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.pf-title{font-size:.34rem;text-align:center;color:#fff;margin-top:.5rem;}
.pf-txt{width:100%;height:.24rem;margin-top:.2rem;text-align:center;color:#666;background:url(../img/s-txt.png) no-repeat 50% 50%;background-size:contain;}
.pf-img{width:4.8rem;height:6.37rem;margin:.2rem auto 0;overflow:hidden;}
.pf-img img,.create-png{display:block;width:100%;}

/**/
.btn-area{position:absolute;bottom:.2rem;left:1rem;right:1rem;height:.5rem;}
.btn-area .btn{position:absolute;top:0;width:1.7rem;height:.4rem;font-size:.24rem;line-height:.4rem;text-align:center;background:url(../img/s-btn.png) no-repeat;overflow:hidden;background-size:100% 100%;}
.btn-area .btn-back{left:0;}
.btn-area .btn-share{right:0;}

.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:3;display:none;}
.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:9;}
.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:3;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:4;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;}}

.pc-main{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

@-webkit-keyframes pulse{
  from{-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);}
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes pulse {
  from{-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);}
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}