@reasy-team/reasy-ui/dist/ipcom/lib/dialog/style.css

Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)

.body--overflow-hidden{overflow:hidden}.v-dialog-box{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;overflow-x:auto;z-index:1000}.v-dialog-wrapper{position:relative;width:100%;max-height:100%;z-index:1000;overflow-y:auto;overflow-x:hidden;top:50%;padding:40px 0;-webkit-transform:translate3d(0, -50%, 0px);transform:translate3d(0, -50%, 0px)}.v-dialog{position:relative;display:inline-block;left:50%;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);min-width:400px;min-height:160px;background-color:#fff;border-radius:2px;-webkit-box-shadow:0px 6px 16px 0px rgba(0,0,0,0.12),0px 4px 12px -8px rgba(0,0,0,0.09);box-shadow:0px 6px 16px 0px rgba(0,0,0,0.12),0px 4px 12px -8px rgba(0,0,0,0.09);z-index:1000}.v-dialog__header{position:relative}.v-dialog__title{padding:16px 24px;font-size:16px;font-weight:600;color:#262626;line-height:24px;-webkit-box-shadow:0px 1px 0px 0px #f5f5f5;box-shadow:0px 1px 0px 0px #f5f5f5}.v-dialog__title-inner{font-weight:600}.v-dialog__close{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px;cursor:pointer}.v-dialog__main{padding:24px;overflow:auto;line-height:24px}.v-dialog__main .v-form{margin:0 56px}.v-dialog__main::-webkit-scrollbar{background-color:transparent;width:4px}.v-dialog__main::-webkit-scrollbar-thumb{border-radius:4px;background-color:#b2b2b2}.v-dialog__footer{padding:0 24px 24px;margin-top:-4px}.v-dialog__footer--none{display:none}.v-dialog__button-group{text-align:right}.v-dialog__button-group .v-dialog__button-item+.v-dialog__button-item{margin-left:8px}.v-dialog__close-space{padding-right:67px}.v-dialog__close-space .v-dialog__center{padding-left:43px}.v-dialog__center{text-align:center}.v-dialog--parent-hidden{overflow:hidden}.v-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5)}.v-dialog-fade-enter-active{-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s}.v-dialog-fade-leave-active{-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s}.v-dialog-fade-enter-from,.v-dialog-fade-leave-to{opacity:0}.v-dialog-inner-fade-enter-active{-webkit-animation:dialog-inner-fade-in 0.3s;animation:dialog-inner-fade-in 0.3s}.v-dialog-inner-fade-leave-active{-webkit-animation:dialog-out-fade-out 0.3s;animation:dialog-out-fade-out 0.3s}@-webkit-keyframes dialog-inner-fade-in{0%{-webkit-transform:translate3d(0, -55%, 0);transform:translate3d(0, -55%, 0)}100%{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}}@keyframes dialog-inner-fade-in{0%{-webkit-transform:translate3d(0, -55%, 0);transform:translate3d(0, -55%, 0)}100%{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}}@-webkit-keyframes dialog-out-fade-out{0%{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}100%{-webkit-transform:translate3d(0, -55%, 0);transform:translate3d(0, -55%, 0)}}@keyframes dialog-out-fade-out{0%{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}100%{-webkit-transform:translate3d(0, -55%, 0);transform:translate3d(0, -55%, 0)}}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(-50%, -55%, 0);transform:translate3d(-50%, -55%, 0)}100%{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(-50%, -55%, 0);transform:translate3d(-50%, -55%, 0)}100%{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}100%{-webkit-transform:translate3d(-50%, -55%, 0);transform:translate3d(-50%, -55%, 0)}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}100%{-webkit-transform:translate3d(-50%, -55%, 0);transform:translate3d(-50%, -55%, 0)}}