html{
    scrollbar-face-color:#E8E8E8;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-3dlight-color:#C6C6C6;
    scrollbar-arrow-color:#7C7C7C;
    scrollbar-track-color:#F5F5F7;
    scrollbar-darkshadow-color:#C6C6C6
    }
*{
    word-wrap:break-word
    }
body{
    background:#f2f2f2
    }
body, input, button, select, textarea{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:12px;
    line-height:1.42857143;
    color:#555
    }
textarea{
    resize:none
    }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc{
    margin:0;
    padding:0
    }
h1, h2, h3, h4, strong{
    font-family:"Microsoft YaHei", verdana, tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif
    }
table{
    empty-cells:show;
    border-collapse:collapse
    }
li, .xl li{
    list-style:none
    }
em, cite{
    font-style:normal
    }
a:visited, a{
    color:#107dcf;
    text-decoration:none;
    outline:none
    }
.red{
    color:#F26E59
    }
a.red{
    color:#F26E59
    }
a:hover{
    text-decoration:underline;
    color:#ff6600
    }
a img{
    border:none
    }
label{
    cursor:pointer
    }
.clear{
    clear:both;
    display:block;
    }
.margin-top-10{
    margin-top:10px
    }
.tip-browser-upgrade{
    text-align:center;
    background:#fce9cf;
    color:#915808;
    border:1px solid #fbdeb6;
    padding:8px 12px
    }

.header-search{ float:left; margin-left:50px; margin-top:15px; }
.header-search .search .searchkey{ float:left;
    border-radius:2px 0 0 2px;
    background:none;
    border:1px solid #DFDFDF;
    widtH:250px;
    line-height:30px;
    height:30px;
    padding:0 10px;
    font-size:12px;
    border-right:0; background:#fff; }
.header-search .search .btn{ widtH:74px;
    height:32px;
    background:#fff;
    padding:0;
    cursor:pointer;
    font-size:14px;
    border:1px solid #ddd;
    border-radius:0 2px 2px 0; font-family:"Microsoft YaHei", "\u5fae\u8f6f\u96c5\u9ed1", "\u5b8b\u4f53"; }
.header-search .search .btn:hover{ border-color:#bbb; color:#f60; }
.header-right{ float:right; }
.topajax{ text-align:right; margin-top:15px; }
.topajax.userinfo{ color:#999; }
.topajax.userinfo a{ font-size:14px; }
.topajax .username{ margin-right:5px; color:#f60; }
.topajax a + a{ margin-left:5px }
.topajax .t_a{ float:right; margin-left:10px; background:#fff; border:1px solid #ddd; border-radius:2px 2px; padding:3px 10px; height:24px; line-height:24px; }
.topajax .t_a:hover{ border-color:#bbb; }
.header{ width:960px; margin:5px auto }
.logo{ float:left; width:200px; height:60px }
.logo img{ width:100%; height:100% }
.nav-bar{ height:40px; width:960px; clear:both; background:#488fce; margin:8px auto 10px auto }
.nav-bar a{ color:#fff }
.nav_cont{ float:left }
.nav_cont ul li{ float:left; width:87px; position:relative; display:block; text-align:center; line-height:40px; font-size:14px }
.nav_cont ul li:hover{ background:#247bc8; }
.nav_cont ul li a{ display:block; text-decoration:none }
.nav_cont ul li img{ position:absolute; left:56px; top:-10px }
.nav_cont ul li a.hover{ background:#247bc8 }
.nav_cont ul li a.hover:hover{ text-decoration:none }
.nav_cont ul li + li:before{ width:2px; overflow:hidden; height:40px; content:" "; float:left }

#head .logo{
    float:left;
    width:110px;
    height:40px;
    padding-left:0;
    overflow:hidden;
    padding-top:0;
    margin-right:10px
    }
#head{
    background:#488fce;
    width:100%;
    height:40px;
    margin-bottom:10px;
    }
#head .head_t{
    width:960px;
    height:40px;
    margin:0 auto;
    overflow:hidden
    }
#head li{
    float:left;
    height:40px;
    line-height:40px;
    margin:0;
    width:75px;
    text-align:center
    }
#head li + li{
    margin-left:1px
    }
#head .home{
    margin-top:8px;
    width:34px;
    padding:0;
    height:28px;
    overflow:hidden;
    margin-right:15px
    }
#head .home a{
    width:34px;
    height:28px;
    display:block;
    background:url(../images/home.gif) no-repeat 0 0
    }
#head .home a:hover{
    background:url(../images/home.gif) no-repeat 0 -32px
    }
#nv_portal .home a{
    background:url(../images/home.gif) no-repeat 0 -32px
    }
#head li a{
    color:#f8f8f8;
    height:40px;
    text-shadow:0 1px #093F6C;
    font-family:"microsoft yahei", Arial, Helvetica, sans-serif;
    font-size:14px;
    display:block;
    text-align:center
    }
#head li.on a{
    background:#0067c8
    }
#head li a:hover{
    text-decoration:underline
    }
#head li span{
    display:none
    }
#head .a{
    background:none
    }
#head li.a a{
    background:#1E1E1E
    }
#head li a:hover{
    background:#247bc8;
    text-decoration:none
    }
#head li.hover a:hover, #head li.hover a{
    background:#131313
    }
#head #contact.a a{
    background:#fff;
    color:#666
    }
#head .r{
    float:right;
    padding-top:9px;
    padding-top:10px \9
    }
#head .r a{
    float:left;
    color:#999;
    margin-right:12px;
    height:30px;
    padding:3px 0;
    background:none;
    line-height:20px !important;
    display:block
    }
#head .r span{
    display:none
    }
#head #loginc{
    float:right;
    text-align:center;
    font-size:14px;
    margin:8px 0 0;
    width:79px;
    height:37px;
    overflow:hidden;
    font-weight:normal;
    line-height:37px;
    cursor:pointer;
    color:#fff;
    background:#247bc8
    }
#head #loginc:hover{
    color:#FFF;
    text-decoration:none
    }
#head #loginc.menu-open{
    background:#f2f2f2;
    color:#334249
    }
#head #loginc.menu-open:hover{
    color:#334249
    }
* html #head #loginc{
    margin-right:8px;
    background:none !important
    }
* html #head #loginc.menu-open{
    margin-right:8px;
    background:#f2f2f2 !important
    }
#loginc .ypm{
    background:url(../images/pm.gif) no-repeat 0 6px;
    padding-left:18px;
    padding-right:4px
    }
#loginc .ytx{
    background:url(../images/notice.gif) no-repeat 0 3px;
    padding-left:17px;
    padding-right:8px
    }
#head .ie8 #qmenu{
    line-height:35px !important
    }
#head #yeeilogin{
    float:right;
    text-align:center;
    font-size:14px;
    margin:8px 0 0;
    width:82px !important;
    height:37px;
    font-weight:normal;
    line-height:37px;
    color:#fff;
    cursor:pointer;
    background:#247bc8
    }
#head #yeeilogin:hover{
    color:#BDD817;
    text-decoration:none
    }
#head .ie8 #yeeilogin{
    line-height:35px !important
    }
* html #yeeilogin{
    background:none !important
    }
.yeeilogina{
    margin:0;
    overflow:hidden;
    position:relative;
    height:0
    }
#login{
    width:100%;
    background:#65a1d7;
    overflow:hidden;
    z-index:3;
    height:0
    }
#login .logincontent{
    width:1000px;
    height:70px;
    overflow:hidden;
    position:relative;
    margin:0 auto;
    padding-top:15px
    }
#login .loginclose{
    display:block;
    position:absolute;
    right:0;
    top:10px;
    width:19px;
    font-size:.8em;
    text-align:left
    }
#login .loginclose a{
    display:block;
    width:19px;
    height:20px;
    background:url(../images/close.gif) no-repeat right 0;
    border:none
    }
#login .loginclose a:hover{
    background:url(../images/close.gif) no-repeat right -20px
    }
.lleft{
    float:left;
    color:#efefef;
    width:360px;
    font-family:'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, Arial, sans-serif !important;
    overflow:hidden;
    height:55px;
    margin-right:30px;
    border-right:1px solid #d3d3d3
    }
