*{margin:0;padding:0;text-decoration:none;list-style:none}html{font-size:16px}@media only screen and (max-device-width: 1500px){html{font-size:10px}}img{max-width:100%;max-height:100%;display:block}body{overflow-y:scroll}q:before{content:""}#up{display:none}#app{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#eee}.btn{padding:.8rem 1.6rem;background-color:#fff;border:1px solid #304156;color:#304156;border-radius:10px;cursor:pointer}.btn[on]{background-color:#304156;color:#fff}.pop{position:fixed;background-color:#fff;padding:1rem;-webkit-transition:all .5s;transition:all .5s}.pop[box=c]{top:50%;left:50%;border-radius:1rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #304156;-webkit-box-shadow:2px 2px 2px;box-shadow:2px 2px 2px;padding-bottom:4rem}.pop[d=rtl]{right:0;top:0}.pop[d=ltr],.pop[d=ttb]{left:0;top:0}.pop[d=btt]{left:0;bottom:0}.pop[z="1"]{z-index:1}.pop[z="2"]{z-index:2}.pop[z="3"]{z-index:3}.pop[z="4"]{z-index:4}.pop[z="5"]{z-index:5}.pop[z="6"]{z-index:6}.pop[z="7"]{z-index:7}.pop[z="8"]{z-index:8}.pop[z="9"]{z-index:9}.pop[z="10"]{z-index:10}.pop[w="10"]{width:10vw}.pop[w="20"]{width:20vw}.pop[w="30"]{width:30vw}.pop[w="40"]{width:40vw}.pop[w="50"]{width:50vw}.pop[w="60"]{width:60vw}.pop[w="70"]{width:70vw}.pop[w="80"]{width:80vw}.pop[w="90"]{width:90vw}.pop[w="100"]{width:100vw}.pop[h="10"]{height:10vh}.pop[h="20"]{height:20vh}.pop[h="30"]{height:30vh}.pop[h="40"]{height:40vh}.pop[h="50"]{height:50vh}.pop[h="60"]{height:60vh}.pop[h="70"]{height:70vh}.pop[h="80"]{height:80vh}.pop[h="90"]{height:90vh}.pop[h="100"]{height:100vh}.pop-title{padding:1rem;text-align:center}.pop-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:calc(100% - 6rem);overflow:auto}.pop-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 0}.pop-label>p{text-align:right;width:20%}.pop-label>input{padding:1rem;margin-left:6%;width:60%;border-radius:.625rem}.pop-label>div{margin-left:6%;width:60%}.pop-label>select{margin-left:6%;width:10%;padding:1rem;border-radius:.625rem}.pop-btn{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.pop img{display:block;margin:0 auto}