.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}.communitymobilization-definition .architecture-name{display:flex;align-items:center;margin:20px}.communitymobilization-definition .architecture-name .title{margin-right:10px}.communitymobilization-definition .attr-box{margin:0 10px;padding:20px 0;overflow-x:auto;border-top:1px solid #f3f3f3}.communitymobilization-definition .attr-box .name-box{display:flex;align-items:flex-end;margin-bottom:10px}.communitymobilization-definition .attr-box .name-box .name{padding:0 10px;width:200px;margin:0 10px}.communitymobilization-definition .attr-box .name-box .value-box{width:300px}.communitymobilization-definition .attr-box .name-box .operate-add{cursor:pointer;margin:0 10px;padding:0 15px;font-size:20px;border-radius:4px;background:#6fc3f8}.communitymobilization-definition .attr-box .item-box{margin-bottom:10px;display:flex}.communitymobilization-definition .attr-box .item-box .item-form{width:760px;display:flex;flex-shrink:0}.communitymobilization-definition .attr-box .item-box .item{margin:0 10px}.communitymobilization-definition .attr-box .item-box .item .module{width:200px}.communitymobilization-definition .attr-box .item-box .item .module.input{height:32px;line-height:1.5;padding:4px 7px;font-size:14px;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;background-color:#fff}.communitymobilization-definition .attr-box .item-box .item .range-box{width:200px}.communitymobilization-definition .attr-box .item-box .item .range-box .range-item{width:100%;display:flex;align-items:center;justify-content:space-between}.communitymobilization-definition .attr-box .item-box .item .range-box .range-item .range{width:90px}.communitymobilization-definition .attr-box .item-box .item.value-box,.communitymobilization-definition .attr-box .item-box .item.value-box .module,.communitymobilization-definition .attr-box .item-box .item.value-box .range-box{width:300px}.communitymobilization-definition .attr-box .item-box .item.value-box .range-box .range-item{width:100%;display:flex;align-items:center;justify-content:space-between}.communitymobilization-definition .attr-box .item-box .item.value-box .range-box .range-item .range{width:140px}.communitymobilization-definition .attr-box .item-box .operate{margin:0 10px}.communitymobilization-definition .attr-box .item-box .operate .operate-item{cursor:pointer;padding:0 15px;font-size:20px;border-radius:4px}.communitymobilization-definition .attr-box .item-box .operate .operate-item.add{background:#6fc3f8}.communitymobilization-definition .attr-box .item-box .operate .operate-item.remove{background:#f88662}