#app{position:relative;margin:auto;width:350px}.app-register{position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;width:350px;height:390px}.app-company{margin:100px auto 0}#app .item{position:relative;margin-bottom:30px;width:100%;min-height:63px}#app .item .ri-download-cloud-2-line{position:absolute;right:13PX;top:42px;transition:.3s;cursor:pointer}#app .item .ri-download-cloud-2-line:hover{color:#2e82ff}#app .last{margin-bottom:8px;min-height:42px}#app .toast{position:fixed;top:-50px;width:350px;min-height:50px;line-height:50px;text-indent:1em;color:#fafafb;background:#2e82ff;border-radius:4px;visibility:visible;opacity:1;transition:.3s}#app .toast-show{top:30px;visibility:visible;opacity:1;z-index:99}#app .label{margin-bottom:5px;width:100%;font-size:13px;color:#888}#app .theme{margin-top:10px;width:100%;height:26px;line-height:26px;text-indent:1em;font-size:12px;color:rgba(46,130,255,.8);background:rgba(46,130,255,.1);border-radius:4px}#app .input,#app input{position:relative;width:100%;height:50px;line-height:50px;text-indent:1em;border-radius:4px;border:1px solid #ddd}#app .input input{position:absolute;left:0;top:0;opacity:0;cursor:pointer}#app .input .place{width:100%;color:#777;font-size:14px;background:#fff;border-radius:4px}#app .cursor{cursor:pointer}#app .half{float:left;width:calc(47.5% - 2px)}#app .code{float:right;width:calc(47.5% - 2px);height:50px;line-height:50px;text-align:center;background:#fff;border-radius:4px;border:1px solid #ddd;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app .btn{margin:40px auto 0;width:100%;height:52px;line-height:52px;text-align:center;color:#fafafb;background:#2e82ff;border-radius:4px;cursor:pointer}.tip{margin-top:20px;font-size:13px;color:#666;text-align:center}.tip a{font-size:13px;color:#2e82ff;text-decoration:underline}.copyright{position:fixed;left:0;bottom:20px;width:100%;text-align:center;font-size:12px;color:rgba(0,0,0,.6)}.copyright a{color:rgba(0,0,0,.6)}.copyright-company{position:relative;margin-top:90px}#result{margin:350px auto!important;padding:0!important}.ri-eye-line{position:absolute;right:10px;top:2px;line-height:94px;transition:.3s;cursor:pointer}.ri-eye-line:hover{color:#2e82ff}.color-mask{position:relative}.color-mask .input{color:#fafafb;cursor:pointer}.color-mask .picker{position:absolute;top:42px;left:0;z-index:9999}.picker .vc-sketch{width:calc(100% - 20px);border:1px solid #ddd;box-shadow:none}.picker .vc-saturation-circle{width:8px;height:8px;box-shadow:0 0 0 2px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:100%}.picker .vc-sketch-field .vc-input__input{padding:0;border:1px solid #ddd;box-shadow:none}.picker .vc-sketch-presets{display:none}.vc-sketch-presets{display:none}.vc-sketch-field--single:nth-last-of-type(1){display:none}.vc-input__input{padding:4px 0 3px 0!important;width:90%!important;min-height:auto!important;height:20px!important;line-height:20px!important;text-align:center;text-indent:0!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:none!important}.vc-sketch-alpha-wrap{display:none}.vc-sketch-hue-wrap{height:23px!important}.vc-sketch-active-color{border-radius:4px}.vc-hue-picker{height:21px!important}.vc-sketch{box-shadow:0 3px 20px rgba(0,0,0,.1)!important;z-index:99}.vc-sketch-active-color{box-shadow:none!important}#app>.success{position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;width:400px;height:300px;text-align:center}.success>a{display:block;margin:20px auto;padding:10px 10px;width:8em;color:#fafafb;text-align:center;background:#2e82ff;border-radius:4px;cursor:pointer;transition:.3s}.success>a:hover{transform:scale(1.1)}.success #result{margin:10px auto!important}@media screen and (min-width:0px) and (max-width:444px){#app{margin:auto;width:100%}#app .app{margin:.5rem auto!important}#app .app-register{margin:auto;left:5%;top:1rem;width:90%;transform:none}#app .app-company{width:90%}#app .label{font-size:.3rem}#app .item{clear:both;margin-bottom:.4rem;min-height:auto}#app .item .ri-eye-line{line-height:2rem}#app .btn,#app .code,#app .input,#app .toast,#app input{height:1rem;line-height:1rem}#app .btn,#app .input,#app input{width:calc(100% - 2px)}#app .btn{margin-top:.4rem}#app .toast{position:fixed;left:5%;width:90%;z-index:999}#app .toast-show{top:.5rem}.vc-sketch-field .vc-input__input,.vc-sketch-field .vc-input__label{height:.6rem!important;line-height:.6rem!important;font-size:.3rem!important}.ri-download-cloud-2-line{display:none!important}.color-mask .picker{top:1rem}.copyright,.tip{text-align:center;font-size:.28rem}.app-company{margin:.5rem auto 0!important}.result-mask{width:2rem;height:2rem;line-height:2rem}.success>a{display:block;margin:auto auto .3rem;width:6em;height:.8rem;line-height:.8rem}}