@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-slide-up{form{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.contacts-page{width:1224px;height:100%;box-sizing:border-box;margin:0 auto;padding-top:10px;padding-bottom:10px}.contacts-page .contacts-container{height:100%}.contacts-page .contacts-container .left-menu{padding:16px 0;background:#fff;border-radius:8px;margin-right:10px}.contacts-page .contacts-container .left-menu .menu-title{padding-left:20px;padding-bottom:16px;color:#111a34;font-size:18px;font-weight:600}.contacts-page .contacts-container .left-menu .el-menu--inline{transition:.3s}.contacts-page .contacts-container .left-menu .el-menu{border:0}.contacts-page .contacts-container .left-menu .el-menu .el-submenu__title{height:48px;line-height:48px;padding-right:30px;padding:0!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu-item{height:48px;line-height:48px;padding-right:30px;font-size:12px;border-left:2px solid transparent}.contacts-page .contacts-container .left-menu .el-menu .el-submenu-title{padding-left:20px;font-size:12px}.contacts-page .contacts-container .left-menu .el-menu .el-submenu-title a{font-size:12px;font-weight:600}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-submenu-title{padding-left:48px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu-item{padding-left:48px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:58px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:58px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:68px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:68px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:78px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:78px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:88px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:88px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:98px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:98px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-title{padding-left:108px}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu .el-menu-item{padding-left:108px!important}.contacts-page .contacts-container .left-menu .el-menu .el-menu .el-menu .el-menu .el-submenu-item{padding-left:60px!important}.contacts-page .contacts-container .left-menu .el-menu .is-active{color:#111a34}.contacts-page .contacts-container .left-menu .el-menu .menu-item-active{border-left:2px solid var(--main-color);color:#111a34;background-color:#e8f1ff;font-weight:600}.contacts-page .contacts-container .left-menu .el-menu .el-submenu__icon-arrow{right:38px;font-size:12px;color:#111a34}.contacts-page .contacts-container .left-menu .el-menu .menu-item-img{width:24px;height:24px;margin-right:6px;border-radius:12px}.contacts-page .contacts-container .left-menu .el-menu .menu-item-img-add,.contacts-page .contacts-container .left-menu .el-menu .menu-item-img-more{width:14px;position:absolute;top:50%;right:15px;margin-top:-7px;transition:transform .3s}.contacts-page .contacts-container .left-menu .el-menu .menu-item-img-count{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #fff;position:absolute;top:50%;right:15px;margin-top:-10px;transition:transform .3s}.contacts-page .contacts-container .main-container-box{background-color:#fff;border-radius:8px;flex-direction:column}.contacts-page .contacts-container .main-container-box .main-header{background:#fff;border-radius:8px;line-height:54px;height:54px!important;display:flex;flex-direction:row;justify-content:space-between}.contacts-page .contacts-container .main-container-box .main-header .header-title{font-size:14px}.contacts-page .contacts-container .main-container-box .main-header .go-back{transform:rotate(180deg);margin-right:9px;width:10px;cursor:pointer}.contacts-page .contacts-container .main-container-box .main-cont{background:#fff;border-radius:8px;padding-top:0!important}.contacts-page .contacts-container .main-container-box .main-cont .search-container{width:100%;background:#fff;display:flex;align-items:center;margin-bottom:16px}.contacts-page .contacts-container .main-container-box .main-cont .search-container .btn-search{width:400px;height:40px;padding:2px 0 2px 12px}.contacts-page .contacts-container .main-container-box .main-cont .search-container .btn-search .el-button.is-round{border-radius:20px;padding:6px 23px}.contacts-page .contacts-container .main-container-box .main-cont .alphabet{font-size:12px;color:#677283;margin:0 5px;cursor:pointer}.contacts-page .user-headImg{width:24px;height:24px;border-radius:12px}.contacts-page .el-input__inner{height:40px;line-height:40px}.contacts-page .cell{color:#677283;font-size:12px}.contacts-page .cell span{font-weight:600}.contacts-page .el-button--mini.is-round{padding:0 15px!important;line-height:26px;height:26px;width:94px}.contacts-page .contacts-table{border-radius:4px}.contacts-table{border:1px solid #e2e4ea}.contacts-table td,.contacts-table th.is-leaf{text-align:left;padding:8px 0}.contacts-table .contacts-table-header th{background:#fafafa;text-align:left;height:40px}.contacts-table .contacts-table-row{height:40px}.contacts-table .contacts-table-row td{padding:2px 0;border:0}.contacts-table .contacts-table-row .el-table_2_column_11{text-align:center}.contacts-table .green{color:#16bb83}.contacts-table .btn1{cursor:pointer;color:var(--main-color);font-size:12px}.contacts-table .btn1:hover{border-bottom:1px solid var(--main-color)}.contacts-table .btn2{cursor:pointer;color:#f5222d;font-size:12px}.contacts-table .btn2:hover{border-bottom:1px solid #f5222d}.contacts-table .span1{padding:0 5px;color:#c1c4cd}.contacts-dep-control .el-button--text{width:100%;padding:5px 0;margin:0;text-align:center}.add-role .el-input{width:270px}.add-role .el-form-item__label{font-size:16px;font-weight:600;color:#111a34}.add-role .el-input__inner{height:46px;line-height:46px}.add-role .el-form-item__error{padding-top:18px}.add-role .footer-right{display:flex;text-align:right}.add-role .footer-right .el-button--primary{margin-left:24px}.invite-box .el-dialog__body{padding:24px 24px 30px 24px}.invite-box .contacts-invite-tabs .el-tabs__nav-scroll{display:flex;justify-content:center}.invite-box .el-tabs .is-top{font-size:16px;font-weight:600}.invite-box .el-tabs .is-active{font-size:16px;font-weight:600;color:#3979e8}.invite-box .el-tabs .el-tabs__item{padding:0 70px}.invite-box .el-tabs__nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed;z-index:1}.invite-box .invite-title{font-size:12px;font-weight:600;margin:35px 0 23px 0}.invite-box .invite-link{width:100%;min-height:80px;background:rgba(57,121,232,.1);padding:15px 16px}.invite-box .invite-QRcode-title{text-align:center;margin:14px 0 30px 0}.invite-box .invite-QRcode{text-align:center}.invite-box .invite-QRcode img{width:200px}.remote-role .el-dialog__body{padding-top:0}.remote-role .title1{color:#111a34;font-size:12px;margin-bottom:10px}.remote-role .title2{color:#111a34;font-size:12px;margin-top:20px}.remote-role .type{margin-top:10px}.remote-role .name,.remote-role .type{color:var(--main-color);font-size:12px}.remote-role .el-dialog__footer{text-align:right}.remote-role .el-dialog__footer .el-button--primary{margin-left:24px}.popover-class{padding:6px 0}.popover-class .el-button{height:40px;line-height:28px;font-size:12px;color:#111a34;font-weight:400}.popover-class .el-button:hover{background:#ebf3ff}