.head{display:flex;justify-content:center;align-items:center;background:#fff;overflow:hidden;flex:none}.head img{width:100%;height:100%;flex:none;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes borderMove-data-v-f15df33c{to{background-position:0 -20px,100% 20px,20px 0,-20px 100%}}@keyframes borderMove-data-v-f15df33c{to{background-position:0 -20px,100% 20px,20px 0,-20px 100%}}.tree-card[data-v-f15df33c]{display:flex;flex-direction:column;align-items:center;width:54px;height:135px;margin-right:13px;border-radius:3.5px;padding-bottom:2px;box-sizing:border-box;content-visibility:auto;position:relative}.tree-card.selected[data-v-f15df33c]:after{content:"";display:block;width:100%;left:0;top:0;height:100%;position:absolute;z-index:1;background:linear-gradient(0deg,transparent 6px,green 0) repeat-y,linear-gradient(0deg,transparent 50%,green 0) repeat-y,linear-gradient(90deg,transparent 50%,green 0) repeat-x,linear-gradient(90deg,transparent 50%,green 0) repeat-x;background-size:5px 20px,5px 20px,20px 5px,20px 5px;background-position:0 0,100% 0,0 0,0 100%;-webkit-animation:borderMove-data-v-f15df33c .5s linear infinite;animation:borderMove-data-v-f15df33c .5s linear infinite}.tree-card[data-v-f15df33c]:last-of-type{margin-right:0}.tree-card .avatar[data-v-f15df33c]{margin-top:3px}.tree-card .title-wrapper[data-v-f15df33c]{height:88px;display:flex;align-items:center;overflow:hidden;margin-top:4px}.tree-card .name[data-v-f15df33c]{letter-spacing:1px;span-align:left;font-size:18px;color:#fff;overflow:hidden;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;white-space:nowrap;span-overflow:clip}.tree-card .zipai[data-v-f15df33c]{top:55px;left:2px}.tree-card .biaoji[data-v-f15df33c],.tree-card .zipai[data-v-f15df33c]{position:absolute;color:#fff;font-size:16px;-ms-writing-mode:tb-rl;writing-mode:tb-rl;line-height:1}.tree-card .biaoji[data-v-f15df33c]{top:50%;transform:translateY(-50%);margin-top:19px;right:1px}.nan[data-v-f15df33c]{background:#f98c7d!important}.nv[data-v-f15df33c]{background:#79d0f7!important}.tree-item[data-v-0f52048a]{position:relative;display:flex;align-items:flex-start;z-index:999}.tree-item .info_add[data-v-0f52048a]{position:fixed;left:0;top:0;width:100%;height:100vh;background:url(/static/img/Login_bg.png);background-size:100% 100%;z-index:999999}.tree-item .info_add .user[data-v-0f52048a]{position:fixed;left:22%;top:30%;width:100px;border-radius:2.5px;background:#fff}.tree-item .info_add .user .head[data-v-0f52048a]{display:flex;padding:2.5px;height:25px}.tree-item .info_add .user .head .image img[data-v-0f52048a]{width:20px;margin-right:50px}.tree-item .info_add .user .head .name[data-v-0f52048a]{width:100%}.tree-item .info_add .user .head .name div[data-v-0f52048a]{border-bottom:1px dashed #999;font-size:7px;padding:2.5px 0}.tree-item .info_add .user .text[data-v-0f52048a]{display:flex;flex-direction:column;padding:2.5px}.tree-item .info_add .user .text span[data-v-0f52048a]{border-bottom:1px dashed #999;font-size:7px;padding:2.5px 0}.tree-item .info_add .user .btn[data-v-0f52048a]{display:flex;width:100%;margin-top:5px}.tree-item .info_add .user .btn span[data-v-0f52048a]{flex:1;padding:2.5px 0;border-top:1px solid #999;border-bottom:1px solid #999;text-align:center;font-size:6px}.tree-item .info_add .user .btn1[data-v-0f52048a]{display:flex;width:100%}.tree-item .info_add .user .btn1 span[data-v-0f52048a]{flex:1;padding:5px 0;text-align:center;font-size:6px}.tree-item .info_add .add[data-v-0f52048a]{display:flex;flex-direction:column;justify-content:center;align-items:center}.tree-item .info_add .add img[data-v-0f52048a]{width:25px}.tree-item .info_add .add span[data-v-0f52048a]{font-size:7px;color:#ab0404}.tree-item .info_add .add1[data-v-0f52048a]{position:fixed;left:30%;top:15%}.tree-item .info_add .add2[data-v-0f52048a]{position:fixed;left:50%;top:15%}.tree-item .info_add .add3[data-v-0f52048a]{position:fixed;left:5%;top:40%}.tree-item .info_add .add4[data-v-0f52048a]{position:fixed;left:80%;top:33%}.tree-item .info_add .add5[data-v-0f52048a]{position:fixed;left:80%;top:48%}.tree-item .info_add .add6[data-v-0f52048a]{position:fixed;left:30%;top:66%}.tree-item .info_add .add7[data-v-0f52048a]{position:fixed;left:50%;top:66%}.tree-item ul[data-v-0f52048a]{display:flex;justify-content:center}.tree-item ul li .item[data-v-0f52048a]{display:flex;justify-content:center;align-items:center;position:relative}.tree-item ul li .item-name[data-v-0f52048a]{position:relative;display:flex;margin:36px;color:#fff}.tree-item ul li .item-name .plus[data-v-0f52048a]{position:absolute;border:1px solid #666;border-radius:100%;bottom:-2.5px;width:6px;height:6px;line-height:5px;text-align:center;color:#666;z-index:100;cursor:pointer;margin:0;padding:0}.tree-item ul li .item-name .plus[data-v-0f52048a]:hover{opacity:1%}.tree-item ul li .item-name .reduce[data-v-0f52048a]{position:absolute;border:1px solid #666;border-radius:100%;bottom:-2.5px;width:6px;height:6px;line-height:5px;text-align:center;color:#666;z-index:100;cursor:pointer;margin:0;padding:0;top:-2.5px}.tree-item ul li .item-name .reduce[data-v-0f52048a]:hover{opacity:1%}.tree-item .line-bottom[data-v-0f52048a]:after{content:"";display:block;width:2px;height:8px;position:absolute;left:0;right:0;margin:auto;background:#ac0404;bottom:0}.tree-item .line-top[data-v-0f52048a]:before{content:"";display:block;width:2px;height:8px;position:absolute;left:0;right:0;margin:auto;background:#ac0404;top:0}.tree-item .line-left[data-v-0f52048a]:after{left:0;right:0;left:calc(-50% - 37px)}.tree-item .line-left[data-v-0f52048a]:after,.tree-item .line-right[data-v-0f52048a]:before{content:"";display:block;width:2px;height:8px;position:absolute;margin:auto;background:#ac0404;width:calc(50% + 36px);height:2px;top:0}.tree-item .line-right[data-v-0f52048a]:before{left:0;right:0;right:calc(-50% - 37px)}.item-name[data-v-0f52048a]{height:150px;position:relative;display:flex;align-items:center}.item[data-v-0f52048a]{margin-right:36px;display:flex;flex-flow:column nowrap;align-items:center;width:100%;position:relative}.item[data-v-0f52048a]:last-of-type{margin-right:0}.tree-box[data-v-0f52048a]{position:relative;display:flex;justify-content:center;align-items:center;height:135px;text-align:center;margin-right:36px}.tree-box.has-spouse-1[data-v-0f52048a]{left:61px}.tree-box.has-spouse-1[data-v-0f52048a]:after{content:"";display:block;width:54px}.tree-box.has-spouse-2[data-v-0f52048a]{left:121px}.tree-box.has-spouse-2[data-v-0f52048a]:after{content:"";display:block;width:108px}.tree-box.has-spouse-3[data-v-0f52048a]{left:182px}.tree-box.has-spouse-3[data-v-0f52048a]:after{content:"";display:block;width:162px}.tree-box.has-spouse-4[data-v-0f52048a]{left:242px}.tree-box.has-spouse-4[data-v-0f52048a]:after{content:"";display:block;width:216px}.tree-box[data-v-0f52048a]:last-of-type{margin-right:0}.yishi[data-v-0f52048a]{background:#959595!important}.active[data-v-0f52048a]{background:green!important}.new-list-tab[data-v-cb0c29e2]{margin-bottom:10px}.title[data-v-cb0c29e2]{margin-bottom:10px;height:45px;line-height:45px;font-size:20px;text-align:center;color:#ac0404;font-weight:600}.line[data-v-cb0c29e2]{width:300px;height:1px;background:#b5b5b5;margin-top:-5px;margin-bottom:17rpx;margin-left:5px}.form[data-v-cb0c29e2]{margin:0 5px}.btns[data-v-cb0c29e2],.btns button[data-v-cb0c29e2]{display:flex;justify-content:center}.btns button[data-v-cb0c29e2]{height:35rx;width:135px;align-items:center}.btns .search-btn[data-v-cb0c29e2]{background-color:#19ae27}.btns .clear-btn[data-v-cb0c29e2]{background-color:#fffdf2;color:#666}.apply[data-v-cc16f410]{height:450px;overflow-y:scroll;flex:none;padding:0 10px}.apply .info[data-v-cc16f410]{display:flex;flex-flow:column nowrap;justify-content:space-between;padding-top:10px}.apply .info span[data-v-cc16f410]{font-size:18px;color:#333}.apply .line[data-v-cc16f410]{width:180px;height:1px;background:#ccc;flex:none}.apply .meta[data-v-cc16f410]{display:flex;flex-flow:column nowrap;font-size:18px;font-weight:300;color:#333;padding:10px;padding-top:5px;padding-bottom:5px}.apply .btns[data-v-cc16f410]{display:flex;align-items:center;justify-content:flex-end;margin-top:10px}.apply .btns .btn[data-v-cc16f410]{width:85px;height:30px;border:1px solid #03a0fa;border-radius:3.5px;display:flex;justify-content:center;align-items:center}.apply .btns .btn.chakan[data-v-cc16f410]{background-color:#03a0fa;color:#fff}.apply .btns .btn.bianji[data-v-cc16f410]{border-color:#19ae27;color:#19ae27}.apply .btns .btn.shanchu[data-v-cc16f410]{border-color:#f02b2b;color:#f02b2b}.apply .btns .btn.fenxiang[data-v-cc16f410]{border-color:#03a0fa;color:#03a0fa}.custom-family-tree-canvas[data-v-76bd11fe]{width:100%;overflow:hidden;position:relative}.custom-family-tree-canvas .move-event-wrapper[data-v-76bd11fe]{height:100%;width:100%;background-color:#fffdf2;position:relative}.family-tree[data-v-76bd11fe]{position:absolute;width:100%;height:100%}.family-tree-content[data-v-76bd11fe]{position:relative;display:flex}.family-tree-content .first_border[data-v-76bd11fe]{position:absolute;left:15px;top:0;width:55px;height:2px;background:#ac0404}.family-tree-content .left[data-v-76bd11fe]{z-index:1000;position:relative;display:flex;flex-direction:column;margin-top:10px;margin-left:10px}.family-tree-content .left .bor[data-v-76bd11fe]{position:absolute;left:15px;top:12px;width:20px;height:1px;background:#999}.family-tree-content .left .segment[data-v-76bd11fe]{position:relative;border-left:2px solid #ac0404;height:150px;z-index:999}.family-tree-content .left .segment .pai-name[data-v-76bd11fe]{z-index:999;position:absolute;top:-14px;left:-34px;width:68px;height:32px;background:#ac0404;border-radius:4px;display:flex;justify-content:center;align-items:center}.family-tree-content .left .segment .pai-name span[data-v-76bd11fe]{font-size:18px;color:#fff}.family-tree-content .left .segment .pai-name.small span[data-v-76bd11fe]{font-size:12px}.family-tree-content .left .segment .left-border[data-v-76bd11fe]{position:absolute;top:0;left:0;width:2000px;height:1px;background:#999}.family-tree-content .main-wrap[data-v-76bd11fe]{margin-top:10px;margin-left:40px}.family-tree-content .main-wrap .pai-list[data-v-76bd11fe]{position:relative;display:flex;align-items:center;width:50px;height:150px;z-index:999}.family-tree-content .main-wrap .pai-list .border[data-v-76bd11fe]{position:absolute;top:-1px;left:-24px;width:100px;height:1px;background:#999}.right-top-btn[data-v-76bd11fe]{position:absolute;z-index:1000;top:20px;right:20px}