.lleft h3{
    font-size:25px;
    text-align:center
    }
.lleft p{
    text-align:center
    }
.lright{
    float:left;
    width:550px;
    color:#efefef;
    padding-top:3px
    }
.lright .lorx{
    float:left;
    width:550px;
    padding-bottom:10px
    }
.lright .lorx div{
    float:left;
    padding:0 3px
    }
.lright .lorx .x{
    line-height:24px
    }
.lright a{
    color:#666 !important
    }
.lright input.px{
    border:none;
    background:#efefef;
    height:19px;
    line-height:19px;
    width:120px;
    color:#888
    }
.lright input:focus.px{
    background:#fff
    }
.lright .pns{
    background:url(../images/pn.gif) no-repeat 0 0;
    height:23px;
    overflow:hidden;
    width:52px;
    font-family:'Hiragino Sans GB', 'Microsoft YaHei', '����', Helvetica, Arial, sans-serif !important;
    color:#673D01;
    border:none;
    font-weight:normal;
    cursor:pointer
    }
.lright .lobx{
    padding-left:29px;
    width:470px
    }
.lright .lobx a{
    color:#f90 !important
    }
.sltm{
    border-top:none
    }
.nv_e{
    background:#333
    }
.p_pop{
    border:1px solid #ccc;
    background:#fff;
    width:500px;
    z-index:99999;
    filter:alpha(opacity=80);
    -moz-opacity:.8;
    -khtml-opacity:.8;
    opacity:.8
    }
.p_pop li{
    float:left;
    display:block;
    line-height:25px
    }
.p_pop li a{
    font-size:14px;
    color:#000;
    font-weight:normal;
    margin:0 2px;
    text-align:center;
    padding:2px 5px 0 5px;
    display:block
    }
.p_pop li:last-child a{
    border:none
    }
.p_pop li a:hover{
    background:#444;
    color:#fff;
    text-decoration:none
    }
.h_pop{
    border-top:none
    }
#head_b{
    background:#f5f5f5;
    width:100%;
    height:26px;
    padding:3px 0
    }
#head_b .head_b{
    width:960px;
    margin:0 auto;
    height:26px;
    overflow:hidden;
    line-height:26px
    }
#head_b .r{
    float:right
    }
#head_b .r small{
    background:#f1f1f1;
    border:1px solid #e1e1e1;
    padding:3px 5px
    }
#head_b .r small a{
    color:#5b7d0c;
    font-weight:bold
    }
#head_b .z{
    float:left
    }
#head_b .z .pipe{
    display:none
    }
.wp{
    margin:0 auto;
    width:960px
    }
#mys{
    display:none;
    z-index:1;
    top:0;
    position:absolute;
    right:0;
    border:none;
    background:#f2f2f2;
    padding-bottom:11px;
    _padding-bottom:10px;
    width:180px
    }
#mys .mysn{
    float:left;
    background:#f2f2f2;
    padding:0 6px 8px 6px;
    width:165px
    }
#mys .mysnb{
    float:left;
    padding:10px 5px 0 4px;
    width:159px
    }
#mys .ums{
    float:left;
    width:154px;
    padding:0 4px;
    background:url(../images/bottom_b.gif) repeat-x 0 bottom;
    height:65px
    }
#mys .ums .avt{
    float:left;
    width:60px;
    padding-top:1px
    }
#mys .ums .avt img{
    background:#fff;
    border:1px solid #ddd;
    border-bottom:1px solid #bbb;
    border-right:1px solid #bbb
    }
#mys .ums .nam{
    float:left;
    width:94px
    }
#mys .ums .nam .j{
    color:#666
    }
#mys .ums .nam .j a{
    color:#4A5E67
    }
#mys .ums2{
    float:left;
    width:158px;
    padding:4px 2px;
    background:url(../images/bottom_b.gif) repeat-x 0 bottom;
    padding-bottom:9px
    }
#mys .ums2 a{
    float:left;
    margin:1px 2px;
    _margin:1px 2px 1px 1px;
    width:74px;
    height:20px;
    overflow:hidden;
    line-height:19px;
    line-height:22px;
    *line-height:18px;
    color:#fff;
    text-align:center;
    display:block;
    background:#96BAE7
    }
#mys .ums2 a:hover{
    color:#fff;
    background:#f90;
    text-decoration:none
    }
#mys .ums2 .new{
    background-color:#f2c9c9;
    background-position:0 -20px;
    color:#C60000
    }
#mys .ums2 .new:hover{
    background-position:0 -20px;
    background-color:#EDB3B3;
    color:#BB0000
    }
#mys .ums2 .lot{
    background-position:0 -40px
    }
#mys .ums2 .lot:hover{
    background-position:0 -40px
    }
#mys .adm a{
    background:#8CA011 url(../images/mya.png) no-repeat 0 0;
    color:#fff
    }
#mys .adm a:hover{
    background:#8CA011 url(../images/mya.png) no-repeat 0 0;
    color:#E9F5A1
    }
#mys .logx{
    float:left;
    width:154px;
    padding:4px 4px;
    background:url(../images/bottom_b.gif) repeat-x 0 bottom;
    padding-bottom:9px
    }
#mys .logx a{
    color:#2A5887
    }
#mys .logs{
    color:#888;
    background:none
    }
#mys .ums3{
    float:left;
    width:158px;
    padding:4px 0 2px 0
    }
#mys .ums3 a{
    float:left;
    margin:1px 2px 1px 6px;
    _margin:1px 2px 1px 4px;
    width:56px;
    height:20px;
    padding-left:14px;
    line-height:22px;
    color:#39484F;
    display:block;
    background-repeat:no-repeat;
    background-position:0 4px
    }
#mys ul{
    float:left;
    width:200px
    }
.scspy{
    border:1px solid #BDBDBD;
    border-top:none;
    margin-top:-1px;
    background:#fff;
    width:188px;
    padding:5px 5px 10px 5px
    }
.scspy #scs_t .xw1{
    float:left;
    width:178px;
    padding:0 5px 5px 5px;
    background:url(../images/bottom_b.gif) repeat-x 0 bottom;
    margin-bottom:7px
    }
.scspy #scs_t .xw1 a{
    float:right;
    font-weight:normal;
    color:#EAA805
    }
.scspy #scs_t a{
    margin:0 6px 3px 5px;
    float:left;
    white-space:nowrap
    }
.scspy #scs_t .pxxl{
    margin-top:3px;
    height:18px;
    line-height:18px;
    _line-height:15px;
    width:31px;
    overflow:hidden;
    background:url(../images/head_b.gif) no-repeat right -97px;
    padding:4px 8px 3px 3px !important;
    border:none;
    text-align:center
    }
.scspy #scs_t .sx{
    margin-top:3px;
    margin-left:0;
    background:#F5F5F5;
    padding:4px 3px 3px 3px;
    height:18px;
    line-height:18px;
    _line-height:15px;
    overflow:hidden;
    margin-bottom:8px;
    float:left;
    width:128px
    }
.scspy #scs_t .sx li{
    float:left
    }
#pt{
    margin-bottom:0;
    height:30px;
    width:973px;
    margin:8px auto;
    overflow:hidden;
    padding:0 0 0 7px;
    border:1px solid #E5E5E5;
    line-height:30px;
    line-height:32px \9;
    _line-height:30px;
    background:#F9F9F9 url(../images/bsi_bg.gif) repeat-x 0 -43px;
    color:#444
    }
#pt .z a, #pt em{
    float:left;
    height:30px !important;
    color:#444
    }
#pt em{
    width:20px !important;
    background:url(../images/pt.gif) no-repeat 40% 0 !important;
    line-height:200px !important;
    overflow:hidden
    }
.xsyeei{
    padding:10px 5px;
    line-height:24px
    }
.xsyeei .articles{
    display:block
    }
.xsyeei .articles a{
    color:#107dcf;
    margin:0
    }
.xsyeei .articles a:hover{
    color:#f60
    }
