@CHARSET "UTF-8";
*{padding:0px;magin:0px;}
.fo-we{font-weight:bold;}
.fo-co1{color:#56A5C9;}
.fo-co2{color:#AA8044;}
.fo-co3{color:#333333;}
.fo-co4{color:#DE7A00;}

body{background:#F3F3F3;}
header #top{padding:9px 10px;height:48px;/*background:#1b89c3;*/background:#ffffff;}
header #top span{padding-right:10px;}
header ul{width:100%;height:45px;line-height:45px;padding:0px;background:#4495E6;}
header ul li{float:left;display:block;width:12%;height:45px; margin-left: 7%;}
header ul li a{display:block;width:100%;height:45px;text-align:center;color:#FEFFFE;text-decoration:none;}
header ul li a:hover{color:#1b551f;text-decoration:none;}
header #collect{background:#FFFFFF;height:30px;border-bottom:1px solid #DDDDDD;}
header #collect span{padding:0px 10px;}


.channel{float: left;text-align: center;height: 26px;width: 60%;padding-left: 29%;}
.channel-G{float: left; border-radius: 5px 0px 0px 5px; height: 100%; padding-left: 2px; padding-right: 2px; border: 1px solid rgb(252, 108, 131); color: #FC6C83;}
.channel-B{float: left; border-radius: 0px 5px 5px 0px; height: 100%; padding-right: 2px; padding-left: 2px; border: 1px solid rgb(252, 108, 131); color:#FC6C83;}
.shutiao{background-color:#f26552;border:1px solid #f26552;height:16px;width:5px;float: left;margin-top: 7px;margin-right: 9px;}
.bstyle{
    border-bottom:1px dashed #CCCCCC;font-size:16px;padding:9px;padding-left:8px;
}
.bhover{
    border-left:3px solid #f26552;background-color: #FFFFFF;color: #f26552;
    border-bottom:1px dashed #CCCCCC;font-size:16px;padding:9px;padding-left:8px;
}

.list-style{
    width: 100%;
    padding-left: -10px;
    background-color: white;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
   overflow: hidden;
}
.list-style li{
    width: 25%;
    float: left;
    list-style: none;
}
.list-style img{
    width: 50%;
    margin-top:8px;
    margin-bottom:5px;

}
.yanqing{
    text-align: center;
    color: #B25777;
    background-color: #FEE3ED;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.xuanyi{
    text-align: center;
    color: #15587F;
    background-color: #C3DFF0;
    float: left;

    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.dushi{    
    text-align: center;
    color: #3B8641;
    border-radius: 5px;    
    background-color: #C8DDCA;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.xianyan{
    width: 40px;
    text-align: center;
    color: #F8A1AF;
    border-radius: 4px;
    height: 20px;
    background-color: #FDDBE1;
    float: left;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.guyan{
    text-align: center;
    color: #BF4640;
    background-color: #F3C9C7;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.lishi{
    text-align: center;
    color: #FB7C00;
    background-color: #F9C79F;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.junshi{
    text-align: center;
    color: #3299FF;
    background-color: #ADE1F9;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.xianxia{
    text-align: center;
    color: #4E1E6A;
    background-color: #A9A3AD;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.youxi{
    text-align: center;
    color: #000000;
    background-color: #9D9D9D;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.kehuan{
    text-align: center;
    color: #2C4087;
    background-color: #A5B7F9;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.chuanyue{
    text-align: center;
    color: #FF00FF;
    background-color: #FBDFFF;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.xiaoyuan{
    text-align: center;
    color: #1CC762;
    background-color: #DFFFED;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

.qihuan{
    text-align: center;
    color: #BB1A08;
    background-color: #DD8D85;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.xuanhuan{
    text-align: center;
    color: #1E7487;
    background-color: #CFF3FB;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}
.tongren{
    text-align: center;
    color: #322687;
    background-color: #D7D3FD;
    float: left;
    width: 40px;
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    font-size: 12px;
}

footer{background:#646464;color:#FFFFFF;line-height:2em;padding:1em;}
footer .nav{margin: 0 auto;text-align: center;margin-top: 20px;}
footer .nav a{padding:10px 15px;}
footer a{color:#2d3304; font-size: 1.2em;font-weight: bold;}
/*footer{background:#646464;color:#FFFFFF;line-height:2em;padding:1em;}
footer .nav a{padding:10px 15px;}
footer a{color:#FFFFFF;}*/
footer a:hover{color:#999999;}
.con-box{border:1px solid #DDDDDD;background:#FFFFFF;padding:1em;padding-bottom:0;margin-top:1em;}
.con-box .title{height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#000000;}
.con-box .title span.lable{position:relative;top:2px;display:inline-block;width:5px;height:16px;background:#000000;}

.con-box a{color:#A7A7A7;text-decoration:none;}
.con-box a:hover{color:#A7A7A7;text-decoration:none;}
.con-box .blo{padding:1em 0px;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;}
.con-box .blo:hover{background:#F0F0F0;}
.con-box .blo .bookname{line-height:2em;color:#333333;font-weight:bold;}
.con-box .blo .wname{line-height:1.5em;color:#DE7A00;}
.con-box .blo .intro{line-height:1.5em;color:#A7A7A7;}
.con-box .blo .zbtitle{line-height:2em;color:#555555;}
.con-box .bordered{border-top:1px solid #DDDDDD;}
.con-box .img-blo{padding:10px;}
.con-box .img-blo:hover{background:#F0F0F0;}
.con-box .img-blo .bookname{line-height:2em;color:#333333;}
.ad{margin-top:1em;}

/*书主页CSS样式开始*/
#book_index .bookname{line-height:30px;font-size:16px;font-weight:bold;}
#book_index .lable{line-height:25px;color:#888888;}
#book_index .tooltitle{height:30px;line-height:30px;font-size:16px;color:#000000;}
#book_index .toollist{height:30px;line-height:30px;color:#888888;}
#book_index .more{height:60px;line-height:60px;text-align:center;font-size:20px;color:#888888;border-top:1px solid #DDDDDD;}


/*书主页CSS样式结束*/


/*阅读记录 书架样式开始*/
#shelf .bookname{font-size:16px;line-height:30px;font-weight:bold;color:#CC0000;}
#shelf .chapt_title{font-size:14px;line-height:30px;color:#888888;}
#shelf .btngroup{padding:5px 0px;}
/*阅读记录 书架样式结束*/

/*章节阅读 章节目录页面css开始*/
#chapter .chapter_list{padding:15px 10px;font-size:18px;border-bottom:1px solid #DDDDDD;color:#333333;}
#chapter .chapter_list:hover{background:#F0F0F0;}
#chapter a{text-decoration:none;}
/*章节阅读 章节目录页面css结束*/

/*评论列表开始*/
#comment .wname{line-height:30px;color:#4595DE;}
#comment .title{line-height:30px;font-weight:bold;}
#comment .title a{color:#4595DE;}
#comment .jing{color:#F1AE4E;}
#comment .ding{color:#528C5D;}
#comment .content{line-height:30px;color:#888888;}
#comment  img.user-pic{width:50px;height:50px;border:1px solid #DDDDDD;}
#comment img.replay_pic{border-radius:25px;}
#comment td.userinfo{width:60px;text-align:center;}
#comment td.bor-l{border-left:1px solid #DDDDDD;}
#comment td.bor-r{border-right:1px solid #DDDDDD;}
#comment .replay{text-align:right;}
#comment .replay a{color:#333333;}
/*评论列表结束*/

/*图书粉丝排列CSS开始*/
#book-fensi .title{padding:10px;font-weight:bold;}
#book-fensi .book-fensi-lable{padding:2px 6px;border-radius:4px;font-size:0.8em;color:#FFFFFF;}
#book-fensi .red{background:red;}
#book-fensi .ccc{background:#cccccc;}

#book-donate .title{padding:10px;font-weight:bold;text-align:center;}
#book-donate .donate-user{position:relative;margin:0 auto;padding:0px;width:90px;height:90px;}
#book-donate .donate-user .tool-pic{position:absolute;top:0px;left:0px;width:20px;height:20px;}
#book-donate .donate-user .tool-pic img{width:20px;height:20px;border-radius:10px;}
#book-donate .donate-user .tool-num{position:absolute;top:0px;left:15px;width:40px;height:15px;}
#book-donate .donate-user .user-pic{position:absolute;top:15px;left:20px;width:50px;height:50px;}
#book-donate .donate-user .user-pic img{width:50px;height:50px;border-radius:25px;}
#book-donate .donate-user .user-name{position:absolute;bottom:0px;left:0px;width:100%;height:20px;text-align:center;font-size:0.8em;color:#888888;}
/*图书粉丝排列CSS结束*/

.main{padding:1em;background:#F3F3F3;}
.main .conblo{background:#FFFFFF;}
.main .conblo h3{border-bottom:1px solid #cacaca;padding:10px;}








/*公共样式*/
/*粉丝等级*/
[class^="cost-rank-"],
[class*=" cost-rank-"] {
    display: inline-block;
    width: 50px;
    height: 20px;
    *margin-right: .3em;
    line-height: 20px;
    vertical-align: text-top;
    background-image: url("../../Home/images/common/cost_rank.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
[class^="cost-rank-"]:last-child,
[class*=" cost-rank-"]:last-child {
    *margin-left: 0;
}
.cost-rank-1{background-position: 0px -234px; width: 52px; height: 18px;}
.cost-rank-2{background-position: 0px -216px; width: 52px; height: 18px;}
.cost-rank-3{background-position: 0px -198px; width: 52px; height: 18px;}
.cost-rank-4{background-position: 0px -180px; width: 52px; height: 18px;}
.cost-rank-5{background-position: 0px -162px; width: 52px; height: 18px;}
.cost-rank-6{background-position: 0px -144px; width: 52px; height: 18px;}
.cost-rank-7{background-position: 0px -126px; width: 52px; height: 18px;}
.cost-rank-8{background-position: 0px -108px; width: 52px; height: 18px;}
.cost-rank-9{background-position: 0px -90px; width: 52px; height: 18px;}
.cost-rank-10{background-position: 0px -72px; width: 52px; height: 18px;}
.cost-rank-11{background-position: 0px -54px; width: 52px; height: 18px;}
.cost-rank-12{background-position: 0px -36px; width: 52px; height: 18px;}
.cost-rank-13{background-position: 0px -18px; width: 52px; height: 18px;}
.cost-rank-14{background-position: 0px 0px; width: 52px; height: 18px;}