.knowlegdeCenter{display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;background:#ccf2ff;min-height:100vh}.knowlegdeCenter .ti-input{height:100%}.knowlegdeCenter .ti-tag{background:transparent;border:1px solid #b7b7b7;color:#495057}.knowlegdeCenter .ti-autocomplete{max-height:200px;overflow:auto}.knowlegdeCenter .ti-autocomplete::-webkit-scrollbar{width:10px;background:#e2e6eb}.knowlegdeCenter .ti-autocomplete::-webkit-scrollbar-thumb{background:#5c5c5c}.knowlegdeCenter .kcNav{display:inline-block;margin:10px auto 10px;font-size:150%}.knowlegdeCenter .kcNav li{cursor:pointer;display:inline}.knowlegdeCenter .kcNav li.active{color:orange;font-weight:700}.knowlegdeCenter .kcNav li:after{content:"|";padding-right:5px}.knowlegdeCenter .kcNav li:last-of-type:after{content:""}.knowlegdeCenter .kcNav img{height:20px}.knowlegdeCenter .matTitle{position:relative;margin:10px 0 25px}.knowlegdeCenter .matTitle h3{position:absolute;text-align:center;width:100%}.knowlegdeCenter .shelfContainer{margin:0 auto}.knowlegdeCenter .shelfContainer .shelves{display:flex}.knowlegdeCenter .shelfContainer .shelves>:first-child,.knowlegdeCenter .shelfContainer .shelves>:last-child{align-items:flex-start;width:80px;display:flex;flex-direction:column;justify-content:center}.knowlegdeCenter .shelfContainer .shelves>:first-child img,.knowlegdeCenter .shelfContainer .shelves>:last-child img{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition-duration:.3s;width:60px}.knowlegdeCenter .shelfContainer .shelves>:first-child img:hover,.knowlegdeCenter .shelfContainer .shelves>:last-child img:hover{transform:scale(1.2)}.knowlegdeCenter .shelfContainer .shelves>:last-child{align-items:flex-end}.knowlegdeCenter .mat{margin:0 10px;display:inline-block;cursor:pointer;position:relative;transition-duration:.3s;transform-origin:50% 100%}.knowlegdeCenter .mat.rec:hover:after{animation:shake .6s forwards}@keyframes shake{0%,to{transform:rotate(10deg)}50%{transform:rotate(30deg)}}.knowlegdeCenter .mat.rec:after{content:"";position:absolute;width:40px;height:40px;background-image:url(../img/recommend.e091a464.png);background-size:contain;background-position:50%;background-repeat:no-repeat;top:-15px;right:-20px;transform:rotate(10deg)}.knowlegdeCenter .mat.b4enter{display:none;transition-duration:0s}.knowlegdeCenter .mat.b4leave{transition-duration:.3s;opacity:1;transform:translateX(0)}.knowlegdeCenter .mat.startEnterLeft,.knowlegdeCenter .mat.startEnterRight{display:block;transition-duration:0s;opacity:0;transform:translateX(30px)}.knowlegdeCenter .mat.startEnterRight{transform:translateX(-30px)}.knowlegdeCenter .mat.enteringLeft,.knowlegdeCenter .mat.enteringRight{transition-duration:.3s;opacity:1;transform:translateX(0)}.knowlegdeCenter .mat.leavingLeft{opacity:0;transform:translateX(-30px)!important}.knowlegdeCenter .mat.leavingRight{opacity:0;transform:translateX(30px)!important}.knowlegdeCenter .mat:hover{transform:scale(1.1)}.knowlegdeCenter .mat em{color:#fff;position:absolute;top:18%;height:64%;left:25px;text-align:center;width:95px;font-style:normal;overflow:hidden}.knowlegdeCenter .mat img{-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:140px;max-height:195px;transition-duration:.3s;box-shadow:6px 11px 17px 1px rgba(36,37,42,.5098039216);border-radius:7px;background:rgba(0,0,0,.4392156863)}.knowlegdeCenter .shelfNew{position:relative;width:721px;text-align:center;margin:20px auto;background:transparent}@media(max-width:890px){.knowlegdeCenter .shelfNew{width:560px}}@media(max-width:740px){.knowlegdeCenter .shelfNew{width:400px}}.knowlegdeCenter .shelfNew>div{padding-bottom:23px;position:relative;z-index:1;display:flex;flex-direction:row;justify-content:center;justify-content:space-evenly;align-items:flex-end;min-height:220px;padding:0 27px}.knowlegdeCenter .shelfNew>div .mat{margin:0 10px 25px}.knowlegdeCenter .shelfNew>div:before{content:"";position:absolute;bottom:0;background:#e9e9e9;width:100%;height:20px;-webkit-clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 100%,0 100%);clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 100%,0 100%)}.knowlegdeCenter .shelfNew>div>*{position:relative;z-index:2;top:18px}.knowlegdeCenter .shelfNew:before{content:"";position:absolute;bottom:-13px;left:34px;height:10px;background:transparent;right:34px;box-shadow:0 7px 17px 0 rgba(0,0,0,.7)}.knowlegdeCenter .shelfNew:after{content:"";position:absolute;left:0;bottom:-13px;width:100%;display:block;border-bottom:13px solid #cacaca}.knowlegdeCenter .shelf{position:relative;width:721px;border-bottom:13px solid #cacaca;text-align:center;padding:0 27px;margin:20px auto;background:transparent}@media(max-width:890px){.knowlegdeCenter .shelf{width:560px}}@media(max-width:740px){.knowlegdeCenter .shelf{width:400px}}.knowlegdeCenter .shelf:after{position:absolute;bottom:-13px;left:34px;height:10px;background:transparent;transform:perspective(150) rotateX(-25deg);right:34px;box-shadow:0 0 17px 5px rgba(0,0,0,.7);z-index:-1}.knowlegdeCenter .shelf>div{border-bottom:23px solid #e9e9e9;position:relative;z-index:1;display:flex;flex-direction:row;justify-content:center;justify-content:space-evenly;align-items:flex-end;min-height:220px}.knowlegdeCenter .shelf>div:before{border-width:0 0 23px 27px;border-color:transparent transparent #e9e9e9 transparent;left:-27px;transform:rotate(1turn)}.knowlegdeCenter .shelf>div:after,.knowlegdeCenter .shelf>div:before{content:"";width:0;height:0;border-style:solid;position:absolute;bottom:-23px;z-index:2}.knowlegdeCenter .shelf>div:after{border-width:23px 0 0 27px;border-color:transparent transparent transparent #e9e9e9;right:-27px}.knowlegdeCenter .shelf>div>*{position:relative;z-index:2;top:18px}.knowlegdeCenter .fade-enter-active,.knowlegdeCenter .fade-leave-active{transition:opacity .5s ease}.knowlegdeCenter .fade-enter,.knowlegdeCenter .fade-leave-to{opacity:0}.viewMaterial .pdfNav{position:fixed;width:100vw;padding-bottom:18px;opacity:0;transition:opacity .7s}.viewMaterial .pdfNav.show,.viewMaterial .pdfNav:hover{opacity:1}.viewMaterial .pdfCanvas{margin:0 auto;border:0 none;direction:ltr;display:block}.viewMaterial video{max-width:100vw;margin:0 auto;max-height:calc(100vh - 80px);display:block}