#banner{
    clear:both;
    margin:0 auto;
    width:1000px;
    margin-top:10px;
    text-align:center
    }
#banner2{
    clear:both;
    margin:5px auto 0 auto;
    text-align:center
    }
#banner li{
    list-style:none;
    float:left;
    width:467px;
    margin:1px;
    padding:2px 5px;
    height:25px;
    line-height:25px;
    background:#f6f6f6;
    border-bottom:1px solid #eee
    }
#banner li a.title{
    width:180px;
    height:25px;
    float:left;
    text-align:left;
    color:#111;
    overflow:hidden
    }
#banner li a.chapter{
    width:245px;
    height:25px;
    float:left;
    text-align:left;
    color:#666;
    overflow:hidden
    }
#banner li a.delbook{
    width:30px;
    float:right;
    padding:0 2px;
    border:1px solid #555;
    color:#333
    }
#banner li:hover{
    background:#666;
    color:#f6f6f6
    }
#banner li:hover a{
    color:#f6f6f6
    }
#banner li:hover a.delbook{
    background:#fff;
    color:#666
    }
#main{
    clear:both;
    width:960px;
    margin:0 auto;
    margin-bottom:10px
    }
.box{
    margin:5px 0 0 0;
    *border-left:1px solid #ddd;
    *border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    height:40px;
    line-height:40px;
    background:#fff;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px
    }
.box small{
    font-size:12px;
    font-weight:normal
    }
.box3{
    padding:5px 10px;
    margin:0 10px 5px 0;
    background:#fff;
    line-height:26px;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef
    }
.box3 + .box3{
    margin-top:10px
    }
.box3 li{
    float:left;
    width:225px;
    margin:0 0
    }
.box3 h3{
    height:40px;
    font-size:20px;
    line-height:40px;
    font-weight:bold
    }
.box .bl{
    float:left;
    padding-left:10px
    }
.box .bl #baidulink{
    padding-top:10px;
    line-height:40px
    }
.help{
    padding:0 0 0 5px;
    margin:5px 0 0 0;
    border-top:1px dashed #e5e5e5
    }
.search-box{
    padding:3px 5px
    }
.search-box .radio{
    margin:8px 0
    }
.search-box .radio + .radio{
    margin-left:10px
    }
.search-box .radio input{
    vertical-align:-3px;
    margin-left:0;
    margin-right:3px
    }
.search-box .select{
    height:28px;
    line-height:24px;
    vertical-align:middle;
    padding:2px 4px;
    display:block;
    width:100%;
    margin:8px 0
    }
.search-box .px{
    height:20px;
    padding:2px 5px;
    line-height:20px;
    width:190px;
    vertical-align:middle;
    margin:6px 0
    }
.search-box .pnc{
    display:inline-block;
    padding:0 8px;
    height:30px;
    cursor:pointer;
    vertical-align:middle;
    letter-spacing:3px;
    margin:0;
    width:50%;
    margin-top:5px
    }
.br{
    float:left
    }
.br + .br{
    margin-left:10px
    }
.br .select{
    height:28px;
    line-height:24px;
    vertical-align:middle;
    padding:2px 4px
    }
.br .px{
    height:20px;
    padding:2px 5px;
    line-height:20px;
    width:180px;
    vertical-align:middle
    }
.br .pnc{
    display:inline-block;
    padding:0 8px;
    height:30px;
    cursor:pointer;
    vertical-align:middle;
    letter-spacing:3px
    }
.br a.pnc{
    height:24px;
    line-height:24px;
    letter-spacing:1px
    }
#tbox h1{
    background:#fff;
    padding:10px;
    margin-top:5px;
    margin-right:12px;
    color:#c82c2c
    }
#tbox .index-description{
    background:#fff;
    padding:0 10px 10px 10px;
    margin-right:12px;
    line-height:18px;
    color:#999
    }
#container .item{
    float:left;
    width:354px;
    margin-right:8px;
    margin-bottom:10px;
    height:172px;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
#container .item .pic{
    float:left;
    width:110px;
    height:150px;
    display:inline;
    margin:10px 10px
    }
#container .item .pic img{
    width:100px;
    height:140px;
    padding:5px;
    background:#eee;
    vertical-align:top
    }
#container .item .pic img:hover{
    background:#ddd
    }
#container .item .txt{
    float:left;
    width:210px;
    margin:5px 5px
    }
#container .item .txt dt{
    font-size:14px;
    font-weight:700;
    height:20px;
    line-height:20px;
    OVERFLOW:hidden;
    word-break:break-all
    }
#container .item .txt dt a{
    font-size:14px
    }
#container .item .txt .info{
    color:#999;
    height:100px;
    OVERFLOW:hidden;
    word-break:break-all;
    line-height:20px
    }
#container .item .txt dd{
    height:24px;
    line-height:24px;
    OVERFLOW:hidden;
    word-break:break-all;
    margin: 5px 0;
    }
#container .item .txt dd a{
    color:#555
    }
#container .item .txt dd a.normal{
    color:#3366CC
    }
#container .item .txt dd a:hover{
    color:#f90
    }
#container .item .txt dd span{
    float:left
    }
#container .item .txt .star{
    position:relative;
    float:left;
    height:12px;
    width:69px;
    margin:6px 0 0 5px
    }
#container .item .txt .star .star_red{
    position:absolute;
    top:0;
    left:0;
    height:12px;
    width:69px;
    z-index:2;
    background:url(../images/star.png) repeat-x scroll left top transparent
    }
#container .item .txt .star .star_grey{
    background:url(../images/star.png) repeat-x scroll left -15px transparent;
    height:12px;
    width:69px
    }
#container .item .txt .pink, #container .item .txt .blue, #container .item .txt .green{
    color:#FFF;
    margin-right:2px;
    background:#F66B5B;
    padding:0 5px
    }
#container .item .txt .blue{
    background:#96BAE7
    }
#container .item .txt .green{
    background:#9CDBC3
    }
#container .item .txt .comment{
    width:232px;
    height:99px;
    margin-top:10px;
    background:#FFF;
    border:1px solid #EAEAEA
    }
#container .item .txt .comment h3{
    font-weight:400;
    height:24px;
    line-height:24px;
    border-bottom:1px solid #E9E9E9;
    padding:0 10px
    }
#container .item .txt .comment .comment_list{
    width:220px;
    height:60px;
    overflow:hidden;
    margin:8px 0 0 10px
    }
#container .item .txt .comment .comment_list ul{
    width:220px
    }
#container .item .txt .comment .comment_list ul li{
    height:20px;
    line-height:20px;
    white-space:nowrap
    }
#container .item .txt .comment .comment_list ul li b{
    color:#999;
    font-weight:400
    }
#control{
    height:37px;
    text-align:center;
    background:url(../images/bg.png) no-repeat
    }
#control span{
    width:15px;
    height:15px;
    font-size:0;
    line-height:0;
    cursor:pointer;
    display:inline-block;
    background:#f3f3f3;
    border:1px solid #BCC1C5;
    margin:13px 2px 2px
    }
#control span.active{
    background:#666;
    border:1px solid #6E6E6E
    }
#maintop{
    width:1000px;
    margin:0 auto
    }
#maintop .titletop{
    padding:5px 4px 10px 4px;
    margin:5px 0 0 5px;
    width:235px;
    float:left;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
#maintop .index{
    margin-left:0
    }
#maintop .titletop ul li .num{
    padding-left:10px;
    color:#f60
    }
#maintop a:hover{
    text-decoration:underline
    }
#mainleft{
    width:730px !important;
    _width:730px;
    float:left;
    OVERFLOW:hidden;
    word-break:break-all
    }
#mainright{
    width:230px !important;
    _width:215px;
    float:right
    }
#mainleft .titletop{
    padding:5px 4px 10px 4px;
    margin:0 9px 10px 0;
    width:224px;
    float:left;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
#mainright .titletop{
    padding:5px 4px;
    width:220px;
    margin-bottom:10px;
    float:left;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
#mainright .titletop:last-child{
    margin-bottom:0
    }
