@charset "utf-8";
/* CSS Document */
html{font-size:100%;}*{margin:0;padding:0;}body{font-size:1.0em;max-width:480px;margin:0 auto;font-family:"microsoft yahei";color:#333;background:#eee;}em,i{font-style:normal}ul,li{list-style-type:none;}a{text-decoration:none;color:#333;}a,input,div,span,img,li,p,i,b{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);}img{border:none;}.clf{clear:both;overflow:hidden;zoom:1;}.fl{float:left;}.fr{float:right;}.w30{width:30%;display:block;}.w25{width:25%;}.w65{width:65%;display:block;}.w73{width:73%;display:block;}.w50{width:50%;text-align:center}.w20{width:20%;}.w15{width:15%;}.w80{width:80%;}.w10{width:10%;text-align:center}.w90{width:90%;}.red{color:#f66}.tophead{position:relative;width:100%;max-width:480px;height:35px;line-height:35px;padding:5px 0;text-align:center;color:#000;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.2);z-index:10000;margin:0 auto;clear:both;overflow:hidden;zoom:1;}#searchbox{padding:0 0 0 10px;}.searchInput{height:35px;border:none;border:0;background:#f5f5f5;border-radius:6px;font-size:0.8em;text-indent:10px;}.cancleBtn{font-size:1em;color:#666;text-align:center;line-height:35px;}.block{background:#fff;margin:10px 0;width:100%;overflow:hidden;}.clickmore,.morebtn{ padding:12px;font-size:0.9em;color:#333; text-align:center; border-top:solid 1px #f9f9f9; display:block}.morebtn:hover{background:#f9f9f9;}.morebtn:visited{color:#333}
.footnav{position:fixed;width:100%;max-width:480px;bottom:0;height:45px;background:#fff; box-shadow:0 0 1px rgba(0,0,0,.2)}.footnav a{display:block;width:20%;float:left;text-align:center; margin-top:3px;}.footnav a span{padding-top:24px;font-size:0.6em;display:block;width:24px;margin:0 auto;background:url(../images/memu.png) no-repeat;background-size:240px 24px; color:#000;}.footnav a span.m01{background-position:0 0;}.footnav a .m01:hover,.footnav a.selected .m01{background-position:-24px 0;color:#ea390f}.footnav a span.m02{background-position:-48px 0;}.footnav a .m02:hover,.footnav a.selected .m02{background-position:-72px 0;color:#ea390f}.footnav a span.m03{background-position:-96px 0;}.footnav a .m03:hover,.footnav a.selected .m03{background-position:-120px 0;color:#ea390f}.footnav a span.m04{background-position:-144px 0;}.footnav a .m04:hover,.footnav a.selected .m04{background-position:-168px 0;color:#ea390f}
.footnav a span.m05{background-position:-192px 0;}.footnav a .m05:hover,.footnav a.selected .m05{background-position:-216px 0;color:#ea390f}
.book_list01 li{ float:left; width:33.3%; text-align:center;font-size:0.8em;margin:10px 0 0 0;}.tag{color:#fff;padding:0 5px;border-radius:3px;margin-left:5px;font-size:0.8em}.tag a{color:#fff;}.redTag{background:#d1acd8;}.blueTag{background:#a1d0d2;}.yellowTag{background:#F36}
/*.bookcat .redTag,.bookcat .blueTag{ background:#fff; border-radius:6px; box-shadow:0 0 0.1em rgba(0,0,0,.2); color:#999; margin-right:1px;}*/.bigBTN{display:inline-block;width:28%;height:35px;line-height:35px;color:#fff;text-align:center;font-size:0.9em;border-radius:6px;margin:0 5px;}.back,.home,.home01,.back01,.searchBtn01.back,.home,.home01,.back01,.searchBtn01,.checkBox li i,.mybooks,.mybooks01{position:absolute;background:url(../images/sprite-header.png) no-repeat;background-size:62px 62px;width:20px;height:20px;}.mybooks{background-position:0 -42px;left:10px;top:10px;}.mybooks01{background-position:0 -22px;right:45px;top:10px;}.back{background-position:-42px -42px;left:10px;top:10px;}.back01{left:10px;top:10px;background-position:-42px -20px;}.home{right:12px;top:10px;background-position:0 0; z-index:1000}.home01{right:12px;top:10px;background-position:-22px -42px;}.searchBtn01{background-position:-22px 0;right:10px;top:10px;}.h50{height:35px;}.book_list li,.book_list02 li{border-bottom:1px solid #f5f5f5;padding:10px;  overflow:hidden;}.book_list02 li{ position:relative;}.book_list li:hover,.book_list02 li:hover{background:#f9f9f9;}.book_list li img,.book_list02 li img{ border-radius:6px;}.book_list li em,.book_list02 li em{display:inline-block;height:15px;width:15px;background:#f66;color:#fff;line-height:15px;font-size:0.8em;text-align:center;}.book_list li:last-child,,.book_list02 li:last-child{border-bottom:none;margin-bottom:10px;}.book_list li span.count,.book_list02 li span.count{width:20px;height:20px;display:block;float:left;border-radius:10px;text-align:center;border:1px solid #ddd;margin-right:10px;font-size:0.6em;line-height:20px;margin-top:5px;}.booktitle{display:block;margin-bottom:8px;font-size:0.9em;font-weight:normal;}.font9{font-size:0.9em;background:url(../images/wode_kouzhan.png) 98% center no-repeat;background-size:10px 15px;line-height:30px}.book_list01 {padding-bottom:10px;overflow:hidden;zoom:1;}.book_list01 li a{height:190px;overflow:hidden;display:block;width:85%;margin:0 auto;overflow:hidden;zoom:1;border-radius:6px;}.book_list01 li a img{ }.book_list01 .booktitle{line-height:20px;width:85%;margin:0 auto;white-space:nowrap;overflow:hidden; padding:5px 0 0}.book_list li.font9 a{display:block;width:75%;float:left; line-height:18px; margin-top:5px;}.book_list li.font9 a span{font-size:0.8em; display:block; color:#999;}.bookcat,.bookdesc{font-size:0.8em;margin-bottom:5px; padding:1px 0;color:#888;line-height:18px;overflow:hidden}.bookdesc{line-height:18px;display:-webkit-box;  overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-bottom:8px;}.bookdesc a{color:#999;}.titleBar{padding:15px 10px 5px 0;font-size:0.9em;}.titleBar i{padding-left:10px; line-height:20px; font-weight:bold; border-left:3px solid #F33}.foot{padding:10px;line-height:25px;font-size:0.8em;color:#999}.loginbox{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#000;z-index:1}.loginCont{padding:50% 10% 0 10%;}.loginbox h1{font-size:1.4em;margin-bottom:20px}.loginbox p{font-size:0.7em;margin-bottom:20px}.loginCont .loginBTN{display:block;height:45px;line-height:45px;text-align:center;color:#fff;margin:0 0 20px 0}.style01{background:#26788e}.style02{background:#c73f3f}.style03{background:#429d7a}.style04{ background:#999;}.style01:hover,.style02:hover,.style03:hover{opacity:.9}.loginIput{height:45px;line-height:45px;text-align:center; text-align:center; display:block; border:none; border-bottom:1px solid #ddd; width:100%;}.noneBox{line-height:60px;text-align:center;}#load li{position:relative;}.book_list01 li a img{float:left;width:100%;}
.tabon{border-bottom:1px solid #f66;color:#f66; font-size:0.9em; width:33%;}.taboff{ background:#fafafa;color:#999;font-size:0.9em;width:33%;}
.tabBar{ text-align:center; line-height:40px;}
.tabBar .taboff:last-child{ width:34%;}
.wirteIcon{ padding:0 0 0 20px;background:url(../images/newIcons01.png) no-repeat 0 -104px; background-size:16px 120px;color:#999; font-size:0.8em}

/*
.changeBtn{ width:25%; height:28px; line-height:28px; display:block; margin:5px auto; font-size:0.8em;  overflow:hidden;border-radius:14px; background:#eee;}
.changeBtn a{ display:inline-block; width:50%;border-radius:14px; background:#eee;}
.changeBtn a.on{ color:#fff; background:#F66}*/

#alertBox{ width:40%; height:50px; background:rgba(0,0,0,.6); line-height:50px; position:fixed; top:50%; left:35%; color:#fff; text-align:center; font-size:0.8em; display:none;}

.book_list02 li i{ position:absolute; right:-30px; top:-30px; background:#CCC; color:#fff; width:60px; height:60px; line-height:80px; border-radius:30px; text-indent:10px;}
.book_list02 li i.first{ background:#F33}
.book_list02 li i.second{ background:#F93}
.book_list02 li i.third{ background:#FC6}
.gray{ color:#999; font-size:0.7em}