/** ----------------------------------
 * 小說海
 * Name:小說海
 * 更新时间 2020/6/7
 -------------------------------------- **/
body,html{height:100%;width: 100%;}
body{background-color:#fff;color:#333;font-weight:400;font-size:14px;letter-spacing: 1px;}
*{margin:0;padding:0;box-sizing: border-box;}
*,::after,::before{box-sizing:border-box;}
img{max-width:100%;border:0;vertical-align: middle;}
ul,li{list-style:none;}
button,input{outline:0;}
a {color: #333;text-decoration: none;}
#wrap{position:relative;margin:0 auto;height:100%;}
.container{min-height: 100vh;background-color: #fff;overflow: hidden;}
.logo{padding: 15px 10px;min-height:auto;background-position:center;background-size:cover;text-align: center;}
.logo img{height: 100px;}
.search{position:relative;overflow:hidden;padding: 15px 10px;}
.search form{display:flex;width:100%;}
.search input{padding:0 15px;padding-right:95px;width:100%;border:1px solid #313a46;border-color:#f0f4f7;border-radius:99px;background-color:#f0f4f7;}
.search button,button,.search input{display:inline-block;height:45px;line-height:45px;}
.search button{width:150px;border:0;border-radius:99px;background-color:#fb7b9f;color:#fff;letter-spacing:2px;font-weight:500;font-size:16px;cursor:pointer;}
.search:after{margin-right:0px;width:150px;border:0;border-radius:99px;background-color:#fb7b9f;color:#fff;letter-spacing:2px;font-weight:500;font-size:16px;cursor:pointer;}
/*首页*/
.book-container,.home-container{overflow:hidden;margin:20px auto;padding: 0 10px;}
.home-title{margin-top:10px;margin-bottom:10px;}
.home-title h3{position:relative;padding-left:10px;font-weight:500;font-size:16px;line-height:1;}
.home-title h3:after{position:absolute;top:.02rem;left:0;display:inline-block;width:3px;height:100%;background:#f08300;content:'';}
.home,.list-content{display:grid;grid-gap:.5em;}
.home-gid,.list-gid{position:relative;}
.home-gid .home-wrap,.list-gid .list-wrap{display:-webkit-box;padding:5px;border:1px solid #f3f3f3;border-radius:4px;background-color:#ffffffe6;box-shadow:0 1px 5px rgba(180,195,255,.3);transition:all .15s ease-out;}
.home-wrap .home-cove,.list-wrap .list-cove{position:relative;overflow:hidden;margin-right:10px;width:85px;height:110px;background-size:1.68rem 2.24rem;-webkit-background-size:1.68rem 2.24rem;}
.home-wrap .home-cove img,.list-wrap .list-cove img{position:absolute;top:50%;left:50%;display:block;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);}
.home-wrap .home-info,.list-wrap .list-info{-webkit-box-flex:1;position: relative;}
.home-wrap .home-info h3,.list-wrap .list-info h3{overflow:hidden;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;word-break:break-all;}
.home-wrap .home-info p,.list-wrap .list-info p{display:-webkit-box;overflow:hidden;margin-top:5px;max-height:100%;color:#666;text-overflow:ellipsis;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.home-wrap .home-browse,.list-wrap .list-browse{bottom:0;overflow:hidden;margin-top:5px;color:#ff5722;font-size:12px;position: absolute;}
/*首页菜单*/
.new-fa{margin-top:20px;}
.new-fa,.new-fa ul{overflow:hidden;max-width:100%;}
.new-fa ul{display:flex;}
.new-fa ul li{width:100%;text-align:center;flex:1;}
.new-fa ul li,.new-fa ul li i{display:inline-block;overflow:hidden;}
.new-fa ul li i{width:45px;height:45px;border-radius:8px;background-color:#fa6484;color:#fff;font-size:20px;line-height:46px;}
.new-fa ul li h2{position:relative;color:#777;font-weight:400;font-size:14px;}
/*第二主体菜单*/
.nav-bar{position:relative;height:45px;line-height:45px;}
.nav-bar .nav-container{display:-webkit-box;padding:0 10px;height:45px;border-bottom:1px solid #6d52ff;background-color:#6d52ff;text-align:center;line-height:45px;margin: 0 auto;}
.nav-container .ellipsis{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;word-break:break-all;-webkit-box-flex:1;}
.nav-container .nav-item a{color:#fff;font-size:20px;}
/*分类页面*/
.sort-container{display:grid;overflow:hidden;margin:20px auto;padding:0 10px;width:100%;grid-gap:.5em;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));}
.sort-list{position:relative;width:100%;height:155px;}
.sort-list .sort-item{position:absolute;top:0;left:0;z-index:1;width:100%;height:135px;border-radius:20px;background-color:#2196f3;background-size:100% auto;background-repeat:no-repeat;}
.sort-list .sort-item .grid-item-title{position:absolute;top:0;left:0;z-index:3;display:-ms-flexbox;display:flex;width:100%;height:135px;color:#fff;font-weight:900;font-size:18px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.sort-list .grid-item-after{position:absolute;top:10px;left:40px;z-index:0;width:80%;height:135px;border-radius:20px;background-color:#2196f3;opacity:.5;}
/*封面*/
.cover-header{display:flex;overflow:hidden;margin-bottom: 10px;}
.cover-header .cover-header-img{position:relative;overflow:hidden;margin-right:15px;width:100px;height:130px;}
.cover-header .cover-header-img img{position:absolute;width:100%;height:100%;}
.cover-header .cover-header-info{display:flex;overflow:hidden;color:#777;-webkit-flex-direction:column;}
.cover-header .cover-header-info h1{overflow:hidden;margin-bottom:10px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.cover-header .cover-header-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.cover-header .cover-header-info p+p{margin-top:6px;}
.cover-header .cover-block{display:inline-block;margin-right:10px;padding:0 10px;height:40px;border:1px solid #2196F3FF;border-radius:8px;color:#2196F3FF;text-align:center;font-size:.28rem;line-height:40px;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.cover-header .cover-block+.cover-block{margin-right:0;}
.cover-des{color:#666;letter-spacing:2px;line-height:2;}
/*目录*/
.catalog-book-heade{overflow:hidden;padding-bottom:10px;border-bottom:1px solid #ddd;}
.catalog-book-heade h1{float:left;font-weight:600;font-size:16px;}
.catalog-book-heade span{float:right;font-weight:600;font-size:16px;}
.catalog-book-info a{display:inline-block;width:100%;height:45px;color:#666;line-height:45px;text-align:center;}
.catalog-book-info a+a{border-top:1px solid #ddd;}
.catalog-book-info button{width:20%;border:0;border-radius:99px;background-color: #008cff;color:#fff;letter-spacing:2px;font-weight:500;font-size:16px;cursor:pointer;text-align:center;}
.catalog-book-info button:last-child{margin-right:0;}
/*阅读*/
.read-container{overflow:hidden;width:100%;min-height:50vh;background-color:#f5e6ce;color:#50422c;font-size:20px;}
.read-container .read-box{padding:10px;}
.read-container .read-box .read-title{margin-bottom:10px;font-weight:700;display: none;}
.read-container .read-box .read-content{letter-spacing:1.5px;font-size:22px;}
.read-catalog{display:flex;overflow:hidden;padding:0 10px;padding-top:10px;background-color:#fff;}
.read-catalog .read-cata{display:inline-block;margin-right:10px;padding:0 10px;height:35px;border:1px solid #ccc;border-radius:8px;color:#333;text-align:center;font-size:20px;line-height:35px;flex:1;}
.read-catalog .read-cata:last-child{margin-right:0;}
.read-catalog button{width:25%;border:0;border-radius:99px;background-color: #008cff;color:#fff;letter-spacing:2px;font-weight:500;font-size:16px;cursor:pointer;}
/*分页*/
.page{overflow:hidden;margin-bottom:10px;}
.page span a{display:inline-block;width:15%;height:35px;border:1px solid #f3f3f3;border-radius:4px;background-color:#fefefe;box-shadow:0 1px 5px rgba(180,195,255,.3);color:#777;font-size:14px;line-height:35px;}
.page span{float:left;padding:0 5px;width:100%;text-align:center;}
.page span a.active {
    background-color: #777;
    color: white;
    border: 1px solid #777;
}

/*chaper*/
.chapter{display:flex;}
.chapter span a{display:inline-block;width:100%;height:35px;
    border:1px solid #f3f3f3;border-radius:4px;background-color:#fefefe;box-shadow:0 1px 5px rgba(180,195,255,.3);color:#777;font-size:20px;
    line-height:35px;}
.chapter span{float:left;padding:05px;width:100%;text-align:left;}

/*底部*/
.footer{overflow:hidden;margin-top:20px;padding: 15px 10px;background-color:#fff;color:#666;text-align:center;font-size:12px;border-top: 1px solid #f3f3f3;}
.footer p+p{margin-top: 5px;}
.footer p a{color:#666;}
.footer p a+a{margin-left:10px;}