#doc-m{display:flex;min-height:650px}#doc-m nav{width:300px;margin:15px;padding-bottom:15px;background-color:#f5f5f5;border-radius:8px;height:fit-content}#doc-m nav a{font-size:15px;display:block;line-height:42px;padding:0 30px;background-color:#f5f5f5}#doc-m nav a:nth-child(2){padding-top:10px}#doc-m nav a:hover{background-color:#ffffff}#doc-m nav span{font-size:15px;display:block;line-height:42px;padding:0 15px;margin:0 15px;background-color:#f5f5f5;border-radius:6px}#doc-m nav span.active{background-color:#fff}#doc-m nav span:nth-child(2){margin-top:10px}#doc-m nav span:hover{background-color:#ffffff}#doc-m .pro-avatar{width:100%;height:200px;border-radius:8px 8px  0 0 }#doc{width:100%;padding:15px 15px 15px 60px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;align-content:baseline}#doc .book{width:calc(50% - 24px);height:300px;margin:0 12px 36px;position:relative;z-index:1000;display:flex}#doc .book .bookcover{height:300px;width:204px;overflow:hidden;border:1px solid #eee;z-index:5;box-shadow:0 0 0 #0002;border-radius:8px;transform:rotate(0deg);position:relative;transition:.5s ease-in-out}#doc .book::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#ccc;top:0;z-index:1;transition:.5s ease-in-out}#doc .book::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#eee;top:0;z-index:0;transition:.5s ease-in-out}#doc .book .bookinfo{flex:1;padding:86px 16px;color:#999;transition:.2s ease-in-out}#doc .book .bookinfo h1{line-height:26px;margin-bottom:20px;font-size:20px}#doc .book .bookinfo .bookfunc{font-weight:400}#doc .book .bookinfo .rev{padding:6px 9px;font-size:14px;background-color:#eee;border-radius:8px}#doc .book .bookinfo .date{padding:6px 9px;font-size:14px}#doc .book .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:0}#doc .book:hover .bookcover{height:300px;width:204px;overflow:hidden;border:1px solid #eee;z-index:5;box-shadow:0 0 10px #0002;border-radius:8px;transform:rotate(-2deg);position:relative;transition:.5s ease-in-out}#doc .book:hover::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(1deg);background-color:#ccc;top:4px;z-index:1;transition:.5s ease-in-out}#doc .book:hover::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(4deg);background-color:#eee;top:8px;z-index:0;transition:.5s ease-in-out}#doc .book:hover .bookinfo{color:#000;padding:62px 30px 82px;transition:.2s ease-in-out}#doc .book:hover .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:1}@media screen and (min-width:992px){#doc{width:100%;padding:15px 15px 15px 15px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;align-content:baseline}#doc .book{width:100%;height:300px;margin:0 12px 36px;position:relative;z-index:1000;display:flex}#doc .book .bookcover{height:300px;width:204px;border:1px solid #eee;overflow:hidden;z-index:5;box-shadow:0 0 0 #0002;border-radius:8px;transform:rotate(0deg);position:relative;transition:.5s ease-in-out}#doc .book::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#ccc;top:0;z-index:1;transition:.5s ease-in-out}#doc .book::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#eee;top:0;z-index:0;transition:.5s ease-in-out}#doc .book .bookinfo{flex:1;padding:86px 12px;color:#999;transition:.2s ease-in-out}#doc .book .bookinfo h1{line-height:26px;margin-bottom:20px;font-size:16px}#doc .book .bookinfo .bookfunc{font-weight:400}#doc .book .bookinfo .rev{padding:6px 9px;font-size:14px;background-color:#eee;border-radius:8px}#doc .book .bookinfo .date{padding:6px 9px;font-size:14px}#doc .book .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:0}#doc .book:hover .bookcover{height:300px;width:204px;overflow:hidden;border:1px solid #eee;z-index:5;box-shadow:0 0 10px #0002;border-radius:8px;transform:rotate(-2deg);position:relative;transition:.5s ease-in-out}#doc .book:hover::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(1deg);background-color:#ccc;top:4px;z-index:1;transition:.5s ease-in-out}#doc .book:hover::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(4deg);background-color:#eee;top:8px;z-index:0;transition:.5s ease-in-out}#doc .book:hover .bookinfo{color:#000;padding:62px 12px 82px;transition:.2s ease-in-out}#doc .book:hover .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:1}}@media screen and (min-width:1440px){#doc{width:100%;padding:15px 15px 15px 60px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;align-content:baseline}#doc .book{width:calc(50% - 24px);height:300px;margin:0 12px 36px;position:relative;z-index:1000;display:flex}#doc .book .bookcover{height:300px;width:204px;overflow:hidden;border:1px solid #eee;z-index:5;box-shadow:0 0 0 #0002;border-radius:8px;transform:rotate(0deg);position:relative;transition:.5s ease-in-out}#doc .book::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#ccc;top:0;z-index:1;transition:.5s ease-in-out}#doc .book::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(0deg);background-color:#eee;top:0;z-index:0;transition:.5s ease-in-out}#doc .book .bookinfo{flex:1;padding:86px 30px;color:#999;transition:.2s ease-in-out}#doc .book .bookinfo h1{line-height:26px;margin-bottom:20px;font-size:20px}#doc .book .bookinfo .bookfunc{font-weight:400}#doc .book .bookinfo .rev{padding:6px 9px;font-size:14px;background-color:#eee;border-radius:8px}#doc .book .bookinfo .date{padding:6px 9px;font-size:14px}#doc .book .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:0}#doc .book:hover .bookcover{height:300px;width:204px;border:1px solid #eee;overflow:hidden;z-index:5;box-shadow:0 0 10px #0002;border-radius:8px;transform:rotate(-2deg);position:relative;transition:.5s ease-in-out}#doc .book:hover::before{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(1deg);background-color:#ccc;top:4px;z-index:1;transition:.5s ease-in-out}#doc .book:hover::after{position:absolute;content:"";width:204px;height:300px;border-radius:8px;transform:rotate(4deg);background-color:#eee;top:8px;z-index:0;transition:.5s ease-in-out}#doc .book:hover .bookinfo{color:#000;padding:62px 30px 82px;transition:.2s ease-in-out}#doc .book:hover .bookinfo button.down{width:120px;min-width:60px;padding:5px 8px;background:#000000;color:#ffffff;background:linear-gradient(#000000, #585858);font-size:18px;border-radius:8px;margin-top:20px;opacity:1}}/*# sourceMappingURL=./doc.css.map */