.cate-component-sub-navbar-seat{height:200px}.cate-component-sub-navbar-seat .sub-navbar-wrap{position:relative;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 40%);height:200px;background-size:cover;background-repeat:no-repeat;background-position:50%;min-width:1200px}.cate-component-sub-navbar-seat .sub-navbar-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.cate-component-sub-navbar-seat .sub-navbar-wrap .content{width:1200px;margin:auto;display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .nav-title{color:#fff;font-family:Toppan Bunkyu Midashi Mincho;font-size:40px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:0}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .nav-desc{color:#fff;font-family:Toppan Bunkyu Midashi Mincho;font-size:13px;font-style:normal;font-weight:900;line-height:24px}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cates{display:flex;justify-content:space-between;margin-top:31px;align-items:center;gap:70px;width:1200px;overflow:hidden}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cate-list{display:flex;gap:10px}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cate-list label{height:32px;border-radius:24px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;padding:0 16px;white-space:nowrap;word-break:keep-all}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cate-list label a{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cate-list label:hover{background:hsla(0,0%,100%,.2)}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .cate-list label a:hover{color:#fff!important}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list{flex-wrap:nowrap;height:20px;overflow:hidden}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list,.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list span{display:flex;gap:10px;align-items:center;white-space:nowrap;word-break:keep-all}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list span:last-child i{display:none}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list i,.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list label a{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list label a:hover{color:#ccc!important}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list i{color:#bebebe}.cate-component-sub-navbar-seat .sub-navbar-wrap .content .sub-cate-list{max-width:400px;flex-wrap:wrap;margin-top:-1px;justify-content:flex-end}.component-recommend-by-words{width:100%}.component-recommend-by-words .words-title-wrap{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.component-recommend-by-words .words-title-wrap .name{color:#000;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.component-recommend-by-words .recommend-wrap{display:flex;align-items:center;justify-content:space-between}.component-recommend-by-words .recommend-title{display:flex;gap:12px;align-items:center;justify-content:flex-start}.component-recommend-by-words .recommend-title span{color:var(--color---,#000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;display:flex;height:36px;padding:0 20px;gap:2px;border-radius:100px;border:1px solid #ddd}.component-recommend-by-words .recommend-title span:hover{color:#fd502a}.component-recommend-by-words .recommend-title span.active{color:#fff;font-style:normal;font-weight:700;line-height:normal;background-color:#000}.component-recommend-by-words .recommend-title span.active i{background:#fd502a}.component-recommend-by-words .recommend-books .pc-book-item{width:288px;border:.5px solid #dedede;border-radius:4px;padding:16px 16px 10px;margin:0}.component-recommend-by-words .component-book-list-by-hover{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:16px;width:100%}.component-recommend-by-words .recommend-books .recommend-item{display:flex;flex-wrap:wrap;gap:16px 24px}.component-recommend-by-words .recommend-books-more{display:flex;justify-content:center;align-items:center}.component-recommend-by-words .recommend-books .pc-book-item:last-child{border:.5px solid #dedede}.component-recommend-by-words .recommend-books .pc-book-item.empty{border:0}.component-recommend-by-words .recommend-books .recommend-item{display:none;margin-top:24px}.component-recommend-by-words .recommend-books .recommend-item.active{display:flex}