#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.4rem;color:#2c3e50}#app,#app .layout{width:100%;height:100%;overflow:hidden}#app .loading{width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,#1b376d,rgba(27,55,109,.6));background-color:#fff;z-index:1000}#app .loading .loading-logo{width:240px;height:300px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}#app .loading .loading-logo img{width:100%}#app .loading .loading-logo img+img,#app .loading .loading-progress{position:absolute;bottom:0;left:0}#app .loading .loading-progress{width:500px;height:100px;right:0;margin:auto}#app .loading .loading-progress p{text-align:center;color:#fff}.top-panel{top:0;left:0;right:0;height:6rem;color:#fff}.top-panel h3{margin:0;font-size:2rem}.top-panel small{text-transform:uppercase}.top-panel .title-slider{position:absolute;width:100px;height:3px;left:635px;top:20px;background-color:#fff;animation:title-slider-repeat 2s linear infinite alternate;-webkit-animation:title-slider-repeat 2s linear infinite alternate}.weather-panel{position:absolute;right:20px;top:0}.weather-panel .weather-info{display:flex;flex-flow:row wrap;margin-top:10px}.weather-panel .weather-info .weather-info-item{color:#fff;flex:0 0 8rem;display:flex;flex-flow:row wrap;border-right:1px solid hsla(0,0%,100%,.5);padding-left:10px;align-items:center;text-shadow:0 0 15px rgba(0,0,0,.3)}.weather-panel .weather-info .weather-info-item .time{flex:1 1 100%;font-weight:700;font-size:2.4rem}.weather-panel .weather-info .weather-info-item .date{flex:1 1 60%;font-size:1.4rem}.weather-panel .weather-info .weather-info-item .week{flex:1 1 40%}.weather-panel .weather-info .weather-info-item .weather-img{flex:1 1 30%}.weather-panel .weather-info .weather-info-item .weather-img img{width:2.2rem}.weather-panel .weather-info .weather-info-item .weather-value{flex:1 1 70%;font-size:2.4rem;font-weight:700}.weather-panel .weather-info .weather-info-item .weather-value small{font-size:1.2rem}.weather-panel .weather-info .weather-info-item .weather-desc,.weather-panel .weather-info .weather-info-item .weather-wind{flex:1 1 50%}.weather-panel .weather-info .weather-info-item .weather-single{flex:1 1 100%}.weather-panel .weather-info .weather-info-item .weather-single h3{font-size:2.4rem;margin:0}.weather-panel .weather-info .weather-info-item .weather-single small{font-size:1.2rem}.weather-panel .weather-info .weather-info-item:last-child{border-right:0 none}.weather-panel .weather-info .datetime,.weather-panel .weather-info .today-weather{flex:0 0 14rem}.warning-dialog-content .warning-item{display:flex;flex-flow:row nowrap;padding:6px 0;border-bottom:1px solid #efefef}.warning-dialog-content .warning-item label{flex:0 0 70px}.warning-dialog-content .warning-item p{margin:0}body,html{padding:0;margin:0;height:100%;font-size:10px}*{box-sizing:border-box}ul{list-style-type:none;padding:0}li{margin:0 10px}a{color:#42b983}.el-round-button{position:relative;display:inline-block;color:#03e9f4;font-size:12px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;letter-spacing:4px;height:30px;line-height:30px;width:90px}.el-round-button span{position:absolute;display:block}.el-round-button span:first-child{top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:btn-anim1 2s linear infinite;animation:btn-anim1 2s linear infinite}.el-round-button span:nth-child(2){top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:btn-anim2 2s linear infinite;animation:btn-anim2 2s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.el-round-button span:nth-child(3){bottom:0;right:0;width:100%;height:1px;background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:btn-anim3 2s linear infinite;animation:btn-anim3 2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.el-round-button span:nth-child(4){bottom:0;left:0;width:1px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);-webkit-animation:btn-anim4 2s linear infinite;animation:btn-anim4 2s linear infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}.left-panel{left:1rem;top:1rem;bottom:2rem}.right-panel{right:1rem;top:1rem;bottom:2rem}@keyframes title-move-repeat{0%{right:3px}to{right:50px}}@-webkit-keyframes title-move-repeat{0%{right:3px}to{right:50px}}@keyframes title-slider-repeat{0%{left:635px}to{left:957px}}@-webkit-keyframes title-slider-repeat{0%{left:635px}to{left:957px}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes warn-message-left{0%{background-position:0 0}to{background-position:-100% 0}}@-webkit-keyframes warn-message-left{0%{background-position:0 0}to{background-position:-100% 0}}@keyframes warn-message-right{0%{background-position:0 0}to{background-position:100% 0}}@-webkit-keyframes warn-message-right{0%{background-position:0 0}to{background-position:100% 0}}.btn_back{background:none;border:0 none;position:absolute;left:10px;top:20px;font-size:1.6rem;font-weight:500;color:#fff;z-index:999}.btn_back i.iconfont{font-size:2.4rem;vertical-align:top;display:inline-block}.nav-office{position:fixed;bottom:2rem;left:0;right:0;width:50rem;margin:auto;text-align:center;z-index:999}.nav-office .el-round-button{display:inline-block;margin:0 .5rem;background-color:#395faa;color:#fff}.nav-office .el-round-button:focus,.nav-office .el-round-button:hover{background-color:#1b376d}.office-info .office-info-wrapper{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.office-info .office-info-wrapper .office-info-item{flex:1 1 auto;color:#fff;padding:5px;font-size:12px;position:relative;box-sizing:border-box;margin:1px;width:85.5px;text-align:center}.office-info .office-info-wrapper .office-info-item h3{font-size:18px;background-image:url(../img/data-bg-1.410348f2.png);width:78px;height:78px;background-repeat:no-repeat;background-size:cover;line-height:78px;margin:auto}.office-info .office-info-wrapper .office-info-item p{margin-top:10px;color:#fff}.office-info .office-info-wrapper .office-info-item .bg-2 h3{font-size:14px;background-image:url(../img/data-bg-2.197117f8.png)}.office-info .office-info-wrapper .office-info-item .bg-2 p{margin:0}