.novel-header{min-height:410px;position:relative;width:100%;padding-bottom:1rem;margin-top:0;display:block;z-index:1;color:#fff}.novel-header .lazyLoadClass{height:374px}.novel-header .main-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:13px;height:20rem}.novel-header img{width:100%;height:100%;object-fit:cover;object-position:top;mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),color-stop(60%,rgba(0,0,0,.4)),to(#000));mask-image:linear-gradient(0deg,transparent 10%,rgba(0,0,0,.4) 60%,#000);-webkit-mask-image:-webkit-linear-gradient(bottom,transparent 10%,rgba(0,0,0,.4) 60%,#000)}.novel-header figure{width:288px;margin:0 1rem 0 0;height:374px}.novel-header .cover{width:100%;height:374px}.novel-header .author{font-size:16px;line-height:18px;margin-bottom:.325rem;color:#a1a3a5}.novel-header h1{font-size:24px;margin-bottom:4px}.novel-header h1,.novel-header h3{color:#fff;font-weight:700;line-height:1.2}.novel-header h3{font-size:18px;margin-bottom:.5rem}.novel-header .rating{display:flex;height:1.5rem}.novel-header .rank{color:#e581f0;display:inline-block;font-size:20px;line-height:1;display:flex;align-items:center;margin-right:1rem}.novel-header .info{font-size:16px;width:100%;margin-top:auto;display:flex;flex-direction:column}.novel-header .body{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;position:relative;width:100%}.novel-header .img-container{position:absolute;top:0;left:0;right:0;background:#000;margin:0;padding:0;display:block;z-index:-1;height:20rem}@media screen and (min-width:768px){.novel-header .img-container{position:static;z-index:1;-webkit-box-flex:0;-ms-flex:0 0 258px;flex:0 0 258px;height:374px;max-height:374px;margin-right:20px;box-shadow:0 4px 15px -5px rgba(0,0,0,.6)}.novel-header .info{flex:1 1 auto;padding:0;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:0;margin-top:0}.novel-header img{mask-image:none;-webkit-mask-image:none}.novel-header .body{display:flex;flex-direction:row;margin:0 auto}.novel-header:before{content:"";background:url(/novel-header-bg2.jpg);background-repeat:no-repeat;background-size:cover;position:absolute;top:-50px;left:0;bottom:72px;width:100%}}@media screen and (min-width:1024px){.novel-header{height:432px}.novel-header .img-container{flex:0 0 288px;height:374px;max-height:374px}.novel-header:before{bottom:80px}}