*{margin:0;padding:0}#app{width:100%;height:100%;min-height:100%;font-family:Muli,PingFangSC,Microsoft YaHei;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.can-copy{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:root{--gutter:0.2rem;--border-color:#ebebeb;--orange-color:#ff8727;--main-blue:#00b4fb;--medium-blue:#42889e;--light-blue:#b2e8fe}img{display:block;width:100%}#nprogress .spinner{display:none!important}.container{width:100%;margin:0 auto;min-height:100%}.container .map-wrapper{margin:0 auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:-1;width:876px}.container .map-wrapper .map{width:876px;height:481px}.container .map-wrapper .devices{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .map-wrapper.main{position:absolute;height:160px;overflow:hidden;left:50vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.outter{flex-direction:column}.outter,.outter .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.outter .container{flex-direction:column}.outter .container,.outter .container .content,.outter .container .page{-webkit-box-flex:1;-ms-flex:1;flex:1}.outter .page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.outter .page .content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.inner{-ms-flex-direction:column;flex-direction:column}.inner,.inner .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.inner .container{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.inner .container .info-content,.inner .container .info-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.font400{font-weight:400!important}.lg{display:block}.xs{display:none}.fs-loading .el-loading-spinner i{color:var(--main-blue)!important;font-size:30px!important}@media(min-width:769px){#app{max-width:1440px!important;min-width:1440px!important;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;margin:0 auto}.fs-loading .el-loading-spinner{font-size:0}.fs-loading .el-loading-spinner i{color:var(--main-blue)!important;font-size:62px!important}}.btn:active,.btn:hover,.handler:active,.handler:hover{opacity:.8}.bluebtnhandler,.btn,.handler,.whitebtnhandler{opacity:1}.bluebtnhandler,.bluebtnhandler:hover,.btn,.handler,.whitebtnhandler{cursor:pointer;-webkit-transition:all .12s linear;transition:all .12s linear}.bluebtnhandler:hover{opacity:1!important;background-color:#4bc4fa!important}.itemDefaultHandler:hover{background-color:rgba(0,180,251,.2509803922)!important}.itemActHandler,.itemActHandler:hover{background-color:#00b4fb!important}.itemActHandler:hover{opacity:.8}.ani{-webkit-transition:all .12s linear;transition:all .12s linear}.preezieDefaultHandler{background-color:rgba(240,136,65,.0980392157)!important}.preezieDefaultHandler:hover{background-color:rgba(240,136,65,.2509803922)!important}.preezieActHandler,.preezieActHandler:hover{background-color:#f08841!important}.preezieActHandler:hover{opacity:.8}.whitebtnhandler:active,.whitebtnhandler:hover{opacity:1!important;background-color:#4bc4fa!important;color:#fff!important}.trans,.trans:before{-webkit-transition:all .12s linear;transition:all .12s linear}#nprogress .bar{background:#00b4fb!important}.el-message__icon{font-size:20px}.page{-webkit-box-sizing:border-box;box-sizing:border-box;background-position:bottom -20px left;background-size:1400px auto;background-repeat:no-repeat!important;min-height:100%;position:relative}.blue-btn{width:226px;height:58px;text-align:center;line-height:58px;color:#fff;font-size:30px;background-color:#00b4fb;border-radius:8px}.copyright{background-color:#fff}.devices-wrapper{margin:134px auto 256px;width:830px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.devices-wrapper .item{position:relative;width:160px;height:160px;background-color:var(--main-blue);border-radius:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.devices-wrapper .item,.devices-wrapper .item .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.devices-wrapper .item .icon{width:63px;height:63px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.devices-wrapper .item .title{font-size:18px;line-height:18px;text-align:center;color:#fff}.tips-bottom{-webkit-box-sizing:border-box;box-sizing:border-box;padding:100px 100px 10px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#000}.tips-bottom .tip{-webkit-box-flex:1;-ms-flex:1;flex:1}.tips-bottom span{color:var(--main-blue)}input{border:none;outline:none;background-color:transparent}.input-box{margin:10px 0;padding:0 18px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f6f7f9;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000}.input-box input{font-size:16px;line-height:16px;min-width:80%}.input-box input.codeinput{min-width:auto}.input-box .icon-box{width:22px;height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(max-width:768px){.lg{display:none!important}.xs{display:block!important}.btn:active,.handler:active{opacity:.6}.container{max-width:100%;min-width:100%}.page{width:100%!important;position:relative;background-size:100% 130px;background-position:0 100%}.page .map-wrapper{margin-top:0;width:100%}.page .map-wrapper .map{width:100%!important;height:auto!important}.page.user-wrapper.user{background-position:bottom;background-size:100% 130px;background-repeat:no-repeat!important;min-height:100%}}.btn[data-v-381032b4]{width:320px;height:50px;border-radius:8px;background-color:var(--main-blue);line-height:50px;text-align:center;font-size:20px;color:#fff;position:relative}.btn p.tip[data-v-381032b4]{position:absolute;left:0;top:-48px;font-size:16px!important;line-height:48px;white-space:nowrap;color:#b93051}@media(max-width:768px){.btn[data-v-381032b4]{font-size:18px}.btn p.tip[data-v-381032b4]{position:absolute;left:0;top:-30px;font-size:10px!important;line-height:30px;color:#b93051}}.nav{width:100%}@media screen and (max-width:768px){.nav{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin:0;padding:22px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:sticky;top:0;background-color:#fff!important;z-index:99}.nav .logo-container,.nav .name,.nav .tip,.nav .tool,.nav div.logo,.nav img.logo{display:none!important}.nav .xs,.nav .xs.logo{display:block!important}.nav .xs.logo{width:100px;height:18px}.nav .icon{width:18px;height:18px}.nav .hidden{visibility:hidden!important}.nav .board-wrapper{position:absolute;top:0;left:0;height:100vh;right:0;background-color:rgba(0,0,0,.1960784314)}.nav .hide-board{height:0;overflow:hidden}.nav .hide-board .bar-item{opacity:0!important}.nav .hide-board .line{border:none}.nav .board{position:absolute;top:0;right:0;height:100vh;background-color:#fff;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.nav .board .line{width:100%;border-bottom:1px solid #d0d0d0}.nav .board .board-logo{position:absolute;top:22px;width:100px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav .board .top-bar{margin:0 40px;height:90px;-ms-flex-direction:column;flex-direction:column}.nav .board .top-bar,.nav .board .top-bar .bar-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.nav .board .top-bar .bar-box{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav .board .top-bar .btn{font-size:17px}.nav .board .top-bar .userinfo{display:-webkit-box;display:-ms-flexbox;display:flex}.nav .board .top-bar .userinfo .info-wrapper p{font-size:18px;height:18px;line-height:18px}.nav .board .top-bar .userinfo p:not(:first-child){margin-top:10px}.nav .board .top-bar .userinfo img.user{display:inline-block;height:18px;width:auto;margin-right:18px}.nav .board .bar-item{margin:0 40px;font-size:14px;line-height:46px;color:#404040;width:calc(100vw - 80px);border-bottom:1px solid #d0d0d0}.nav .board .bar-item.now{font-weight:500}.nav .board .custom-box{position:relative}.nav .board .custom-box .red{position:absolute;top:50%;left:2em;width:6px;height:6px;-webkit-transform:translateY(calc(-50% - .5em));transform:translateY(calc(-50% - .5em));border-radius:50%;background-color:red}.nav .board .icon.xs{width:60px;height:auto}.nav .board .icon.xs img{width:16px;height:16px;padding:23px 22px}.nav .board.left .bar-item{text-align:left;position:relative}.nav .bar-item.msg:before{position:absolute;display:block;content:"";left:-16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:red}.nav .board.right .bar-item{text-align:right!important}.nav .left{left:0;overflow:hidden}.nav .right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:0;overflow:hidden}}@media screen and (min-width:769px){.nav{margin:20px auto 0;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;-webkit-box-sizing:border-box;box-sizing:border-box}.nav .xs{display:none!important}.nav img.logo{width:168px}.nav div.logo{margin-left:9px;margin-top:1px;font-size:24px}.nav .logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.nav .logo-container .custom-box{position:relative}.nav .logo-container .custom-box .red{position:absolute;top:0;right:24;width:6px;height:6px;border-radius:50%;background-color:red}.nav .name{font-size:24px;margin-left:20px}.nav .tip{margin-left:33px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:flex-start;font-size:18px;color:#505050;-webkit-box-flex:1;-ms-flex:1;flex:1}.nav .tip .nav_icon{cursor:pointer;width:auto;height:20px;margin-right:24px}.nav .tool{font-size:20px;color:#404040;font-weight:400}.nav .tool.loggedin p{font-size:14px;line-height:14px}.nav .tool p.time{margin-bottom:10px;text-align:right}.nav .tool p.user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav .tool p.user img.user{width:14px;height:13px;margin-right:8px}.nav .tool .lines{width:69px;height:37px}.nav .tool .navbtn{text-align:center;position:relative;width:124px;-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:50px;-webkit-transform:skew(-25deg,0);transform:skew(-25deg,0);border-radius:8px;overflow:hidden;font-weight:300;cursor:pointer}.nav .tool .navbtn p{-webkit-transform:skew(25deg,0);transform:skew(25deg,0)}.nav .tool .navbtn:first-child{margin-right:4px}.nav .tool .navbtn:nth-child(2){margin-right:8px}.nav .tool .navbtn.selected{position:relative;color:#fff}.nav .tool .navbtn:before{cursor:pointer;content:"";position:absolute;display:block;top:0;left:0;right:0;bottom:0;background-color:#f0f0f0}.nav .tool .navbtn:hover:active,.nav .tool .navbtn:hover:before{background-color:#c3edfd!important;opacity:1!important}.nav .tool .navbtn.selected:before{background-color:var(--main-blue);opacity:1!important}.nav .tool .navbtn.selected:active,.nav .tool .navbtn.selected:hover:before{background-color:rgba(0,180,251,.8039215686)!important;opacity:1!important}}.tip p{font-weight:300}.item-box[data-v-3c3a8c0b]{margin:10px 0;width:320px;height:56px;background-color:#f6f7f9;border-radius:10px}.component[data-v-270ac04e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.component .item[data-v-270ac04e]{width:80px}.component .item .icon[data-v-270ac04e]{margin:0 auto;width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.component .item .icon img[data-v-270ac04e]{width:100%}.component .item .title[data-v-270ac04e]{width:80px;text-align:center;color:#000;margin-top:10px;font-size:11px;line-height:11px}@media screen and (max-width:768px){.component[data-v-270ac04e]{width:auto}.component .item[data-v-270ac04e]{width:1rem}.component .item .icon[data-v-270ac04e]{width:.26rem!important;height:.26rem!important}.component .item .icon img[data-v-270ac04e]{max-width:.26rem!important}.component .item .title[data-v-270ac04e]{text-align:center;width:auto;margin:.1rem 0 0!important;font-size:.12rem!important;line-height:.12rem!important}}@media screen and (min-width:769px){.component[data-v-d2d2dda6]{width:100%;position:relative;bottom:0;width:1400px;background-position:0 100%;background-repeat:no-repeat!important}.component .line[data-v-d2d2dda6]{width:auto;margin:0 auto;height:1px;width:1400px;background-color:#bfbfbf}.component .info[data-v-d2d2dda6]{height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:100px;text-align:center;color:#000}}@media screen and (max-width:768px){.component[data-v-d2d2dda6]{width:100%;bottom:0}.component .line[data-v-d2d2dda6]{width:6.9rem;margin:0 auto;height:1px;background-color:#bfbfbf}.component .info[data-v-d2d2dda6]{font-size:10px;line-height:48px;text-align:center;color:#000}}