.add-container{width:100%;height:100%;position:relative}.add-container .title{padding:.6875rem 1.25rem;font-size:1rem;line-height:1.375rem;font-weight:500;color:#c3e9ff;position:relative}.add-container .title .fa{font-size:1.25rem;vertical-align:middle;margin-right:.5rem}.add-container .title span{display:inline-block;vertical-align:middle}.add-container .title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background:linear-gradient(90deg,#1a5b8d,rgba(34,255,255,0));border-radius:0 .5rem .5rem 0;opacity:.3}.add-container .title .btn-close{position:absolute;top:50%;transform:translateY(-50%);right:.8125rem;padding:0;font-size:1.25rem;border:none;background:none;color:#c3e9ff}.add-container .title .btn-close:hover{color:#2ff}.add-container .btn-area{text-align:center}.add-container .submit{background:rgba(0,103,211,.5);box-shadow:0 0 .3125rem 0 rgba(34,255,255,.3);border:.0625rem solid rgba(5,200,255,.3)}.add-container .cancel{background:rgba(81,128,177,.1);border:.0625rem solid rgba(34,255,255,.2)}.add-relation-popup-container[data-v-3bad905e] .popup-content{min-width:37.5rem}.add-container[data-v-3bad905e]{width:100%;height:100%;position:relative}.add-container .title[data-v-3bad905e]{padding:.6875rem 1.25rem;font-size:1rem;line-height:1.375rem;font-weight:500;color:#c3e9ff;position:relative}.add-container .title .fa[data-v-3bad905e]{font-size:1.25rem;vertical-align:middle;margin-right:.5rem}.add-container .title span[data-v-3bad905e]{display:inline-block;vertical-align:middle}.add-container .title[data-v-3bad905e]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background:linear-gradient(90deg,#1a5b8d,rgba(34,255,255,0));border-radius:0 .5rem .5rem 0;opacity:.3}.add-container .title .btn-close[data-v-3bad905e]{position:absolute;top:50%;transform:translateY(-50%);right:.8125rem;padding:0;font-size:1.25rem;border:none;background:none;color:#c3e9ff}.add-container .title .btn-close[data-v-3bad905e]:hover{color:#2ff}.add-container .btn-area[data-v-3bad905e]{text-align:center}.add-container .submit[data-v-3bad905e]{background:rgba(0,103,211,.5);box-shadow:0 0 .3125rem 0 rgba(34,255,255,.3);border:.0625rem solid rgba(5,200,255,.3)}.add-container .cancel[data-v-3bad905e]{background:rgba(81,128,177,.1);border:.0625rem solid rgba(34,255,255,.2)}.add-tag-popup[data-v-3bad905e]{height:25rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}[data-v-3bad905e] .el-checkbox.is-bordered{border-color:#54d1fc}.PersonArchEdit .el-scrollbar__view{height:100%}.person-arch-edit-container{width:100%;height:100%;display:flex;flex-direction:column}.person-arch-edit-container .edit-title{height:3.125rem;width:100%;display:flex;justify-content:space-between;align-items:center}.person-arch-edit-container .edit-title .left{display:flex;align-items:center;margin-left:1.25rem}.person-arch-edit-container .edit-title .left .title{margin-left:2.5rem}.person-arch-edit-container .edit-title .logout{margin-right:1.25rem}.person-arch-edit-container .edit-content{height:calc(100% - 3.125rem);width:100%;min-width:0;padding-left:1.25rem}.person-arch-edit-container .edit-content .basics-info{width:100%;height:40%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.person-arch-edit-container .edit-content .basics-info .title{width:100%;height:2.5rem;line-height:2.5rem;text-align:left;padding-left:1.25rem;box-sizing:border-box;background:url(../../static/img/title.4da2c795.png) no-repeat}.person-arch-edit-container .edit-content .basics-info .content{width:100%;height:calc(100% - 2.5rem);display:flex;justify-content:space-around;align-items:center;margin:1.25rem 0}.person-arch-edit-container .edit-content .basics-info .content .user-heads{width:12.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.person-arch-edit-container .edit-content .basics-info .content .user-heads .img{width:10rem;height:10rem;background-color:rgba(0,0,0,.9);color:#8c939d;border-radius:.3125rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.person-arch-edit-container .edit-content .basics-info .content .user-heads .img>i{font-size:1.875rem}.person-arch-edit-container .edit-content .basics-info .content .user-heads .edit-btn{margin:.625rem auto;font-size:1rem}.person-arch-edit-container .edit-content .basics-info .content .user-info{width:calc(100% - 12.5rem);height:100%;display:flex;justify-content:space-around;align-items:center;font-size:.875rem;box-sizing:border-box}.person-arch-edit-container .edit-content .basics-info .content .user-info>div{height:100%;display:flex;flex-direction:column;justify-content:space-around}.person-arch-edit-container .edit-content .basics-info .content .user-info>div>p{padding:.1875rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-arch-edit-container .edit-content .basics-info .content .user-info>div>p.user-name{font-weight:700;font-size:1rem}.person-arch-edit-container .edit-content .basics-info .content .user-info>div>p .el-tag{margin-right:.625rem}.person-arch-edit-container .edit-content .basics-info .content .user-info p{margin:0}.person-arch-edit-container .edit-content .relation-manage{width:100%;height:60%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.person-arch-edit-container .edit-content .relation-manage .title{width:100%;height:2.5rem;line-height:2.5rem;text-align:left;padding-left:1.25rem;box-sizing:border-box;background:url(../../static/img/title.4da2c795.png) no-repeat}.person-arch-edit-container .edit-content .relation-manage .content{width:100%;height:calc(100% - 2.5rem);padding-bottom:1.25rem;box-sizing:border-box}.person-arch-edit-container .edit-content .relation-manage .content .arch-list{width:100%;height:100%;list-style:none;margin-top:0;padding-left:0;display:flex;flex-wrap:wrap;align-content:flex-start}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item{width:17.5rem;height:10rem;padding:0 .625rem;margin:.625rem;background-color:rgba(6,10,21,.6);border-radius:.3125rem;box-sizing:border-box;position:relative;color:#fff}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item.active,.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item:hover{border:.0625rem solid #409eff;cursor:pointer}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item.active .arch-checkbox{display:block;border-right:none;border-top:none}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item.active.checked .arch-checkbox{display:block;background-color:#409eff}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item.active.checked .arch-checkbox>i,.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item.active.checked .arch-tip.active{display:block}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top{height:6.25rem;display:flex;justify-content:space-around;align-items:center;padding-top:1.25rem;box-sizing:border-box}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top .img{width:6.25rem;height:6.25rem;background-color:rgba(0,0,0,.5);color:#8c939d;border-radius:.3125rem;overflow:hidden;margin-right:.625rem;display:flex;justify-content:center;align-items:center}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top .img i{font-size:5rem;color:#8c939d}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top .img>img{width:6.25rem;height:6.25rem;border-radius:.3125rem}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top .info{width:11.25rem;height:5rem;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-top .info>div{text-align:left;font-size:.875rem}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .card-bottom{height:2.5rem;padding:.3125rem .625rem;margin-top:.625rem;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .arch-checkbox{position:absolute;top:0;right:0;display:none;width:1.25rem;height:1.25rem;border:.0625rem solid #409eff;border-right:none;border-top:none;border-radius:0 .25rem 0 0}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .arch-checkbox>i{font-size:1.25rem;display:none}.person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item .arch-tip{position:absolute;top:.3125rem;right:1.875rem;font-size:.75rem;color:#409eff;display:none}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .list-item:hover{border:none;cursor:auto}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .list-item.add{display:flex;justify-content:center;align-items:center;cursor:pointer}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .list-item.add:hover{color:#409eff}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .list-item.add>i{font-size:1.5rem;margin-right:.625rem}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .card-bottom{justify-content:space-between}.person-arch-edit-container .edit-content .relation-manage .content .arch-list.relation .card-bottom .relation{width:2.5rem;font-size:1.25rem;margin-left:.9375rem}.person-arch-edit-container .edit-content .relation-manage .content .opera-btn .btn:first-child{color:#e6a23c}.person-arch-edit-container .edit-content .relation-manage .content .opera-btn .btn:first-child:hover{color:#ebb563}.person-arch-edit-container .edit-content .relation-manage .content .opera-btn .btn:last-child{color:#f56c6c}.person-arch-edit-container .edit-content .relation-manage .content .opera-btn .btn:last-child:hover{color:#f78989}[data-theme=theme1] .person-arch-edit-container .edit-content .relation-manage .content .arch-list .list-item{background-color:hsla(0,0%,86.7%,.3);color:#364a63}[data-theme=theme1] .add-relation-popup .p-center .person-card .list-item{background-color:hsla(0,0%,86.7%,.3)}[data-theme=theme1] .person-arch-edit-container .edit-content .basics-info .title,[data-theme=theme1] .person-arch-edit-container .edit-content .relation-manage .title{background:linear-gradient(90deg,#dbdfea,#f5f6fa,#f5f6fa)}