.dialog-wrapper,.dialog-wrapper .dialog-wrap .box-footer,.dialog-wrapper .dialog-wrap .box-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog-wrapper{z-index:1000;background-color:rgba(0,0,0,.5);position:fixed;left:0;right:0;top:0;bottom:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dialog-wrapper .dialog-wrap{background-color:#fff;border-radius:2px;overflow:hidden;-webkit-animation:dialog-open .3s forwards;animation:dialog-open .3s forwards}.dialog-wrapper .dialog-wrap.radius{border-radius:5px}@-webkit-keyframes dialog-open{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dialog-open{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dialog-wrapper .dialog-wrap.willclose{-webkit-animation:dialog-close .2s forwards;animation:dialog-close .2s forwards}@-webkit-keyframes dialog-close{to{opacity:.1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes dialog-close{to{opacity:.1;-webkit-transform:translateY(-20%);transform:translateY(-20%)}}.dialog-wrapper .dialog-wrap.goup{margin-top:-20%}.dialog-wrapper .dialog-wrap .box-header{height:32px;padding:14px 20px;line-height:32px;background-color:#f5f5f5;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dialog-wrapper .dialog-wrap .box-header.hidden{background-color:#fff}.dialog-wrapper .dialog-wrap .box-header .title{font-size:18px;font-weight:400;color:#424242}.dialog-wrapper .dialog-wrap .box-header .btn-close{width:25px;height:25px;line-height:25px;text-align:center;color:#757575;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border-radius:15px}.dialog-wrapper .dialog-wrap .box-header .btn-close:hover{background-color:#dd524d}.dialog-wrapper .dialog-wrap .box-header .btn-close:hover .icon{color:#fff}.dialog-wrapper .dialog-wrap .box-header .btn-close .icon{color:#757575;font-size:14px;font-weight:700}.dialog-wrapper .dialog-wrap .box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.dialog-wrapper .dialog-wrap .box-footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80px;border-top:1px solid #e0e0e0;background-color:#f5f5f5}.dialog-wrapper .dialog-wrap .box-footer.hidden{border-top:none;background-color:#fff}.dialog-wrapper .dialog-wrap .box-footer.reverse{margin-bottom:20px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dialog-wrapper .dialog-wrap .box-footer .btn{width:160px;height:40px;margin:0 7px;line-height:40px;text-align:center;cursor:pointer;color:#fff}.dialog-wrapper .dialog-wrap .box-footer .btn.btn-primary{background-color:var(--ThemeColor,#ff6701)}.dialog-wrapper .dialog-wrap .box-footer .btn.btn-primary:hover{opacity:.8}.dialog-wrapper .dialog-wrap .box-footer .btn.btn-gray{background-color:#b0b0b0}.dialog-wrapper .dialog-wrap .box-footer .btn.btn-gray:hover{background-color:#757575}