.primary-btn{background-color:rgba(21,94,43,.8);color:#fff;height:40px;border:none;letter-spacing:.3rem}.primary-btn:hover{opacity:.8;cursor:pointer}.primary-btn:active{opacity:.5}.form-item{line-height:40px!important;border:none;text-indent:20px;outline:none;caret-color:rgba(21,94,43,.8);letter-spacing:.2rem;color:rgba(21,94,43,.8);background-color:hsla(0,0%,57%,.1);margin-bottom:40px}.form-item::-moz-placeholder{color:rgba(21,94,43,.8);letter-spacing:.2rem}.form-item::placeholder{color:rgba(21,94,43,.8);letter-spacing:.2rem}.form-item select:-webkit-autofill,.form-item textarea:-webkit-autofill,.form-item:-webkit-autofill{-webkit-text-fill-color:rgba(21,94,43,.8)!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;background-color:transparent;background-image:none;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.code-url{position:absolute;width:110px;height:40px;right:0;top:0;cursor:pointer}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.wp-300{width:300px}.login-title{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.system-container{width:100%;height:100%;box-sizing:border-box;padding:10px;overflow:auto}.system-container::-webkit-scrollbar{width:0}.system-container .option{display:flex;align-items:center;gap:20px}.system-container .table-part{padding:10px 0}.user-container{width:100%;height:100%;box-sizing:border-box;padding:10px}.user-container .option-part{width:100%;display:flex;align-items:center;gap:10px;box-sizing:border-box;height:40px;overflow-x:auto;overflow-y:hidden}.user-container .option-part::-webkit-scrollbar{height:4px}.user-container .option-part::-webkit-scrollbar-thumb{height:4px;background-color:#aaa}.user-container .option-part .option-item{width:300px;display:flex;align-items:center}.user-container .option-part .option-item .option-title{white-space:nowrap}.user-container .option-part .option-item .option-input{width:210px}.user-container .data-part{margin-top:10px;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 200px)}.user-container .data-part .table-part{height:80vh;overflow:auto;border:1px solid #e6e4e4}.user-container .data-part .table-part::-webkit-scrollbar{width:5px}.user-container .data-part .table-part::-webkit-scrollbar-thumb{width:4px;height:4px;background-color:#929292;border-radius:5px}.user-container .data-part .pagenation-part{margin:5px 0}.data-part,.input-list{border-radius:5px;padding:10px;background-color:#fff}.data-part{margin-top:10px}.weather-data-box{overflow:auto}.weather-data-box::-webkit-scrollbar{width:0}.weather-data-box .weather-new-data{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px}.weather-data-box .weather-new-data .weather-new-data-item{-o-object-fit:contain;object-fit:contain;height:120px;border-radius:10px;background:linear-gradient(45deg,rgba(4,105,172,.7),rgba(44,106,122,.5));position:relative;display:flex;align-items:center;justify-content:space-evenly}.weather-data-box .weather-new-data .weather-new-data-item .item-data{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#e9eff5;font-size:1.2rem;width:30%}.weather-data-box .weather-new-data .weather-new-data-item .item-text{position:absolute;right:0;top:0;color:#fff;background-color:#7b94ff;padding:2px 8px;border-top-right-radius:5px;border-bottom-left-radius:5px}.weather-data-box .chart-part{width:100%;height:500px;box-sizing:border-box;padding:10px;border-radius:10px;margin-top:10px}.weather-data-box .chart-part .chart-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.weather-data-box .chart-part .chart-top .chart-title{font-size:18px;font-weight:700}.weather-data-box .chart-part .chart-top .chart-date{display:flex;align-items:center;gap:10px}.earth-container{width:100%;height:100%;box-sizing:border-box;padding:10px;overflow:auto}.earth-container::-webkit-scrollbar{width:0}.earth-container .weather-part1{height:350px;display:flex;justify-content:space-between;box-sizing:border-box}.earth-container .weather-part1 .weather-part1-left{width:70%;box-sizing:border-box}.earth-container .weather-part1 .weather-part1-left .weather-new-data{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:10px}.earth-container .weather-part1 .weather-part1-left .weather-new-data .weather-new-data-item{-o-object-fit:contain;object-fit:contain;height:120px;border-radius:10px;background:linear-gradient(45deg,rgba(96,103,165,.4),rgba(15,230,238,.2));position:relative;display:flex;align-items:center;justify-content:space-evenly}.earth-container .weather-part1 .weather-part1-left .weather-new-data .weather-new-data-item .item-data{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#fff;font-size:1.2rem;width:30%}.earth-container .weather-part1 .weather-part1-left .weather-new-data .weather-new-data-item .item-text{position:absolute;right:0;top:0;color:#fff;background-color:#0acd73;padding:2px 8px;border-top-right-radius:5px;border-bottom-left-radius:5px}.earth-container .weather-part1 .weather-part1-right{width:29%;box-sizing:border-box}.earth-container .weather-part1 .weather-part1-right .device-part{padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:15px;height:300px;overflow:scroll}.earth-container .weather-part1 .weather-part1-right .device-part::-webkit-scrollbar{width:0}.earth-container .weather-part1 .weather-part1-right .device-part .device-part-item{padding:20px;box-sizing:border-box;background-color:rgba(1,1,1,.2);border-radius:5px;display:grid;grid-template-columns:repeat(4,1fr);color:#fff;cursor:pointer}.earth-container .weather-part2 .chart-part{width:100%;height:500px;box-sizing:border-box;background-color:rgba(1,1,1,.2);padding:10px;border-radius:10px;margin-top:10px}.earth-container .weather-part2 .chart-part .chart-top{display:flex;align-items:center;justify-content:space-between}.earth-container .weather-part2 .chart-part .chart-top .chart-option{display:flex;align-items:center;gap:20px;color:#fff}.earth-container .weather-part2 .chart-part .chart-top .chart-option .option-item{padding:5px 20px;border-radius:20px;cursor:pointer}.earth-container .weather-part2 .chart-part .chart-top .chart-date{display:flex;align-items:center;gap:10px}.earth-container .weather-title{padding-left:10px;padding-bottom:10px}.earth-container .weather-title .weather-title-text{font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(0deg,hsla(32,72%,65%,.2),hsla(98,72%,65%,0),hsla(0,0%,100%,0));padding:10px;border-radius:10px;letter-spacing:.2rem}*{margin:0;padding:0}body,html{overflow:auto}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;height:0}@font-face{font-family:font1;font-weight:700;src:url(//at.alicdn.com/wf/webfont/aXtffPNJuoQp/EEKgehyeXGbO.woff2) format("woff2"),url(//at.alicdn.com/wf/webfont/aXtffPNJuoQp/uRo4lgHCsi49.woff) format("woff");font-display:swap}.anchorBL{display:none}.svg-icon[data-v-1783c475]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;color:#70f0f4;overflow:hidden}.svg-icon.arrow[data-v-1783c475]{height:32px!important;margin-left:0!important;color:#ddedee!important;overflow:hidden}