#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*{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{background:url(../../static/img/bg.e0ec611c.png) 50% no-repeat}#index,#index2{color:#00ced1;width:100%;height:100%;background-size:100% 100%;position:fixed;overflow:hidden}#index2{background-color:#f7f8fa}.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:.4%}.koi-body .header .title2{margin-top:.2%}.koi-body .header .title2,.koi-body .header .title3{position:absolute;left:0;text-align:center;width:100%}.koi-body .header .title3{margin-top:2.5%;z-index:10}.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:5.5%;width:100%;height:100%}