section.manual{display:grid;gap:.1rem;margin:.15rem}
.brand-side{background:#fff;border-radius:.04rem;padding:.15rem}
.brand-index{display:grid;grid-template-columns:repeat(10,1fr)}
.brand-index-item{height:.35rem;line-height:.35rem;text-align:center;cursor:pointer;border-radius:.04rem}
.brand-index-item.active,.brand-index-item:hover{background-color:#ffc107;font-weight:600;color:#fff}
.brand-list-warpper{border-top:1px solid #f5f5f5;margin-top:.1rem;padding-top:.1rem}
.brand-list-item{display:none;grid-template-columns:repeat(3,1fr);gap:.1rem}
.brand-list-item.active{display:grid}
.brand-list-item .item-letter{display:none}
.brand-list-item .item-brand{padding:.05rem;overflow:hidden}
.brand-list-item .item-brand a{display:flex;align-items:center}
.brand-list-item .item-brand.active,.brand-list-item .item-brand:hover{background:#ffecb3}
.brand-list-item .item-brand .brand-icon{width:.3rem;height:.3rem;border-radius:.04rem}
.brand-list-item .item-brand a .brand-name{margin-left:.1rem;font-size:.13rem;white-space:nowrap}
.brand-list-item .item-brand.active .brand-name,.brand-list-item .item-brand:hover .brand-name{color:#ff9800;font-weight:600}
.brand-list-item .item-brand a:hover{text-decoration:none}
.brand-list-item .item-brand a:hover .brand-name{color:#fff}
section.manual .hot-manual{background-color:#fff;border-radius:.04rem;padding:.2rem;overflow:hidden;display:none;position:relative}
.hot-manual ul{display:flex;position:relative;margin:0 -.1rem 0}
.hot-manual ul li:nth-child(4n){margin-right:0}
.hot-manual ul li{overflow:hidden;flex-shrink:0;width:188px;padding:0 .1rem}
.hot-manual ul li .cover{display:block;position:relative;width:1.68rem;height:1.1rem;margin-bottom:8px;overflow:hidden}
.hot-manual ul li .cover img{border-radius:.04rem;width:100%;height:100%;overflow:hidden}
.hot-manual ul li .cover .cate,.hot-manual ul li .cover .hits{position:absolute;bottom:.05rem;right:.05rem;color:#fff;font-size:.12rem;padding:.03rem .05rem;background-color:#dddddd47;border-radius:.03rem}
.hot-manual ul li .cover:hover .cate{background-color:#ff9800}
.hot-manual ul li .cover .hits{color:#fff;background:0 0;padding:0}
.hot-manual ul li .cover:hover .hits{color:#ff9800}
.hot-manual ul li .tit{color:#333;height:.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.05rem}
.hot-manual ul li a:hover .tit{color:#ff9800;text-decoration:underline}
.hot-manual ul li .user{display:flex;justify-content:space-between;align-items:center;font-size:.13rem}
.hot-manual ul li .user a:hover{text-decoration:underline;color:#ff9800}
.hot-manual ul li .user .time{color:#999}
.manual ul li .tit:hover{color:#ff9800;text-decoration:underline}
section.manual .list-manual .bd{padding-top:0}
section.manual .list-manual{background:#fff;border-radius:.04rem;padding:.15rem;display:grid;gap:0}
.list-manual .list-item{border-bottom:1px solid #f5f5f5;padding-bottom:.25rem;display:flex;margin-top:.25rem}
.list-manual .list-item:last-child{border-bottom:0}
.list-manual .list-item .thumb{display:block}
.list-manual .list-item .thumb img{height:.85rem;border-radius:.04rem;width:1.25rem;background-color:#eee}
.list-manual .list-item .intro{margin-left:.15rem}
.list-manual .list-item .intro h4{line-height:140%;display:flex;align-items:flex-start}
.list-manual .list-item .intro h4 a{font-size:.16rem}
.list-manual .list-item .intro h4.vip em{background:#dfc192;font-size:12px;color:#91622d;padding:0 .08rem;border-radius:1rem;cursor:default;margin-left:.1rem}
.list-manual .list-item .intro h4.vip a{color:#362101}
.list-manual .list-item a:hover{color:#ff9800!important}
.list-manual .list-item .intro p{font-size:.12rem;display:none;color:#666}
.list-manual .list-item .intro p a{color:#666}
.list-manual .list-item .intro p a:hover{text-decoration:none;color:#333!important}
.list-manual .list-item .intro .ext{margin-top:.05rem;align-items:center;color:#333;font-size:.14rem;position:relative}
.list-manual .list-item .intro .ext .gold{color:#ff5722;position:absolute;right:0;top:.02rem}
.list-manual .list-item .intro .ext .avatar{width:.24rem;height:.24rem;border-radius:50%;border:1px solid #eee;vertical-align:middle;margin-right:.05rem}
.list-manual .list-item .intro .ext a{color:#444c69}
.list-manual .list-item .intro .ext a.user{display:flex;align-items:center}
.list-manual .list-item .intro .ext a.cate{display:none}
.list-manual .list-item .intro .ext span{color:#666}
.list-manual .list-item .intro .ext .line{display:inline-block;width:1px;height:.1rem;background:#e0e0e0;margin:0 .1rem}
.hd{display:flex;align-items:center;justify-content:space-between}
.hd h3{line-height:.15rem;padding:0 .06rem;border-left:.03rem solid #ff9800;font-size:.18rem;font-weight:700}
.series{background:#fff;padding:.15rem;border-radius:.04rem;margin-bottom:.15rem}
.series-box{padding-top:.15rem}
.series-box .item{margin-bottom:.15rem}
.series-box .item:last-child{margin-bottom:0}
.series-box .item .vendor{font-weight:700;font-size:.15rem}
.series-box .item .list{padding-left:.2rem;margin-top:.1rem}
.series-box .item .list a{padding:.05rem .1rem;display:inline-block}
.series-box a.active,.series-box a:hover{color:#ff9800}
.series-box>a{padding:.05rem .1rem;display:inline-block}
section.detail{display:grid;gap:.15rem;position:relative}
section.detail .side{display:none}
section.detail .side .user{background:#fff;border-radius:.04rem;padding:.15rem}
section.detail .side .user .base{position:relative;display:flex;align-items:flex-start}
section.detail .side .user .base .avatar{width:.48rem;height:.48rem;border-radius:50%;border:1px solid #eee}
section.detail .side .user .base .info{flex-grow:1;margin-left:.05rem}
section.detail .side .user .base .info .nick{font-weight:700;font-size:15px}
section.detail .side .user .base .info .tag{color:#888;font-size:.12rem;cursor:default;margin-top:.03rem;display:flex;gap:.1rem}
section.detail .side .user .base .info .tag i{color:#03a9f4}
section.detail .side .user .base .info .tag span:hover{color:#03a9f4}
section.detail .side .user .base .focus{position:absolute;right:0;top:0;color:#2196f3}
section.detail .side .user p{color:#666;font-size:14px}
section.detail .side .user .entry{text-align:center}
section.detail .side .user .entry .btn{display:inline-block;border:1px solid #03a9f4;padding:.02rem .1rem;color:#03a9f4}
section.detail .side .user .entry .btn:hover{text-decoration:none;background-color:#2196f3;color:#fff;border-color:#2196f3}
section.detail .files{background:#fff;border-radius:.04rem;padding:.15rem;position:sticky;top:.1rem}
section.detail .files .search{padding-bottom:.1rem;border-bottom:1px solid #eee;position:relative}
section.detail .files .search i{position:absolute;top:.1rem;left:.15rem;color:#888}
section.detail .files .search input{border:1px solid #eee;height:.3rem;display:block;width:100%;border-radius:.02rem;text-indent:.28rem;background-color:#fafafa}
section.detail .files .search input:focus{border-color:#ccc}
section.detail .files .files-menu{max-height:800px;overflow-y:auto}
section.detail .files .files-menu span.free{color:#ff5722;font-weight:700}
section.detail .files .files-menu a{color:#333;font-size:14px;display:inline-block;height:24px;line-height:24px;padding-left:19px;margin-left:4px}
section.detail .files .files-menu a:hover{color:#ff9800;text-decoration:none}
section.detail .files .files-menu a.type-folder{font-weight:700}
section.detail .files .files-menu li{list-style-type:none;margin:0;padding-left:19px;position:relative;overflow:hidden}
section.detail .files .files-menu li em{color:red;font-size:.12rem;margin-left:.03rem}
section.detail .files .files-menu a.active{color:red;font-weight:700}
section.detail .files .files-menu li:after,section.detail .files .files-menu li:before{content:'';left:6px;position:absolute;right:auto}
section.detail .files .files-menu li:before{border-left:1px dashed #999;bottom:50px;height:100%;top:0;width:1px}
section.detail .files .files-menu li:after{border-top:1px dashed #999;height:20px;top:10px;width:14px}
section.detail .files .files-menu li:last-child:before{height:10px}
section.detail .files .files-menu li .folder-open{background:url('../images/icon-folder-open.png') no-repeat 0 center!important;background-size:16px!important;opacity:.6}
section.detail .files .files-menu li .icon-folder{background:url('../images/icon-folder.png') no-repeat 0 center;background-size:15px}
section.detail .files .files-menu li .type-file{background:url('../images/icon-file-pdf.png') no-repeat 0 center}
section.detail .main{padding:0 .15rem}
section.detail .doc{background:#fff;border-radius:.04rem}
section.detail .doc .info{padding:.15rem .15rem .1rem;border-bottom:1px solid #eee;position:relative;height:1rem;display:flex;flex-direction:column;justify-content:space-between}
section.detail .doc .info h1{display:flex;align-items:center;font-size:.2rem;line-height:.24rem}
section.detail .doc .info h1 em{background:#dfc192;font-size:.14rem;color:#91622d;padding:.02rem .1rem;border-radius:1rem;cursor:pointer}
section.detail .doc .info .ext{color:#333;display:flex;align-items:center;justify-content:space-between}
section.detail .doc .info .ext span{margin-right:.15rem;overflow:hidden;align-items:center}
section.detail .doc .info .ext span.type{display:inline-block;text-indent:-4.5ch;overflow:hidden;white-space:nowrap}
section.detail .doc .info .ext span.btn-collect,section.detail .doc .info .ext span.page{display:none}
section.detail .doc .info .ext span.year{display:inline-block;text-indent:-7.5ch;overflow:hidden;white-space:nowrap}
section.detail .doc .info .ext a{margin-right:.15rem}
section.detail .doc .info .ext a:last-child{margin-right:0}
section.detail .doc .info .btn{display:inline-block}
section.detail .doc .info .btn:hover{text-decoration:none}
section.detail .doc .info .btn-report:hover{color:#ff9800;text-decoration:none}
section.detail .doc .info .btn.btn-buy{position:absolute;right:12px;display:none;width:140px;height:40px;line-height:40px;background-color:#dfc192;border:none;border-radius:3px;text-align:center;font-weight:700;font-size:16px;color:#91622d;top:13px;padding:0 .1rem}
section.detail .doc .info .btn.btn-buy:hover{opacity:.8}
.btn-buy.is-paid{background-color:#eee!important;color:#333!important;border-color:#e0e0e0!important;cursor:not-allowed}
section.detail .doc .info .price{position:absolute;right:12px;top:60px;color:#9a6d38;width:140px;text-align:center;display:none}
section.detail .doc .info .btn.btn-collect{display:none}
.btn-collection-light{color:#ff9800!important}
section.detail .doc .view .toolbar{position:sticky;top:.75rem;z-index:9;display:flex;align-items:center;justify-content:space-between;right:.15rem;padding:.15rem}
section.detail .doc .view .toolbar .operate{display:flex;align-items:center;gap:.08rem}
section.detail .doc .view .toolbar .operate .item{padding:.06rem .12rem;background:#eee;cursor:pointer;border-radius:.08rem;border:1px solid transparent;color:#444}
section.detail .doc .view .toolbar .operate .item:hover{background-color:#e0e0e0;color:#111;border-color:#bdbdbd}
section.detail .doc .view .toolbar .operate i{font-size:larger}
section.detail .doc .view .toolbar .operate .btn-rotate-right i{transform:scaleX(-1)}
section.detail .doc .view .toolbar .operate .btn-full{display:flex;align-items:center}
section.detail .doc .view .toolbar .operate .btn-full span{margin-left:.05rem}
section.detail .doc .view .container{width:auto!important;padding:0;position:relative}
body.full-screen .toolbar{position:fixed!important;top:.2rem!important}
body.full-screen .view .container{overflow-y:auto}
body.full-screen .view .container .view-page{margin:0 auto}
body.full-screen .btn-full{background-color:#e53935!important;color:#fff!important;border-color:#e53935!important}
section.detail .doc .view .view-page{position:relative;border-bottom:.15rem solid #f2f5f9;min-height:5rem;overflow:auto}
section.detail .doc .view .view-page .load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.32rem;height:.32rem;background:url('../images/loading.gif') no-repeat center center}
section.detail .doc .view .view-page:last-child{border-bottom:0}
section.detail .doc .view .view-page img{max-width:100%}
section.detail .doc .view .view-page .page{position:absolute;right:10px;bottom:10px;font-size:.16rem;color:#777;font-weight:700}
section.detail .doc .view .view-page .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#fff;opacity:0;background-color:#fff \9\0;z-index:1}
section.detail .doc .view .view-end{padding:.15rem;text-align:center;font-size:.18rem}
section.detail .relation{background-color:#fff;border-radius:.04rem;padding:.15rem}
.relation ul{padding:.1rem 0;overflow:hidden}
.relation ul li{height:.34rem;line-height:.34rem;list-style:square;margin-left:.15rem}
.relation ul li a{display:block;font-size:.14rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relation ul li a em{color:red;font-style:normal}
.relation ul li a:hover{color:#ff9800}
.manual-menu{transform:translateX(-100%);position:fixed;left:0;z-index:1201;top:.7rem;height:calc(100vh - 1.85rem);width:3rem;background:#fff}
.manual-menu-mask{width:100%;background:#000;opacity:.2;position:fixed;z-index:1200;top:.7rem;height:calc(100vh - 1.86rem);display:none}
.manual-menu-container{z-index:1201;position:absolute;top:0;height:100%;padding:.7rem 0 1.16rem;display:flex;flex-direction:column}
.manual-menu.open{transform:translateX(-100%);animation:slideInFromLeft .4s forwards;box-shadow:10px 0 10px -6px rgb(0 0 0 / 35%)}
.manual-menu.close{transform:translateX(0);animation:slideOutFromLeft .4s forwards}
@keyframes slideInFromLeft{to{transform:translateX(0)}
}
@keyframes slideOutFromLeft{to{transform:translateX(-100%)}
}
.manual-menu .head{padding:.2rem;background:#eee;display:flex;justify-content:space-between}
.manual-menu .head span{font-size:.2rem}
.manual-menu .head .btn-close{display:block;width:.3rem;height:.3rem;text-align:center;line-height:.3rem;background:#ff8a00}
.manual-menu .head .btn-close i{color:#fff;font-weight:600}
.btn-menu-toggle{position:fixed;top:50%;left:0;transform:translate(0,-50%);z-index:9;background:#fff;height:.45rem;line-height:.45rem;padding:0 .1rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;font-size:.16rem;box-shadow:#bdbdbd96 0 0 10px 2px;opacity:.5}
.btn-menu-toggle:hover{opacity:1}
@keyframes fadeOpacity{from{opacity:1}
to{opacity:.4}
}
.manual-operate{height:.58rem;width:100%;position:fixed;bottom:.58rem;background:#fff;border-top:1px solid #c8c8d04d;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 .15rem;left:0}
.manual-operate a{display:flex}
.manual-operate a:hover{text-decoration:none}
.manual-operate .user{display:flex;align-items:center}
.manual-operate .user .avatar{width:.42rem;height:.42rem;border-radius:50%;border:1px solid #eee}
.manual-operate .user p{display:flex;flex-direction:column;margin-left:.08rem}
.manual-operate .user p .nick{font-weight:700}
.manual-operate .user p .entry{font-size:.13rem;color:#888}
.manual-operate a.btn-collect{flex-direction:column;align-items:center;font-size:.13rem;color:#666}
.manual-operate a.btn-collect i{font-size:.22rem}
.manual-operate a.btn-buy{background-color:#dfc192;border:1px solid #dfc192;color:#91622d;height:.36rem;text-align:center;border-radius:1rem;font-size:.15rem;display:flex;align-items:center;justify-content:center;padding:0 .15rem}
@media (min-width:1200px){section.manual{width:1200px;margin:0 auto;grid-template-columns:2.3rem 9.6rem;position:relative;align-items:flex-start}
section.manual .hot-manual{display:block}
section.manual .hot-manual .hd{border-bottom:0}
.brand-side{display:grid;grid-template-columns:.3rem auto;top:.15rem;position:sticky;align-items:flex-start}
.brand-index{display:flex;flex-direction:column;background:#fafafa}
.brand-index-item{border-bottom:1px solid #eee;height:.3rem;line-height:.3rem}
.brand-index-item:last-child{border-bottom:0}
.brand-index-item.active,.brand-index-item:hover{border-radius:0;height:.3rem;line-height:.3rem;border-bottom:0}
.brand-list-warpper{border-top:0;margin:0;padding:0}
.brand-list-item{display:block}
.brand-list-item .item-brand a .brand-name{font-size:.14rem}
.brand-list-item .item-brand.active .brand-name,.brand-list-item .item-brand:hover .brand-name{color:unset}
.brand-list-item .item-brand a:hover .brand-name{color:#ff9800}
.brand-list-item.active{display:block;position:relative}
.brand-list-item .item-letter{display:block;background:#e0e0e0;height:.3rem;padding:0 .15rem;line-height:.3rem;font-weight:700;color:#111;position:sticky;top:0}
.brand-list-item .item-brand{padding:0 .1rem;cursor:pointer;border-bottom:1px solid #f5f5f5;height:.48rem}
.brand-list-item .item-brand a{display:flex;align-items:center;flex-grow:1;height:100%}
.brand-list{position:relative;height:calc(100vh - 120px);overflow-y:scroll;border-left:1px solid #f5f5f5}
.list-manual .list-item .intro h4 a{font-size:.18rem;display:inline-block}
.list-manual .list-item .thumb img{width:2rem;height:1.3rem}
.list-manual .list-item .intro p{display:block;font-size:.14rem;margin-top:.15rem}
.list-manual .list-item .intro{margin-left:.2rem}
.list-manual .list-item .intro .ext{font-size:.14rem;display:flex;align-items:center;justify-content:space-between}
section.manual .list-manual{gap:0;padding:.2rem}
.swiper .pagetion{width:100%;position:absolute;left:0;top:42%}
.swiper .pagetion .next,.swiper .pagetion .prev{position:absolute;cursor:pointer;background:#ebf2ff;height:36px;line-height:39px;font-size:12px;z-index:1;color:#999;opacity:.8}
.swiper .pagetion .next:hover,.swiper .pagetion .prev:hover{background-color:#ff9800;color:#fff}
.swiper .pagetion .prev{left:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.swiper .pagetion .next{right:0;border-top-left-radius:5px;border-bottom-left-radius:5px}
.swiper:hover .pagetion .next,.swiper:hover .pagetion .prev{background-color:#ff9800;color:#fff}
.list-manual .list-item .intro .ext a,.list-manual .list-item .intro .ext span{margin-left:.15rem}
.list-manual .list-item .intro .ext a:first-child{margin-left:0}
.list-manual .list-item .intro .ext .line{width:1px}
.list-manual .list-item .intro .ext a.cate{display:inline-block}
.list-manual .list-item .intro .ext .gold{position:relative;top:unset;right:unset}
.list-manual .list-item .intro .ext .time{justify-items:flex-end}
section.detail{grid-template-columns:285px 900px;width:1200px;margin-left:auto;margin-right:auto}
section.detail .side{display:block}
section.detail .doc .view .view-page{width:900px;min-height:1000px}
section.detail .doc .info .btn.btn-buy{display:inline-block}
section.detail .doc .info .price{display:block}
section.detail .main{padding:0!important}
.manual-operate{display:none}
section.detail .doc .info .ext{justify-content:flex-start}
section.detail .doc .info .ext span{display:inline!important;text-indent:0!important}
.manual-menu{display:none}
.btn-menu-toggle{display:none!important}
section.detail .sticky{position:sticky;top:.15rem}
section.detail .doc .view .toolbar{top:0}
}