#mainleft .uplist{
    clear:both;
    padding:2px 5px;
    margin:0 10px 2px 0;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
#maintop .titletop h3, #mainleft .titletop h3, #mainleft .uplist h3{
    height:26px;
    line-height:20px;
    font-size:14px;
    padding:0 10px 0 15px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    position:relative
    }
#maintop .titletop h3:before, #mainleft .titletop h3:before, #mainleft .uplist h3:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    border-left:3px solid #107dcf;
    height:16px;
    margin-left:5px;
    margin-top:2px
    }
#maintop .titletop h3 span, #mainleft .titletop h3 span, #mainleft .uplist h3 span{
    float:right;
    font:40px/1.3 'Monotype Corsiva', Arial, sans-serif;
    line-height:40px;
    color:#e0e0e0;
    font-weight:bold
    }
#maintop .titletop h3, #mainleft .titletop h3, #mainleft .uplist h3 a{
    text-decoration:none;
    color:#666
    }
#maintop .titletop ul, #mainleft .titletop ul{
    clear:both;
    padding:0 0
    }
#maintop .titletop ul li, #mainleft .titletop ul li, #mainleft .uplist ul.titlelist li{
    height:25px;
    line-height:25px;
    margin:4px 0;
    OVERFLOW:hidden;
    word-break:break-all;
    padding-left:5px
    }
#mainleft .titletop ul li.top{
    height:72px
    }
#mainleft .titletop ul li.top .pic{
    DISPLAY:block;
    FLOAT:left;
    padding:3px 0
    }
#mainleft .titletop ul li.top .pic img{
    border:2px solid #dbdbdb
    }
#mainleft .titletop ul li.top .text{
    FLOAT:left;
    width:130px;
    padding-left:10px;
    overflow:hidden
    }
#mainleft .titletop ul li.top .text strong{
    font-size:14px;
    COLOR:#444;
    height:25px;
    overflow:hidden;
    display:block
    }
#mainleft .titletop ul li.top .text P{
    COLOR:#444;
    DISPLAY:block;
    OVERFLOW:hidden;
    word-break:break-all;
    LINE-HEIGHT:22px
    }
#mainleft .titletop ul li.top em{
    FLOAT:left;
    padding:0 13px 0 5px;
    color:#6b1818;
    font-size:30px;
    line-height:70px;
    font-family:'Monotype Corsiva', Arial, sans-serif;
    font-weight:bold
    }
#maintop .titletop ul li em, #mainleft .titletop ul li em{
    padding:0 13px 0 5px;
    color:#ccc;
    font:25px 'Monotype Corsiva', Arial, sans-serif;
    font-weight:bold
    }
#mainleft .titletop ul li .author{
    color:gray
    }
#mainleft .uplist ul.type{
    clear:both;
    height:20px;
    padding:5px 10px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
    }
#mainleft #tlist{
    OVERFLOW:hidden
    }
#mainleft #tlist ul.titlelist{
    clear:both;
    padding:5px 10px 0 10px
    }
#mainleft #tlist ul.type li, #mainleft .uplist ul.titlelist li{
    display:block
    }
#mainleft #tlist ul.titlelist li{
    border-bottom:1px dotted #e5e5e5;
    margin:7px 0
    }
#mainleft #tlist ul.titlelist li:last-child{
    border-bottom:none
    }
#mainleft .uplist .lb{
    width:65px;
    float:left
    }
#mainleft .uplist .lb a{
    color:#666
    }
#mainleft .uplist .lb a:hover{
    color:#f90
    }
#mainleft .uplist .zp{
    width:20%;
    float:left
    }
#mainleft .uplist .zz{
    width:40%;
    float:left
    }
#mainleft .uplist .zz a{
    color:#666
    }
#mainleft .uplist .zz a:hover{
    color:#f90
    }
#mainleft .uplist .author{
    width:18%;
    float:left
    }
#mainleft .uplist .sj{
    float:left
    }
#mainright .titletop h3, #mainright .titletop h2{
    height:22px;
    font-size:14px;
    padding:3px 5px 3px 15px;
    line-height:14px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    position:relative
    }
#mainright .titletop h3:before, #mainright .titletop h2:before{
    content:" ";
    position:absolute;
    left:0;
    top:0;
    border-left:3px solid #107dcf;
    height:16px;
    margin-left:5px;
    margin-top:2px
    }
#mainright .titletop h3 a, #mainright .titletop h2 a{
    text-decoration:none;
    color:#666
    }
#mainright .titletop h3 span, #mainright .titletop h2 span{
    float:right;
    font:40px/1.3 'Monotype Corsiva', Arial, sans-serif;
    line-height:40px;
    color:#e0e0e0;
    font-weight:bold
    }
#mainright .titletop .noticeC{
    clear:both;
    line-height:24px;
    padding:5px
    }
#mainright .titletop .noticeC .bdlikebutton{
    width:85px;
    height:25px
    }
#mainright .titletop ul{
    clear:both
    }
#mainright .titletop ul.ulist{
    clear:both;
    border-top:1px solid #ddd;
    padding:5px 8px
    }
#mainright .titletop ul.ulist li{
    float:left
    }
#mainright .titletop ul li{
    line-height:18px;
    word-break:break-all;
    margin:3px 0;
    border-bottom:1px dotted #e5e5e5;
    padding:5px 0 5px 5px
    }
#mainright .titletop ul li:last-child{
    border-bottom:none
    }
#mainright .titletop ul li em{
    color:#ccc
    }
#mainright .titletop ul li .s1{float: left;height: 20px;margin-right: 5px;overflow: hidden;}
#mainright .titletop ul li .s2{float: left;width: 125px;overflow: hidden;height: 20px;overflow: hidden;}
#mainright .titletop ul li span.small{font-size:12px}
#mainright .avatars{
    width:60px;
    height:60px;
    border:2px solid #eee
    }
.shpop{
    padding:5px 8px 15px 12px;
    width:200px;
    border:1px solid #aaa;
    border-top:none;
    background:#fff;
    margin-top:0;
    margin-top:-1px \9;
    margin-left:1px
    }
.shpop h3{
    margin-top:4px;
    padding:3px 2px;
    font-family:'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    color:#2D3444
    }
.shpop p{
    font-weight:normal;
    color:#666;
    background:url(../images/bottom_b.gif) repeat-x top;
    line-height:22px;
    padding-left:5px
    }
.shpop p a{
    color:#666;
    text-decoration:underline
    }
.shpop p em{
    color:#666
    }
.shpop p.qq{
    background:url(../images/qq_q.gif) no-repeat 0 8px;
    padding:5px 0 0 18px
    }
.srss{
    margin:5px 0 0 0;
    float:left
    }
.srss h3{
    background:url(../images/bottom_b.gif) repeat-x 0 0;
    margin-bottom:0;
    padding-top:15px
    }
.srss h3 span{
    font-weight:normal;
    color:#666
    }
.srss .btsr{
    border:1px solid #D0D0D0;
    width:173px;
    background:#fff url(../images/pxa.gif) repeat-x 0 0;
    padding:0 5px;
    height:26px;
    line-height:26px;
    margin-bottom:6px;
    float:left
    }
.srss .btan{
    border:1px solid #D0D0D0;
    background:#fff url(../images/bsi_bg.gif) repeat-x 0 -1px;
    font-weight:bold;
    padding:5px 10px;
    *padding:3px 6px;
    float:left;
    cursor:pointer
    }
.srss .btan:hover{
    border:1px solid #8A9E00;
    background:#B5CF00 url(../images/bsi_bg.gif) repeat-x 0 -171px;
    color:#525E00
    }
#links{
    width:960px;
    margin:0 auto
    }
.c_title{
    font-weight:bold;
    padding:5px 2px
    }
.articlemenu{
    line-height:20px;
    background:#f6f6f6;
    border-bottom:1px solid #ddd
    }
.articlemenu ul.artlist li{
    padding:5px 15px;
    float:left
    }
.articlemenu ul.toplist li{
    padding:5px 16px;
    float:left
    }
#articlelist{
    padding-bottom:5px;
    background:#fff
    }
