footer{color:#505050;margin:0 auto;text-align:center;font-size:12px;line-height:25px;height:25px}@media screen and (orientation:portrait)and (max-width:768px){footer{font-size:10px}}footer .clickable{cursor:pointer}.Picture-component{position:relative;display:block!important;width:100%;height:100%}.Picture-component.staticposition{height:auto!important}.Picture-component.staticposition picture{max-width:-webkit-max-content!important;max-width:max-content!important;max-height:-webkit-max-content!important;max-height:max-content!important;-webkit-transform:none!important;transform:none!important}.Picture-component.staticposition img,.Picture-component.staticposition picture{position:static!important;height:auto!important}.Picture-component picture{position:absolute;display:block;transition:all .2s ease-in-out;background-repeat:no-repeat;background-position:50%;background-size:10%}.Picture-component picture.waterfall{position:static!important;top:auto!important;left:auto!important;cursor:pointer;-webkit-transform:none!important;transform:none!important}.Picture-component picture.waterfall img{position:static!important}.Picture-component picture.loading{background-image:url(/web_project/website/static/media/loading.224d2a4e.svg)}.Picture-component picture.loading img{opacity:0}.Picture-component picture.loading:after{opacity:1}.Picture-component picture.loaded img{opacity:1!important}.Picture-component img{position:absolute;display:block!important;width:100%;height:100%;transition:opacity .3s ease-in-out;opacity:0;object-fit:contain}.Picture-component picture:after{font-family:"Roboto","Source Han Sans";font-size:14px;position:absolute;bottom:-28px;left:50%;content:attr(data-name);transition:opacity .5s ease-in-out;-webkit-transform:translate(-50%);transform:translate(-50%);color:var(--font-grey)}.Picture-component picture.middle,.Picture-component picture.top{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Picture-component picture.top img{object-position:top}.Picture-component picture.right{right:0}.Picture-component picture.left,.Picture-component picture.right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.Picture-component picture.left{left:0}.picture-load-failed{font-size:12px;position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap;color:var(--font-grey)}.menu-modal{--menuContent-MaxHeight:68vh;--menu-body-minWidth:900px;--menu-body-width:calc(100vw - var(--logo-left)*4*2 - var(--logo-width)*2);--menu-content-fz:var(--f14);--menu-list-fz:var(--f48);--menu-list-pr:15%;--contact-item-padding:40px;--name-fz:var(--f32);position:fixed;width:100vw;z-index:9999;height:var(--_100vh);color:#fff;background:var(--font-black);inset:0 0 0 0}@media screen and (max-width:1023px){.menu-modal{--menu-body-minWidth:800px}}.menu-modal svg.logo{line-height:var(--menu-height);position:absolute;left:var(--logo-left);width:var(--logo-width);height:var(--menu-height);cursor:pointer;text-align:center;letter-spacing:1px;fill:#fff}@media screen and (orientation:portrait)and (max-width:768px){.menu-modal svg.logo{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}.menu-modal .menu-body{font-size:var(--f14);position:absolute;top:50%;left:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;width:var(--menu-body-width);min-width:var(--menu-body-minWidth);max-width:1600px;max-height:var(--menuContent-MaxHeight);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menu-modal .menu-body .menu-list{font-size:var(--menu-list-fz);line-height:1.5;display:inline-block;padding-right:var(--menu-list-pr);letter-spacing:5px}.menu-modal .menu-body .menu-list .menu-item{cursor:pointer;transition:opacity .15s ease}.menu-modal .menu-body .menu-list .menu-item.active,.menu-modal .menu-body .menu-list .menu-item:hover{opacity:.3}.menu-modal .menu-body .menu-content{font-size:var(--menu-content-fz);line-height:2.5;position:relative;overflow-y:scroll;-webkit-flex:1 1;flex:1 1;max-width:800px;max-height:var(--menuContent-MaxHeight);white-space:pre-wrap}.menu-modal .menu-body .menu-content span.name{font-size:var(--name-fz);line-height:1.33;display:block;white-space:nowrap}.menu-modal .menu-body .menu-content span.title{line-height:4.5;display:block;white-space:nowrap}.menu-modal .menu-body .menu-content .qrcode-wrapper{margin-top:calc(var(--menu-content-fz)*2.5*0.5);width:150px;height:150px}.menu-modal .menu-body .menu-content.bigger{max-width:800px}.menu-modal .menu-body .menu-content.contact{display:-webkit-flex;display:flex;padding:100px 20px}.menu-modal .menu-body .menu-content.contact li{padding-left:38px;text-indent:-38px}.menu-modal .menu-body .menu-content.contact .contact-info{box-sizing:border-box;padding-right:var(--contact-item-padding);border-right:1px solid hsla(0,0%,100%,.3)}.menu-modal .menu-body .menu-content.contact .contact-form{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:var(--contact-item-padding)}.menu-modal .menu-body .menu-content.contact .contact-form form{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-direction:column;flex-direction:column;width:100%;max-width:350px}.menu-modal .menu-body .menu-content.contact .contact-form .input-wrapper{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%;margin:0 auto 28px}.menu-modal .menu-body .menu-content.contact .contact-form .input-wrapper input,.menu-modal .menu-body .menu-content.contact .contact-form .input-wrapper textarea{border-radius:0!important}.menu-modal .menu-body .menu-content.contact .contact-form label{font-size:var(--f14);width:75px;max-width:90px}.menu-modal .menu-body .menu-content.contact .contact-form input,.menu-modal .menu-body .menu-content.contact .contact-form textarea{font-size:var(--f14);-webkit-flex:3 1;flex:3 1}.menu-modal .menu-body .menu-content.contact .contact-form .captcha{position:absolute;right:0;width:32.5%;height:100%;background:#fff}.menu-modal .menu-body .menu-content.contact .contact-form .captcha svg{width:100%;height:100%}@media screen and (max-width:1023px){.menu-modal .menu-body{--menu-body-width:calc(100vw - var(--logo-left)*3*2 - var(--logo-width)*2);--menu-content-fz:var(--f12);--menu-list-fz:var(--f40);--menu-list-pr:2%;--contact-item-padding:20px;--name-fz:var(--f28)}}@media screen and (max-width:811px){.menu-modal .menu-body{--menu-body-width:calc(100vw - var(--logo-left)*1*2 - var(--logo-width)*2)}.menu-modal .menu-body span.logo{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.menu-modal .menu-body .menu-list{padding-right:0!important}.menu-modal .menu-body .menu-list .menu-item:hover{opacity:.3!important}.menu-modal .menu-body .menu-list .menu-item.active{opacity:1}.menu-modal .menu-body .menu-content{max-width:85vw!important;max-height:calc(var(--_100vh) - var(--menu-height)*2);line-height:2;-webkit-flex:none!important;flex:none!important;-webkit-animation:opacity .2s ease-in-out!important;animation:opacity .2s ease-in-out!important}.menu-modal .menu-body .menu-content.contact{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;padding:0!important}.menu-modal .menu-body .menu-content.contact li{padding-left:32px;text-indent:-32px}.menu-modal .menu-body .menu-content.contact .contact-info{padding:0;border:none;width:100%}.menu-modal .menu-body .menu-content.contact .contact-info>div{margin:0 auto}.menu-modal .menu-body .menu-content .qrcode-wrapper{margin:calc(var(--menu-content-fz)*2.5*0.5) auto!important;width:95px;height:95px}.menu-modal .menu-body .menu-content .qrcode-wrapper picture{background-color:#fff}.menu-modal .menu-body .menu-content.contact .contact-form{width:100%;padding:0;line-height:1.5}.menu-modal .menu-body .menu-content.contact .contact-form form{padding:0}.menu-modal .menu-body .menu-content.contact .contact-form .input-wrapper{margin:0 auto 14px}.menu-modal .menu-body .menu-content.contact .contact-form .input-wrapper.textarea:after{bottom:-14px;font-size:var(--f10)}.menu-modal .menu-body .menu-content.contact .contact-form input,.menu-modal .menu-body .menu-content.contact .contact-form textarea{font-size:var(--f10)}.menu-modal .menu-body .menu-content.contact .contact-form label{font-size:var(--f12);width:65px;max-width:65px;padding-right:0}}@media screen and (max-height:300px){.menu-modal .menu-body{--menu-content-fz:var(--f10);--menu-list-fz:var(--f32)}}.welcome{position:relative;height:var(--_100vh);letter-spacing:.2vw;color:#fff;background:var(--font-grey)}.welcome img,.welcome svg{width:33vw;fill:#fff;line-height:1;position:absolute;top:45.75%;left:50%;cursor:pointer;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}:root{--_100vh:calc(var(--vh)*100);--fadeonly-transition-duration:400ms;--white-bg:#fff;--menu-height:50px;--font-black:#505050;--font-grey:#505050;--normal-lh:1.15;--loading-background-color:#f5f7fa;--box-shadow:0px 0px 3px var(--font-black);--f48:48px;--f40:40px;--f32:32px;--f28:24px;--f20:20px;--f16:16px;--f14:14px;--f12:12px;--f10:10px;--f8:8px}@font-face{font-family:"Microsot Yahei Bold";src:url("/web_project/website/static/media/Microsoft YaHei Bold.3bfbda04.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Han Sans";src:local("SourceHanSansSC-Medium"),local("SourceHanSansCN-Medium"),url(/web_project/website/static/media/SourceHanSansSC-Medium.37d457cf.woff2);font-weight:500;font-display:swap}@font-face{font-family:"Source Han Sans";src:local("SourceHanSansSC-Light"),local("SourceHanSansCN-Light"),url(/web_project/website/static/media/SourceHanSansSC-Light.b30bb088.woff2);font-weight:400;font-display:swap}label{padding-right:14px;font-size:16px}input,textarea{font-size:16px;letter-spacing:2px;padding:0 6px;background:transparent;border:1px solid #fff;color:#fff;outline:none!important;resize:none}textarea{padding-top:2px;padding-bottom:2px}.input-wrapper.textarea{position:relative}.input-wrapper.textarea:after{position:absolute;content:attr(data-count);color:#fff;font-size:12px;right:4px;bottom:-23px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill{-webkit-text-fill-color:#fff!important}.btn-area{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:75%}button{outline:none!important;color:#fff;background:transparent;border:1px solid #fff;padding:5px 10px;border-radius:3px}button:hover{color:#505050;color:var(--font-black);background:#fff;cursor:pointer;transition:all .3s linear}.route{position:absolute;top:0;left:0;width:100vw;height:calc(var(--vh)*100);height:var(--_100vh);-webkit-transform:translateZ(0);transform:translateZ(0)}.forward-enter{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.forward-enter.forward-enter-active{transition:opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1);transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease;transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1)}.forward-enter.forward-enter-active,.forward-exit{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.forward-exit.forward-exit-active{transition:opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1);transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease;transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1)}.back-enter,.forward-exit.forward-exit-active{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.back-enter.back-enter-active{transition:opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1);transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease;transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1)}.back-enter.back-enter-active,.back-exit{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.back-exit.back-exit-active{transition:opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1);transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease;transition:transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1),opacity var(--router-transition-duration) ease,-webkit-transform var(--router-transition-duration) cubic-bezier(.77,0,.175,1);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.fade-appear{opacity:0}.fade-appear-done{opacity:1}.fade-appear-active{transition:opacity .4s linear;transition:opacity var(--fadeonly-transition-duration) linear;opacity:1}.fadeonly-enter{opacity:0}.fadeonly-enter-active,.fadeonly-exit{opacity:1}.fadeonly-exit-active{opacity:0}.fadeonly-enter-active,.fadeonly-exit-active{transition:opacity .4s cubic-bezier(.77,0,.175,1);transition:opacity var(--fadeonly-transition-duration) cubic-bezier(.77,0,.175,1)}.fadeonly-appear{opacity:0}.fadeonly-appear-done{opacity:1}.fadeonly-appear-active{transition:opacity .4s cubic-bezier(.77,0,.175,1);transition:opacity var(--fadeonly-transition-duration) cubic-bezier(.77,0,.175,1);opacity:1}.flash{-webkit-animation:flash .6s forwards;animation:flash .6s forwards}.flash .menu-wrapper{cursor:pointer;border:1px solid #000!important;box-shadow:none}.flash .globe:hover,.flash .list:hover{opacity:1}@-webkit-keyframes flash{0%,25%{-webkit-filter:invert(.95);filter:invert(.95)}25.001%,50%{-webkit-filter:invert(0);filter:invert(0)}50.001%,to{-webkit-filter:invert(.95);filter:invert(.95)}}@keyframes flash{0%,25%{-webkit-filter:invert(.95);filter:invert(.95)}25.001%,50%{-webkit-filter:invert(0);filter:invert(0)}50.001%,to{-webkit-filter:invert(.95);filter:invert(.95)}}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.animation-stop{-webkit-animation-play-state:paused;animation-play-state:paused}.animation-run{-webkit-animation-play-state:running;animation-play-state:running}.MenuModal-enter{opacity:0}.MenuModal-enter-active{opacity:1;transition:opacity .2s ease-in-out}.MenuModal-exit{opacity:1}.MenuModal-exit-active{opacity:0;transition:opacity .2s ease-in-out}#root{position:relative;overflow:scroll}body,html{font-family:"Arial","Source Han Sans SC","PingFang SC","Microsoft YaHei";line-height:1.15;line-height:var(--normal-lh);overflow:hidden}body{height:calc(var(--vh)*100)!important;height:calc(var(--_100vh))!important}div,li{box-sizing:border-box}ul{margin:0;padding:0}li{list-style:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none!important}#root>.hasTouch svg:hover{opacity:1!important}.App{font-weight:400;color:var(--font-black);width:var(--app-content-width);height:var(--_100vh);margin:0 auto;--logo-width:95px;--logo-left:1.5vw}@media screen and (orientation:portrait)and (max-width:768px){.App{--logo-left:2.5vw;--logo-width:85px}}.Header{position:absolute;z-index:100;right:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:var(--menu-height)}.Header .logo,.Header .menu{font-size:var(--f16);position:absolute;width:var(--logo-width);text-align:center;cursor:pointer;letter-spacing:1px;color:var(--font-black)}.Header .logo{left:var(--logo-left);fill:var(--font-black)}.Header .logo svg{width:100%}.Header .menu{right:var(--logo-left)}.controlBar{z-index:2;right:0;bottom:0;left:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;height:var(--menu-height);opacity:1;transition:opacity .2s ease-in-out}.controlBar,.controlBar .icons{position:absolute;display:-webkit-flex;display:flex}.controlBar .icons{right:var(--logo-left);-webkit-justify-content:center;justify-content:center;width:var(--logo-width)}.controlBar .icons svg{width:var(--f16);height:var(--f16);margin:0 8px;cursor:pointer;transition:opacity .2s ease;fill:var(--font-grey)}.controlBar .icons svg:hover{opacity:.3}@media screen and (orientation:portrait)and (max-width:768px){.controlBar .icons{width:auto!important}}.main-body{height:var(--_100vh);margin:0 auto;--mask-max-width:0;--mask-max-height:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.main-body .bookFlip-withMask{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:var(--_100vh);position:relative;-webkit-filter:drop-shadow(0 0 8px var(--font-black));filter:drop-shadow(0 0 8px var(--font-black))}.main-body .bookFlip-withMask .mask{position:absolute;z-index:99;top:50%;left:50%;display:-webkit-flex;display:flex;width:100%;max-width:var(--mask-max-width);height:100%;max-height:var(--mask-max-height);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:transparent;transition:background-color .2s linear}.main-body .bookFlip-withMask .mask .mask-left,.main-body .bookFlip-withMask .mask .mask-middle,.main-body .bookFlip-withMask .mask .mask-right{-webkit-flex:1 1;flex:1 1;opacity:.3}.main-body .bookFlip-withMask .mask .mask-left{cursor:url(/web_project/website/static/media/mouse_prev.02f24c6e.ico),w-resize}.main-body .bookFlip-withMask .mask .mask-middle.play{cursor:url(/web_project/website/static/media/play.b07da0fa.ico),pointer}.main-body .bookFlip-withMask .mask .mask-middle.pause{cursor:url(/web_project/website/static/media/pause.37492bbe.ico),pointer}.main-body .bookFlip-withMask .mask .mask-right{cursor:url(/web_project/website/static/media/mouse_next.c1155d0f.ico),e-resize}.main-body .bookFlip-withMask .mask.maskLoading{background-color:var(--loading-background-color)!important;background-image:url(/web_project/website/static/media/loading.224d2a4e.svg);background-repeat:no-repeat;background-position:50%;background-size:42px;pointer-events:none;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.main-body .bookFlip-withMask .mask.singlePage .mask-left,.main-body .bookFlip-withMask .mask.singlePage .mask-middle,.main-body .bookFlip-withMask .mask.singlePage .mask-right{display:none}.main-body .bookFlip-withMask .bookFlip-container{width:100%;height:100%;max-height:var(--mask-max-height);will-change:transform,opacity}.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:nth-child(2)>div:nth-child(2){opacity:0!important}.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:first-child>div:nth-child(3){opacity:0!important;background:none!important}.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:first-child>div:nth-child(2),.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:nth-child(2)>div:nth-child(3),.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:nth-child(3)>div:first-child>div:nth-child(2),.main-body .bookFlip-withMask .bookFlip-wrapper>div>div:nth-child(4)>div:first-child>div:nth-child(2){opacity:0!important}.main-body .bookFlip-withMask .bookFlip-wrapper div{background:none!important}.transparent{pointer-events:none;opacity:0!important}.footer{width:100vw!important;padding:10px 0 0;font-size:var(--f12);color:var(--font-black);-webkit-transform:translateX(calc(var(--logo-width)*-1 + var(--logo-left)*2*-1));transform:translateX(calc(var(--logo-width)*-1 + var(--logo-left)*2*-1))}@media screen and (orientation:portrait)and (max-width:768px){.footer{-webkit-transform:none!important;transform:none!important}.footer span{font-size:var(--f10)}}