.size,body,html{height:100%;width:100%}body,html{margin:0;overflow:hidden;padding:0}#app,.ivu-shrinkable-menu{height:100%;width:100%}.ivu-btn-text:hover{background-color:hsla(0,0%,100%,.2)!important}.lock-screen-back{-webkit-box-shadow:0 0 0 0 #667aa6 inset;-webkit-transform:translate(-50%,-50%);-webkit-transition:all 3s;border-radius:50%;box-shadow:inset 0 0 0 0 #667aa6;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all 3s;z-index:-1}.main{height:100%;position:absolute;width:100%}.main .unlock-con{height:0;left:50%;position:absolute;top:50%;width:0;z-index:11000}.main .sidebar-menu-con{-webkit-transition:width .3s;background:#515a6e;height:100%;left:0;position:fixed;top:0;transition:width .3s;z-index:21}.main .layout-text{display:inline-block;position:absolute;white-space:nowrap}.main .main-hide-text .layout-text{display:none}.main-content-container{position:relative}.main-header-con{-webkit-box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);-webkit-box-sizing:border-box;-webkit-transition:padding .3s;box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);box-sizing:border-box;display:block;height:100px;padding-left:200px;position:fixed;transition:padding .3s;width:100%;z-index:20}.main-breadcrumb{padding:8px 15px 0}.main-menu-left{background:#464c5b;height:100%}.main .tags-con{background:#f0f0f0;height:40px;overflow:hidden;z-index:-1}.main .tags-con .tags-outer-scroll-con{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-right:120px;position:relative;width:100%}.main .tags-con .tags-outer-scroll-con .tags-inner-scroll-body{-webkit-transition:left .3s ease;overflow:visible;padding:2px 10px;position:absolute;transition:left .3s ease;white-space:nowrap}.main .tags-con .tags-outer-scroll-con .close-all-tag-con{-webkit-box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);-webkit-box-sizing:border-box;background:#fff;box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);box-sizing:border-box;height:100%;padding-top:8px;position:absolute;right:0;text-align:center;top:0;width:110px;z-index:10}.main-header{-webkit-box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);background:#fff;box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);height:60px;position:relative;z-index:11}.main-header .navicon-con{display:inline-block;margin:6px}.main-header .header-middle-con{bottom:0;left:60px;overflow:hidden;padding:10px;position:absolute;right:340px;top:0}.main-header .header-avator-con{height:100%;position:absolute;right:0;top:0;width:280px}.main-header .header-avator-con .options .ivu-select-dropdown{-webkit-transform-origin:center top 0;left:-2px;position:absolute;top:45px!important;transform-origin:center top 0;will-change:top,left}.main-header .header-avator-con .language{cursor:pointer;display:inline-block;padding:18px 0;text-align:center;vertical-align:middle;width:30px}.main-header .header-avator-con .switch-theme-con{display:inline-block;height:100%;width:40px}.main-header .header-avator-con .message-con{cursor:pointer;display:inline-block;padding:18px 0;text-align:center;width:30px}.main-header .header-avator-con .message-con i{vertical-align:middle}.main-header .header-avator-con .change-skin{font-size:14px;font-weight:500;padding-right:5px}.main-header .header-avator-con .switch-theme{height:100%}.main-header .header-avator-con .user-dropdown-menu-con{height:100%;position:absolute;right:0;top:0;width:185px}.main-header .header-avator-con .user-dropdown-menu-con .main-user-name{display:inline-block;font-size:14px;margin-right:5px;overflow:hidden;text-align:right;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:100px;word-break:keep-all}.main-header .header-avator-con .user-dropdown-innercon{height:100%;padding-right:14px}.main-header .header-avator-con .full-screen-btn-con{cursor:pointer;display:inline-block;padding:18px 0;text-align:center;width:30px}.main-header .header-avator-con .full-screen-btn-con i{vertical-align:middle}.main-header .header-avator-con .lock-screen-btn-con{cursor:pointer;display:inline-block;padding:18px 0;text-align:center;width:30px}.main-header .header-avator-con .lock-screen-btn-con i{vertical-align:middle}.main .single-page-con{-webkit-transition:left .3s;background-color:#fff;bottom:0;overflow:auto;position:absolute;right:0;top:100px;transition:left .3s;z-index:1}.main-copy{color:#9ea7b4;padding:10px 0 20px;text-align:center}.taglist-moving-animation-move{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.logo-con{padding:8px;text-align:center}.logo-con img{height:44px;width:auto}