#articlelist small{
    font-size:12px;
    font-weight:none;
    padding-left:20px
    }
#articlelist h3{
    height:40px;
    font-size:20px;
    padding:0 10px;
    line-height:40px;
    font-weight:bold;
    border-bottom:1px solid #eee
    }
#articlelist h3 span{
    float:right;
    font:40px/1.3 'Monotype Corsiva', Arial, sans-serif;
    line-height:40px;
    color:#e0e0e0;
    font-weight:bold
    }
#articlelist li{
    clear:both;
    height:28px;
    line-height:28px;
    border-bottom:1px dotted #e5e5e5;
    padding:2px 0
    }
#articlelist .l0{
    width:7%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l1{
    width:10%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l2{
    width:16%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    padding-left:5px
    }
#articlelist .l3{
    width:13%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l4{
    width:28%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word
    }
#articlelist .l5{
    width:10%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l6{
    width:8%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l7{
    width:13%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word;
    text-align:center
    }
#articlelist .l8{
    width:25%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word
    }
#articlelist .l9{
    width:43%;
    height:28px;
    float:left;
    overflow:hidden;
    word-wrap:break-word
    }
.articlepage{
    height:40px;
    line-height:40px;
    display:block;
    text-align:center;
    background:#fff
    }
.articlepage em{
    padding:6px 12px;
    border:1px solid #e5e5e5;
    color:#488fce;
    text-decoration:none;
    background:#fff
    }
.articlepage a{
    padding:6px 10px;
    border:1px solid #e5e5e5;
    border-left:none;
    color:#488fce;
    text-decoration:none;
    background:#fff
    }
.articlepage strong{
    padding:6px 12px;
    background:#488fce;
    color:#fff
    }
.articlepage input{
    padding:5px 3px;
    border:1px solid #e5e5e5;
    background:#fefefe
    }
.articlepage input:hover{
    background:#ffffff
    }
.articlepage a:hover{
    background:#f2f2f2
    }
h2.tabs{
    margin-bottom:20px;
    padding:5px 10px;
    border-bottom:1px solid #e5e5e5;
    display:block;
    font-size:20px
    }
ul.tabs{
    margin-bottom:20px
    }
ul.tabs li{
    color:#333333;
    background:#fff;
    width:200px;
    display:block;
    padding:3px 20px;
    border:1px solid #EFEFE0;
    margin-right:30px
    }
ul.tabs2 li{
    color:#333333;
    background:#fff;
    display:block;
    padding:3px 10px;
    border:1px solid #EFEFE0
    }
dl.reg_tips{
    border-top:1px dashed #E5E5E5;
    display:block;
    margin-top:15px;
    padding-top:10px;
    line-height:26px
    }
dl.reg_tips dt{
    color:#333333;
    font-weight:bold;
    line-height:28px
    }
dl.reg_tips dd strong{
    color:#666666
    }
.inner{
    padding-top:20px
    }
.iForm{
    margin:20px;
    color:#666
    }
.iForm fieldset{
    border:none;
    padding:10px 20px
    }
.iForm fieldset label{
    clear:both;
    float:left;
    text-align:left;
    width:120px
    }
.iForm fieldset p{
    margin-bottom:15px;
    line-height:22px
    }
.iForm fieldset p.remember{
    margin:30px 0 20px 60px
    }
.iForm fieldset span{
    display:block;
    margin-left:116px;
    padding:6px 0
    }
input.iInput{
    background-color:#F9F9F9;
    border:1px solid #DCDCDC;
    width:300px;
    height:25px;
    line-height:25px;
    padding:2px 5px
    }
textarea.iText{
    background-color:#F9F9F9;
    border:1px solid #DCDCDC;
    padding:2px
    }
input.iVInput{
    background-color:#F9F9F9;
    border:1px solid #DCDCDC;
    width:80px;
    padding:2px
    }
select.iSelect{
    padding:2px
    }
.iForm .btn{
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #DCDCDC;
    color:#333;
    display:block;
    background:#fff;
    text-align:center;
    cursor:pointer;
    width:120px;
    height:30px
    }
.iForm .btn:hover{
    border-color:#b2b2b2;
    background:#f2f2f2
    }
.grid{
    background:#fff
    }
.grid caption{
    background:#fff;
    color:#222;
    height:33px;
    line-height:33px;
    border:1px solid #DCDCDC;
    margin-bottom:5px
    }
.grid td{
    border:1px solid #DCDCDC;
    padding:2px 5px;
    height:25px;
    line-height:25px
    }
.grid th{
    border:1px solid #dcdcdc;
    height:30px;
    line-height:30px
    }
#profile_h{
    margin-top:5px
    }
#profile_h h3{
    color:#000;
    height:40px;
    line-height:40px;
    padding:2px 5px;
    width:100px;
    float:left;
    font-weight:bold
    }
#profile_content{
    margin:5px auto;
    padding:5px 10px;
    background:#ffffff;
    border-top:1px solid #F2F2F2
    }
#profile_content .tabs{
    background:#f3f3f3;
    width:auto;
    margin:5px 0;
    padding:5px 10px;
    border:1px solid #dbdbdb
    }
#profile_content h3{
    font-size:14px;
    padding:2px 5px;
    font-weight:normal
    }
#userInfo{
    float:left;
    width:300px
    }
#userInfo h4{
    margin-top:0
    }
#userInfo .avatar{
    float:left;
    margin:0 10px 0 0
    }
ul.userNav{
    clear:left;
    float:right
    }
ul.userNav li{
    background:#E8E7E5;
    margin:5px 5px 0 0;
    border:1px solid #F2F2F2;
    float:left
    }
ul.userNav li a{
    float:left;
    color:#fff;
    padding:3px 15px;
    overflow:hidden;
    cursor:pointer;
    background:#488fce
    }
ul.userNav li a:hover{
    background:#247bc8;
    text-decoration:none
    }
ul.userNav li.current{
    background:#ffffff;
    font-weight:bold
    }
ul.userNav li.current a{
    background:#ffffff;
    color:#333333
    }
.section{
    background:#ffffff;
    margin-bottom:5px;
    clear:both
    }
.section h3{
    color:#000000;
    border-bottom:1px solid #DCDCDB;
    line-height:28px;
    margin-bottom:10px
    }
.section div.inner{
    position:relative
    }
.iTable{
    background:#ffffff;
    width:100%;
    margin:0 auto 3px auto;
    word-break:keep-all
    }
.iTable thead{
    background:#f7f7f7
    }
.iTable thead tr td{
    color:#525252;
    border-bottom:2px solid #f2f2f2
    }
.iTable thead tr th{
    color:#525252;
    padding:5px 4px;
    text-align:center;
    border-bottom:2px solid #f2f2f2
    }
.iTable tr td{
    color:#666666;
    padding:5px 4px;
    border-bottom:1px solid #EFEFEF
    }
.iTable tr.highlight{
    background:#F7F7F0;
    cursor:pointer
    }
.row-actions{
    width:50px;
    text-align:right
    }
.row-actions a{
    margin-right:4px;
    display:inline
    }
.iTable .name span{
    position:relative;
    z-index:0
    }
.iTable .name:hover{
    background-color:transparent;
    z-index:50
    }
.iTable .name span img{
    border-width:0;
    padding:2px;
    position:absolute;
    background-color:#FFFFE0;
    left:-1000px;
    border:1px dashed gray;
    visibility:hidden;
    color:#000;
    text-decoration:none;
    padding:4px
    }
.iTable .name:hover img{
    visibility:visible;
    top:-30px;
    left:0
    }
.iTable .hottext{
    padding-left:5px;
    color:#f60
    }
#topbang{
    margin:0 auto;
    width:960px;
    background:#fff;
    color:#222
    }
#topbang ul{
    padding:10px 20px
    }
#topbang li{
    margin:5px 0;
    text-align:center;
    float:left;
    width:33%
    }
#topbang .avatars{
    width:60px;
    height:60px;
    border:3px solid #eee
    }
#topbang .uname{
    color:#000;
    font-weight:bold
    }
