@charset "UTF-8";html,legend{color:#000}
a,button,input{outline:0}
.f-l,.hot- span,.hot-form{float:left}
.book-table td.tdTitle,.hot-form input,.icon-unlike:hover,button{cursor:pointer}
.bold-title a,.book-item-mlr .detail-items- h3,.book-item-tb h3,.book-item-tb p,.bookcover-name-layer p,.booklist-number li,.booktable .about-,.booktable .book-,.booktable .category-,.dialog .bookplay h5.vote-tuijian .vote-bookN,.hot-book-title .h-detail .writer,.hot-book-title .h-detail h3,.index_table .shuzhangjie,.jp-author,.novel- a.bookc-,.sod_select .sod_label,.sod_select .sod_option{white-space:nowrap;text-overflow:ellipsis}
html{background:#F1F1F1}
a,b,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,span,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
.btn-blue-b,.btn-grey-b,.btn-red-b,.btn-white-b,body{font-family:Microsoft YaHei,"微软雅黑"}
.hot-form{padding-right:5px}
.hot-form input{border:none;color:#999;float:left; display: inline-block; background: none;}
body{font-size:12px;background:#fff;color:#999}
img{display:inline-block}
a{text-decoration:none;color:#333}
.red{color:#ff6e27!important}
.blue{color:#2a8adf!important}
.black{color:#333!important}
.blue-s{color:#2a8adf!important}
.orange{color:#ff6920!important}
.gray{color:#999!important}
li{list-style:none}
textarea{resize:none}
hr{height:0;border:none;border-top:1px solid #ededed}
.hidden{display:none!important}
.vhidden{visibility:hidden}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
.f-r{float:right}
.t-c{text-align:center}
.t-l{text-align:left}
.t-r{text-align:right}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mb-10{margin-bottom:10px}
.ml-20{margin-left:20px}
.c-3{color:#333}
.c-9{color:#999}
.stars{width:65px;height:12px;background:url(../../img/star.png) -64px 0 no-repeat}
.stars.s1{background-position:-51px 0}
.stars.s2{background-position:-38px 0}
.stars.s3{background-position:-25px 0}
.stars.s4{background-position:-12px 0}
.stars.s5{background-position:0 0}
.img{display:block;border:1px solid #fff}
.img:hover{border:1px solid #bdbdbd}
.content{width:980px;margin:10px auto;background:#fff}
.box,.box-nb{padding:0 14px 14px;border:1px solid #ededed}
.box-nb{border:none;padding-bottom:0}
.left,.middle,.right{float:left}
.t1 .left,.t3 .left,.t4 .left,.t7 .left,.t8 .left,.t9 .left{width:200px}
.t1 .right,.t10 .left,.t2 .left,.t2 .right,.t5 .right,.t6 .right,.t8 .left-middle,.t8 .right,.t8 .right-middle{width:240px}
.t1 .middle,.t8 .left-middle,.t8 .right-middle{margin:0 10px}
.t3 .right,.t5 .right,.t7 .right,.t8 .right,.t9 .right{margin-left:10px}
.t10 .right{margin-left:20px}
.t8 .left-middle,.t8 .right-middle{margin:0 10px}
.t1 .middle{width:520px}
.t2 .middle{width:500px}
.t3 .right{width:770px}
.t4 .right{width:780px}
.t5 .left{width:730px}
.t6 .left{width:740px}
.t7 .right{width:768px;border:1px solid #ededed;margin-bottom:20px}
.t8 .left{margin-right:10px}
a.android_,a.ios_{margin-right:32px}
.t9 .right{width:760px}
.t10 .right{width:720px}
.icon{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-top:-2px;background:url(../img/icon.png) no-repeat}
.arrow-l s,.arrow-r s{margin-top:-5px;top:50%}
.icon-like{background-position:0 -32px}
.icon-unlike:hover{background-position:0 -16px}
.icon-unlike{background-position:0 0}
.icon-middle{width:36px;height:36px;background:url(../img/m-icon.png) no-repeat}
.icon-m-create{background-position:-36px 0}

.copyright{width:100%;padding:25px 0;height:65px;line-height:20px;border-top:1px solid #e9e9e9;color:#999;text-align:center;background:#fff}
.copyright .footer{width:980px;margin:auto}
.copyright img{float:left;margin-top:10px}
.copyright .about-{margin-bottom:3px}
.copyright .about- span{padding:0 12px;color:#ededed}
.header-  .writter{  width: 150px; height: 75px; display: inline-block; background: url(../img/writer.jpg) no-repeat center 32px; float: left; text-indent: -999em; overflow: hidden; margin-left: -50px;}
.header- {    position: relative;    width: 980px;    margin: 0 auto;    padding-top: 24px;}
.header- h1{float:left;width:279px;height:78px;margin-right:70px;text-indent:-9999px;background:url(../img/zyicon1.png) no-repeat}
.header- h1 a{width:279px;height:78px}

/*喇叭*/
.navbar-s{position: relative}
.user-item {height: 28px;  position: absolute;background-size: contain;  text-align: center;  color: #fff;  padding: 2px 0 0px;  font-size: 12px;top: 3px;right: 5px;width: 274px;overflow: hidden; }
.user-item strong {display: inline-block;  background: url(../img/hrmb.png) no-repeat 0 5px;  padding: 5px 0 0 22px;  float: left;background-size: 18px}
marquee {display: inline-block;  width: 90%;  float: left;  padding: 5px 0 0 0;  font-size: 12px;  color: #777;  }
marquee a,.navbar-s .user-item a{ color:#777; }
marquee a:hover,.navbar-s .user-item a:hover{  text-decoration: underline; color: #333!important;}
.navbar-s{background-color: #f2f2f2}
.nav-types-wrap{margin: 0 auto 0px;background-color: #2a8adf;height: 35px; overflow: hidden;}
.nav-types {    margin: 0 auto;    height: 35px;    width: 980px;    border-bottom: 1px solid #fff;}
.nav-types li {    float: left;}
.f-w-b {    font-weight: 700;}
.nav-types li.f-w-b{ padding-left: 15px;}
.nav-types .type{display:inline-block;padding:10px 15px 10px 10px;color:white}
.nav-types{margin:0 auto;height:35px;width:980px}

.content{margin:0 auto}
.nav-types .type{padding:10px 0 10px 10px}
.navbar-s{height:35px;background-color:#ddd}
.navbar-s ul{width:980px;margin:0 auto;position: relative; display: block;}
.navbar-s li{float:left;line-height:33px;position: relative;    width: 95px;    text-align: center;    border-top: 2px solid #f2f2f2;}
.header- .search- .input-top,form .input-top{height:22px;line-height:22px \9;padding:3px 10px 3px 45px;box-sizing:content-box;background:url(../img/searchtop.png) 5px center no-repeat #fff;float:left}
.navbar-s li a{;display:inline-block;font-size:14px; width: 100%; display: block;}
.navbar-s span{color:#fff;margin:0 5px}
.navbar-s a:hover{color:#fff!important}
.navbar-s .line-ss{margin:0 20px}
.navbar-s .publish{margin-right:25px}
.navbar-s li.active,.navbar-s li:hover{    background: #c8e4fc;border-top: 2px solid #2a8adf   }
.navbar-s li a:hover{ color: #333!important;}
.navbar-s li {
    line-height: 33px;
    position: relative;
    border-top: 2px solid #f2f2f2;

    width: 95px;
    text-align: center;
}
.navbar-s li a {
    color: #333;

    display: inline-block;
    font-size: 14px;
    width: 100%;
    display: block;
}

.navbar-s {    margin: 32px auto 0;background-color: #f2f2f2;}
.navbar-s .wrap {    display: block;    margin: 0 auto;    position: relative;    width: 980px;}
.nav-types {
    margin: 0 auto;
    height: 35px;
    width: 980px;

    border-bottom: 1px solid #fff;
}
.nav-types li.f-w-b {
    padding-left: 15px;
}

.nav-types .type {
    padding: 10px 0 10px 10px;

    display: inline-block;

    color: white;
}
.blue_hover .hot {
    background: url(../img/hot.gif) no-repeat;
    background-size: 21px;
    width: 21px;
    height: 15px;
    position: absolute;
    top: 2px;
    right: -2px;
}