.the-header{width:100%;height:60px;background-color:#242424;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.the-header,.the-header .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.the-header .left{width:auto;height:100%;padding-right:15px;position:absolute;left:0;top:0;z-index:101;cursor:default}.the-header .left .left-logo-1{width:60px;height:60px;padding:15px;margin-right:10px}.the-header .left .left-logo-1 .icon{width:100%;height:100%;background-size:cover;background-image:url(/img/logo_1.png)}.the-header .left .left-title{font-weight:100;color:#fff;font-size:20px}.the-header .center{height:100%;color:#fff;font-size:18px}.the-header .right{height:100%;position:absolute;right:0;top:0;padding:0 10px}.the-header .right button{height:40px}.the-header .right button i{font-weight:600}.map-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.map-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.map-enter,.map-leave-to{-webkit-transform:scale(2);transform:scale(2);opacity:0}.left{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.center,.left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.right{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.the-nav-pop-over{background:#001529;border:none;padding:0}.the-nav-pop-over .popper__arrow,.the-nav-pop-over .popper__arrow:after{border-bottom-color:#001529!important}.the-nav-pop-over .popover-item{width:100%;padding:15px;line-height:15px;cursor:pointer;color:hsla(0,0%,100%,.65)}.the-nav-pop-over .popover-item:hover{color:#fff}.flex-row-start-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row-start-center,.flex-row-start-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-row-start-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-start-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-row-center-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row-center-center,.flex-row-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-row-center-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-center-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-row-end-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row-end-center,.flex-row-end-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-row-end-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-end-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-row-between-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row-between-center,.flex-row-between-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-row-between-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-between-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-row-around-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row-around-center,.flex-row-around-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.flex-row-around-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-row-around-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-column-start-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-column-start-center,.flex-column-start-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-column-start-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-start-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-column-center-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-column-center-center,.flex-column-center-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-column-center-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-center-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-column-end-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-column-end-center,.flex-column-end-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-column-end-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-end-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-column-between-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-column-between-center,.flex-column-between-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-column-between-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-between-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-column-around-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-column-around-center,.flex-column-around-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.flex-column-around-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column-around-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.the-nav{position:relative;height:100%;background-color:#242424}.the-nav.is-not-collapse .the-nav-menu .icon i{-webkit-animation:NotCollapse .25s;animation:NotCollapse .25s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.the-nav.is-collapse .the-nav-menu .icon i{-webkit-animation:IsCollapse .25s;animation:IsCollapse .25s}.the-nav-row{width:100%;height:40px;overflow:hidden}.the-nav-row.focus{height:auto}.the-nav-item{width:100%;height:40px;cursor:pointer}.the-nav-item,.the-nav-item .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-item .icon{width:50px;height:100%;color:#fff}.the-nav-item .icon i{font-size:16px;text-align:center}.the-nav-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-item:hover{background-color:#000}.the-nav-item:focus{outline-style:none}.the-nav-item.selected{background-color:#409eff}.the-nav-directory{width:100%;height:40px;cursor:pointer;background-color:#484848}.the-nav-directory,.the-nav-directory .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-directory .icon{width:50px;height:100%;color:#fff}.the-nav-directory .icon i{font-size:16px;text-align:center}.the-nav-directory .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-directory:hover{background-color:#000}.the-nav-directory:focus{outline-style:none}.the-nav-directory.selected{background-color:#409eff}.the-nav-directory .icon i{font-size:10px}.the-nav-directory:hover{background-color:#484848}.the-nav-directory:hover .icon{font-weight:600}.the-nav-menu{width:100%;height:40px;cursor:pointer;height:30px;background-color:#484848;opacity:.6}.the-nav-menu,.the-nav-menu .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-menu .icon{width:50px;height:100%;color:#fff}.the-nav-menu .icon i{font-size:16px;text-align:center}.the-nav-menu .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-menu:hover{background-color:#000}.the-nav-menu:focus{outline-style:none}.the-nav-menu.selected{background-color:#409eff}.the-nav-user{width:100%;height:40px;cursor:pointer;position:absolute;left:0;bottom:0}.the-nav-user,.the-nav-user .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-user .icon{width:50px;height:100%;color:#fff}.the-nav-user .icon i{font-size:16px;text-align:center}.the-nav-user .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:100%;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.the-nav-user:hover{background-color:#000}.the-nav-user:focus{outline-style:none}.the-nav-user.selected{background-color:#409eff}.the-nav-pop-over{padding:0 10px;background-color:#484848}.the-nav-pop-over .the-nav-pop-over-hr{border-top:0;border-bottom:1px solid #ddd}.the-nav-dialog-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:40px;margin-bottom:15px}.the-nav-dialog-row:last-child{margin-bottom:0}.the-nav-dialog-row .label{width:100px}.the-nav-dialog-row .input,.the-nav-dialog-row .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.the-nav-dialog-row .input{width:calc(100% - 100px)}@-webkit-keyframes NotCollapse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes NotCollapse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes IsCollapse{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes IsCollapse{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media print{.the-nav{display:none}}#index{overflow:hidden;height:100%;background-color:#f0f2f5}#index,.index-container{position:relative;width:100%}.index-container{height:calc(100vh - 60px);display:-webkit-box;display:-ms-flexbox;display:flex}.index-content-container{overflow-y:auto;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#eee;position:relative}.index-content{width:100%;min-height:calc(100vh - 60px);padding:30px;background-color:#eee}