.comp-modal-page{position:fixed;top:0;left:0;right:0;bottom:0;padding:30px;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;visibility:hidden;opacity:0;transition:all .2s}.comp-modal-page>.content-page{position:relative;min-width:350px;display:flex;flex-direction:column;opacity:0;visibility:hidden}.comp-modal-page>.content-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}.comp-modal-page>.content-page>.head-box{position:relative;height:50px;border-bottom:1px solid #f3f3f3;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title{font-weight:500;color:#333;font-size:16px;margin:0 20px;flex-grow:1;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .title span{display:none}.comp-modal-page>.content-page>.head-box .title span:first-child{display:initial}.comp-modal-page>.content-page>.head-box .head-operate{margin:0 20px 0 10px;flex-shrink:0;display:flex;align-items:center}.comp-modal-page>.content-page>.head-box .close-btn{margin:10px 0;padding:0 20px;font-size:18px;color:#333;font-weight:700;cursor:pointer;display:flex;align-items:center;border-left:1px solid #f3f3f3;flex-shrink:0}.comp-modal-page>.content-page>.scroll-content{position:relative;width:100%;flex-grow:1}.comp-modal-page>.content-page>.bottom-operate{position:relative;flex-shrink:0;border-top:1px solid #f3f3f3}.comp-modal-page>.content-page>.bottom-operate:empty{display:none}.comp-modal-page>.content-page>.bottom-operate .operate-btns{padding:6px 20px;display:flex;justify-content:center;flex-wrap:wrap}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn{cursor:pointer;margin:5px 5px;padding:10px 20px;background:#fff;height:40px;flex:1;max-width:250px;line-height:20px;color:#333;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;border:1px solid #e3e3e3}.comp-modal-page>.content-page>.bottom-operate .operate-btns .operate-btn.highlight{background:#2faaf7;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}@-webkit-keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@keyframes show{0%{visibility:hidden;opacity:0}to{visibility:initial;opacity:1}}@-webkit-keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}@keyframes hide{0%{visibility:initial;opacity:1}99%{opacity:0;visibility:initial}to{opacity:0;visibility:hidden}}.comp-modal-page.show{visibility:initial;opacity:1}.comp-modal-page.show>.content-page{-webkit-animation:show .3s forwards;animation:show .3s forwards}.comp-modal-page.hide{visibility:hidden;opacity:0}.comp-modal-page.hide>.content-page{-webkit-animation:hide .3s forwards;animation:hide .3s forwards}.comp-modal-page.full>.content-page{width:100%}.comp-modal-page.scroll>.content-page{max-height:100%}.comp-modal-page.scroll>.content-page>.scroll-content{overflow-x:auto;overflow-y:auto}.ivu-message{z-index:9999!important}.qr-code-modal .scroll-content{overflow:hidden;display:flex}.comp-qrcode-content{display:flex;flex-grow:1}.comp-qrcode-content .bgs-box{height:100%;overflow-y:auto;overflow-x:hidden;background:#f9f9f9;max-height:610px}.comp-qrcode-content .bgs-box .item-box{width:70px;height:100px;margin:10px;flex-shrink:0;background-size:100% 100%!important;box-shadow:0 0 10px rgb(0 0 0);border:3px solid #fff}.comp-qrcode-content .bgs-box .item-box.current{border-color:#2faaf7}.comp-qrcode-content .code-base{height:100%;overflow-y:auto;display:flex;justify-content:center;flex-grow:1}.comp-qrcode-content .code-base .code-box{position:relative;width:380px;height:610px;background:url(/images/pic_hd1.jpg) no-repeat;background-size:cover}.comp-qrcode-content .code-base .code-box .title{position:absolute;top:150px;left:70px;right:70px;text-align:center;font-size:28px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.comp-qrcode-content .code-base .code-box .qrcode-box{position:fixed;right:100%;bottom:100%;visibility:hidden}.comp-qrcode-content .code-base .code-box .qrcode-img{position:absolute;top:270px;left:calc(50% - 100px);width:200px;height:200px}.comp-qrcode-content .code-base .code-box .community{position:absolute;bottom:65px;left:50px;right:50px;text-align:center;font-size:18px;font-weight:700;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical-center-modal{display:flex;align-items:center;justify-content:center}.vertical-center-modal .ivu-modal{top:0}.ivu-modal-body,.vertical-center-modal .ivu-modal-body{padding:0;font-size:14px;line-height:1.5}#modaltoolbar{min-height:50px;background:#eee;display:flex;width:100%;z-index:2;align-items:center;justify-content:flex-end;padding:0 10px;border-top:1px solid #ddd}.toolradius{border-radius:0 0 6px 6px}.container[data-v-06cb1a6e]{display:flex;justify-content:space-around;height:calc(100vh - 123px)}.container[data-v-06cb1a6e] .left{margin:0 10px;width:200px;height:100%;border-left:1px solid #dcdee2;border-right:1px solid #dcdee2;border-bottom:1px solid #dcdee2;border-radius:4px 4px 0 0}.container[data-v-06cb1a6e] .left /deep/ .ivu-select-dropdown{height:calc(100vh - 160px);max-height:calc(100vh - 160px)}.container .main[data-v-06cb1a6e]{max-width:calc(100vw - 300px);min-width:600px}.container .main .search[data-v-06cb1a6e]{width:100%;margin-bottom:10px}.container .main>div[data-v-06cb1a6e]{width:100%}.container .button[data-v-06cb1a6e]{width:100px;display:flex;justify-content:center;flex-direction:column;align-items:center}.container .button .ivu-btn[data-v-06cb1a6e]{margin-bottom:16px}.container .right[data-v-06cb1a6e]{width:200px;height:100%;border:1px solid #dcdee2;overflow:auto;flex-shrink:0}.container .right .rightTitle[data-v-06cb1a6e]{text-align:center;font-size:14px;font-weight:700;line-height:40px;color:#515a6e;background:#f8f8f9}.container .right[data-v-06cb1a6e] .active{background:#19be6b;color:#fff}[data-v-06cb1a6e] .ivu-modal-close{display:none}.residentdatabase-add-btn,.residentdatabase-back-btn{cursor:pointer;height:35px;padding:0 35px;margin:2px 6px!important;background:#2faaf7;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #e3e3e3;box-shadow:0 0 5px rgba(0,0,0,.1)}.residentdatabase-back-btn{background:#fff;color:#333;box-shadow:0 0 5px rgba(0,0,0,.03)}