#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.out-line[data-v-dc49d994]{width:100%;background:rgba(6,7,107,.2);border:2px solid rgba(55,85,218,.3);display:inline-block;padding:10px;box-shadow:inset 0 0 16px #02246c;position:relative}.bottom-left-h[data-v-dc49d994],.bottom-left-v[data-v-dc49d994],.bottom-right-h[data-v-dc49d994],.bottom-right-v[data-v-dc49d994],.top-left-h[data-v-dc49d994],.top-left-v[data-v-dc49d994],.top-right-h[data-v-dc49d994],.top-right-v[data-v-dc49d994]{position:absolute;background-color:#00a2ff}.bottom-left-h[data-v-dc49d994],.bottom-right-h[data-v-dc49d994],.top-left-h[data-v-dc49d994],.top-right-h[data-v-dc49d994]{height:1px;width:40px}.bottom-left-v[data-v-dc49d994],.bottom-right-v[data-v-dc49d994],.top-left-v[data-v-dc49d994],.top-right-v[data-v-dc49d994]{width:1px;height:40px}.top-left-h[data-v-dc49d994],.top-left-v[data-v-dc49d994]{top:0;left:0}.top-right-h[data-v-dc49d994],.top-right-v[data-v-dc49d994]{top:0;right:0}.bottom-left-h[data-v-dc49d994],.bottom-left-v[data-v-dc49d994]{bottom:0;left:0}.bottom-right-h[data-v-dc49d994],.bottom-right-v[data-v-dc49d994]{bottom:0;right:0}*{box-sizing:border-box;list-style-type:none;outline:none}*,body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background-color:#000}em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}buttom{cursor:pointer}a{text-decoration:none}a,a:hover{color:#343440}.float-r{float:right}.float-l{float:left}.font-bold{font-weight:700}.title-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-color-black{background-color:rgba(19,25,47,.6)}.colorBlack{color:#000!important}.colorGrass{color:#33cea0}.colorRed{color:red}.colorYellow{color:#ff0}.colorLightBlue{color:#40e0d0}.colorPink{color:pink}.colorText{color:#fff}.colorBlue{color:blue}.colorTomato{color:tomato}.colorDeepskyblue{color:#00bfff!important}.colorDeepskyblue:hover{color:#ffa07a!important}.colorDarkturquoise{color:#00ced1}.colorLightsalmon{color:#ffa07a}.colorGold{color:gold}.colorLightsteelblue{color:#b0c4de}.colorSienna{color:sienna}.colorDarkorchid{color:#9932cc}.colorLightpink{color:#ffb6c1}.colorHotpink{color:hotpink}#index{color:#00ced1;width:100%;height:100%;background:url(../../static/img/bg.98071c13.png) 50% no-repeat;background-size:100% 100%;position:fixed;overflow:hidden}.koi-body .header{height:76px;background:url(../../static/img/headright.49eca41e.png) 50% no-repeat;position:relative;text-align:center;background-size:contain}.koi-body .header .gohome{font-size:16px;color:#f0f0f0;position:absolute;cursor:pointer;left:12px;top:8px;z-index:99}.koi-body .header .gohome:hover{opacity:.8}.koi-body .header .header-title{font-size:30px;font-family:Microsoft YaHei;font-weight:700;color:#39d6fe;background:linear-gradient(0deg,#1765ff,#1765ff 0,#49d9fe 54.93164063%,#8fefff 80.32226563%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;line-height:76px}.koi-body .header .left{position:absolute;display:flex;top:8px;left:3px;z-index:66}.koi-body .header .left .menuitem{width:110px;height:30px;position:relative;margin:0 4px;line-height:30px;cursor:pointer}.koi-body .header .left .menuitem .text{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.koi-body .header .left .menuitem.active .text{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#0096ff;background:linear-gradient(92deg,#0072ff,#00eaff 48.85253906%,#01aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.koi-body .header .right{position:absolute;display:flex;top:8px;right:3px;z-index:66}.koi-body .header .right .menuitem{width:110px;height:30px;position:relative;margin:0 4px;line-height:30px;cursor:pointer}.koi-body .header .right .menuitem .text{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.koi-body .header .right .menuitem.active .text{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#0096ff;background:linear-gradient(92deg,#0072ff,#00eaff 48.85253906%,#01aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.koi-body .header .right .weather{display:flex}.koi-body .header .right .weather-detail{position:relative;top:4px}.koi-body .header .right .weather .temperature{font-size:36px}.koi-body .header .right .weather-pic{width:50px;margin-left:10px}.koi-body .header .right .weather-pic img{margin-top:3px}.koi-body .header .right .humidity{margin:0 20px}.koi-body .header .right .humidity-num,.koi-body .header .right .pm-num{font-size:20px}.koi-body .header .right .humidity-name,.koi-body .header .right .pm-name,.koi-body .header .right .weather-now,.koi-body .header .right .weather-unit{font-size:12px}.koi-body .header .right .time{font-size:24px;font-family:Microsoft YaHei;font-weight:700;color:#39d6fe}.koi-body .header .right .line{width:2px;height:24px;background:#00f;opacity:.32;margin:8px}.koi-body .header .right .date{text-align:center;font-size:12px;font-weight:400;color:#39d6fe;margin-right:10px}.koi-body .header .right .date .date-text{margin-top:4px}.koi-body .header .right .date .week{margin-top:0}.koi-body .header .dv-dec-10-left{width:25%;margin-top:.5%;margin-left:.2%;height:8px;float:left}.koi-body .header .dv-dec-10-right{width:25%;margin-top:.5%;margin-left:.2%;height:8px;float:right;transform:rotateY(180deg)}.koi-body .header .dv-dec-8-left{width:18%;height:6%;margin-top:.7%;position:absolute;left:25%}.koi-body .header .dv-dec-8-right{width:18%;height:6%;margin-top:.7%;position:absolute;right:25%}.koi-body .header .title{position:absolute;left:46%;margin-top:.8%}.koi-body .header .localTime{position:absolute;right:1%;top:2%}.koi-body .header .homePage{position:absolute;left:1%;top:2.2%}.koi-body .wrapper{position:absolute;left:1%;top:6%;right:1%;display:grid;grid-template-columns:repeat(3,615px);grid-gap:10px;grid-template-rows:420px 500px}.koi-body .wrapper .item{font-size:24px;color:#fff}.koi-body .wrapper .one{flex:1;background-color:#b8e8e0}.koi-body .wrapper .two{background-color:#8cc7b5}.koi-body .wrapper .three{background-color:#efe3bf}.koi-body .wrapper .four{background-color:#bee7e9}.koi-body .wrapper .five{background-color:#e6ceac}.koi-body .wrapper .six{background-color:#ecad9e}.koi-body .container{position:absolute;left:1%;top:6%;right:1%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap}.koi-body .container .item{font-size:24px;color:#fff}.koi-body .container .one{width:30%;height:30%;background-color:#b8e8e0}.koi-body .container .two{width:30%;height:30%;background-color:#8cc7b5}.koi-body .container .three{width:30%;height:30%;background-color:#efe3bf}.koi-body .container .four{width:30%;height:30%;background-color:#bee7e9}.koi-body .container .five{width:30%;height:30%;background-color:#e6ceac}.koi-body .container .six{width:30%;height:30%;background-color:#ecad9e}.koi-body .layoutHome{position:absolute;min-width:1000px;min-height:600px;top:90px;width:100%;height:100%;margin-right:20px}.left-two{margin-top:0}.module-title{display:flex;justify-content:space-between}.module-title .left{display:flex;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAANCAYAAAAuYadYAAADlUlEQVRIS82VX2wUVRTGvzPdKkUKhaCpuzMt8IIBAxGMgkZj1Nh2pg1pzc4uxfAABRKN/4AHHzRZoi8mRINoorX0gQezM4sQaWdYNzYxPCCakEjVBF4qdGa3iqaFrbbbdvYeM7O7upKaNGk0ztPkd78755w737mHNCN7mMEJIgx74PbPdWUcAFTTPUjAEQZf8UK1Wqar8YaaHN1BktQHcJ4EdQ3G5cu+VjNGW5ikk2BMgdBp6/K37Ul3M0t8GqDlLKjHjkc+87WtZnZ9DfNZEFYLiOfP6U1Gi+msCoEGmbGJQAnSTPd3AEv9DWDaa8Ui/UEg080DqA840UtWNHJcNdyviLAtYECvpcsHytovADxVwnzC0pUeLeV+CEawzoyLdkzeHhRruO8Q4dVSOAzbUXmzZmT3gPhE+btTpJrOpwTqAihfxMxDaX3d1dJJZZMEjgH0W9ETj6a7lWE15b5OjDcBFAlSdFAPn/G1bSn3kMQ4CoaAhLgVlVOtZq6zBiIFoIYJb9hR+a1Am3TaSKKzBIRA9LYVjbwWnB7wDcDLGXyakGCp9T5nK0m1187p9/5SzhZIJCR1/Z4tM+w5Q93rfq7wllNjG1nMTGX0NT/+qfWDmdc3SHMoWLuaRyr8GfPaWgjprky86ftqbbuZbfI80eAXWuFt5tjdLObWpK8ol8iHHZ/kVucmc7cuHXhwrnqzz0dCE/kf9I2zFf7EmYmG+tD07EBHeKpa+7Q5vkIqzHqZ3Y2+HYKnYyC3dNKru+PLzpU3q7XbTadu1ZxYYu1qnqjwrR9xbbh+bMVAd/hXUlPZY8T8IgCHwI8M6ko28InhHgXhIIAx1BQfs55tHtFMdz8DHxBQYBaaHWs6X9I6zzHQD9CsENiR3ikPqUbucSJhAVgC4AVLl3tLv8/dRhKnCbSMwYdsXTnWbjoRBl0AoDDRcd/ofsV1gfEE77PjSl/ZvJMAlpWMKr1sx8LvaaZ7EcDDJcZ9dkzZV/KfO0TAk0HVRP1WNLJXM5xeEAXrAL62dDloEM1w3wXhlTL/ztLlTWrS6SGJPi6z6f/dSQnm9wNP+Sa7MZG9ebunfD6K8Vv/lafuWflTg99sQfep9ztbWNRev737tA37Hyh4BXeh3VfEndMZvfFvXVlt8IW+/2v31EITmE+3iBudey1d+ccbfXFJGdnDIE4A880+OsIQ88w+5Engr9l3KtfCQpwE4HdyMPsWk9QfDsQw7WSAqzAAAAAASUVORK5CYII=) 80px no-repeat;background-size:32px;width:120px}.module-title .left .text{font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#0096ff;background:linear-gradient(92deg,#0072ff,#00eaff 48.85253906%,#01aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1}.tab-titles{display:flex}.tab-titles div{padding:6px;cursor:pointer;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.tab-titles div.active{border-bottom:2px solid #00faa8}.mt10,.tab-content{margin-top:10px}.mt15{margin-top:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}@media screen and (max-width:1368px){.left-two{margin-top:15px}.koi-body .layoutHome{top:80px}.koi-body .header{height:66px}.koi-body .header .header-title{font-size:26px;line-height:64px}.tab-titles div{padding:4px;font-size:14px}}@media screen and (max-width:1026px){.module-title .left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAANCAYAAAAuYadYAAADlUlEQVRIS82VX2wUVRTGvzPdKkUKhaCpuzMt8IIBAxGMgkZj1Nh2pg1pzc4uxfAABRKN/4AHHzRZoi8mRINoorX0gQezM4sQaWdYNzYxPCCakEjVBF4qdGa3iqaFrbbbdvYeM7O7upKaNGk0ztPkd78755w737mHNCN7mMEJIgx74PbPdWUcAFTTPUjAEQZf8UK1Wqar8YaaHN1BktQHcJ4EdQ3G5cu+VjNGW5ikk2BMgdBp6/K37Ul3M0t8GqDlLKjHjkc+87WtZnZ9DfNZEFYLiOfP6U1Gi+msCoEGmbGJQAnSTPd3AEv9DWDaa8Ui/UEg080DqA840UtWNHJcNdyviLAtYECvpcsHytovADxVwnzC0pUeLeV+CEawzoyLdkzeHhRruO8Q4dVSOAzbUXmzZmT3gPhE+btTpJrOpwTqAihfxMxDaX3d1dJJZZMEjgH0W9ETj6a7lWE15b5OjDcBFAlSdFAPn/G1bSn3kMQ4CoaAhLgVlVOtZq6zBiIFoIYJb9hR+a1Am3TaSKKzBIRA9LYVjbwWnB7wDcDLGXyakGCp9T5nK0m1187p9/5SzhZIJCR1/Z4tM+w5Q93rfq7wllNjG1nMTGX0NT/+qfWDmdc3SHMoWLuaRyr8GfPaWgjprky86ftqbbuZbfI80eAXWuFt5tjdLObWpK8ol8iHHZ/kVucmc7cuHXhwrnqzz0dCE/kf9I2zFf7EmYmG+tD07EBHeKpa+7Q5vkIqzHqZ3Y2+HYKnYyC3dNKru+PLzpU3q7XbTadu1ZxYYu1qnqjwrR9xbbh+bMVAd/hXUlPZY8T8IgCHwI8M6ko28InhHgXhIIAx1BQfs55tHtFMdz8DHxBQYBaaHWs6X9I6zzHQD9CsENiR3ikPqUbucSJhAVgC4AVLl3tLv8/dRhKnCbSMwYdsXTnWbjoRBl0AoDDRcd/ofsV1gfEE77PjSl/ZvJMAlpWMKr1sx8LvaaZ7EcDDJcZ9dkzZV/KfO0TAk0HVRP1WNLJXM5xeEAXrAL62dDloEM1w3wXhlTL/ztLlTWrS6SGJPi6z6f/dSQnm9wNP+Sa7MZG9ebunfD6K8Vv/lafuWflTg99sQfep9ztbWNRev737tA37Hyh4BXeh3VfEndMZvfFvXVlt8IW+/2v31EITmE+3iBudey1d+ccbfXFJGdnDIE4A880+OsIQ88w+5Engr9l3KtfCQpwE4HdyMPsWk9QfDsQw7WSAqzAAAAAASUVORK5CYII=) 70px no-repeat;background-size:20px;width:90px}.module-title .left .text{font-size:16px}.tab-titles div{padding:2px;font-size:14px}}.one-mt{margin-bottom:15px}.list .title .circle{background:#006afb;display:inline-block;padding:2px;color:#fff;border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;margin-right:2px}@font-face{font-family:electronicFont;src:url(../../static/fonts/DS-Digital.9c7b3b69.ttf);font-weight:400;font-style:normal}