#topbang .score{
    color:#5b7d0c
    }
#topbang .order{
    color:#f60
    }
.footers{
    background:#f6f6f6;
    border-top:1px solid #e5e5e5;
    overflow:hidden;
    margin-top:10px;
    text-align:center;
    color:#888
    }
.footers a{
    color:#666;
    margin:0 5px
    }
.foot{
    background:#C8C8C8;
    margin:0 auto;
    padding-left:6px;
    line-height:25px;
    height:25px
    }
.foot a{
    color:#333;
    margin:0 5px
    }
.foot .pipe{
    color:#999;
    padding:0 3px
    }
.footers .foob{
    width:960px;
    margin:0 auto;
    display:block
    }
.footers .tj{
    display:none
    }
.box2{
    position:relative;
    padding:10px 15px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    line-height:20px;
    background:#fff
    }
.box2 h3{
    color:#666
    }
.box2 .ulrow{
    line-height:22px
    }
.box2 .ulrow li{
    float:left;
    margin-right:10px
    }
.box2 .ulrow li a{
    color:#888;
    text-decoration:none
    }
.box2 .ulrow li a:hover{
    color:#333
    }
#info h1{
    font-size:20px;
    font-family:"Microsoft YaHei";
    font-weight:bold;
    height:24px;
    line-height:24px;
    margin-bottom:5px;
    overflow:hidden
    }
#info h1 small{font-size: 14px;font-weight: normal;}
#info .options{
    margin-top:10px
    }
#info .options .item{
    display:inline-block;
    }
#info .options .item + .item{
    margin-left:10px
    }
#info .options .red{
    background:#F26E59
    }
#info .options a.red:hover{
    background:#f05941
    }
#info .options .darkblue{
    background:#96BBD8
    }
#info .options a.darkblue:hover{
    background:#83afd1
    }
#info .options .yellow{
    background:#F89537
    }
#info .options a.yellow:hover{
    background:#f7881e
    }
#info .options .purple{
    background:#ADB3F3
    }
#info .options a.purple:hover{
    background:#979ef0
    }
#info .update{
    margin-top:10px
    }
#intro{
    overflow:auto;
    line-height:180%;
    border-top:1px dashed #b2b2b2;
    clear:both;
    margin-top:8px;
    padding-top:10px;
    display:block;
    }
#intro hr{ border-top:1px dotted #e5e5e5;
    border-bottom:1px solid #fff;
    border-left:none;
    border-right:none; }
#intro p{
    float:none;
    margin:0 0;
    width:100%
    }
.tjlist{
    padding:10px 10px
    }
#bdshare{
    padding:0 !important;
    height:25px;
    float:left;
    line-height:14px
    }
#bookdetail{
    background:#fff
    }
#bookdetail #picbox{
    float:left;
    width:140px;
    padding:10px 10px 0 10px
    }
#bookdetail #picbox .img_in{
    width:150px;
    background:#f3f3f3;
    text-align:center;
    position:relative
    }
.img_in span{
    top:-2px;
    right:-2px;
    width:88px;
    height:88px;
    position:absolute;
    display:block;
    z-index:999;
    background:url("../images/status.gif") no-repeat
    }
.img_in span.b{
    background-position:0 -88px
    }
#bookdetail #picbox .artflag{
    margin-left:7px;
    line-height:22px;
    margin-bottom:5px
    }
#bookdetail #picbox .bdlikebutton{
    margin-top:5px
    }
#bookdetail #picbox .img_in img{
    padding:5px
    }
#bookdetail #picbox .imgtip{
    text-align:center;
    padding-top:10px
    }
#bookdetail #picbox .imgtip span{
    font-family:Webdings;
    color:#bbb;
    padding-right:5px
    }
#bookdetail #info{
    float:left;
    width:765px;
    margin-left:20px;
    margin-top:10px
    }
#bookdetail #info .infotitle{
    height:40px;
    line-height:40px;
    margin-bottom:5px
    }
#bookdetail #info .infotitle h1{
    float:LEFT;
    FONT-SIZE:20px
    }
#bookdetail #info .infotitle i{
    color:#666;
    font-family:'Hiragino Sans GB', 'Microsoft YaHei', '����', Helvetica, Arial, sans-serif;
    padding:0 3px
    }
#bookdetail #info .infotitle span{
    color:#555;
    margin-left:10px
    }
#bookdetail #info #aboutbook{
    padding:0;
    color:#999;
    overflow:hidden;
    height:130px;
    text-indent:0;
    line-height:22px;
    margin-top:5px
    }
#bookdetail #info #aboutbook strong{
    font-size:14px
    }
#bookdetail #info .authorandflag{
    margin-top:10px
    }
#bookdetail #info .authorandflag span{
    margin-right:10px
    }
#bookdetail #info .tags{
    padding:0;
    line-height:22px
    }
#bookdetail #info .newchapter{
    padding:0;
    line-height:22px
    }
#bookdetail #info .newchapter a{
    color:#f00
    }
#bookdetail #info .newchapter a:hover{
    color:#f90
    }
#bookdetail #info .newchapter a.more{
    padding-left:20px;
    color:#555
    }
#bookdetail #info .newchapter u{
    color:#888
    }
#bookdetail #info .option{
    clear:both;
    margin:10px 0
    }
#bookdetail #info .option a{
    padding:7px 10px;
    margin-right:8px;
    background:#107dcf;
    cursor:pointer;
    color:#fff
    }
#bookdetail #info .option a:hover{
    background:#107dff;
    color:#fff
    }
#bookdetail #infobox{
    float:right;
    width:302px;
    height:250px;
    margin-left:0;
    padding:10px 10px 0 0
    }
#bookdetail #infobox h3{
    height:40px;
    font-size:20px;
    line-height:40px;
    font-weight:bold
    }
#bookdetail #infobox h3 span, #detaillist h3 span{
    float:right;
    font:40px/1.3 'Monotype Corsiva', Arial, sans-serif;
    line-height:40px;
    color:#e0e0e0;
    font-weight:bold
    }
#detaillist{
    padding:5px 10px;
    margin:5px 10px 5px 0;
    background:#fff
    }
#detaillist h3{
    height:40px;
    font-size:20px;
    padding:0 10px;
    line-height:40px;
    font-weight:bold;
    border-bottom:1px solid #eee
    }
#detaillist .listtile li{
    height:30px;
    line-height:30px;
    margin:0 20px
    }
#detaillist .listtile li .zj{
    width:80%;
    float:left
    }
#detaillist .listtile li .time{
    width:20%;
    text-align:center;
    float:right
    }
.zjbox{
    background:#fff;
    width:960px;
    margin:10px auto;
    border:1px solid #e5e5e5
    }
.zjbox .nav-style{
    padding:4px 10px;
    background:#f8f8f8;
    margin-top:10px;
    border-left:3px solid #107dcf;
    height:30px;
    line-height:30px
    }
.zjbox .nav-style a{
    margin:0 3px
    }

/*Book Info*/
.booktag {
    margin: 10px 0;
}

.booktag a, .booktag span {
    font: 12px/22px PingFangSC-Regular, '-apple-system', Simsun;
    display: inline-block;
    overflow: hidden;
    height: 22px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-radius: 15px;
}

.booktag a.blue, .booktag span.blue {
    color: #3f5a93;
    border-color: #89d4ff;
}

.booktag a.red, .booktag span.red {
    transition: border .3s;
    color: #bf2c24;
    border-color: #ffb0b4;
}

.booktag a.red:hover {
    border-color: #ed4259
}

.booktag a.green, .booktag span.green {
    transition: border .3s;
    color: #43a047;
    border-color: #43a047;
}
.booktag a.green:hover {
    border-color: #347c37
}
#bookdetail .nav-style{
    padding:8px 13px;
    background:#f8f8f8;
    margin-top:15px
    }
#bookdetail .nav-style a{
    margin:0 3px
    }
.ttname{
    font-weight:normal;
    clear:both;
    padding:10px 10px;
    background:#f8f8f8
    }
.ttname.list-title{
    margin-bottom:10px;
    font-size: 14px;
    }
