.side-bar{height:100%;position:relative;overflow-y:auto;background:#fff;-webkit-box-shadow:0 4px 14px 0 rgba(34,149,255,.05);box-shadow:0 4px 14px 0 rgba(34,149,255,.05)}.side-bar .icon-slider{margin-right:14px;color:#2accd7;font-size:14px}.side-bar .fade-enter-active,.side-bar .fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.side-bar .fade-enter,.side-bar .fade-leave-to{opacity:0}.side-bar .user-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:232px;height:112px;margin:0 24px 46px;border-bottom:1px solid #eee}.side-bar .user-msg-collapse{-webkit-box-sizing:border-box;box-sizing:border-box;width:64px;height:112px;margin-bottom:46px;padding:24px 14px 0;border-bottom:1px solid #eee}.side-bar .user-msg-collapse .face-img{border:1px solid #ebebeb}.side-bar .user-msg .face-img{margin-right:16px;border:1px solid #ebebeb}.side-bar .user-msg .msg p:first-child{width:150px;height:21px;margin-bottom:6px;overflow:hidden;color:#1a1a1a;font-weight:700;font-size:16px;line-height:21px;white-space:nowrap;text-overflow:ellipsis}.side-bar .user-msg .msg p:nth-child(2){height:19px;color:#a0a4aa;font-size:14px;line-height:19px;cursor:pointer}.side-bar .el-menu{border-right:none}.side-bar .el-menu-vertical-demo:not(.el-menu--collapse){width:280px;min-height:400px}.side-bar .el-menu-item-group__title{display:none}.side-bar .el-submenu__title{height:60px;padding:0 16px;padding-left:67px!important;position:relative;line-height:58px}.side-bar .el-submenu__title .iconfont{width:16px;margin-right:6px}.side-bar .el-submenu__title span{color:#333;font-size:14px}.side-bar .el-submenu .el-menu-item{padding-left:89px!important;color:#666;font-size:14px;line-height:50px}.side-bar .el-submenu .el-menu-item.is-active{color:#2accd7;background:#fff}.side-bar .is-opened .el-submenu__title{background:#f9fcfd}.side-bar .is-opened .el-submenu__title .slider{display:block;width:4px;height:60px;position:absolute;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(#2bd9cf),to(#2ab1e8));background:linear-gradient(180deg,#2bd9cf,#2ab1e8);-webkit-box-shadow:0 6px 12px 0 rgba(64,138,255,.05);box-shadow:0 6px 12px 0 rgba(64,138,255,.05)}.side-bar .el-menu--collapse .el-submenu__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:64px;height:64px;margin-bottom:0;padding:0!important}.side-bar .el-menu--collapse .el-submenu__title.is-opened{padding:0}.side-bar .el-menu--vertical{left:84px!important}.side-bar .el-menu--vertical .el-menu--popup-right-start{margin:0;padding:0}.side-bar .el-menu--vertical .el-menu-item{width:240px;height:48px;color:#666;font-size:14px;line-height:48px;text-align:center}.side-bar .el-menu--vertical .el-menu-item.is-active{color:#2accd7;background:#f9fcfd}.side-bar .collapse{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;position:absolute;right:4px;bottom:4px;border-radius:4px;background:#fff;cursor:pointer}.side-bar .collapse .iconfont{color:#333;font-size:12px}.side-bar .collapse .iconfont.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.side-bar .collapse:hover{background:#f2f2f2}.side-bar .el-select{width:100px;border:none}.side-bar .el-select .el-input,.side-bar .el-select input{color:#a0a4aa;font-size:14px!important;line-height:19px!important}.side-bar .el-select .el-input__inner{height:19px!important;padding:0;border:none}.side-bar .el-select .el-input__icon{height:auto;line-height:normal}.top-nav{position:relative;background:#fff}.top-nav,.top-nav .setting-area{display:-webkit-box;display:-ms-flexbox;display:flex;height:64px}.top-nav .setting-area{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:62px;cursor:pointer}.top-nav .setting-area .iconfont{color:#b0b7c6;font-size:14px}.top-nav .item-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:64px;overflow-x:auto}.top-nav .item-area .index-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:38px;margin-top:13px;margin-left:8px;padding:0 25px;position:relative;border-radius:2px;color:#b0b7c6;font-size:14px;background:#fff;cursor:pointer}.top-nav .item-area .index-item .iconfont{margin-right:6px;color:#b0b7c6;font-size:14px}.top-nav .item-area .active{color:#fff;background:linear-gradient(108deg,#2bd9cf,#2ab1e8);-webkit-box-shadow:0 6px 12px 0 rgba(64,138,255,.05);box-shadow:0 6px 12px 0 rgba(64,138,255,.05)}.top-nav .item-area .active .iconfont{color:#fff}.top-nav .item-area .item{padding:0 30px 0 11px}.top-nav .item-area .item .iconfont{margin-right:0;margin-left:6px;position:absolute;top:13px;right:8px;font-size:12px}.top-nav .setting-items{width:148px;height:85px;position:absolute;top:57px;right:24px;z-index:100;border-radius:2px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(64,138,255,.15);box-shadow:0 2px 12px 0 rgba(64,138,255,.15)}.top-nav .setting-items .item{width:148px;height:32px;margin:6px 0 4px;color:#333;font-size:14px;line-height:32px;text-align:center;cursor:pointer}.top-nav .setting-items .item:hover{background:#ebebeb}.top-nav .setting-items .split-border{width:124px;height:1px;margin:0 12px;background:#eee}.c-client-tip-modal{padding:0;border-radius:8px;overflow:hidden}.c-client-tip-modal .el-dialog__header{display:none}.c-client-tip-modal .el-dialog__body{padding:0}.c-client-tip-modal .header{display:-webkit-box;display:-ms-flexbox;display:flex;width:460px;height:195px;background:linear-gradient(164deg,#fff 25%,#e8f1f4)}.c-client-tip-modal .header>img{width:170px;height:140px;margin-top:30px;margin-left:29px}.c-client-tip-modal .header-tip-list{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-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px;margin-left:25px}.c-client-tip-modal .header-tip-list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:12px;margin-bottom:16px;padding-left:14px;position:relative;color:#666;font-size:12px;line-height:12px}.c-client-tip-modal .header-tip-list .item:before{width:6px;height:6px;position:absolute;top:2px;left:0;border-radius:50%;background:linear-gradient(107deg,#2bd9cf 100%,#2ab1e8 0);content:""}.c-client-tip-modal .tip-content{padding:30px}.c-client-tip-modal .tip-content>span{height:16px;color:#333;font-size:16px;line-height:16px;text-align:left;opacity:1}.c-client-tip-modal .tip-content .client-area{margin-top:20px;padding:20px;border-radius:8px;background:#fff;opacity:1;-webkit-box-shadow:0 4px 12px 0 rgba(65,98,107,.1);box-shadow:0 4px 12px 0 rgba(65,98,107,.1)}.c-client-tip-modal .tip-content .client-area .logo-head{display:-webkit-box;display:-ms-flexbox;display:flex}.c-client-tip-modal .tip-content .client-area .logo-head>img{width:53px;height:52px}.c-client-tip-modal .tip-content .client-area .logo-head .logo-right{margin-left:17px}.c-client-tip-modal .tip-content .client-area .logo-head .logo-right h1{height:22px;color:#333;font-weight:700;font-size:22px;line-height:22px}.c-client-tip-modal .tip-content .client-area .logo-head .logo-right span{display:block;height:16px;margin-top:14px;color:#333;font-size:16px;line-height:16px;opacity:1}.c-client-tip-modal .tip-content .client-area .split-line{height:1px;margin-top:20px;background:#eee}.c-client-tip-modal .tip-content .client-area .tip-text{margin-top:20px;color:#666;font-size:14px;line-height:22px}.c-client-tip-modal .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px;margin-bottom:30px}.c-client-tip-modal .footer .button{width:144px;height:48px;border:1px solid #ddd;border-radius:5px;color:#666;font-weight:400;font-size:16px;line-height:48px;text-align:center;background:#fff;cursor:pointer}.c-client-tip-modal .footer .button.primary{margin-left:16px;border:none;color:#fff;background:linear-gradient(107deg,#2bd9cf 11%,#2ab1e8 93%);-webkit-box-shadow:0 6px 12px 0 rgba(64,138,255,.05);box-shadow:0 6px 12px 0 rgba(64,138,255,.05)}.home,.home-main{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.home-main{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 280px);background:#f8fbfc}.home-main.full-width{width:calc(100% - 64px)}.home-main-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll}.home-main-view .component-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding:24px}