.pettite__dialog-wrap{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#00000040}.pettie-dialog{width:50%;background-color:#fff;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px;box-shadow:0 4px 8px #00000014;padding:16px 20px}.pettie-dialog .dialog-header{position:relative;margin-bottom:18px}.pettie-dialog .dialog-header .title{font-size:18px;line-height:24px;color:#333;font-weight:700;padding-right:32px}.pettie-dialog .dialog-header .close{position:absolute;width:32px;height:32px;font-size:18px;line-height:32px;text-align:center;right:-4px;top:-4px;color:#333;cursor:pointer}.pettie-dialog .dialog-header .close:hover{color:#666}.pettie-dialog .dialog-footer{font-size:0;text-align:center;padding-top:16px}.pettie-dialog .dialog-footer .btn{display:inline-block;line-height:14px;white-space:nowrap;cursor:pointer;color:var(--color-primary);text-align:center;box-sizing:border-box;margin:0;transition:.1s;font-weight:400;min-width:167px;background-color:transparent;user-select:none;padding:10px 12px;font-size:14px;border-radius:4px}.pettie-dialog .dialog-footer .btn+.btn{margin-left:8px}.pettie-dialog .dialog-footer .btn.btn--primary{color:#fff;background-color:var(--color-primary)}.pettie-dialog .dialog-footer .btn.btn--primary:hover{background-color:rgba(var(--primary-r),var(--primary-g),var(--primary-b),.8);color:#fff}.pettie-dialog .dialog-footer .btn.btn--primary.is-plain{color:#3f7abd;background-color:rgba(var(--primary-r),var(--primary-g),var(--primary-b),.15)}.pettie-dialog .dialog-footer .btn.btn--primary.is-plain:hover{background-color:var(--color-primary);color:#fff}.dialog-duration{transition:all .2s ease}.dialog-from{opacity:0;transform:translate(-50%,-50%) scale(0)}.dialog-to{opacity:1;transform:translate(-50%,-50%) scale(1)}.pettie-dialog .dialog-body .pic-wrap{width:310px;height:155px;position:relative;background-size:100% 100%;background-repeat:no-repeat}.pettie-dialog .dialog-body .pic-wrap .refresh{position:absolute;width:22px;height:22px;line-height:22px;font-size:16px;text-align:center;color:#fff;right:10px;top:10px;cursor:pointer}.pettie-dialog .dialog-body .pic-wrap .refresh:hover{color:#fffc}.pettie-dialog .dialog-body .pic-wrap .pic-captcha{width:47px;height:100%;background-size:100% 100%;background-repeat:no-repeat;position:absolute;left:10px;top:0}.pettie-dialog .dialog-body .slider{width:100%;height:54px;margin-top:16px;border:1px solid #e5e5e5;border-radius:8px;position:relative;line-height:52px;font-size:16px;background-color:#eceeef;text-align:center;overflow:hidden;user-select:none;box-sizing:border-box;color:#999}.pettie-dialog .dialog-body .slider .slider-bg{width:52px;height:100%;background-color:#999;position:absolute;left:0;top:0;border-radius:8px;overflow:hidden}.pettie-dialog .dialog-body .slider .slider-bg .slider-span{position:absolute;width:52px;height:52px;line-height:52px;left:0;top:0;border:1px solid #e5e5e5;background-color:#fff;color:#999;cursor:pointer;border-radius:8px;overflow:hidden}.pettie-dialog .dialog-body .slider .slider-bg .slider-span>.el-icon-back{transform:rotate(180deg)}