.o-popup-body-overflow{overflow:hidden}.ease-enter-active,.ease-leave-active{transition:transform .3s ease}.o-popup--bottom .ease-enter-from,.o-popup--bottom .ease-leave-to{transform:translateY(100%)}.o-popup--top .ease-enter-from,.o-popup--top .ease-leave-to{transform:translateY(-100%)}.ease-enter-to,.ease-leave-from{transform:translateY(0)}.fade-in-enter-active,.fade-in-leave-active{transition:opacity .15s ease}.fade-in-enter-from,.fade-in-leave-to{opacity:0}.o-popup{--popup-border-radius:12px}.o-popup--mask{background-color:var(--o-color-mask1);bottom:0;opacity:.4;top:0}.o-popup--mask,.o-popup--wrap{left:0;position:fixed;right:0;z-index:200}.o-popup--wrap{background-color:var(--o-color-fill2);overflow:hidden}.o-popup--top .o-popup--wrap{top:0}.o-popup--bottom .o-popup--wrap{border-top-left-radius:var(--popup-border-radius);border-top-right-radius:var(--popup-border-radius);bottom:0}.o-popup--header{align-items:center;display:flex;height:56px}.o-popup--header__title{flex:1;text-align:center;--font-size:40px;--line-height:56px}@media (min-width:1201px) and (max-width:1440px){.o-popup--header__title{--font-size:32px;--line-height:44px}}@media (min-width:841px) and (max-width:1200px){.o-popup--header__title{--font-size:24px;--line-height:32px}}@media (min-width:601px) and (max-width:840px){.o-popup--header__title{--font-size:22px;--line-height:30px}}@media (max-width:600px){.o-popup--header__title{--font-size:18px;--line-height:26px}}.o-popup--header__title{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height)}