body,html{overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-scroll-chaining:none;overscroll-behavior:contain}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}.titleBar{background-color:#f3f3f3;position:fixed;width:100vw;z-index:500;height:50px;text-align:left;display:flex;align-items:center;top:0;flex-direction:row;box-sizing:border-box}.titleBar div:first-child{width:70vw;min-width:70vw;max-width:70vw}.titleBar svg{padding:7px 0 0 20px;width:70px;fill:#323232}.pageLayout{font-size:15px;width:100vw;min-height:100vh;background-color:#fff;z-index:1000;position:relative}.topbar,.topbarIn{font-size:15px;display:flex;flex-direction:row;width:100vw;align-items:center;justify-content:center;position:fixed;background-color:#fff;top:0}.topbarIn{z-index:805}.backBtn{width:56px;display:flex;justify-content:flex-start}.backBtn img{width:16px;height:16px;padding:17px 20px}.topTitle{width:calc(100vw - 112px);flex-direction:row;justify-content:center}.orderlistBtn,.topTitle{display:flex;align-items:center}.orderlistBtn{width:56px;justify-content:flex-end}.orderlistBtn img{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;right:20px;text-align:right;position:absolute}.orderlistBtn span{width:4px;height:4px;background-color:#f5b516;position:absolute;right:20px;top:17px;border-radius:50px}.top-menu{height:50px;width:100%;display:flex;position:fixed;z-index:500;top:50px;background-color:#f3f3f3;align-items:center;justify-content:center;border-bottom:1px solid #ddd}.top-menu .selected{color:#323232;font-weight:500}.top-menu .selected,.top-menu .un-selected{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.top-menu .un-selected{color:#d5d5d5;font-weight:400}.dialogLoginOn{display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);z-index:1001;position:fixed;top:0;height:100vh;width:100vw;justify-content:center;align-items:center}.dialogLoginOn ul{list-style-type:none;padding:0}.dialogLoginOn span{background-color:#f3f3f3;display:flex;justify-content:center;align-items:center;width:100%;padding:0}.dialogLoginOn input{width:100%;padding:7px;box-sizing:border-box}.dialogLoginOn>div{width:100vw;padding-top:50px;padding-bottom:50px;background-color:#fff}.dialogLoginOff{display:none}.btMenuBar{position:fixed;z-index:500;display:flex;bottom:0;height:70px;width:100vw;justify-content:space-between;align-items:center;padding-bottom:2px;background-color:#fff;border-top:1px solid #dcdcdc}.btMenuBar .btMenu{display:flex;width:100%;flex-direction:column;margin:10px}.btMenuBar .btMenu div{font-size:12px;margin-top:-4px;margin-bottom:2px}.main-dialog-on{display:flex;position:fixed;align-items:center;justify-content:center;top:0;flex-direction:column;z-index:1000;height:100vh;width:100vw;background-color:rgba(0,0,0,.7)}.display-none{display:none}.main-dialog-on>div{display:flex;flex-direction:column;width:80vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:60vh;background-color:#fff;overflow:scroll;border-radius:5px}.main-dialog-on>div>span{display:flex;flex-direction:column;padding:15px;border-bottom:1px solid #eee}.toastBox{border-radius:25px;color:#fff;padding:8px 15px;box-shadow:0}.msgLayout,.toastBox{background-color:rgba(0,0,0,.5843137254901961)}.msgLayout{display:flex;width:100vw;height:100vh;left:0;top:0;align-items:center;justify-content:center;position:fixed;font-size:14px}.msgBox{max-width:90%;background-color:#fff;color:#5d5d5d;padding:8px 15px;display:flex;flex-direction:row}.msgBox,.msgBox img{box-sizing:border-box}.msgBox img{width:25px;min-width:25px;max-width:25px;height:25px;min-height:25px;max-height:25px;padding:5px;margin-left:10px}.dialogTalkBox{font-size:14px;color:#5d5d5d;width:100%;min-width:70vw;padding:15px;box-sizing:border-box}.dialogTalkBtn{display:flex;flex-direction:row;justify-content:flex-end;margin-top:20px}.dialogTalkBtn div{flex:1 1;padding:15px;border:1px solid #dcdcdc;margin:2px;display:flex;justify-content:center}.normalInputBox{display:flex;flex-direction:column;width:100vw;padding:0 10px;margin-bottom:5px;box-sizing:border-box}.normalInputBox input{border:1px solid #dcdcdc;outline:none;height:50px;padding:10px;box-sizing:border-box}