@charset "gb2312";
html { background: }
body { font-family:"Microsoft YaHei" !important; font-size:0px; margin:0px; padding:0px; -webkit-text-size-adjust:none; background:#fff; }
a { text-decoration:none }


input[type=button], input[type=text], input[type=number], input[type=password], textarea { -webkit-appearance:none; outline:none }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal }
ul, ol, li { list-style:none; margin:0; padding:0 }
li { text-align:-webkit-match-parent; }
div { border-collapse:collapse }
.cl0 { clear:both; height:0; line-height:0; overflow:hidden }
.cl10 { clear:both; height:10px; line-height:0; overflow:hidden }
.cl20 { clear:both; height:20px; line-height:0; overflow:hidden }
.clearfix { zoom:1 }
.clearfix::after {
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0;
}
.red { color:#ff4644 }
.gen { color:#4c7a22 }
.udl { text-decoration:underline }
.s_gray { font-size:14px; color:#787878 }
.gray { color:#787878 }
.sf { font-size:14px }
.fl { float:left }
.fr { float:right }
.olnk { text-align:center }
.olnk img { width:100%; height:auto }
.sline { height:14px; overflow:hidden; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f2f2f2; }
.gline { background:#f2f2f2; height:0px; overflow:hidden }
.sbut { margin:12px 8px }
.sbut span, .sbut a { border:1px solid #dfdfdf; background:#f2f2f2; font-size:13px; line-height:36px; color:#4c4c4c; display:block; text-align:center; border-radius:3px }
.button_wap { display:-webkit-box; clear:both }
.button_wap a, .button_wap span, .button_wap input { border-radius:2px; height:38px; line-height:38px; font-size:18px; text-align:center; display:block; -webkit-box-flex:1; border:0; margin:0; padding:0; font-family:微软雅黑; -webkit-appearance:none; }
.button_wap .c_red { background:#b33836; color:#fff; }
.button_wap .c_black { background:#5e5e5e; color:#fff; }
.wbox { border:1px solid #dfdfdf; border-width:1px 0 1px 0 }
#zh_pop_bg { width:100%; position:fixed; left:0px; top:0px; background-color:#000; opacity:0.3; z-index:1 }
#zh_pop_warpper { position:fixed; width:280px; left:50%; top:30%; margin-top:-52px; margin-left:-140px; background-color:#fff; z-index:2; border:1px solid#b8b8b8; box-shadow:0 0 5px rgba(0, 0, 0, 0.17) }
#zh_pop_warpper.zh_pop_content { width:265px; border-bottom:1px solid#dcdcdc; padding-left:15px; padding-top:19px; text-indent:15px; padding-bottom:15px }
#zh_pop_warpper.zh_pop_btns { width:100%; height:49px; border-top:1px solid#fff; background-color:#f6f6f6 }
#zh_pop_warpper.zh_pop_btns.zh_btn_style { border-radius:3px; box-shadow:0 0 2px rgba(255, 255, 255, 0.6)inset; width:130px; height:35px; display:block; text-align:center; line-height:2.5em; color:#fff; float:left; margin:7px 0px 0px 6px }
#zh_pop_warpper.zh_pop_btns.zh_t_btn { background-color:#7fb82d; border:1px solid#6ca41c }
#zh_pop_warpper.zh_pop_btns.zh_f_btn { background-color:#9aa1ad; border:1px solid#9197a1 }
#zh_mini_pop { width:170px; position:fixed; left:50%; top:50%; margin-top:-23px; margin-left:-105px; background-color:#000; opacity:0.8; border-radius:3px; z-index:2; color:#fff; text-align:center; font-size:14px; padding:10px 20px }
#zh_mini_pop a { color:yellow }
#zh_loading { display:inline-block; vertical-align:middle; margin-right:10px }
.zh_loadingblk { background-color:#e3354c; border:0; float:left; height:12px; margin-left:5px; width:8px; -webkit-animation-name:bounce; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; opacity:0.1; -webkit-transform:scale(0.7); }
#block_1 { -webkit-animation-delay:.3s;
}
#block_2 { -webkit-animation-delay:.5s;
}
#block_3 { -webkit-animation-delay:.7s;
}
@-webkit-keyframes bounce { 0% {
-webkit-transform:scale(1.2);
opacity:1;
}
100% {
-webkit-transform:scale(0.7);
opacity:0.1;
}
}
.head_logo, .head_ulnk a.but_search em, .recent em, .res_book a div.res_ico em, .searchbox div:nth-of-type(2), h3 .chanp em, .book_list a, #go_top, .cat_box .cat_tit .cat_more em, .cat_tit .top_more em, .top_list a span, .toplist_tit em, .bookbox .num, .search_go, .cat_tit2 .clear_sr em, .search_list em {
background-image: url(pics.png);
background-repeat:no-repeat
}
.head { height:50px; overflow:hidden; background-color: #F8F8F5; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #E3E3E3; border-bottom-color: #E3E3E3; }
.head_logo { float:left; background-size:160px; height:40px; width:90%; margin-top: 4px; margin-bottom: 2px; margin-left: 5px; margin-right: 30px; }
.head_ulnk { line-height:25px; margin-right:10px; font-size:14px; position:absolute; right:0; top:10px }
.head_ulnk a.but_search { height:25px; color:#5e5e5e; }
.head_ulnk a.but_search em { background-size:125px; float:left; width:25px; height:25px; background-position:-25px -25px; overflow:hidden; vertical-align:middle }
.head_ulnk a.but_search span { float:left; height:25px; line-height:25px; vertical-align:middle }
.lnk_login { color:#de1728 }
.lnk_reg { color:#222 }
.menu { background:#333; display:-webkit-box; height:40px; overflow:hidden }
.menu a { display:block; -webkit-box-flex:1; line-height:40px; text-align:center; width:0; color:#a1a1a1; font-size:16px; }
.menu .active, .menu a:hover { background-color:#454545; color:#f2f2f2; }
.recent { background:#f2f2f2; padding:10px 8px 10px 6px; font-size:14px; line-height:14px; border-bottom:1px solid #dfdfdf }
.recent a { float:right; background:#5e5e5e; color:#fff; border-radius:2px; font-size:12px; padding:1px 4px }
.recent em { float:left; width:14px; height:14px; background-position:-3px -21px; background-size:95px; margin-right:4px; }
.res_read { background:#fff5e1; border-color:#f9dea6; margin:0; padding:5px; }
.res_read h2 { color:#c6883f; font-size:18px; margin:8px 5px; background:url(icon1.png) left center no-repeat; background-size:16px; padding-left:20px }
.res_book a { display:-webkit-box; color:#787878; text-align:center; height:40px; border-bottom:1px solid #dfdfdf; background:#fff; line-height:40px; fot-size:12px }
.res_book a:last-child { border-bottom:0; }
.res_book a div { text-align:left }
.res_book a div.res_ico { padding-top:7px; width:20px }
.res_book a div.res_ico em { width:20px; height:20px; background-position:-75px -25px; background-size:125px; display:block; padding:0; margin:0; float:left }
.res_book a div.c_tit { -webkit-box-flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-right:23px }
.res_book a div span { color:#4c4c4c }
.ysxs8_searchbox {margin-top: 8px;margin-right: 8px;margin-bottom: 8px;margin-left: 8px;}
.searchbox { display: -webkit-box; border: 1px solid #c0c0c0; border-radius: 1px; height: 30px;background: #fff;overflow: hidden;}
 .searchbox div:nth-of-type(1) {
 -webkit-box-flex: 1;
 padding-right: 0.41em;
}
 .searchbox div:nth-of-type(1) input {
 padding-left: 10px;
 height: 30px;
 width: 96%;
 font-size: 14px;
 border: 0;
 outline: none;
}
 .searchbox div:nth-of-type(1) input:-moz-placeholder {
 color: #ddd;
}

::-webkit-input-placeholder {
 color: #c4c4c4;
}
 .searchbox div:nth-of-type(2) {
 width: 30px;
 border-left: 1px solid #c0c0c0;
 background-color: #d8d6d7;
 background-size: 125px;
 background-repeat: no-repeat;
 background-position: -23px -23px;
}
.search_t .searchbox { border: 1px solid #e1e1e1; }
 .search_t .searchbox div:nth-of-type(2) {
 border-left: 1px solid #e1e1e1;
 background-color: #ff4643;
 background-position: -22px -72px;
}
.search_go { width: 30px; height: 30px; border-left: 1px solid #e1e1e1; background-color: #ff6407; background-position: -22px -72px; background-size: 125px; background-repeat: no-repeat; }
.search_keyword { font-size: 14px; line-height: 20px; padding: 0 10px; margin-bottom: 8px }
.search_keyword a { color: #787878; display: inline-block; margin: 0 10px }
.cat_tit, .sub_tit { color:#4c4c4c; font-size:14px; height:25px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:11px 8px 0; background:#f2f2f2; line-height:14px }
.cat_tit a, .sub_tit a { color:#4c4c4c }
.cat_tit em, .sub_tit em { height:14px; width:8px; float:left; background:#5e5e5e; border-radius:2px; margin-right:7px }
.cat_tit2 { color:#4c4c4c; font-size:14px;  padding:11px 8px 0; line-height:11px }
.cat_tit2 em { height:14px; width:8px; float:left; background:#5e5e5e; border-radius:2px; margin-right:4px }
.cat_box .cat_tit { border:0; background:#E6F2E6; width:100px; }
.cat_box .cat_tit em { background:#ff4643; }
.bookbox { position:relative; zoom:1; overflow:auto; padding:14px 8px; border-bottom:1px solid #dfdfdf }
.bookbox::after {
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0;
}
.bookbox:hover { background:#f9f9f9 }
.bookbox .bookimg { float:left; margin-right:10px; width:74px; height:98px }
.bookimg img { width:74px; height:98px }
.bookinfo { overflow:hidden; }
.bookbox .bookname { font-size:16px; color:#4c4c4c; height:45px; overflow:hidden; display:-webkit-box }
.bookbox .author, .bookbox .cat { float:left; color:#8f8f8f; height:24px; font-size:13px }
.bookbox .cat { float:right; }
.bookbox .tj { float:left; width:20px; height:20px; line-height:20px; font-size:14px; background:#ff4644; color:#fff; text-align:center; border-radius:10px; overflow:hidden; font-family:黑体; padding:0; margin:0 }
.bookbox .intro { color:#4c4c4c; font-size:13px; line-height:20px; height:40px; overflow:hidden; padding-left:8px }
.bookbox .update, .bookbox .intro_line { color:#4c4c4c; font-size:13px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.bookbox .update span, .bookbox .intro_line span, .bookbox .num span, .bookbox .info span { color:#a8a8a8 }
.bookbox .num { color:#8f8f8f; padding-left:18px; font-size:13px; background-size:150px; background-position:-126px -274px; line-height:24px; height:24px; }
.bookbox .info { color:#4c4c4c; font-size:13px; line-height:25px; height:50px; padding-top:10px }
.bookbox .delbutton { float:right; margin-top:-90px }
.bookbox .delbutton a { display:inline-block; width:55px; height:30px; font-size:13px; line-height:30px; border-radius:2px; text-align:center; background:#f2f2f2; color:#4c4c4c; }
.bookbox .topnum { position:absolute; width:16px; height:16px; border-radius:2px; right:10px; top:15px; text-align:center; color:#aaa; line-height:16px; background:#f1f1f1 }
.chanp { float:right; font-size:13px; line-height:15px; height:14px; overflow:hidden }
.chanp em { width:14px; height:14px; background-color:#f2f2f2; background-size:95px; background-position:-40px -22px }
.chanp_con, .book_colpic { display:-webkit-box; padding:12px 10px }
.chanp_con a, .book_colpic a { display:block; -webkit-box-flex:1; line-height:22px; line-height:22px; width:0; white-space:nowrap; text-overflow:ellipsis; font-size:14px; text-align:center; color:#4c4c4c; overflow:hidden }
.tab_tit { display:-webkit-box; padding:5px 5px 0 }
.tab_tit>span { display:block; -webkit-box-flex:1; text-align:center; width:0; color:#4c4c4c; border-radius:3px; height:35px; line-height:35px; font-size:13px; background:#f2f2f2; margin:5px }
.tab_tit>span.active { color:#fff; background:#3796e2; }
#girl_tj>span.active { color:#fff; background:#fe797c; }
#cat_subtab>span.active { color:#fff; background:#ff4544; }
#cat_subtab { padding:5px 3px }
.book_list { clear:both; display:block; }
.book_list a { clear:both; line-height:38px; height:38px; padding:0px 20px 0px 8px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#4c4c4c; display:block; margin:0; background-size:138px; background-position:right -50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.book_list a:hover { background:#f9f9f9; }
.book_list a span { color:#8f8f8f; }
.book_list a.active { background:#fff2d8 }
.book_list a:last-child { margin-bottom:5px; border-bottom:0 }
.book_list a:last-child.bb, .bb { border-bottom:1px solid #ddd }
.book_list em { background:#ed5565; font-style:normal; color:#fff; font-family:Tahoma; padding:0 5px; border-radius:3px; font-size:14px; margin-right:5px }
.tags { margin:8px 3px; display:-webkit-box; }
.tags a { font-size:13px; display:block; -webkit-box-flex:1; background; border:1px solid #dfdfdf; border-radius:3px; width:0; color:#4c4c4c; line-height:36px; margin:5px; height:36px; overflow:hidden; text-align:center }
.news_list { clear:both; display:block; }
.news_list a { clear:both; line-height:38px; height:38px; overflow:hidden; padding:0px 20px 0 8px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#4c4c4c; display:block; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.news_list a:last-child { margin-bottom:5px; border-bottom:0 }
.gamebox { display:-webkit-box; padding:8px; border-bottom:1px solid #dfdfdf }
.gamebox div { display:block }
.gamebox div.gamepic { width:60px }
.gamebox div.gameinfo { -webkit-box-flex:1; line-height:25px; color:#4c4c4c }
.gamebox div.gameinfo span { color:#8f8f8f; }
.gamebox div.gamestar { width:76px; padding-top:15px }
.gamebox div.gamestar em { width:11px; height:11px; background:url(star.png); background-size:33px; margin:1px; display:inline-block }
.gamebox div.gamelnk { width:50px; padding-top:8px }
.gamebox div.gamelnk a { width:48px; height:30px; text-align:center; font-size:13px; background:#16bc5c; color:#fff; line-height:30px; border-radius:3px; display:block }
footer { font-size:16px; color:#4c4c4c; background:; border-top:1px solid #dfdfdf; text-align:left; line-height:30px; padding:20px 8px; margin-top:-1px }
footer a { color:#4c4c4c }
footer .searchbox { margin:8px 0 }
footer a.active { color:#ff4645 }
footer .copyright { color:#8f8f8f; font-size:12px; line-height:30px }
#go_top { width:31px; height:31px; position:fixed; right:10px; bottom:10px; background-color:#f6f5f6; border:1px solid #dadada; background-size:150px; background-position:-120px -30px }
.cat_box { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; zoom:1; overflow:hidden; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; background-color: #E6F2E6; }
.cat_box::after {
visibility:hidden;
display:block;
font-size:0;
content:' ';
clear:both;
height:0;
}
.cat_box h2 { font-size:16px; height:40px; line-height:40px; text-indent:15px; border-bottom:1px solid #ddd }
.cat_list li { float:left; width:25%; border-bottom:1px solid #e9e9e9; text-align:center; line-height:13px; height:40px; position:relative; bottom:-1px; font-size:13px }
.cat_list li a { color:#5e5e5e; display:block; border-right:1px solid #dfdfdf; height:13px; margin-top:13px }
.cat_list li:nth-of-type(4n+0) a {
border-right:0
}
.cat_more { float:right; font-size:13px; line-height:15px; height:14px; overflow:hidden; color:#5e5e5e }
.cat_box .cat_tit .cat_more em { width:14px; height:14px; background-size:105px; background-color:transparent; background-position:-2px -66px; margin-right:4px }
.subhead { height:44px; line-height:44px; font-size:19px; display:-webkit-box; background-color:#DC7110; }
.subhead > a:nth-of-type(1) {
background:url(pics.png) -93px -69px no-repeat;
background-size:115px;
width:35px;
padding-left:20px;
font-size:14px;
height:25px;
margin-top:10px;
line-height:25px;
margin-left:5px
}
.subhead > a:nth-of-type(2) {
-webkit-box-flex:1;
text-align:center;
color:white;
}
.subhead > a:nth-of-type(3) {
width:35px;
padding-left:20px;
font-size:14px;
height:25px;
margin-top:10px;
line-height:25px;
margin-right:5px
}
.subhead > a.bs { background:url(pics.png) -95px -91px no-repeat; background-size:115px; }
.subhead > a.rg { background:url(pics.png) -95px -115px no-repeat; background-size:115px; }
.subhead > a.lg { background:url(pics.png) -95px -138px no-repeat; background-size:115px; }
.subhead > a.ind { background:url(pics.png) -95px -160px no-repeat; background-size:115px; }
.subhead > a { display:block; color:#fff }
.cat_tit .fr { color:#a8a8a8 }
.cat_tit .fr span { color:#4c4c4c }
.log_tit { font-size:16px; padding:10px; clear:both; height:18px; overflow:hidden; line-height:20px; border-bottom:1px solid #dfdfdf; background:#f2f2f2; padding-top:15px }
.log_tit:after { visibility:hidden; display:block; font-size:0; content:' '; clear:both; height:0; }
.org { color:#a8a8a8; }
.top_error { background:#a1232f; color:#fff; padding:6px 8px; line-height:25px; }
.top_error em { display:inline-block; width:13px; height:13px; background:#800000; color:#fff; text-align:center; font-size:8px; font-family:tahoma; padding:0; margin:0; line-height:13px; font-style:normal; border-radius:2px; margin-right:5px }
.top_error a { color:#e98b8b }
.userform { padding:15px 8px 40px; background:#f2f2f2 }
.userform .foc { background:#faffbd; border:1px solid #ffaca7 }
.inputwap_col { display:-webkit-box; }
.inputwap_col .inputwap { -webkit-box-flex:1 }
.inputwap { margin-bottom:10px; zoom:1; display:-webkit-box; border:1px solid #dfdfdf; height:38px; background:#fff }
.inputwap div { width:30px; height:25px; margin:0 3px }
.inputwap div.reg_unt, .inputwap div.reg_pst, .inputwap div.reg_nkt, .inputwap div.reg_mob, .inputwap div.chg_mon { background:url(pics.png) 5px -90px no-repeat; background-size:115px; margin-top:4px }
.inputwap div.reg_pst { background-position:5px -113px; margin-top:6px }
.inputwap div.reg_nkt { background-position:5px -137px; margin-top:6px }
.inputwap div.reg_mob { background-position:5px -160px; margin-top:6px }
.inputwap div.chg_mon { background-position:5px -183px; margin-top:6px }
.inputwap input { border:0; outline:none; font-size:18px; vertical-align:middle; color:#000; -webkit-box-flex:1; display:block; overflow:hidden; background-color:transparent; margin:7px 0; }
.inputwap input.chapter { -webkit-box-flex:1 }
.imgcode { padding-bottom:10px }
.imgcode img.chapimg { height:40px; width:80px; vertical-align:middle; float:left }
#chapter_lnk { height:40px; line-height:40px; display:inline-block; padding:0 5px; float:left }
.login_ao { font-size:16px; color:#787878; padding:5px 0 10px; height:26px }
.ipt_info { color:#8f8f8f; height:25px; position:relative; top:-5px }
.mc_log { background:#5e5e5e; color:#fff; padding:3px 6px; border-radius:3px }
.login_other { font-size:16px; color:#787878; padding:5px 2px; }
.login_baidu, .login_qq { background:url(login_other.png); width:20px; height:20px; background-size:40px; display:inline-block; margin-left:10px }
.login_baidu { background-position:right top }
.getmcode { display:block; display:block; width:110px; height:40px; line-height:40px; font-size:14px; text-align:center; background:#5e5e5e; color:#fff; outline:none; border-radius:2px; margin-left:6px }
.getedmcode { display:block; display:block; width:110px; height:40px; line-height:40px; font-size:14px; text-align:center; background:#ccc; color:#787878; text-shadow:0px 1px 0px #aaa; outline:none; border-radius:2px }
.tips, .tips_2, .tips_3 { line-height:20px; font-size:13px; background:#f2f2f2; padding:8px 10px }
.tips h4, .tips_2 h4, .tips_3 h4 { color:#ff4643; font-size:14px; line-height:24px }
.tips_2 { background:#fff; color:#a8a8a8 }
.tips_2 h4, .tips_3 h4 { color:#4c4c4c; }
.tips_3 { color:#a8a8a8; }
.cat_tit .top_more { float:right; font-size:13px; line-height:15px; height:14px; overflow:hidden; color:#5e5e5e }
.cat_tit .top_more em { width:14px; height:14px; background-size:105px; background-color:transparent; background-position:-66px -66px; margin-right:4px }
.top_list { clear:both; display:block; }
.top_list a em { width:18px; height:18px; border-radius:9px; text-align:center; line-height:19px; font-family:Tahoma; background:#8f8f8f; float:left; margin-top:9px; font-style:normal; color:#fff; margin-right:5px }
.top_list a:nth-of-type(1) em {
background:#ff4644
}
.top_list a:nth-of-type(2) em {
background:#e28d29
}
.top_list a:nth-of-type(3) em {
background:#9fc575
}
.top_list a { clear:both; line-height:38px; height:38px; padding:0px 10px 0px 8px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#4c4c4c; display:block; margin:0; background-size:138px; background-position:right -50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.top_list a span { color:#8f8f8f; float:right; padding-left:25px; background-size:150px; font-size:11px; font-family:Arial; }
.top_list a span.num { background-position:-120px -266px; }
.top_list a span.peo { background-position:-120px -237px; font-size:13px }
.top_list a:last-child { border-bottom:0 }
.toplist_tit { background:#f2f2f2; padding:10px 8px 10px 6px; font-size:14px; line-height:14px; border-bottom:1px solid #dfdfdf }
.toplist_tit span { width:18px; height:18px; border-radius:9px; text-align:center; line-height:19px; font-family:Tahoma; background:#ff4544; font-style:normal; color:#fff; display:inline-block }
.toplist_tit em { float:left; width:14px; height:14px; background-position:-3px -21px; background-size:95px; margin-right:4px; margin-top:2px }
#userinfo { padding:8px; position:relative; color:#4c4c4c }
#userinfo .userinfo_r { overflow:hidden; padding-left:8px; line-height:20px }
#userinfo .userinfo_r .user_name { font-size:14px; padding-bottom:3px; line-height:30px }
#userinfo h4.user_name img { vertical-align:-2px }
#userinfo .user_account div span { color:#a8a8a8 }
#userinfo .user_account div span.red { color:#4c4c4c }
#userinfo .user_account div:nth-of-type(2) {
float:left;
width:50%;
}
#userinfo .user_account div:nth-of-type(3) {
text-align:center
}
#userinfo .userbutton { position:absolute; right:7px; top:7px }
#userinfo .userbutton a { display:inline-block; width:55px; height:30px; font-size:13px; line-height:30px; border-radius:3px; text-align:center; background:#ff4644; color:#fff; text-indent:-3px }
.user_img { float:left; }
.toptab { display:-webkit-box; border:1px solid #dfdfdf; border-width:1px 0 1px 0; background:#f2f2f2 }
.toptab span, .toptab a { -webkit-box-flex:1; text-align:center; line-height:30px; display:block; color:#4c4c4c; height:30px; border-right:1px solid #dfdfdf; width:0; overflow:hidden }
.toptab span:last-child, .toptab a:last-child { border-right:0 }
.toptab span.active, .toptab a.active { color:#ff4644; border-bottom:3px solid #ff4644; overflow:hidden }
.search_t { padding:27px 8px; background:#f2f2f2; border-bottom:1px solid #dfdfdf }
.cat_tit2 .clear_sr { float:right; font-size:13px; line-height:15px; height:14px; overflow:hidden; color:#5e5e5e }
.cat_tit2 .clear_sr em { width:14px; height:14px; background-size:105px; background-color:transparent; background-position:-44px -66px; margin-right:4px }
.search_list { clear:both; display:block; }
.search_list a { clear:both; line-height:38px; height:38px; overflow:hidden; padding:0px 20px 0 8px; font-size:14px; border-bottom:1px solid #dfdfdf; color:#8a8a8a; display:block; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
.search_list a:last-child { margin-bottom:7px; border-bottom:0 }
.search_list em { width:20px; height:20px; background-position:-75px -100px; background-size:125px; display:block; padding:0; margin:0; float:left; margin-top:7px }
.search_tags { padding:10px 0 }
.subpage_tit { height:40px; line-height:40px; font-size:14px; padding:0 7px; border-bottom:0; color:#4c4c4c }
.subpage_tit:after { visibility:hidden; display:block; font-size:0; content:' '; clear:both; height:0; }
.usrdo_wap { margin:10px 7px; position:relative; z-index:1; }
.usrdo_wap h3 { font-size:14px; line-height:30px; color:#4c4c4c }
.usrdo_wap h4 { margin:0; height:35px; line-height:35px }
#charge_rtn .r_suc { background:url(suc.png) left center no-repeat; line-height:60px; padding-left:60px; font-size:20px; color:#4c7a22; width:180px; margin:50px auto; }
#charge_rtn .r_err { background:url(err.png) left center no-repeat; line-height:60px; padding-left:60px; font-size:20px; color:#d44a4a; width:180px; margin:50px auto; }
.usrdo_selline { margin:10px 0px 0; padding:0; display:-webkit-box; }
.usrdo_selline span, .usrdo_selline div { -webkit-box-flex:1; border:0; text-align:center; line-height:30px; display:block; color:#aeaeae; height:30px; background:#f2f2f2; margin:0 5px; width:0; border-radius:2px; overflow:hidden; position:relative }
.usrdo_selline span:nth-of-type(1) {
margin-left:0
}
.usrdo_selline span:last-child { margin-right:0 }
.usrdo_selline span em, .usrdo_selline div em { width:15px; height:15px; position:absolute; right:2px; bottom:2px; background:url(pics.png) -50px -100px no-repeat; background-size:123px; border-radius:0 0 2px 0; overflow:hidden; display:none }
.usrdo_selline span.active { border:0; color:#fff; border:0; border-color:transparent; height:30px; background:#ff4644; }
.usrdo_selline .active em { display:block }
.usrdo_selline div:nth-of-type(1) {
margin-left:0
}
.usrdo_selline div:nth-of-type(2) {
margin-right:0
}
.usrdo_selline div:nth-of-type(1).active {
background-color:#ff4644;
color:#fff
}
.usrdo_selline div:nth-of-type(2).active {
background-color:#000;
color:#fff;
}
.usrdo_selline span.nonespan { background-color:transparent }
.usrdobut { display:-webkit-box; clear:both; font-size:16px; margin:15px 0 }
.usrdobut span, .usrdobut a { border-radius:2px; height:38px; line-height:38px; font-size:16px; text-align:center; display:block; -webkit-box-flex:1; border:0; margin:0; padding:0; font-family:微软雅黑; background:#b33836; color:#fff; }
.usrdobut a { background:#ffce54; color:#c57628; }
.alert { padding-left:5px; line-height:30px }
.book_clist { margin:10px; height:34px; display:-webkit-box; line-height:34px }
.clist_selectbox { position:relative; padding-left:10px; -webkit-box-flex:1; height:32px; border:1px solid #f9dea6; border-radius:3px; background:url(ico_select.png) #fff2d8 no-repeat right center; background-size:20px; color:#ca8f4a }
.clist_atz, .clist_zta { text-indent:28px; width:70px; height:32px; line-height:32px; border:1px solid #cecece; border-radius:3px; margin-left:5px; background-image:url(arrow_go_atz.png), -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebeaea)); background-repeat:no-repeat, repeat; background-position:10px center, center; background-size:8px 12px, 100%; }
.clist_zta { background-image:url(arrow_go_zta.png), -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebeaea)) }
.clist_atz:before { content:"反序"; }
.clist_zta:before { content:"正序"; }
.clist_selectbox select { -webkit-appearance:none; position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; }
.but_prev, .but_next { text-indent:28px; width:80px; height:32px; line-height:32px; border:1px solid #cecece; border-radius:3px; margin-right:5px; background-image:url(ico_prev.png), -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebeaea)); background-repeat:no-repeat, repeat; background-position:10px center, center; background-size:13px, 100%; }
.but_next { margin-right:0; margin-left:5px; background-image:url(ico_next.png), -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebeaea)); text-indent:10px; background-position:60px center, center }
.order_info { background:#fff6d5; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#4c4c4c; font-size:14px; line-height:21px; padding:7px }
.order_wap { padding:7px; background:#f2f2f2 }
.order_next { text-align:right; margin:8px 10px 0; font-size:16px }
.order_next input { vertical-align:middle }
.thread_top { background:#fff5e1; border-top:1px solid #f9dea6; border-bottom:1px solid #f9dea6; color:#303030; font-size:16px; line-height:24px; padding:8px 10px }
.thread_top h2 { color:#c6883f; font-size:18px; line-height:22px; padding:5px 0 }
.floornum { float:right; color:#da4453; font-size:14px }
.tco_ep, .tco_dig { border:1px solid #7fcc3b; background:#aee181; color:#4c7a22; display:inline-block; padding:2px; font-size:12px; line-height:12px; vertical-align:3px; font-style:normal; border-radius:3px; margin-right:5px }
.tco_dig { border:1px solid #da4453; background:#ed5565; color:#fff; }
.thread_top .thread_r, .thread_reply .thread_r { padding:0; color:#303030 }
.thread_top .thread_r .thread_txt { color:#303030; line-height:24px; margin:0 0 10px }
.thread_top .thread_r .thread_time { color:#787878; float:left }
.thread_reply { font-size:16px; line-height:24px; padding:8px 10px; border-bottom:1px solid #ddd }
.thread_reply h2 { font-size:16px; line-height:22px; padding:5px 0 }
.thread_reply .thread_r .thread_txt { line-height:24px; margin:0 0 10px }
.post_reply { margin:10px; }
.post_reply h2 { color:#c6883f; font-size:18px; line-height:24px; clear:both }
.post_con { display:-webkit-box }
.post_con textarea, .post_con input { display:block; -webkit-box-flex:1; height:80px; border:1px solid #dfdfdf; background:#f2f2f2; font-size:13px; color:#a8a8a8 }
.post_con input { height:25px }
.post_but { float:right; width:60px; height:30px; color:#fff; line-height:30px; font-size:16px; background:#999; border-radius:4px; padding:0; border:0 }
.booksite { margin:0; padding:5px 7px 5px; position:relative; zoom:1; background:#f2f2f2; border-bottom:1px solid #dfdfdf }
.booksite .bookimg { float:left; margin-right:10px; margin-bottom:15px; width:74px; height:98px }
.booksite .bookname { color:#303030; font-size:14px; line-height:25px; }
.booksite .info { color:#787878; font-size:13px; line-height:18px; }
.booksite .info div span { color:#303030 }
.booksite .cbut { position:absolute; right:7px; top:45px; width:54px; height:23px; text-align:center; border-radius:4px; font-size:14px; line-height:23px; overflow:hidden; }
.booksite .add_bs { border:1px solid #ff4643; color:#ff4643; }
.booksite .added_bs { border:1px solid #666; color:#666 }
.booksite .add_bs:before { content:"+ 书架" }
.booksite .added_bs:before { content:"已添加" }
.booksite .bookbutton { display:-webkit-box; clear:both; font-size:16px }
.booksite .bookbutton a { display:block; -webkit-box-flex:1; line-height:35px; border-radius:2px; text-align:center; background:#64c400; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px }
.mbfav_wap { height:380px; overflow:hidden }
.mbfav_wap .bookbox { border-bottom:1px solid #ddd }
.mbfav_wap .bookbox .bookname { border:0; font-size:14px; line-height:24px; height:24px; }
.mbfav_wap .bookbox .author, .mbfav_wap .bookbox .cat { border:0; font-size:13px; line-height:22px; height:22px; clear:both; float:none; color:#a8a8a8; }
.mbfav_wap .bookbox .author span, .mbfav_wap .bookbox .cat span { color:#4c4c4c }
.mbfav_info { border:1px solid #dfdfdf; white-space:nowrap; position:absolute; padding:2px 5px; color:#4c4c4c; border-radius:1px; font-size:14px; left:95px; top:85px; background:#f2f2f2 }
.mbfav_info .topcor { border:1px solid #dfdfdf; width:5px; height:5px; overflow:hidden; position:absolute; left:-4px; top:9px; background:#f2f2f2; -webkit-transform:rotate(-135deg); border-left:0; border-bottom:0 }
.booksite #booking, .booksite #booked { border-left:8px solid #5a8b35; border-right:8px solid transparent; border-top:8px solid transparent; border-bottom:8px solid transparent; width:16px; height:0px; text-align:center; color:#fff; line-height:16px; top:20px; left:32px; position:absolute; font-size:10px; box-shadow:0px 0px 0px #ccc; }
.booksite #booking { border-left:8px solid #a0c676; }
.booksite #booking:before { content:"连载"; width:30px; height:16px; line-height:16px; background:#a0c676; position:absolute; left:-38px; top:-8px }
.booksite #booked { border-left:8px solid #ab1016; }
.booksite #booked:before { content:"完结"; width:30px; height:16px; line-height:16px; background:#ab1016; position:absolute; left:-38px; top:-8px }
#lastupdate { margin:5px 0; height:35px; line-height:34px; padding:0; font-size:14px; display:-webkit-box }
#lastupdate * { -webkit-box-flex:1; }
#lastupdate em.vip { color:#ff4643; font-family:Arial; font-size:12px; display:inline-block; padding:3px 0; font-style:normal; position:relative; line-height:12px; border:1px solid #ff4643; padding:1px; text-align:center; margin:0 5px 0 0; float:left; margin-top:9px; width:26px; -webkit-box-flex:0; height:12px }
#lastupdate .last_tit { display:block; overflow:hidden; }
#lastupdate .time { font-family:Tahoma; text-align:right; font-size:12px; color:#a8a8a8; -webkit-box-flex:0; width:60px }
.book_intro { color:#5e5e5e; font-size:13px; line-height:20px; padding:30px 7px }
.book_intro span#more_intro { color:#ff4643 }
.book_intro span#more_intro em { font-style:normal }
.book_tags { padding:7px 7px 15px }
.tags_tit { float:left; line-height:25px }
.tags_wap { overflow:hidden }
.tags_wap a { font-size:12px; float:left; padding:0 6px; height:20px; background:#f2f2f2; color:#4c4c4c; line-height:20px; margin:5px 5px 0 0; overflow:hidden; border:1px solid #dfdfdf; border-radius:2px }
.donate { padding:8px 0 0 }
.donate_button { display:-webkit-box; border-bottom:1px solid #dfdfdf; padding-bottom:8px }
.donate_button .donate_tw { border:3px solid #e38d29; width:34px; height:34px; border-radius:22px; margin:auto; text-align:center }
.donate_button .donate_ti { font-size:18px; border:2px solid #e38d29; width:26px; height:26px; border-radius:15px; margin:2px auto auto; line-height:26px; text-align:center }
.donate_button span:nth-of-type(1) .donate_tw, .donate_button span:nth-of-type(1) .donate_ti {
border-color:#e38d29;
color:#e38d29
}
.donate_button span:nth-of-type(2) .donate_tw, .donate_button span:nth-of-type(2) .donate_ti {
border-color:#a0c676;
color:#a0c676
}
.donate_button span:nth-of-type(3) .donate_tw, .donate_button span:nth-of-type(3) .donate_ti {
border-color:#ff4643;
color:#ff4643
}
.donate_button span:nth-of-type(1) em {
background:#e38d29
}
.donate_button span:nth-of-type(2) em {
background:#a0c676
}
.donate_button span:nth-of-type(3) em {
background:#ff4643
}
.donate span h5 { margin:0; text-align:center; font-size:14px; font-weight:normal; color:#5e5e5e; margin-top:4px }
.donate span { -webkit-box-flex:1; width:0; display:block; margin:3px 2px 0; font-size:12px; text-align:center; color:#a4a3a3; border-radius:2px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0; line-height:18px; position:relative }
.donate span em { position:absolute; left:50%; margin-left:10px; color:#fff; top:30px; font-style:normal; padding:1px 3px; border-radius:2px }
.read_atz, .read_zta { font-size:14px; line-height:24px; overflow:hidden; color:#535252; border:0; background:#f2f2f2 url(pics.png) no-repeat 3px center; background-size:125px; background-position:-35px -149px; text-indent:16px; float:right; margin-right:5px; margin-top:-5px }
.read_atz::before {
content:"  反序  ";
}
.read_zta::before {
content:"  正序  ";
}
.wc_sel span.cur { background-color:#a0d468; border-color:#a0d468; border-bottom-color:#85b74f; color:#558323 }
.suply_wap { font-size:13px; height:40px; line-height:40px; height:40px; clear:both; margin:0 auto; border-bottom:1px solid #dfdfdf; display:-webkit-box; }
.suply_wap>div { display:block; color:#5e5e5e; -webkit-box-flex:1; margin-left:5px; overflow:hidden; text-overflow:ellipsis; }
.suply_wap>a { display:block; margin-right:5px; text-align:center; color:#4c4c4c; background:#f2f2f2; font-size:13px; border:1px solid #dfdfdf; border-radius:3px; width:65px; height:30px; line-height:30px; margin-top:4px }
.suply_wap:last-child { border-bottom:0 }
.thread_box { clear:both; padding:10px; border-bottom:1px solid #ddd }
.user_img { float:left; }
.user_img img { width:35px; height:35px; border:1px solid #ccc; border-radius:3px; padding:1px; background:#fff }
.thread_r { overflow:hidden; padding-left:10px; font-size:13px }
.thread_r .user_name { color:#4c4c4c; line-height:20px; font-size:14px }
.thread_r .thread_txt { color:#4c4c4c; margin:5px 0 8px; line-height:20px }
.thread_r .thread_time { color:#a8a8a8; float:left }
.thread_r .thread_lnk { color:#ca8f4a; float:right }
.thread_lnk a { color:#a8a8a8; }
.page { font-size:13px; height:40px; line-height:40px; height:40px; clear:both; margin:0 auto; padding:0 0 0 8px; border-bottom:1px solid #dfdfdf; display:-webkit-box; }
.page>a { display:block; margin-right:5px; text-align:center; color:#4c4c4c; background:#f2f2f2; font-size:13px; border:1px solid #dfdfdf; border-radius:3px; width:65px; height:30px; line-height:30px; margin-top:4px }
.compress { padding-bottom:10px; margin:5px 0; padding-left:10px; overflow:auto; max-height:250px; _height:expression(this.scrollHeight > 250 ? "250px":"auto");
}
.compress ul li { float:left; overflow:hidden; margin:10px 10px 0 0; width:63px; display:inline-block; line-height:20px; text-align:center; background:#D8D7D7; }
.compress ul a { text-align:center; color:#000 }

.fenji_tit {margin:20px 0 10px;font-size:16px;color:#000;font-weight:bold;}
.fenji {max-height:250px;overflow:auto;}
.fenji a {display:inline-block;vertical-align:top;width:65px;height:22px;line-height:22px;text-align:center;color:#000;background-color:#D8D7D7;margin:3px;text-decoration:none;overflow:hidden;}
.book-meta {
  margin: 200px 0; /* 整体上下间距 */
}
.meta-row {
  display: flex;
  justify-content: space-between; /* 左右两端对齐 */
  margin-bottom: 150px; /* 两行之间的间距 */
}
.meta-item {
  color: #333;
  font-size: 16px;
  width: 48%; /* 每行两个，各占近一半宽度 */
  padding: 8px 0; /* 上下内边距，增加行高 */
  box-sizing: border-box;
}