.menu-bar{align-items:center;background-color:hsla(0,0%,100%,0);display:flex;flex-direction:row;height:2.2rem;justify-content:space-between;left:0;position:fixed;right:0;top:0;width:100vw;z-index:100}.menu-bar-white-background-mode{background-color:#fff;box-shadow:.5rem 0 .5rem .5rem rgba(0,0,0,.4)}.menu-bar-title-text{color:#fff;font-size:.9rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu-bar-icon{height:1.2rem;position:absolute;top:0;width:1.2rem}.menu-bar > .icon-container{display:flex;flex-direction:column;height:1.2rem;margin-left:.8rem;margin-right:.8rem;position:relative;width:1.2rem}.menu-bar > .text-container{display:flex;flex-direction:column;height:1.25rem;position:relative;width:6.5rem}.black{color:#222}.white{color:#fff}.side-view{background-color:rgba(0,0,0,.6);display:flex;height:100vh;position:fixed;width:100vw;z-index:1000}.side-container-view{background-color:#000;display:flex;flex-direction:column;height:100vh;padding-left:1.1rem;padding-top:2.55rem;transform:translateX(-200%);width:75vw}.side-container-view > .title-view{color:#fff;display:flex;font-family:AlimamaShuHeiTi-Bold;font-size:1rem;position:relative}.side-container-view > .title-view > .line-view{background-color:#ac59ff;bottom:.25rem;height:.2rem;left:2.35rem;position:absolute;width:2.5rem}.side-container-view > .row-container{display:flex;flex-direction:column;margin-top:3.1rem}.side-container-view > .row-container > .row-item{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:.8rem;margin-bottom:1.6rem}.side-container-view > .row-container > .row-item > .icon-image{height:1.2rem;margin-right:.5rem;width:1.2rem}.side-view-slide-in-from-left{animation:slideInFromLeft .5s ease forwards}.side-view-slide-out-to-left{animation:slideOutToLeft .5s ease forwards}.side-view-show{opacity:1}.side-view-hide{opacity:0}@font-face{font-family:AlimamaShuHeiTi-Bold;src:url(/static/fonts/assets/font/AlimamaShuHeiTi-Bold/AlimamaShuHeiTi-Bold.woff) format("woff")}@font-face{font-family:Whocats;src:url(/static/fonts/assets/font/Whocats/Whocats.ttf)}@font-face{font-family:Italiana;src:url(/static/fonts/assets/font/Italiana/Italiana.ttf)}.taro-modal__content{border-radius:.6rem!important}.taro-modal__text{color:#222!important;font-size:.7rem!important}.react-modal-sheet-container{border-radius:1.2rem 1.2rem 0 0!important;height:auto!important}taro-textarea-core:focus{border:none!important;outline:none!important}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideOutToRight{from{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(200%)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(200%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-200%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{from{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-200%)}}.fade-out{animation:fadeOut .5s ease-in-out forwards}.fade-in{animation:fadeIn .5s ease-in-out forwards}