/*reset*/
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,input,select,textarea,button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}
/*start*/
html,body{width:100%; height:100%; overflow:hidden;}
.onmenu .container{left:320px;}

.preview_con{position:absolute;left:-100%; top:0;width:167px;height:100%; z-index:0; background:#fafafa; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.preview_con.show{left:50px; z-index:2; overflow-y:auto; overflow-x:hidden;}
.preview_con .head_bar{height:44px; line-height:44px; color:#333; font-size:18px; text-align:center; position:absolute;border:1px solid #ddd; margin-bottom:10px; top:0; left:0; width:100%; z-index:2;background:#fafafa; display:none;}
.preview_con .head_bar .icon{width:44px; height:44px; background:url(../img/close.png) center center no-repeat; position:absolute; left:0; top:0;}
.preview_con .list_box{padding-top:0;position:relative;z-index:1;padding: 0 5px;}
.preview_con .list_box ul:after{content:''; display:block; height:0px; clear:both; visibility:hidden;}
.preview_con .list_box li {margin-bottom:5px;}
.preview_con .list_box li .imgbox{height:0; padding-bottom:161.7%; position:relative; border:1px solid #ddd;}
.preview_con .list_box li .imgbox img{position:absolute; left:0; top:0; width:100%; height:100%;}
.preview_con .list_box li .imgbox .page{position:absolute; left:0; top:10px; font-size:14px; padding:5px 10px; background:#fff; border:1px solid #666;}
.hambuger{display:none;}
.menu{display:block;width:50px; height:100%; background:#f8f8f8; color:#333; position:absolute; left:0; top:0; padding-top:15px;}
.menu .nav li{height:50px; line-height:50px;border-bottom:1px solid #d2d2d2; padding-left:0; text-align:left; position:relative; width:100%;}
.menu .nav li:nth-child(1){border-top:1px solid #f8f8f8;}
.menu .nav li:nth-child(1):hover{border-top:1px solid #d2d2d2;}
.menu .nav li a{display:block; color:#333;}
.menu .nav li .icon{width:50px; height:50px; background-size:25px 25px;}
.menu .nav li .content{position:absolute; left:100%; top:-1px; width:160px; text-indent:20px; border:1px solid #d2d2d2; border-left:0; height:50px; display:none;}
.menu .nav li a:hover .content{display:block;}
.menu .nav li.cell1 .icon{background:url(../img/home.png) center center no-repeat;}
.menu .nav li.cell2 .icon{background:url(../img/lists.png) center center no-repeat;}
.menu .nav li.cell2.close .icon{background:url(../img/close.png) center center no-repeat;}
.menu .nav li.cell3 .icon{background:url(../img/full.png) center center no-repeat;}
.menu .nav li.cell3.exit .icon{background:url(../img/full_back.png) center center no-repeat;}
.menu .nav li.cell4 .icon{background:url(../img/down.png) center center no-repeat;}

/*翻页*/
.container{position:relative;left:0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; margin:0 auto;padding-bottom:20px;padding-top:10px; z-index:1;}
.container .book_con{height:100%; width:100%; overflow:hidden;}
.container .arr{position:absolute; width:44px; height:88px; top:50%; margin-top:-44px;}
.container .arr.prev{ left:-60px; background:url(../img/prev.png) center center no-repeat; display:none;}
.container .arr.next{ right:-60px;background:url(../img/next.png) center center no-repeat;}
.page {height:20px; line-height:20px; float:right; font-size:12px; color:#333;}
.page .first{display:inline-block; width:8px; height:10px; background:url(../img/first.png) center center no-repeat; margin-right:5px; cursor:pointer;}
.page .last{display:inline-block; width:8px; height:10px; background:url(../img/last.png) center center no-repeat; cursor:pointer; margin-left:5px;}
.page em{margin:0 3px;}
@media only screen and (max-width: 640px) {
body:after {
  content: 'Mobile';
}
body{position:fixed; width:100%;left:0; top:0;}
.swiper-container{width:100%;}
.hambuger{width:35px; height:35px;background:url(../img/hambuger.png) center center no-repeat; background-size:35px 35px;position:absolute; left:5px; top:5px; z-index:2; cursor:pointer; display:block;}
.menu{ display:none; width:100%;}
.menu .nav li{padding-left:50px;}
.menu .nav li .icon{position:absolute; left:0;top:0; width:50px; height:50px; background-size:25px 25px;}
.menu .nav li .content{position:static; display:block; width:100%; border:0;}
.preview_con{width:100%; left:0; top:100%;}
.preview_con.show{top:0; left:0;}
.preview_con .head_bar{display:block;}
.preview_con .list_box{padding:0;padding-top:44px;}
.preview_con .list_box li{width:50%; float:left; margin-bottom:0;}
.preview_con .list_box li .imgbox{margin:10px;}
.menu .nav li.cell3{display:none;}
.menu .nav li.cell4{display:none;}
.swiper-button-prev, .swiper-button-next{display:none;}


.container{padding:0; overflow:hidden;}
}