.breadcrumb-bar{margin:0 auto;line-height:48px;font-size:14px;height: 48px;}
.breadcrumb-bar ol,.breadcrumb-bar li{float: left;}
.breadcrumb-bar .separator{color:#999}
.breadcrumb-bar em{font-style:normal;font-size:10px;color:#999}
.breadcrumb-bar a{padding: 0 5px;}
.book-cont{}
.book-cover{width:200px}
.book-cover p{width:190px;height:246px;position:relative}
.book-cover p img{padding:1px}
.book-cover p span{top:0;position:absolute;display:block}
.book-cover span.bg{width:187px;height:252px;background:url(../images/bg_cover.png) -292px 0 no-repeat;z-index:10;left:0;top:0}
.book-cover span.status,.book-cover span.text{top:219px;height:22px;width:180px;left:1px}
.book-cover span.status{background-color:#000;z-index:20;opacity:.5;filter:alpha(opacity=50)}
.book-cover span.text{line-height:22px;text-align:center;z-index:30;color:#fff}
.book-cover .finish,.book-cover .serial{top:-1px;left:-1px;width:58px;height:58px;background:url(../images/bg_status.png) no-repeat 0 -240px;z-index:20}
.book-cover .finish{background-position:0 -298px}
.book-detail{width:524px}
.book-title h1{font-size:24px;line-height:24px;display:inline}
.book-title h2{font-size:18px;display:inline;padding-left:10px}
.book-detail .update{color:red;line-height:24px}
.detail-list{margin-top:8px;margin-bottom:8px}
.detail-list li{line-height:24px;width:524px}
.detail-list li a{white-space:nowrap}
.detail-list li span{margin-right:20px}
.detail-list li strong{color:#555}
.detail-list li em{font-size:10px;color:#aaa;padding:0 3px}
.detail-list li.status span{margin:0}
.book-detail a{color:#f50}
.rank{top:0;right:0;font-size:28px;opacity:.1;filter:alpha(opacity=10);z-index:0;color:#000}
.rank strong{font-weight:600;font-family:Verdana,Geneva,'DejaVu Sans',sans-serif;font-size:48px}
.book-intro{line-height:1.6em;font-size:14px;padding:0 8px 30px;color:#333}
.book-intro p{text-align:justify;padding-bottom:6px}
.book-intro a{color:#333; font-weight: 700;}
.book-intro strong { font-weight: 700;}
.book-intro a.intro-act{float:right;right:16px;bottom:10px;line-height:18px;height:18px;background:url(../images/bg_main.png) 100% -98px no-repeat;padding-right:20px;color:#333}
.book-intro a.intro-up{background-position:100% -80px}
.book-intro a.intro-act:hover{opacity:.9;filter:alpha(opacity=90)}
.bdShare{height:40px}
.book-btn{height:48px;padding:6px 0}
a.btn-read,a.btn-fav,a.btn-cmt,a.btn-chapter{background:url(../images/bg_main.png) no-repeat 0 0;width:108px;height:36px;text-indent:-99999px;display:block;float:left;overflow:hidden}
a.btn-read,a.btn-fav,a.btn-chapter{margin-right:12px}
a.btn-fav{background-position:-108px 0}
a.btn-chapter{background-position:0 -432px}
a.btn-cmt{background-position:-216px 0}
a.btn-read:hover{background-position:0 -36px}
a.btn-fav:hover{background-position:-108px -36px}
a.btn-cmt:hover{background-position:-216px -36px}
a.btn-chapter:hover{background-position:0 -468px}
.book-similar{background-color:#f9f9f9;height:198px;border:1px solid #e0e0e0;box-shadow:1px 1px 1px #e0e0e0}
.book-similar h3{font-size:14px;text-indent:1em;line-height:28px;padding-top:4px;height:28px}
.similar-list{padding-top:4px;padding-left:10px;clear:both}
.similar-list li{padding-left:12px;padding-right:8px;width:118px;height:160px;float:left}
.similar-list p{height:23px;line-height:23px;width:90px;text-align:center}
.chapter{width:728px;overflow:hidden}
.chapter-bar,.ip-bar{background-color:#f0f0f0;padding:6px 8px;border-top:2px solid #aaa;margin-bottom:10px;line-height:24px;height:38px;border-bottom:1px solid #ccc}
.chapter h3{display:inline-block;font-size:16px}
.chapter-category{ height: 32px;}
.chapter .caption{display:block;height:25px}
.chapter .caption span{display:block;height:25px;background:#f44500;color:#fff;line-height:24px;padding:0 20px;}
/* url(../images/bg_main.png) no-repeat 100% -292px */
.chapter-body{width:740px}
.chapter-body li{float:left;width:136px;margin-right:12px;text-align:center;height:40px;padding-bottom:8px;position: relative;}
.chapter-body li.newline{width:720px;border:0;height:10px;padding:0;margin:0;overflow:hidden}
.chapter-body li a{display:block;border:1px solid #d0d0d0;font-size:14px;text-decoration:none;background-color:#f0f0f0;box-shadow:0 1px 0 #e0e0e0;overflow: hidden;}
.chapter-body li a span{border:1px solid #fafafa;line-height:26px;height:26px;display:block;position:relative}
.chapter-body li a i{font-size:10px;font-style:normal;color:#888;padding-left:2px;line-height:26px}
.chapter-body li a em{position:absolute;width:17px;height:20px;background:url(../images/bg_main.png) -134px -80px no-repeat;top:-6px;right:10px}
.chapter-body li.own a{
    border-color: #ccc;
    color: #ccc;
}
.chapter-body li > i{
    position: absolute;
    top: -7px;
    width: auto;
    right: 0;
    line-height: 1;
    font-size: 10px;
    background: orangered;
    font-style: normal;
    padding: 1px;
    border-radius: 2px;
    color: #FFF;
}

.chapter-body li > i.own {
    background: green;
}
.chapter-body li.active a,
.chapter-body li a:hover{background:url(../images/repeat_bg.png) 0 -146px repeat-x;border:1px solid #ff9e65;font-weight:600;color:#000;text-decoration:none;cursor:pointer}
.chapter-body li a:hover span{border-color:#ffefe0}
.chapter-body li a:hover i{font-weight:normal}
.chapter-tip{font-size:12px;border:1px solid #ffe7af;background-color:#f8f7e4;line-height:23px;height:23px;margin-bottom:10px;color:#000;font-family:Tahoma;text-align:center}
.chapter-body li a.status2{text-decoration:line-through;color:#999}
.ip-body{ padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 10px;}
.ip-body p { margin-bottom: 10px; font-size: 14px; }
.ip-notice { color:#F0F; font-size:16px;font-weight:bold;}
.score{ padding:10px;background:#f2f2f2;height:234px;border:1px solid #e0e0e0}
.total{height:56px;border-bottom:1px solid #e0e0e0}
.total p{color:#909090}
.score-avg b{display:inline-block;width:125px;height:25px;background:url(../images/bg_main.png) 0 -80px no-repeat;margin-right:5px}
.score-avg b i{height:25px;display:inline-block;background:url(../images/bg_main.png) no-repeat 0 -105px;width:92px}
.score-avg em{font:700 32px/1 Arial;color:#f90}
.score-avg span.up{color:#690}
.score-avg span.down{color:#c00}
.score-amo span{color:red}
.score-per{border-top:1px dotted #fff;border-bottom:1px solid #e0e0e0;padding-top:10px;height:126px}
.score-per p{font:10px/12px tahoma;color:#666;-webkit-text-size-adjust:none;margin-bottom:8px;overflow:hidden;margin-right:-10px;*zoom:1}
.score-per p b{float:left;width:75px;height:15px;background:url(../images/bg_main.png) no-repeat 0 -170px}
.score-per p b i{height:14px;display:inline-block;background:url(../images/bg_main.png) no-repeat 0 -185px;vertical-align:bottom}
.score-per p em{float:left;height:13px;background:#e9c500;width:92px;margin:0 3px}
.score-per p em i{display:inline-block}
.score-vote{padding-top:8px;height:32px;line-height:20px;overflow:hidden;color:#666;border-top:1px solid #f9f9f9}
.score-vote span{display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.vote-tip{border:1px solid #e2d090;background:#fcfbd5;padding:0 8px;position:relative;height:22px;line-height:18px;margin-left:5px;color:#333}
.vote-tip em{background:url(../images/main_bg.png) no-repeat -79px -117px;display:block;font-size:0;line-height:0;width:5px;height:9px;position:absolute;left:-5px;top:4px}
.vote-box{position:relative;width:100px;height:20px;background:url(../images/bg_main.png) 0 -130px no-repeat}
.vote-box a{position:absolute;display:block;overflow:hidden;height:20px;line-height:1000px;background:none}
.vote-box a.active,
.vote-box a:hover{background:url(../images/bg_main.png) 0 -150px no-repeat}
.vote-box #v1{z-index:20;width:20px}
.vote-box #v2{z-index:19;width:40px}
.vote-box #v3{z-index:18;width:60px}
.vote-box #v4{z-index:17;width:80px}
.vote-box #v5{z-index:16;width:100px}
.recent{}
.stitle{border:1px solid #dfdfdf;height:36px;line-height:36px;background-color:#f6f6f6}
.stitle h2,.stitle h3{font-size:16px;text-indent:10px;float:left;display:block;line-height: 36px;}
.stitle span{float:right;margin-right:10px;font-family:"宋体"}
.stitle span a{color:#999}
.recent-cont{height:296px;border:1px solid #dfdfdf;border-top:none;padding:5px 10px;background-color:#f2f2f2}
.recent-cont li{line-height:28px;height:28px;overflow:hidden;padding-left:11px;background:url(../images/dian.png) no-repeat 0 12px;border-bottom:1px solid #e9e9e9}
.recent-cont li small{font-size:12px;float:right;color:#999}
.recent-cont li span{color:#999}
.recent-cont li span a{color:#ff4e00}
.toolTip{position:absolute;z-index:1000;display:none;opacity:0;height:28px;text-align:center}
.tip-box{padding:6px;line-height:14px;height:14px;overflow:hidden;display:block;width:160px;border:1px solid #f8cfa5;background-color:#fff8e9;border-radius:2px;box-shadow:1px 2px 3px #eee}
.toolTip i{position:absolute;height:6px;width:9px;background:url(../images/bg_main.png) -96px -277px no-repeat;left:50%;bottom:-5px;margin-left:-3px;overflow:hidden}
.tip-icon{width:16px;height:14px;background:url(../images/bg_main.png) 0 0 no-repeat}
.tip-cont,.tip-icon{vertical-align:top;display:inline-block;*display:inline;*zoom:1}
.tip-error{background-position:-169px -105px}
.tip-success{background-position:-154px -104px}
.tip-warning{background-position:-180px -106px}
.comment{border:1px solid #e0e0e0;background-color:#f9f9f9;border-top:none;box-shadow:1px 1px 1px #f0f0f0}
.comment-bar{font-size:16px;background-color:#f0f0f0;border-top:3px solid #f60;border-top:1px solid #d0d0d0;padding:6px 8px;height:36px;line-height:24px}
/*.chapter-body ul{display:none;}
.chapter-body ul.active { display: block; }*/
/* .chapter-body li { width: 113px; margin-right:10px; } */
.chapter-page { width: 728px; overflow:hidden; }
.chapter-page ul{width:750px;}
.chapter-page li { display: inline-block; *display: inline; zoom: 1; }
.chapter-page li i { display: none; }
.chapter-page li a { display: block; width: 82px; line-height: 23px; text-align: center; margin: 4px 10px 4px 0; background-color: #e0e0e0; border-radius: 2px; *display: inline; zoom: 1; position: relative; }
.chapter-page li a:hover { background-color: #f90; text-decoration: none; color: #fff; }
.chapter-page li.active i { display: block; position: absolute; height: 0px; width: 0px; border: 5px solid #000; border-color: #444 transparent transparent transparent; border-style: solid dashed dashed dashed; line-height: 0px; top: 22px; left: 36px;}
.chapter-page li.active a { background-color: #444; color: #fff; }
.chapter-page li.active a:hover{background-color:#333;}
.chapter-bar{position:relative;}
.chapter-bar h3{position:absolute; left:0; top:0; background-color:#f0f0f0; line-height:24px; height:24px; padding:5px;}




.gift-modal .modal-header h3{
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
}
.gift-modal .modal-header .credit,
.gift-modal .modal-header p
{
    line-height: 36px;
    padding-top:4px;
}
.gift-modal .modal-header{
    line-height: 40px;
}
.gift-modal .gift-item {
    position: relative;
    padding: 10px;
}

.gift-modal .gift-item  img{
    width: 140px;
    height: 180px;
}
.gift-modal .gift-item p{
    line-height: 24px;
    text-align: center;
}
.gift-modal .gift-item p.price{
    color: #666;
}
.gift-modal .gift-item p.name{
    color: #337ab7;
}
.gift-modal .gift-item .ticket{
    color: #ec5245;
}
.gift-modal .gift-item .checked{
    display: none;
    position: absolute;
    right: 10px;
    top: 150px;
    height: 40px;
    width: 100px;
    font-size: 20px;
    line-height: 20px;
    background:#337ab7;
    color: #FFF;
    text-align: right;
    padding: 10px;
}
.gift-modal .gift-item.active .checked{
    display: block;
}
.gift-modal .row-gift-num,.gift-modal .row-gift-credit{
    line-height: 40px;
    height: 40px;
}
.gift-modal textarea{
    width: 100%;
    padding: 10px;
}
.gift-modal .col-submit p{
    margin-top: 10px;
}
.gift-modal .gift-submit{
    padding: 10px;
}


.book-info{
    padding: 10px;
    border: 1px solid #ccc;
}
.book-info .book-detail{
    width: 230px;
}




.comic-buy .wrap_buy{
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-bottom: 15px;
}
.comic-buy .wrap_buy .credit {
    text-align: center;
    font-size: 16px;
    line-height: 3.2em;
}
.comic-buy .wrap_buy .buy {
    border-top: 1px solid #e0e0e0;
    padding: 15px;
    position: relative;
}

.comic-buy .wrap_buy .buy-header{ line-height: 40px;}
.comic-buy .wrap_buy .buy-header h2{ float: left;}
.comic-buy .wrap_buy .buy-header .action{ float: right;line-height: 3em;}
.comic-buy .wrap_buy .buy-header .action span{ cursor: pointer; margin: 5px;border: 1px solid #e0e0e0; padding: 5px; }

.comic-buy .wrap_buy .buy h2 {
    font-size: 18px;
    line-height: 2.5em;
}
.comic-buy .wrap_buy .buy p {
    line-height: 1.8em;
}
.comic-buy .wrap_buy .buy .price {
    font-size: 18px;
}
.comic-buy .wrap_buy .buy .orange {
    color: #ff6600;
}
.comic-buy .wrap_buy .buy .col-left{
    float: left;
}
.comic-buy .wrap_buy .buy .col-right{
    float: right;
}

.comic-buy .wrap_buy .buy .col-right .buy-btn{
    display: inline-block;
    *zoom:1;*display:inline;
    vertical-align: middle;
    width: 135px;
    height:46px;
    background: #3591d5;
    color:#fff;
    font-size: 16px;
    text-align: center;
    position: relative;
    margin: 15px 15px 0 0;
    border: none;
}

l
.comic-buy .comic-chapters.new li.own {
    display: none;
}