.neil-modal{position:fixed;visibility:hidden;width:100%;height:100%;top:0;left:0;z-index:1000;transition:visibility .2s ease-in}.neil-modal.neil-modal--show{visibility:visible}.neil-modal__header{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:18rpx 24rpx;line-height:1.5;color:#333;font-size:32rpx;text-align:center}.neil-modal__header::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.neil-modal__container{position:absolute;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:540rpx;border-radius:20rpx;background-color:#fff;overflow:hidden;opacity:0;transition:opacity .2s ease-in}.neil-modal__content{position:relative;color:#333;font-size:28rpx;box-sizing:border-box;line-height:1.5}.neil-modal__content::after{content:" ";position:absolute;left:0;bottom:-1px;right:0;height:1px;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.neil-modal__footer{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:32rpx;display:flex;flex-direction:row}.neil-modal__footer-left, .neil-modal__footer-right{position:relative;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:88rpx;font-size:28rpx;line-height:88rpx;text-align:center;background-color:#fff;color:#333}.neil-modal__footer-right{color:#007aff}.neil-modal__footer-left::after{content:" ";position:absolute;right:-1px;top:0;width:1px;bottom:0;border-right:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.neil-modal__footer-hover{background-color:#f1f1f1}.neil-modal__mask{display:block;position:absolute;z-index:998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease-in}.neil-modal__mask.neil-modal--show{opacity:1}.neil-modal--padding{padding:32rpx 24rpx;min-height:90rpx}.neil-modal--show .neil-modal__container, .neil-modal--show .neil-modal__mask{opacity:1}
|
