@charset "utf-8";html {font-size:100%;}* {padding:0;margin:0;}body {padding:10px; max-width:480px; margin:0 auto;}ul,li {list-style:none;}p {margin-bottom:2em;text-indent:2pc}.clf{ overflow:hidden; zoom:1; clear:both;}.fl{ float:left;} .fr{ float:right;}h2{font-size:24px;padding:10px; font-weight:normal;text-align:center;}#text {line-height:1.8em;}h2 i{font-size:17px; color:#8c8c8c; display:block; font-style:normal;}.home,.back,.mybooks {position:absolute;width:60px;height:25px; line-height:25px; color:#fff; text-decoration:none; text-align:center}.back {left:0;top:10px;}.home {right:0;top:10px; z-index:1000}.mybooks{right:50px;top:10px;}.addBox {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:block}#bookDesc{ padding:10px; background:rgba(255,255,255,.3);line-height:25px;color:#453c2e;display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;}.menuBox{padding:10px 0;overflow:hidden;zoom:1;clear:both;}#menu_btn,#backbook{border-radius:4px;float:left;margin:1% 0;text-align:center;color:#000;text-decoration:none;line-height:35px;}#menu_btn,#backbook{width:32%;background:rgba(0,0,0,.1)}#menu_btn{width:32%; margin:1% 2%}.redBtn{width:100%;background:#F66;}.yellowBtn{width:100%;background:#FC0;}#funcBox{position:fixed;background:rgba(0,0,0,.8);bottom:0;left:0;width:100%;font-size:14px; color:#ccc;}.menuBox01{height:45px;border-bottom:1px solid #666}.menuBox01 a{float:left;width:33%;line-height:45px;text-align:center;color:#ccc;text-decoration:none; border-right:1px solid #666; }.menuBox01 a:last-child{ border:none;}.wordBox,.showmode,.download{padding:10px 0;font-size:14px;width:33%;float:left;line-height:30px;text-align:center;border-right:1px solid #666; }.showmode{border:none}.download a{display:block; line-height:30px; color:#fff; text-decoration:none; margin:2px;}.wordBox span,.showmode span{margin:0 5px;display:inline-block}.wordBox a,.showmode a{margin:5px;display:inline-block;text-decoration:none;color:#000;width:30px;height:30px;background:#F66;text-align:center;border-radius:15px;}.showmode a.daymode,.daymodeText{background:#fff;color:#453c2e;font-size:14px;}.showmode a.nightmode,.nightmodeText{background:#333;color:#666;font-size:14px;}.showmode a.daymode,.showmode a.nightmode{font-size:12px;}.selected{box-shadow:0 0 1px rgba(255,102,102,1.0)}#navtop{position:fixed;top:0;width:100%;left:0;background:rgba(0,0,0,.8);height:45px;}.hide{display:none;}.related{display:block;font-size:1em;text-align:center;border-top:1px solid rgba(255,255,255,.3);padding:10px 0 0 0; line-height:30px;}.related a{color:#666; text-decoration:none; font-size:0.8em;};.related h3{ font-size:1.2em;}#needPay,#needLogin{ background:rgba(225,225,225,.2); width:100%; margin:10px auto; padding:0 0 10px 0; display:none; font-size:0.9em}#needPay h2,#needLogin h2{ padding:20px 0 0;}#needPay a,#needLogin a,.yellowBtn{text-decoration:none;color:#fff;width:100%;  font-weight:bold;display:block;height:35px;line-height:35px;text-align:center;border-radius:4px; margin:10px 0;}.row{width:80%;margin:0 auto;margin-bottom:10px;}.row s{margin-left:7px; color:#F33}.notices{font-size:1em;margin:0 auto 10px auto;color:#f66; font-weight:bold; line-height:40px; border-bottom:1px solid rgba(255,255,255,.2)}.red{color:#f66}#alertBox{position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-60px;width:120px;height:50px;line-height:50px;background:rgba(0,0,0,.6);color:#eee;text-align:center;border-radius:15px;display:none;}.clickmore{width:90%;margin:10px auto;display:block;height:30px;text-align:center;line-height:30px;color:#999;border:1px solid #999;border-radius:8px;font-size:0.8em}.clickmore:hover{background:#eee}
.nightmodeText #needPay,.nightmodeText #needLogin,.nightmodeText .focusbox{ background:rgba(0,0,0,.3)}.nightmodeText .notices{border-bottom:1px solid #333}
.row label{ line-height:18px; overflow:hidden; zoom:1;}
.row input{ float:left; height:15px;}.ml10{ margin-left:10px;}.focusbox{ background:rgba(255,255,255,.2); padding:10px; height:60px; display:none;}.focustext{ line-height:30px; margin-left:15px;}

.menuBox a{ text-decoration:none; color:#000; line-height:35px; text-align:center; margin:1% 0; border-radius:5px; background:rgba(0,0,0,.1)}
.w49{ width:49%;}

#alertBox01{position:fixed; width:60%; padding:40% 20% 0 20%; height:80%; left:0; background:rgba(0,0,0,.8); color:#fff; text-align:center; line-height:30px; font-size:1.0em;}

#closeIt{ position:absolute; bottom:50px; width:60%; left:20%; line-height:45px; border:1px solid #fff; border-radius:5px;}


#text img{ width:100%; float:left;}

.btns{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px; text-align:center; overflow:hidden; zoom:1;}

.btns a{ width:33%; float:left; line-height:50px; text-decoration:none; color:#999;}

#addFavBox{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}

#addFavBox div{ width:80%; padding:20px; margin:40% auto; background:#fff;}
#addFavBox div p{ text-indent:0; margin:0; text-align:center; line-height:40px;}


.ortherbtn{ text-align:center; font-size:0.7em; color:#999; padding:10px}
.circleBtn{ display:block; width:30px; height:30px; border-radius:25px; font-size:1.2em; color:#F63; text-decoration:none; border:1px solid #eee; line-height:15px; padding:10px; margin:8px auto;}

#showimgcontent {
    position: relative;
    min-height: 100px;
}

#showimgcontent img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.showcontentitem {
    position: relative;
}