.container{max-width:800px}.online-area{position:absolute;z-index:4;cursor:pointer;top:6.8rem}.online-area img{height:50px}.download-area{position:absolute;z-index:4;left:0;right:0;margin:auto;cursor:pointer;top:49rem}.download-area img{height:60px}.bottom img{height:100px}.footer{margin-top:2rem;margin-bottom:1rem;font-size:18px;color:#3e3344;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.offcanvas{border-radius:30px;height:15rem}.hideArea{display:none}.showArea{display:block}.allow_title{color:rgba(51,51,51,var(--tw-text-opacity));font-weight:600;font-size:20px}.allow_desc{font-size:12px;color:rgba(153,153,153,var(--tw-text-opacity))}.allow_btn{margin-top:2rem;width:14rem}#offcanvasBottom2{height:30rem}.offcanvas-body{margin-top:.6rem}.hidden{display:none}.footer-fix{background:hsla(0,0%,100%,.77);box-shadow:0 0 2px rgb(0 0 0/35%);z-index:999;min-height:1.4rem;position:fixed;left:0;bottom:0;width:100%;padding:20px 10px;text-align:left}.footer-fix img{width:60px}.footer-logo{width:60px;height:auto;float:left}.footer-center{float:left}.footer-fix-title{font-size:1rem;padding:.2rem 0 0 .5rem;color:#333;margin-top:-10px}.footer-fix-desc,.footer-fix-title{font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:700}.footer-fix-desc{font-size:12px;padding-left:.3rem}.footer-fix-btn{float:right}.clear{clear:both}.star{padding-left:.5rem}.footer-fix .btn-primary{background:#43c117;width:7rem;height:3rem;margin-left:-3rem;border:0;margin-top:.4rem}.comment{height:8px;line-height:8px;font-size:12px;margin:6px 0}.comment-one{border:1px solid #1e9fff;color:#1e9fff}.comment-one,.comment-two{padding:4px;display:inline-block;width:auto}.comment-two{border:1px solid #dc9245;color:#dc9245}.comment-three{border:1px solid #60b551;color:#60b551;padding:4px;display:inline-block;width:auto}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:center center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{transform:translate3d(0,-5px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-2px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{transform:translate3d(0,-5px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-2px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%}.col,.col-1,.col-2,.col-3,.col-4,.col-6,.col-8,.container,.row,body,button,div,h3,img{padding:0;border:0;margin:0}.container{max-width:600px;margin:auto}