.modal_wrap[data-v-67f5aee2]{background:#0006;display:flex;height:100%;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transform:scale(0);transition:.5s cubic-bezier(.165,.84,.44,1);visibility:hidden;width:100%;z-index:1001}.modal_wrap.trans[data-v-67f5aee2]{opacity:1;transform:scale(1);visibility:visible}.modal_wrap.trans .basic-modal[data-v-67f5aee2]{opacity:1}.basic-modal[data-v-67f5aee2]{background-color:#fff;box-shadow:0 0 20px #00000029;margin:auto;max-height:90%;opacity:0;overflow-y:auto;z-index:9999}.basic-modal .modal-header[data-v-67f5aee2]{background-color:#fff;border-radius:10px;padding:0 15px;position:relative}.basic-modal .modal-header .close-icon[data-v-67f5aee2]{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:.5s cubic-bezier(.165,.84,.44,1);width:20px;z-index:30}.basic-modal .modal-header .close-icon[data-v-67f5aee2]:after,.basic-modal .modal-header .close-icon[data-v-67f5aee2]:before{background:#333;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;width:100%}.basic-modal .modal-header .close-icon[data-v-67f5aee2]:before{transform:translate(-50%,-50%) rotate(45deg)}.basic-modal .modal-header .close-icon[data-v-67f5aee2]:after{transform:translate(-50%,-50%) rotate(-45deg)}.basic-modal .modal-header .modal-title[data-v-67f5aee2]{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.basic-modal .modal-content[data-v-67f5aee2]{background-color:#fff;height:100%}.mask[data-v-67f5aee2]{height:100%;position:fixed;width:100%}