.fade-enter-active[data-v-5901d545],.fade-leave-active[data-v-5901d545]{transition:opacity .3s ease}.fade-enter[data-v-5901d545],.fade-leave-to[data-v-5901d545]{opacity:0}.logo .logo-img{height:20px}.user-login-page{width:100%;height:100%;background-color:#08191f;overflow-y:scroll}.user-login-page .header{width:100%;padding:1.75rem}.user-login-page .login-title{padding:1.75rem 0;color:#fff;font-size:1.725rem;text-align:center;width:100%}.user-login-page .content{width:100%;background-color:#08191f;padding:0 1.75rem;font-size:1.25rem}.user-login-page .content .login-form{width:100%;padding:1.25rem;background-color:#e1f000;border-radius:8px}.user-login-page .content .login-form .login-input{background-color:#fff;margin:1.75rem 0;padding:.75rem .5rem;border-radius:6px}.user-login-page .content .login-form .login-input input{width:100%}.user-login-page .content .login-form .login-button{background-color:#08191f;color:#e1f000;padding:.75rem .5rem;width:100%;border-radius:6px;margin-top:2rem}.smart-loader{position:relative}.spinner-container{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center;height:100%}.spinner{border-style:solid;border-color:#0000001a;border-radius:50%;animation:spin 1s linear infinite}.loading-content-hidden{opacity:.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-header{background-color:#08191f;color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%;height:4.75rem;padding:0 .75rem;position:fixed;top:0;left:0;right:0;z-index:99}.nav-header .nav-header-right,.nav-header .nav-header-right .head{display:flex;align-items:center}.nav-header .nav-header-right .head .avatar{width:3rem;height:3rem;border-radius:100%;overflow:hidden;position:relative}.nav-header .nav-header-right .head .avatar .avatar-img{width:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.nav-header .nav-header-right .head .user-name{display:inline-block;margin:0 1rem;font-size:1.45rem}.nav-header .nav-header-right .logout{width:3rem;padding:.05rem}.nav-header .nav-header-right .logout .logout-icon{width:100%}.navigation{background:#ffffff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 28px #bbc1c74d}.navigation .menu{display:flex;width:100%;height:5.75rem;align-items:center}.navigation .menu .menu-item .item{display:flex;flex-direction:column;align-items:center}.navigation .menu .menu-item .item .icon-box{width:3rem;height:3rem;padding:.25rem;border-radius:6px}.navigation .menu .menu-item .item .title{font-size:1rem;color:#9aacb4}.navigation .menu .menu-item .item .activate{color:#08191f;font-weight:500}.layout{width:100vw;height:100vh;background-color:#f2f4f6}.layout .layout-content{width:100%;height:100%;padding:4.75rem 0 5.75rem;border-radius:.75rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translateZ(0)}.layout .layout-content .visible-view{width:100%}.personal-center{padding:.75rem}.personal-center .user-avatar{display:flex;align-items:center;flex-direction:column;padding:2rem .75rem}.personal-center .user-avatar .avatar{width:6.75rem;height:6.75rem;border-radius:100%;overflow:hidden}.personal-center .user-avatar .avatar .avatar-img{width:100%}.personal-center .user-avatar .user-name{font-size:1.725rem;color:#08191f;padding:1rem 0}.personal-center .tools{border-radius:.75rem;background-color:#fff}.personal-center .tools .tools-item{padding:.75rem 0;margin:0 .75rem;display:flex;justify-content:space-between;border-bottom:1px solid #f2f4f6;font-size:1.25rem}.personal-center .tools .tools-item .header .title{color:#53676f}.personal-center .tools .tools-item .value-content .value-text{color:#08191f}.verify{padding:.75rem;width:100%;font-size:1.25rem;height:100%}.verify .qr,.verify .ncf{background:#ffffff;padding:.75rem;margin:.75rem 0;border-radius:.75rem}.message{width:100%}.message .message-content{padding:.75rem;border-radius:.75rem}.message .ready{background-color:#1491eb33;border:1px solid #1491eb}.message .start,.message .success{background-color:#4ed69b33;border:1px solid #4ed69b}.ready-content{width:100%;margin:.75rem 0;border-radius:.75rem;box-sizing:border-box}.ready-content .ready-content-list-item{display:flex;align-items:center;padding:.75rem;margin:.75rem auto;text-align:center;border-radius:.75rem;background-color:#fff}.ready-content .ready-content-list-item .icon-box{width:5rem;height:5rem;margin-right:1.25rem}.ready-content .ready-content-list-item .icon-box img{width:100%}.ready-content .ready-content-list-item .text-box{text-align:left}.ready-content .ready-content-list-item .text-box .text{font-size:1.4rem;color:#53676f;font-weight:600}.ready-content .ready-content-list-item .text-box .sub-text{font-size:1.125rem;color:#ff853f;font-weight:100}.__error{position:fixed;background-color:#fff0;top:0;left:0;right:0;bottom:0}.descriptions{width:100%}.descriptions .header{display:flex;align-items:center;justify-content:space-between;padding:.6rem}.descriptions .header .title{font-size:1.45rem;font-weight:700;color:#53676f;display:flex;align-items:center}.descriptions .header .title .header-title-icon{width:1.75rem;height:1.75rem;margin-right:.8rem}.descriptions .header .right{display:flex;align-items:center}.descriptions .header .right .icon{width:2.25rem}.descriptions .content{width:100%}.descriptions .content .item{display:flex;font-size:1.15rem;border-top:1px dotted #f2f4f6;padding:.6rem}.descriptions .content .item:last-child{border-bottom:none}.descriptions .content .item .label{color:#53676f;width:10rem}.descriptions .content .item .value{color:#08191f;font-weight:700;flex:1}.interaction-button{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fff;border-radius:.75rem}.interaction-button .button-icon{display:block}.interaction-button .button-icon .icon{width:6rem;height:6rem}.interaction-button .title{font-size:1.25rem;text-align:center;margin:0 0 .75rem;font-weight:700;color:#4ed69b}.barcode{background-color:#fff;border-radius:.75rem;font-size:1.125rem}.interaction-button-disabled{background:#e0e0e0}.interaction-button-disabled .title{color:#fff}.start{width:100%}.start .start-content{background:#ffffff;margin:.75rem 0;border-radius:.75rem}.start .is-bind-status{display:flex;align-items:center;padding:.75rem}.start .is-bind-status .img{width:8ch}.start .is-bind-status .text{font-size:1.275rem;padding:0 .75rem}.product{background-color:#fff;margin:.75rem 0;border-radius:.75rem}.nfc{height:22rem;background-color:#fff;display:flex;align-items:center;justify-content:center}.nfc .barcode .content .interaction-button{flex-direction:column;align-items:center}.null-data{display:flex;flex-direction:column;align-items:center;padding:3rem 0}.null-data .write-icon{width:12rem}.null-data .title{font-size:1.275rem;padding:1.5rem 0}.null-data .btn{background-color:#08191f;color:#fff;padding:1.125rem 0;width:100%;border-radius:.75rem;font-size:1.25rem;margin:1rem auto;display:block;width:60%}.unfinished-tasks-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#fff}.unfinished-tasks-container .unfinished-tasks-header{width:6rem;margin:2rem auto;padding:2rem 0}.unfinished-tasks-container .unfinished-tasks-header img{width:100%}.error{width:100%;background:#ffffff;height:calc(100vh - 12rem);background-color:#fff;border-radius:.75rem;padding:5rem 0}.error .error-content .error-icon{width:8rem;margin:0 auto;display:block}.error .error-content .error-text{padding:.75rem 0}.error .error-content .error-text .title{text-align:center;font-size:1.45rem}.error .error-content .operation{padding:1.5rem 0}.error .error-content .btn{background-color:#e1f000;border:1px solid #08191f;color:#08191f;padding:.75rem 3rem;border-radius:.75rem;margin:0 auto;display:block}.write-success{width:100%;padding:.75rem;background-color:#fff;border-radius:.75rem}.write-success .operation{background-color:#08191f;color:#fff;padding:1.125rem 0;width:100%;border-radius:.75rem;font-size:1.25rem;margin:1rem auto;display:block;text-align:center;color:#fff!important}.btn-primary{background-color:#08191f;color:#fff;padding:1.125rem 0;width:100%;border-radius:.75rem;font-size:1.25rem;margin:1rem auto;display:block}.write{width:100%;padding:.75rem;background-color:#fff}.write .barcode{padding-top:2rem}.write .barcode .content .interaction-button{flex-direction:column}.write .write-error{display:flex;flex-direction:column;align-items:center;padding:3rem 0}.write .write-error .write-icon{width:12rem}.write .write-error .title{font-size:1.275rem;padding:1.5rem 0}.write .write-error .btn,.write .write-success{background-color:#08191f;color:#fff;padding:1.125rem 0;width:100%;border-radius:.75rem;font-size:1.25rem;margin:1rem auto;display:block;width:60%}