* { padding: 0; margin: 0;}
html, body { width: 100%;height:100%;font-family:'微软雅黑','Arial';background-color:#c7d9e3;overflow:hidden;}
img {vertical-align: bottom;}
li{ list-style:none;}




.main{ width:580px; padding:5% 30px; height:95%;background: url(../images/bg.jpg) center no-repeat;background-size:cover;}
.main_bg{ width:460px; padding:0 60px; height:100%; background:rgba(255,255,255,0.7);}
.main_bg .title{ width:201px; margin-left:129.5px; height:50px; padding:30px 0;}
.main_bg .book_img{width:100%; height:450px; overflow:hidden; border:1px solid #6ba5c2; background:#fff; position:relative}
.main_bg .book_img img{ width:80%;position: absolute;top: 0;bottom: 0;left: 0; right: 0;margin: auto;}
.main_bg h1{ margin:30px 0 5px 5px; font-size:24px; color:#536471;}
.main_bg h2{ margin:0 5px; font-size:20px; color:#536471;}
.main_bg h3{ margin:20px 0 5px 5px;font-size:24px; color:#536471;}
.main_bg p{margin:0 5px;font-size:20px; color:#536471; text-align:justify; line-height:30px; width:450px; height:165px; overflow:scroll; padding-bottom:20px;}
.book_button{background: url(../images/book_button.png);background-size:cover; position:fixed; top:86%; left:50%; margin-left:-132.5px; width:265px; height:74px; z-index:99;}



/*loding*/
#loading{ position:fixed; top:0; left:0; width:580px; background:#fff; padding:0 30px; height:100%;}
.loadinner{position:absolute;width:76%;height:100%; top:50%;margin-left:-38%;left:50%;text-align:center;font-size:11px;line-height:20px;}
.graph{background:#6c6c6c;width:70%;margin:10px auto 0 auto;}
#bar{display:block;background:#f1f1f1;height:3px;width:10px;}


.close{width:80px; height:80px; position:fixed; top:50px; right:60px;text-align:center; z-index:999; background: url(../images/close.png) center  no-repeat;background-size: contain;}

.bookImg_bg{ width:100%; height:100%; background:#fff; display:none; position:relative;} 
.container{ width:540px; height:892px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.container .flipbook{ width:540px !important; height:892px !important; overflow:hidden; }
.fanye{ position:absolute; right:-25px; bottom:-14px; width:100px; height:36px;}

.end_main{width: 580px; display:none;padding: 5% 30px;height: 95%;background: url(../images/bg.jpg) center no-repeat;background-size: cover;overflow: hidden; position:fixed; top:0; left:0;  z-index:999;}
.end_bg{ width:100%; height:100%;background:url(../images/end.png);background-size: contain;}