li {display: list-item;text-align: -webkit-match-parent;}
ol, ul { list-style: none outside none; }
.pad10{padding: 10px;}
.header-top-nav{ box-shadow: 0px 4px 8px rgba(0,0,0,0.3);}
.header-top-nav a{color: #122B40;}
.hairline  .navbar-header{ border-bottom: 1px solid #DDDDDD;}
.header-top-nav .navbar-toggle{border: 1px solid #DDDDDD;}
.header-top-nav .navbar-toggle .icon-bar{;background:#8C8C8C;}
.header-top-nav .navbar-toggle.search-btn{ border: 0px;}
.hairline .header-top-nav .search-style .form-group{}
.hairline .header-top-nav .search-style .navbar-form{position: relative;z-index: 1; margin: 0px;}
.hairline .header-top-nav .search-style .glyphicon-search{position: absolute; right: 15px; top:10px}
.headerstyle{ position: fixed;z-index: 111; top:0px; width: 100%; left: 0px; background: #FFFFFF;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.box_Bullet{ background: rgba(0,0,0,0.7); color: #FFFFFF;position: absolute; z-index: 1111; padding: 10px; border-radius: 5px;font-size: 14px; top:50%}
/**********************************/
.recommend-style .thumbnail{position: relative;z-index: 1;}
.Fiction-title{font-weight: bold; margin-bottom: 15px; height: 50px; line-height: 50px; border-bottom: 1px solid #DDDDDD;font-size: 16px; position: relative; z-index: 1; padding-left: 50px;}
.Fiction-title .Fiction-icon{position: absolute;z-index: 11;left: 0px; top:10px; display: block; height: 30px; width: 30px;background-size: 100% 100%; background-repeat: no-repeat;}
.Fiction-title .icon-tushu{ background-image: url(../images/icon-ts.png); }
.Fiction-title .icon-host{background-image: url(../images/icon-host.png);}
.Fiction-title .icon-news{background-image: url(../images/icon-news.png);}
.Fiction-title .icon-link{background-image: url(../images/icon-link.png);}
.Fiction-title .icon-recommend{background-image: url(../images/icon-xiaoshuo.png);}
.recommend-summary{font-size: 13px; color: #999999;}
.thumbnail a{text-decoration: inherit;}

.book-title{ line-height: 30px;}
.book-title h4,
.book-title h5{ line-height: 30px; margin-top: 0;}
.thumbnail .author-name{color:#269ABC; position: absolute; bottom: 0px; right: 0px; background: #D43F3A; color: #FFFFFF; padding: 5px 10px;}
.book-title h4{font-size: 16px;}
.book-title h4{
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width: 100%;
}
.thumbnail .thumbnail-img{ height: 220px;position: relative;z-index: 1;}
.recommend-style .recommend-sheets{font-size: 0.25rem; position: absolute;z-index: 11; background: rgba(0,0,0,0.7); color: #FFFFFF; padding: 5px 10px; top:0px; right: 0px;}
.hairline .thumbnail img{ height: 4rem!important;}
.hairline .thumbnail-img{ height: 4rem!important;}
.hairline .thumbnail .navbar-left{width: 100%;}
.recommend-summary{ 
	height: 0.8rem;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:100%;
    line-height: .4rem;
    }
.hairline .col-lg-1, 
.hairline .col-lg-10, 
.hairline .col-lg-11, 
.hairline .col-lg-12, 
.hairline .col-lg-2, 
.hairline .col-lg-3, 
.hairline .col-lg-4, 
.hairline .col-lg-5, 
.hairline .col-lg-6, 
.hairline .col-lg-7, 
.hairline .col-lg-8, 
.hairline .col-lg-9, 
.hairline .col-md-1, 
.hairline .col-md-10, 
.hairline .col-md-11, 
.hairline .col-md-12, 
.hairline .col-md-2, 
.hairline .col-md-3, 
.hairline .col-md-4, 
.hairline .col-md-5, 
.hairline .col-md-6, 
.hairline .col-md-7, 
.hairline .col-md-8, 
.hairline .col-md-9, 
.hairline .col-sm-1, 
.hairline .col-sm-10, 
.hairline .col-sm-11, 
.hairline .col-sm-12, 
.hairline .col-sm-2, 
.hairline .col-sm-3, 
.hairline .col-sm-4, 
.hairline .col-sm-5, 
.hairline .col-sm-6, 
.hairline .col-sm-7, 
.hairline .col-sm-8, 
.hairline .col-sm-9, 
.hairline .col-xs-1, 
.hairline .col-xs-10,
.hairline .col-xs-11, 
.hairline .col-xs-12, 
.hairline .col-xs-2, 
.hairline .col-xs-3, 
.hairline .col-xs-4, 
.hairline .col-xs-5, 
.hairline .col-xs-6, 
.hairline .col-xs-7, 
.hairline .col-xs-8, 
.hairline .col-xs-9 {
    padding-right:.2rem;
    padding-left:.2rem;
}
/***********************************************/
.hostlist,
.Fiction-list,
.renew-Fiction-list,
.Fiction-chapter-list,
.wareh-list{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
.hostlist li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #F2F2F2; position: relative;z-index: 1;}
.hostlist li .host-name{color: #999999;float:right; margin: 0px!important;}
.hostlist li .host-title{
	height: 30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:60%;
    line-height: 30px;
    float: left;
}
.hostlist li .Fiction-type{ margin-top: 5px; margin-right: 5px;float: left;}
.Fiction-kind{background: #ffefef; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); border-radius: 5px;}
.Fiction-kind .kind-title{ text-align: center;font-weight: bold; font-size: 16px; border-bottom: 2px solid #31B0D5; height: 40px;}
.Fiction-kind a{ margin: 5px ;}
/****************************************/
.species-module .species-title{ height: 60px; font-size: 24px; color: #31B0D5; font-weight: bold;text-align: center; line-height: 60px;position: relative;z-index: 1;}
.species-module .species-title .title-name{background: #FFFFFF; padding: 10px 20px;position: relative;z-index: 2;}
.species-module .species-title:before{content: '';position: absolute; width: 50%; height: 1px; background:#31B0D5;z-index:0; left: 25%; top:50%}
.species-module .species-info{border: 1px solid #DDDDDD; border-radius:5px; margin-bottom:20px;}
.species-module .species-info .Fiction-type-title{ 
	height: 40px;
	line-height: 40px; 
	padding: 0px 10px; 
	border-bottom: 1px solid #DDDDDD;
	}
.species-module .species-info .Fiction-filter{ padding: 10px;}
.species-module .Fiction-filter .Fiction-irst{ position: relative;z-index: 1;}
.species-module .Fiction-filter .Fiction-irst .Fiction-left-img{ width: 80px;  margin-right: 10px; position: absolute;z-index: 11; left: 0px; top:0px;overflow: hidden;}
.species-module .Fiction-filter .Fiction-irst .Fiction-left-img img{width: 100%; height: 100%;}
.species-module .Fiction-filter .Fiction-irst .Fiction-right-content{padding-left: 90px; color: #000000;}
.species-module .Fiction-filter .Fiction-irst .Fiction-Introduction{
	height:66px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    width:100%;
    line-height: 24px;
    float: left;
    color: #999999;
    
}
.species-module .Fiction-list .Fiction-name{
	height:30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 30px;
    float: left;
    color: #999999;
}
.newlist .renew-Fiction-list .renew-Fiction-info{color: #999999; min-height: 30px; line-height: 30px; border-bottom: 1px dashed #DDDDDD; margin: 5px 0px;}
.newlist .renew-Fiction-list .renew-Fiction-info span{
	height:30px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 30px;	
}
.Links{ margin-top: 20px;}
.Links .Links-name{ margin: 5px 10px; color:#101010;}
/**************************************/
.footer {
    padding: 30px 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 70px;
}

.footer .copyright{ text-align: center; color: #999999;}
.breadcrumb .glyphicon {color: #EB9316;}
/************翻页******************/
.book-article{ width: 100%; height: 800px;}
.recommend-fiction{ }
.recommend-fiction .recommend-list{border-bottom: 1px solid #DDDDDD;}
/********************小说介绍***********************/
.Fiction-content{}
.Fiction-content .Fiction-introduce-img{position: relative;z-index: 1;}
.Fiction-content .Fiction-status{position: absolute;z-index: 11; left: 0px; top:0px; background: #D9534F; padding: 5px 10px; color: #FFFFFF;}
.Fiction-content .Fiction-introduce{border:1px solid #DDDDDD; padding: 10px; position: relative;z-index: 1;}
.Fiction-content  .Fiction-introduce-rules { line-height: 30px; border-bottom: 1px dashed #DDDDDD;}
.Fiction-content  .Fiction-info-con{color: #999999; line-height:24px; padding: 10px 0px;}
.Fiction-content  .Fiction-collect{position: absolute; right: 0px; top:0px}
.hairline .Fiction-collect{display: block;position: initial;}
.Fiction-chapter-list li{ height: 30px; line-height: 30px; padding: 0px 5px; border-bottom: 1px solid #f2f2f2; }
.Fiction-chapter-list li a{display: block;}
.Fiction-chapter-list li a:hover{ display: block;background: #F2F2F2;}
.hairline .Fiction-chapter-list li:nth-child(2n){background:#f2f2f2;}
.hairline .Fiction-chapter-list li:nth-child(odd){background: #FFFFFF;}
/****************************************/
.read-Fiction{ border: 1px solid #DDDDDD; margin: 15px 0px;}
.read-Fiction .article-title{font-size: 24px; font-weight: bold; text-align:center; padding: 15px ;}
.read-Fiction .read-operating{ padding: 10px; height:50px; border-bottom: 1px solid #DDDDDD;}
.read-Fiction .read-operating a{ margin: 0px 10px;}
.hairline .read-Fiction .read-operating{ padding: 0px; height:.75rem;overflow: hidden;}
.hairline .read-operating a{ margin: 0px; border-radius: 0px; height:.73rem; padding: 6px 10px; font-size: .35rem;border-top: 0px;border-bottom: 0px;border-left:0px; }
.hairline .read-operating a.closelamp, 
.hairline .read-operating a.openlamp{display:none}
.hairline .box{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: justify;
    -ms-flex-align: center;
    justify-content: space-between;
    align-content: center
}
.hairline .box-flex{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
	position: relative;
}
.hairline  .recommend-fiction{display: none;}
.read-Fiction .article-content{ padding: 15px; line-height: 30px;}
.read-Fiction  .seesaw-article{ border-top: 1px solid #DDDDDD;}
.read-Fiction  .seesaw-article .seesaw-link{ width: 50%; display: block; float: left; text-align: center; height: 40px; line-height: 40px;border-right: 1px solid #dddddd; overflow: hidden;}
.read-Fiction  .seesaw-article .seesaw-link:last-child{border: 0px;}
/****************搜索***********************/
.search-content .search-result{ border: 1px solid #DDDDDD;border-radius: 5px; padding: 10px; margin: 15px 0px;position: relative;z-index: 1; height: 210px;}
.search-content .search-result .search-result-img{ width: 140px; overflow: hidden;position: absolute; left: 10px;z-index: 11;top:10px; height: 190px;}
.search-content .search-result .search-result-img img{ width: 100%;}
.search-content .search-result .search-result-info{ padding-left: 160px;}
.search-content .search-result .search-summary{
	color: #999999;
	height:48px;
	box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 24px;	
    margin-bottom: 5px;
}
.hairline .search-content .search-result .search-result-img{width:2.5rem;}
.hairline .search-content .search-result .search-result-info{ padding-left: 2.6rem;}
.hairline .search-content h4{font-size: .35rem; padding: 0px 5px;overflow: hidden; margin-top: 0px;}
.hairline .search-content p{font-size: .25rem; margin-bottom: .1rem;}
.hairline .search-content .search-result .search-summary{padding: 0px 5px; font-size: .25rem; line-height: .4rem; height: .8rem;}
.hairline .search-content .read-operate{ position: absolute; width: 100%; left: 0px; bottom: 0px;}
.hairline .search-content .search-result{ height: 4.5rem;overflow: hidden;}
.hairline .search-content .read-operate .btn{ width: 50%; float: left;border-radius: 0px;}
/*********************************/
.bookshelf-style  .col-sm-6,
.bookshelf-style  .col-md-3,
.bookshelf-style  .col-xs-6{ padding-left: 10px; padding-right: 10px; width: 20%;}
.hairline .bookshelf-style  .col-sm-6,
.hairline .bookshelf-style  .col-md-3,
.hairline .bookshelf-style  .col-xs-6{width: 50%;}
.bookshelf-operate a{ width: 50%;float: left; border-radius:0px ;}
.hairline  .bookshelf-operate a{font-size: .3rem; padding: 6px 10px;}