:root{--base-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--full-screen-rate:1,}body{background:#0a1738;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.common-dot{border-bottom-color:#3eb9ff;border-bottom-style:dashed}.common-icon-20{width:20px;height:20px}.common-icon-16{width:16px;height:16px}.common-position-relative{position:relative}.screen-container .common-title{width:94%;height:50px;margin:0 auto;color:#3eb9ff;font-size:20px;font-family:var(--base-font-family);font-style:normal;font-weight:700;line-height:54px;letter-spacing:-.333px}.screen-container .screen-container-header{width:98%;height:64px;padding:0 1%;background-image:url(../img/bg-1.bddb3989.png);background-repeat:no-repeat;background-position:50%;background-size:cover}.screen-container .screen-container-header .header-left,.screen-container .screen-container-header .header-right{width:29%;height:64px;line-height:64px;overflow:hidden}.screen-container .screen-container-header{position:relative}.screen-container .screen-container-header .street-list{position:absolute;z-index:999;width:20%;top:64px;border-radius:10px;border:1px solid #3eb9ff;background:rgba(10,23,56,.8);box-shadow:inset 0 0 24px 0 #5987fc;padding:0 10px;animation:fadeIn;animation-duration:1s}.screen-container .screen-container-header .street-list .street-panel{height:32px;border-radius:4px;border:1px solid #3eb9ff;background:#172855;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:32px;letter-spacing:-.333px;margin-top:8px;margin-bottom:8px;cursor:pointer}.screen-container .screen-container-header .street-list .street-panel:hover{border:1px solid #fff;background:#344d8d}.screen-container .screen-container-header .header-left .icon{width:40px;height:40px}.screen-container .screen-container-header .header-center{width:42%;text-shadow:0 4px 4px rgba(0,0,0,.2);background-image:url(../img/bg-2.dd4379f1.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.screen-container .content-left,.screen-container .content-right{width:25%;height:calc(100vh - 64px)}.screen-container .content-center{width:50%;height:calc(100vh - 64px)}.screen-container .content-left .content-left-charge-data{width:98%;height:40vh}.screen-container .content-left .content-left-use-rate{width:17vh;height:17vh}.screen-container .content-left .content-left-full-screen-use-rate{width:21vh;height:21vh}.screen-container .content-left .data-detail{position:relative;border-radius:10px;border:1px solid #3eb9ff;background:#0a1738;box-shadow:inset 0 0 24px 0 #5987fc;height:48px}.screen-container .content-left .data-detail:before{content:"";position:absolute;left:0;right:0;top:-10px;margin:0 auto;width:0;height:0;border-bottom:10px solid #3eb9ff;border-right:10px solid transparent;border-left:10px solid transparent}.screen-container .content-left .charge-area-list{height:35vh}.screen-container .content-left .content-left-logs{height:calc(25vh - 64px)}.screen-container .content-center .content-center-map{position:relative;width:100%;height:54vh}.screen-container .content-center .content-center-map .tips-1{position:absolute;right:18px;bottom:12px;color:#2b2b2b;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.screen-container .content-center .content-center-map .content-center-map-icon{position:absolute;left:20px;top:16px;padding:20px 24px;flex-shrink:0;border-radius:10px;border:.5px solid #3eb9ff;background:rgba(10,23,56,.8);box-shadow:inset 0 0 24px 0 #5987fc;z-index:99}.screen-container .content-center .content-center-message{height:6vh;overflow:hidden;background:transparent}.screen-container .content-center .content-center-message.danger{color:red}.screen-container .content-center .content-center-message.warning{color:#ffe071}.screen-container .content-center .content-center-logs{width:58%;height:calc(40vh - 64px)}.screen-container .content-center .content-center-cctv{width:42%;height:calc(40vh - 64px);position:relative}.screen-container .view-all-btn{z-index:0;height:28px;color:#0a1738;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:-.333px;border-radius:16px;border:1px solid #3eb9ff;box-sizing:border-box;background:#3eb9ff;cursor:pointer}.screen-container .charge-station{width:94%;height:calc(35vh - 190px);margin:12px auto 0;background-image:url(../img/charge-station-1.4ad9f4ba.png);background-size:cover;background-repeat:no-repeat;background-position:50%;box-sizing:border-box;border:.5px solid #3eb9ff;border-radius:10px}.screen-container .view-all-btn:hover{border:1px solid #c1e9ff;background:#c1e9ff;color:#000}.screen-container .content-right .content-right-charge-count{position:relative;width:100%;height:48vh}.screen-container .content-right .content-right-charge-count .content-right-charge-count-summary{height:76px;flex-shrink:0;border:1px solid #3eb9ff;background:linear-gradient(90deg,#213872,#2e73b2);box-sizing:border-box}.screen-container .common-btn{height:32px;flex-shrink:0;border-radius:16px;border:1px solid #3eb9ff;color:#3eb9ff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:32px;cursor:pointer}.screen-container .common-btn:hover{border:1px solid #c1e9ff;background:#c1e9ff;color:#000}.screen-container .select-btn{background-color:#3eb9ff;color:#0a1738}.screen-container .content-right .content-right-bike-count{position:relative;height:38vh}.screen-container .content-right .content-right-use-less{height:calc(14vh - 64px);color:#3eb9ff}.screen-container .screen-container-footer{width:100%;height:16px}.fade-in-out{opacity:0;transition:opacity 1s}.screen-container .content[data-v-32a0cac2]{position:relative;width:100%;height:calc(100vh - 64px)}.screen-container .content .login-background[data-v-32a0cac2]{position:absolute;left:0;right:0;width:100%;height:100%;z-index:1}.screen-container .content .form[data-v-32a0cac2]{width:870px;height:495px;flex-shrink:0;border-radius:10px;border:1px solid #3eb9ff;background:rgba(10,23,56,.8);box-shadow:inset 0 0 24px 0 #5987fc;z-index:2}.screen-container .content .form .form-item .font-input[data-v-32a0cac2]{border-radius:8px;background:rgba(10,23,56,.8);width:90%;height:48px;flex-shrink:0;text-indent:20px;color:#fff;box-sizing:border-box;border:.5px solid #3eb9ff}.screen-container .content .form .form-item .font-input[data-v-32a0cac2]:focus{box-shadow:inset 0 0 16px 0 #5987fc;border:.5px solid #3eb9ff}
/*  !*border:4px solid transparent;*!*/
/*  !*border-image: radial-gradient(ellipse at center, #4A95EF 0%, #2EC8ED 54.69%, #56A2F0 100%) 1;*!*/.screen-container .content .form .log-btn[data-v-32a0cac2]{position:relative;display:inline-block;width:200px;padding:10px 20px;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:16px;letter-spacing:4px;text-align:center}.screen-container .content .form .log-btn[data-v-32a0cac2]:hover{background:#03e9f4;color:#fff;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4}.screen-container .content .form .log-btn span[data-v-32a0cac2]{position:absolute;display:block}.screen-container .content .form .log-btn span[data-v-32a0cac2]:first-child{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:btn-anim1-32a0cac2 1s linear infinite}@keyframes btn-anim1-32a0cac2{0%{left:-100%}50%,to{left:100%}}.screen-container .content .form .log-btn span[data-v-32a0cac2]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:btn-anim2-32a0cac2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2-32a0cac2{0%{top:-100%}50%,to{top:100%}}.screen-container .content .form .log-btn span[data-v-32a0cac2]:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:btn-anim3-32a0cac2 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3-32a0cac2{0%{right:-100%}50%,to{right:100%}}.screen-container .content .form .log-btn span[data-v-32a0cac2]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);animation:btn-anim4-32a0cac2 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4-32a0cac2{0%{bottom:-100%}50%,to{bottom:100%}}