.modal-wrap{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%}.modal-wrap .modal-bg{position:absolute;width:100%;height:100%;background:#000;opacity:.5}.modal-wrap .modal-container{position:relative;z-index:998;padding:20px;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:480px;margin:0 auto}.modal-wrap .modal-container .modal-content{width:100%;background-color:#fff;padding:0;border-radius:5px 5px 0 0;overflow:auto;display:flex;flex-direction:column}.modal-wrap .modal-container .modal-content .modal-top{padding:10px;border-bottom:1px solid #bbb}.modal-wrap .modal-container .modal-content .modal-contents{min-height:80px;max-height:100%;padding:10px;overflow:auto}.modal-wrap .modal-container .modal-content .modal-bottom{margin-top:auto;padding:0}.modal-btn-close{float:right;padding:0;height:auto}.modal-wrap .modal-container .modal-bottom{border-radius:0 0 5px 5px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.position-fixed-full{position:fixed;left:0;top:0;width:100%;height:100%}.z-index-layer{z-index:9999}.z-index-contents{z-index:9998}.z-index-bg{z-index:9997}.bg-layer{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;background-color:#000}.bg-popup-title{background-color:var(--bg-white);color:#333}.font-popup-main{font-size:16px;font-weight:700}.font-popup-sub{font-size:14px;font-weight:500}.active{background-color:#333!important;color:#eee}.pdt-img{width:80px;height:auto;overflow:hidden}