.ttname.list-title h2{
    border-left:3px solid #107dcf;
    padding-left:10px
    }
.ttname.list-title strong{
    border-left:3px solid #107dcf;
    padding-left:10px;
    font-size: 16px;
}
.ttname h2{
    font-size:18px;
    word-spacing:2px;
    letter-spacing:2px;
    height:18px;
    line-height:18px;
    color:#666;
    text-align:left;
    padding-left:13px
    }
.ttname.tips{
    color:#666;
    text-align:center;
    background:#f8f8f8;
    padding:5px 10px;
    border-left:3px solid #107dcf;
    margin-bottom:5px
    }
.fjintro{
    background:#ebf7eb;
    padding:10px;
    color:#666
    }
.zjlist{
    padding:0
    }
dl.zjlist dd{
    float:left;
    width:240px;
    border-bottom:1px dotted #f2f2f2;
    line-height:30px;
    height:30px;
    overflow:hidden;
    padding:3px 0;
    background:#fff
    }
dl.zjlist dd a{
    line-height:30px;
    height:30px;
    padding-left:10px
    }
dl.zjlist dd a:visited{
    color:#999
    }
dl.zjlist dd.end{
    float:right;
    width:31%
    }
.login-main{
    width:720px !important;
    _width:720px !important;
    background:#fff;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    float:left;
    OVERFLOW:hidden;
    word-break:break-all;
    margin-top:10px
    }
.nav-mbx{
    padding:3px 10px;
    background:#f8f8f8;
    height:26px;
    line-height:26px;
    border-bottom:1px solid #ddd;
    overflow:hidden
    }
.nav-mbx a{
    margin:0 3px
    }
.nav-mbx .fr{
    float:right
    }
.nav-mbx .fr a{
    float:left;
    margin-left:10px
    }
.nav-mbx .bdlikebutton{
    float:left;
    margin-right:20px
    }
.leftBox{
    width:668px;
    float:left
    }
.leftBox .uplist{
    clear:both;
    padding:2px 4px;
    background:#fff
    }
.leftBox .uplist h3{
    height:35px;
    font-size:14px;
    padding:0 10px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    line-height:30px
    }
.leftBox .uplist h3 span{
    float:right;
    font:40px/1.3 'Monotype Corsiva', Arial, sans-serif;
    line-height:40px;
    color:#e0e0e0;
    font-weight:bold
    }
.leftBox .uplist h3 a{
    text-decoration:none;
    color:#666
    }
.leftBox #tlist{
    OVERFLOW:hidden
    }
.leftBox #tlist ul.titlelist{
    clear:both;
    padding:5px 10px 0 10px
    }
.leftBox .uplist ul.titlelist li{
    display:block
    }
.leftBox #tlist ul.titlelist li{
    border-bottom:1px dotted #e5e5e5;
    height:26px;
    line-height:24px;
    margin:6px 0;
    OVERFLOW:hidden;
    word-break:break-all
    }
.leftBox .uplist .lb{
    width:65px;
    float:left
    }
.leftBox .uplist .lb a{
    color:#666
    }
.leftBox .uplist .lb a:hover{
    color:#f90
    }
.leftBox .uplist .zp{
    width:25%;
    float:left
    }
.leftBox .uplist .zz{
    width:45%;
    float:left
    }
.leftBox .uplist .zz a{
    color:#666
    }
.leftBox .uplist .zz a:hover{
    color:#f90
    }
.leftBox .uplist .author{
    width:18%;
    float:left
    }
.leftBox .uplist .sj{
    float:left
    }
.rightBox{
    width:278px;
    float:right
    }
.tjbox{
    clear:both;
    padding:2px 4px;
    margin:10px 0;
    border:1px solid;
    border-color:#fff #efefef #d3d3d3 #efefef;
    box-shadow:0 1px 1px #efefef;
    background:#fff
    }
.tjbox .tjtitle{
    height:35px;
    font-size:20px;
    padding:0 10px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5
    }
.tjbox .shu_cont{
    border-top:0;
    padding-left:12px;
    padding-top:12px;
    overflow:hidden
    }
.tjbox .shu_cont .shu_box{
    float:left;
    width:300px;
    margin-right:10px;
    margin-bottom:15px;
    border-bottom:1px dashed #e5e5e5;
    padding-bottom:15px
    }
.tjbox .shu_cont .sb2{
    margin-right:0
    }
.tjbox .shu_cont .shu_box .shu_img{
    float:left;
    margin-right:10px;
    border:1px solid #e5e5e5;
    padding:2px
    }
.tjbox .shu_cont .shu_box .shu_img img{
    width:90px;
    height:125px
    }
.tjbox .shu_cont .shu_box .shu_xinxi{
    float:left;
    width:190px;
    height:110px
    }
.tjbox .shu_cont .shu_box .shu_xinxi h4{
    height:24px;
    overflow:hidden;
    font-size:14px
    }
.tjbox .shu_cont .shu_box .shu_xinxi h4 small{
    font-size:12px;
    float:right;
    color:#999;
    font-weight:normal
    }
.tjbox .shu_cont .shu_box .shu_xinxi p.intro{
    display:block;
    overflow:hidden;
    height:90px;
    line-height:20px;
    color:#999
    }
.tjbox .shu_cont .shu_box .shu_xinxi p.links{
    display:block
    }
.tjbox .shu_cont .shu_box .shu_xinxi p.links a + a{
    margin-left:10px
    }
.rightBox h3{
    height:35px;
    font-size:14px;
    padding:0 10px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    line-height:30px
    }
.rightBox .visitlist{
    background:#fff;
    clear:both;
    padding:2px 4px
    }
.rightBox .visitlist ul{
    padding:5px 10px 5px 10px
    }
.rightBox .visitlist li{
    border-bottom:1px dotted #e5e5e5;
    height:26px;
    line-height:24px;
    margin:6px 0;
    OVERFLOW:hidden;
    word-break:break-all
    }
.rightBox .visitlist li:last-child{
    border-bottom:none
    }
.rightBox .visitlist li .sp_name{
    float:left
    }
.rightBox .visitlist li .sp_xinxi{
    float:right;
    color:#999
    }
.txt-right-gray{
    float:right;
    color:#b2b2b2;
    margin-right:5px
    }
.shadow{
    -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 3px rgba(0, 0, 0, 0.2)
    }
.border{
    border:1px solid #e5e5e5
    }
.pTB{
    padding:0 5px;
    background:#e8e5f8;
    border:#d8d3f3 1px solid;
    width:180px;
    height:24px
    }
.pTD{
    border-right:#cac4e8 1px solid;
    border-left:#cac4e8 1px solid;
    padding-top:8px;
    border-bottom:#cac4e8 1px solid
    }
.pTD_L{
    border-top:#cac4e8 1px solid;
    border-left:#cac4e8 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.pTD_R{
    border-right:#cac4e8 1px solid;
    border-top:#cac4e8 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.pbg{
    background:#f7f5ff
    }
.aTB{
    padding:0 5px;
    background:#e3f4e7;
    border:#bae6c5 1px solid;
    width:180px;
    height:24px
    }
.aTD{
    border-right:#bae6c5 1px solid;
    border-top:0;
    border-left:#bae6c5 1px solid;
    padding-top:8px;
    border-bottom:#bae6c5 1px solid
    }
.aTD_L{
    border-top:#bae6c5 1px solid;
    border-left:#bae6c5 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.aTD_R{
    border-right:#bae6c5 1px solid;
    border-top:#bae6c5 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.abg{
    background:#e3f4e7
    }
.wTB{
    padding:0 5px;
    background:#fff0dc;
    border:#ffd5a4 1px solid;
    width:180px;
    height:24px
    }
.wTD{
    border-right:#ffd5a4 1px solid;
    border-top:0;
    border-left:#ffd5a4 1px solid;
    padding-top:8px;
    border-bottom:#ffd5a4 1px solid
    }
.wTD_L{
    border-top:#ffd5a4 1px solid;
    border-left:#ffd5a4 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.wTD_R{
    border-right:#ffd5a4 1px solid;
    border-top:#ffd5a4 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.wbg{
    background:#fff0dc
    }
