@charset "utf-8";
*{ margin:0; padding:0}
html {font-size:10px;}
body {margin:0;padding:0;color:#555;font-weight:normal;background:#fff; font-family:"微软雅黑";}
div,header,menu,footer,ul, li, h1, h2, h3, h4, h5, h6, p,a, span, input, button,i,em {margin:0;padding:0;list-style:none;outline:none;font-weight:normal; border:0; font-family:"微软雅黑"}
img {border:0;}
em, i {font-style:normal}
a {text-decoration:none;color:#555}
.bj_f5f5f5{ background:#f5f5f5}
.bj{ background:#f5f5f5; padding:15px 4%; margin-bottom:10px;}
.bj02{background:#f5f5f5;}
.bj01{ background:#fff; padding:15px 4%;}
.bj_fff{ background:#fff; }
.bj_f9{ background:#f9f9f9}
.clear{ clear:both}
.cont{ margin:0; padding:0}
.none{ height:45px;}
 a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
.reader_body{background: #f5f5f5}
.reader_body .bj{background: #fff}
.jiangouBody{background: #f5f5f5}
.jiangouBody .bj{background: #fff}
/*header*/
header{ height:48px; background:#f7f7f7; padding:0 4%; line-height:48px; color:#333; font-size:18px; overflow:hidden; border-bottom:1px solid #d6d6d6}
header .l{ float:left; width:30%; text-align:left ; height:48px;}
header .l img{ width:12px; margin-top:15px;float:left;}
header .l img.tub{margin-top: 12px;}
header .l em{ font-size:14px; color:#555}
header .c{ float:left; width:40%; text-align:center}
header .c img{ width:12px; margin:0px 0 0 7px; vertical-align:middle}
header .r{ float:right; width:25%; text-align:right}
header .r img{width:20px; margin-top:12px; padding:0 0 0 9px}
header .r em{ font-size:14px; color:#555}
header .z{ font-size:15px; color:#666; text-align:right;}
header .b{ font-size:15px; color:#999; text-align:right;}


/*标题*/
.title{ font-size:16px; height:16px; margin-bottom:15px;}
.title h3{ float:left;font-size:16px; height:16px; line-height:16px; vertical-align:middle; width:auto}
.title h3 i{ display:inline-block; width:6px; height:16px; background:#3daca5; vertical-align:top; margin-right:8px; border-radius:2px}
.title a{ float:right; font-size:14px; color:#666}
.title span.time{ color:#ef5a54; float:right; font-size:12px;}
.title span.time img{ max-width:14px; vertical-align:middle; margin:0 5px 2px 0}

/*书籍列表*/
.book_list li{ width:25%; float:left; overflow:hidden; margin:0 12.5% 0px 0}
.book_list li span{ display:block;border: 1px solid #b3b2b2;height: 0;margin:0 0 5px 0; padding-bottom: 135%; background: #fff; text-align:center;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666; }
.book_list li span img{width:100%; }
.book_name{ font-size:1.3rem; text-align:left; margin:0 0 2px 0}
.book_name.fix_height{height: 19px;}
.ellipsis{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.author{ font-size:1.2rem; text-align:left; color:#999;height:16px;}
.book_list li.last{ margin-right:0}

.img_box{width:25%; float:left; overflow:hidden; margin-right:15px }
.img_box span{ display:block;border: 1px solid #b3b2b2;height: 0;margin:0 0 5px 0; padding-bottom: 135%; background: #fff; text-align:center;border-radius:4px; overflow:hidden;box-shadow:0 0 4px #666; }
.img_box span img{width:100%; }

/*底部导航*/
.navbar{position:fixed;bottom:0;width:100%;background:#f7f7f7;border-top:1px solid #e6e6e6; font-size:10px; height:52px;}
.navbar a{color:#999;}
.navbar .l{float:left;width:28%;text-align:center;padding:6px 0 4px 0;}
.navbar .l img{display:block;width:24px;height:auto;vertical-align:middle;margin:0 auto 2px;}
.navbar .c{float:left;width:44%;text-align:center;padding:6px 0 4px 0;}
.navbar .c img{width:24px;height:auto;vertical-align:middle;display:block;margin:0 auto 2px;}
.navbar .r{float:left;width:28%;text-align:center;padding:6px 0 4px 0;}
.navbar .r a{ margin-left:20px; display:inline-block}
.navbar .r img{width:24px;height:auto;vertical-align:middle;display:block;margin:0 auto 2px;}
.navbar .current{ background:#f0f0f0}

/*切换*/
.sub_menu{ border-bottom:1px solid #e6e6e6; background:#fff}
.change_tab{ background:#fff; padding:10px 0; font-size:14px; color:#3daca5; position:relative}
.change_tab p{ margin:0 24%; border:1px solid #3daca5; border-radius:3px;}
.change_tab p span{ display:inline-block; width:50%; text-align:center; line-height:36px; font-size: 15px;}
.change_tab p span.current{ background:#3daca5; color:#fff}
.change_tab i{ position:absolute; top:18px; right:4%}
.change_tab i img{ width:18px;}

.change_tab01{ background:#fff; padding:10px 0; font-size:14px; color:#3daca5; }
.change_tab01 p{ margin:0 20%; border:1px solid #3daca5; border-radius:3px;}
.change_tab01 p span{ display:inline-block; width:33.3%; text-align:center; line-height:34px}
.change_tab01 p span.current{ background:#3daca5; color:#fff}
.change_tab01 p span.line{ border-left:1px solid #3daca5; border-right:1px solid #3daca5; box-sizing:border-box}

.sub_cont p{ margin-left:-11px; padding:0 4%;}
.sub_cont a{ display:inline-block; border:1px solid #729ea0; color:#729ea0; font-size:13px; padding:4px 10px; min-width:40px; text-align:center; border-radius:3px; margin:2px 0px 10px 11px;}
.sub_cont .tit{border: 1px solid #EF5A54;color: #EF5A54;}
.sub_cont p.last{ border-top:1px solid #ededed; padding-top:8px;}
.sub_cont p span{ display:block; color:#999; font-size:13px; padding:0 11px; margin-bottom:10px ; margin-top:5px;}
/*空的*/
.empty{ height:62px;}
#newBookList{padding: 0 4%}