@charset "UTF-8"; .uni-popup.data-v-7da806a4 { position: fixed; z-index: 99; } .uni-popup__mask.data-v-7da806a4 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .mask-ani.data-v-7da806a4 { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .uni-top-mask.data-v-7da806a4 { opacity: 1; } .uni-bottom-mask.data-v-7da806a4 { opacity: 1; } .uni-center-mask.data-v-7da806a4 { opacity: 1; } .uni-popup__wrapper.data-v-7da806a4 { display: block; position: absolute; } .top.data-v-7da806a4 { top: 0; } .bottom.data-v-7da806a4 { bottom: 0; } .uni-popup__wrapper-box.data-v-7da806a4 { display: block; position: relative; /* iphonex 等安全区设置,底部安全区适配 */ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .content-ani.data-v-7da806a4 { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .uni-top-content.data-v-7da806a4 { -webkit-transform: translateY(0); transform: translateY(0); } .uni-bottom-content.data-v-7da806a4 { -webkit-transform: translateY(0); transform: translateY(0); } .uni-center-content.data-v-7da806a4 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }