*{margin:0;padding:0}body{background-color:#ccc;font-family:"黑体";color:#333;font-size:14px}.booklet{border-radius:3px;overflow:hidden}.booklet .b-wrap-left{background:url(../images/left_bg.jpg) no-repeat center;background-size:cover}.booklet .b-wrap-right{background:url(../images/right_bg.jpg) no-repeat center;background-size:cover}.booklet .b-counter{bottom:10px;position:absolute;display:block;width:90%;height:20px;border-top:1px solid #ddd;color:#222;text-align:center;font-size:12px;padding:5px 0 0;background:transparent;-moz-box-shadow:0 -1px 1px #fff;-webkit-box-shadow:0 -1px 1px #fff;box-shadow:0 -1px 1px #fff;opacity:.8}
.book_wrapper {
margin: 0 auto;
width: 960px;
height: 660px;
position: relative; /*margin-top:calc((100vh - 660px)/2)*/
}.book_wrapper a.article,.book_wrapper a.demo{background:transparent url(../images/circle.png) no-repeat 50% 0;display:block;width:95px;height:41px;text-decoration:none;outline:0;font-size:16px;color:#555;float:left;line-height:41px;padding-left:47px}.book_wrapper a.demo{margin-left:50px}.book_wrapper a.article:hover,.book_wrapper a.demo:hover{background-position:50% -41px;color:#13386a}.book_wrapper img{margin:10px 0 5px 35px;width:300px;padding:4px;border:1px solid #ddd;-moz-box-shadow:1px 1px 1px #fff;-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff}.booklet .b-wrap-right img{border:1px solid #e6e3c2}a#next_page_button,a#prev_page_button{display:none;position:absolute;cursor:pointer;margin-top:-16px;top:50%}a#next_page_button i,a#prev_page_button i,a#next_page_button span,a#prev_page_button span{display:inline-block;vertical-align:middle;color:#888;font-size:14px}a#next_page_button i,a#prev_page_button i{width:41px;height:40px;background:transparent url(../images/buttons.png) no-repeat 0 -40px}a#prev_page_button{left:-60px}a#next_page_button{right:-60px}a#next_page_button i{background-position:-41px -40px}a#next_page_button:hover{background-position:-41px 0}a#prev_page_button:hover{background-position:0 0}.loading{width:160px;height:56px;position:absolute;top:50%;left:40%;margin-top:-28px;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(../images/ajax-loader.gif) no-repeat 10px 50%;opacity:.7;z-index:9999;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;filter:alpha(opacity=70)}.zping{display:block;text-align:center;color:#999;padding-top:300px}
.top-bar {
background-color: #F0F0F0;
font-size: 12px;
height: 32px;
line-height: 32px;position:relative;
display: none;
z-index: 9999;
}
.container {
width: 99%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
  
}
.top-bar > div {
display: flex;
align-items: center;
}
.top-welcom {
color: #999;
-prefix-box-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.top-link {
color: #666;
}
.top-link a {text-decoration:none;
display: inline-block;
margin: 0 5px;
color: #666;
}
a.a-highlight, a.a-highlight:link {
color: #AC333D !important;
}
.top-link a:hover {
color:#f30}
.bg-black {margin-top:8px;
background-color: #000;
}
.copy-right {
text-align: center;
color: rgba(255,255,255,.7);
font-size: 13px;
padding: 12px 0;
}
.copy-right span {
display: inline-block;
padding: 0 5px;
}
.copy-right a {
color: rgba(255,255,255,.7);
}
.bg-black{display:none;}
.openobj {
cursor: pointer;
position: fixed;
z-index: 99999999;
background: #cc2a2e;
width: 10px;
height: 7px;
padding: 4px 4px;
border-radius: 3px;
overflow: hidden;
border: solid 1px #fff;
left: 2px;
top: 2px;
}
.openobj p {
height: 1px;
background: #fff;
width: 10px;
margin: 0;
padding: 0;
}
.openobj .p1 {
}
.openobj .p2 {
margin: 2px 0 0;
}
.openobj .p3 {
margin: 2px 0 0;
} 
.outg {
display: block;
}
.topcls {
cursor: pointer;
font-size: 14px;
color: #f30;
font-weight: 700;
border: solid 1px red;
border-radius: 50%;
margin: 0 15px;
}