@charset "utf-8";
 /* CSS Document */
html { box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html, body { height: 100%; }
form{display:inline;}
*{margin:0;padding:0;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:"微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);}
a,img{border:0;}
img{max-width:100%;}
body{background:#ddd url(../img/bg.png) repeat;}
.music { position: fixed;top: 14px;right: 12px;z-index: 999;width: 40px;height: 40px;border: 4px solid #ccc;border-radius: 50%;}
.music img { position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;margin: auto;width: 85%;}
.music img.play {-webkit-animation: music_disc 4s linear infinite;animation: music_disc 4s linear infinite;}
#loading{background: #ddd;}
.loadinner{position:absolute;width:86%;height:100%;margin-left:-43%;left:50%;text-align:center;font-size:11px;line-height:20px;}
.graph{background:#6c6c6c;width:70%;margin:10px auto 0;}
#bar{display:block;background:#02969c;height:3px;width:10px;}
#diary{width:70%;margin:0 auto;}
#chupin{width:70%;margin:0 auto;bottom:80px;text-align:center;}
#cpright{position:absolute;bottom:50px;color:#757575;font-size:9px;text-align:center;width:100%;letter-spacing:-1px;word-spacing:-1px;}
.fanye{display:none;background:url(../img/fanye.png) center top no-repeat;background-size:cover;text-align:center;position:absolute;bottom:0;left:0;height:15%;width:100%;color:#fff;line-height:15%;font-size:24px;}
.fanye span{position:absolute;top:20px;width:100%;text-align:center;left:0;}
.weixin_layout{display:none;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;background:url(../img/weinxin_share.png) no-repeat right top rgba(0,0,0,0.6);-webkit-background-size:320px 150px;-moz-background-size:320px 150px;-o-background-size:320px 150px;background-size:320px 150px;z-index:999;}
#btns{position:absolute;left:50%;top:50%;width:44%;height:90px; margin-top: -45px;margin-left: -22%;z-index:99;}
#btns button,#btns a{line-height:36px;background:#02969c;border:1px solid #fcfcfc;color:#fff;width:100%;height:36px;font-size:16px;display:block;text-align:center;}
.flipbook .page{background-position:center center!important;background-repeat:no-repeat!important;background-size:100%!important;}
#end{display:none;width:100%;height:100%;background:url(../img/bg2.jpg) center top no-repeat;background-size:100%;}

@keyframes music_disc{
	0%{ -webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes music_disc{
	0%{ -webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}