.bTB{
    padding:0 5px;
    background:#d6ecf7;
    border:#b0dbec 1px solid;
    width:180px;
    height:24px
    }
.bTD{
    border-right:#b0dbec 1px solid;
    border-left:#b0dbec 1px solid;
    padding-top:8px;
    border-bottom:#b0dbec 1px solid
    }
.bTD_L{
    border-top:#b0dbec 1px solid;
    border-left:#b0dbec 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.bTD_R{
    border-right:#b0dbec 1px solid;
    border-top:#b0dbec 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.bbg{
    background:#d6ecf7
    }
.gTB{
    padding:0 5px;
    background:#e5f8cb;
    border:#d5e6b9 1px solid;
    width:180px;
    height:24px;
    text-align:center
    }
.gTD{
    border-right:#d5e6b9 1px solid;
    border-left:#d5e6b9 1px solid;
    padding-top:8px;
    border-bottom:#d5e6b9 1px solid
    }
.gTD_L{
    border-top:#d5e6b9 1px solid;
    border-left:#d5e6b9 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.gTD_R{
    border-right:#d5e6b9 1px solid;
    border-top:#d5e6b9 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.gbg{
    background:#e5f8cb
    }
.oTB{
    padding:0 5px;
    background:#ffe7dd;
    border:#f2d1ca 1px solid;
    width:180px;
    height:24px
    }
.oTD{
    border-right:#f2d1ca 1px solid;
    border-left:#f2d1ca 1px solid;
    padding-top:8px;
    border-bottom:#f2d1ca 1px solid
    }
.oTD_L{
    border-top:#f2d1ca 1px solid;
    border-left:#f2d1ca 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.oTD_R{
    border-right:#f2d1ca 1px solid;
    border-top:#f2d1ca 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.obg{
    background:#ffe7dd
    }
.rTB{
    border:#f9cdde 1px solid;
    padding:0 5px;
    background:#fcdeea;
    width:180px;
    height:24px
    }
.rTD{
    border-right:#f9cdde 1px solid;
    border-left:#f9cdde 1px solid;
    padding-top:8px;
    border-bottom:#f9cdde 1px solid
    }
.rTD_L{
    border-top:#f9cdde 1px solid;
    border-left:#f9cdde 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.rTD_R{
    border-right:#f9cdde 1px solid;
    border-top:#f9cdde 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.tbo .more{
    margin:0 0 10px 10px
    }
.rbg{
    background:#fcdeea
    }
.yTB{
    border:#efeaaa 1px solid;
    padding:0 5px;
    background:#faf1d4;
    width:180px;
    height:24px
    }
.yTD{
    border-right:#efeaaa 1px solid;
    border-left:#efeaaa 1px solid;
    padding-top:8px;
    border-bottom:#efeaaa 1px solid
    }
.yTD_L{
    border-top:#efeaaa 1px solid;
    border-left:#efeaaa 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.yTD_R{
    border-right:#efeaaa 1px solid;
    border-top:#efeaaa 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.ybg{
    background:#faf1d4
    }
.mTB{
    border:#ebebeb 1px solid;
    padding:0 5px;
    background-image:url(../images/mbg.gif);
    width:180px;
    height:24px
    }
.mTD{
    border-right:#ebebeb 1px solid;
    border-left:#ebebeb 1px solid;
    padding-top:8px;
    border-bottom:#ebebeb 1px solid
    }
.mTD_L{
    border-top:#ebebeb 1px solid;
    border-left:#ebebeb 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.mTD_R{
    border-right:#ebebeb 1px solid;
    border-top:#ebebeb 1px solid;
    width:30px;
    line-height:12px;
    height:12px
    }
.tdpc{
    text-align:center
    }
.div24{
    padding-right:4px;
    padding-left:4px;
    padding-bottom:4px;
    padding-top:4px
    }
#TbRng TD{
    font-size:12px;
    background:#faf1d4;
    height:24px
    }
#TbRng TH{
    font-size:12px;
    background:#faf1d4;
    height:24px
    }
#TbRng TH{
    padding-right:0;
    padding-left:0;
    font-weight:300;
    padding-bottom:5px;
    padding-top:6px;
    text-align:left
    }
#TbRng .tdpc{
    text-align:center
    }
.tbo#TbRng{
    float:left;
    margin:0 10px 15px;
    height:310px
    }
.tdpr{
    text-align:right
    }
.tbi{
    width:96%
    }
.tbi TH{
    font-weight:100;
    font-size:12px;
    height:23px
    }
.tbi TH.tdpc{
    text-align:center
    }
.tbi TD{
    border-top:#e4e4e4 1px solid;
    height:24px
    }
.tbo{
    float:left;
    margin:0 5px 15px;
    display:inline
    }
#DivPl IFRAME{
    padding-right:0;
    padding-left:0;
    padding-bottom:0;
    margin:0 0 10px;
    padding-top:0
    }
.btitle{
    font-weight:600;
    font-size:13px;
    color:#333;
    text-decoration:none
    }
TD{
    font-size:12px;
    font-family:"宋体", Arial
    }
A.tsn{
    float:left;
    overflow:hidden;
    width:90px;
    word-break:keep-all;
    line-height:15px;
    height:15px;
    text-overflow:ellipsis
    }
#ft{
    clear:both;
    border-top:#f9f9f9 1px solid;
    margin:10px;
    line-height:20px;
    padding-top:20px;
    text-align:center
    }
#ft{
    font-size:12px;
    color:#77c;
    font-family:Arial;
    white-space:nowrap
    }
#ft{
    font-size:12px;
    color:#77c;
    font-family:Arial;
    white-space:nowrap
    }
.title_P{
    border:#cccccc 1px solid;
    font-weight:900;
    font-size:14px;
    z-index:99;
    background:url(../images/ter.gif) #fff no-repeat 8px center;
    left:20px;
    padding-bottom:3px;
    vertical-align:middle;
    width:136px;
    padding:5px 0 3px 30px;
    position:absolute;
    top:205px;
    height:19px;
    text-decoration:none
    }
A.p14{
    font-size:14px;
    line-height:22px
    }
.STYLE1{
    font-weight:bold
    }
.ck1{
    font-weight:bold
    }
.ck2{
    font-weight:100;
    cursor:pointer;
    text-decoration:underline
    }
.but1{
    background-color:#DDF2FF;
    border:#83b0e1 1px solid;
    color:#000000;
    height:20px;
    width:100px
    }
.but2{
    background-color:#d8d3f3;
    border:#cac4e8 1px solid;
    color:#000000;
    height:20px;
    width:100px
    }
.fen-top li{
    padding-left:10px;
    height:24px;
    line-height:25px;
    border-bottom:1px solid #e4e4e4;
    font-size:12px;
    list-style:none
    }
.fen-top li a{
    margin-left:10px;
    line-height:25px;
    color:#3366BB
    }
.fen-top li a:hover{
    color:#F60;
    text-decoration:underline
    }
.reader_mark{
    width:30px;
    top:120px;
    position:fixed;
    right:-40px;
    background:#fefefe;
    border:1px solid #d3d3d3
    }
.reader_mark hr{
    background:none;
    border-bottom:1px solid #e5e5e5;
    border-top:none;
    border-left:none;
    border-right:none;
    padding:0;
    margin:0
    }
.reader_mark a{
    width:20px;
    padding:10px 5px;
    display:block;
    text-decoration:none;
    text-align:center;
    }
.reader_mark a:hover{
    background:#f0f0f0
    }
.top-read-ad{
    display: block;
    float: left;
    width: 300px;
    height: 250px;
    margin-left: 8px;
    padding: 4px 4px;
    }
.comment{
    background:#ffffff;
    border:1px solid #e5e5e5;
    padding:0;
    width:960px;
    margin:0 auto
    }
.comment .title{
    background:#f8f8f8;
    border-bottom:1px dashed #e5e5e5;
    font-size:14px;
    font-weight:bold;
    padding:5px 10px
    }