| 1 |
@charset "UTF-8";.vision-feedback-wrap{transition:opacity .3s;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:rgba(0,0,0,.5);z-index:999999;opacity:0;pointer-events:none}.vision-feedback-wrap.vision-active{opacity:1;pointer-events:auto}.vision-feedback{position:relative;width:98%;max-width:600px;margin:30px auto;background-color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.5)}.vision-feedback .vision-header{position:relative;padding:10px;color:#fff;background-color:#2271b1;border-bottom:1px solid #1b5a8d}.vision-feedback .vision-header .vision-title{margin:0;color:#fff;font-size:16px;line-height:16px}.vision-feedback .vision-header .vision-close{position:absolute;right:5px;top:7px;width:22px;height:22px;font-size:24px;line-height:1;cursor:pointer}.vision-feedback .vision-header .vision-close:before{content:"×";display:flex;justify-content:center;align-items:center;line-height:17px;margin-left:1px}.vision-feedback .vision-header .vision-close:after{content:"";transition:all .3s;display:block;position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%) scale(0);opacity:0;background-color:#fff;border-radius:100%;pointer-events:none}.vision-feedback .vision-header .vision-close:hover:after{opacity:.1;transform:translate(-50%,-50%) scale(1)}.vision-feedback .vision-data{padding:15px}.vision-feedback .vision-data .vision-description{margin:0;font-size:14px;line-height:1.5}.vision-feedback .vision-data .vision-fields{margin-top:15px;font-size:14px;line-height:2.5}.vision-feedback .vision-data .vision-fields .vision-field label{display:block}.vision-feedback .vision-data .vision-fields .vision-field p{display:none;margin:0;font-size:inherit;line-height:inherit}.vision-feedback .vision-data .vision-fields .vision-field p.vision-active{display:block}.vision-feedback .vision-data .vision-fields .vision-field input[type=text]{display:none;width:100%}.vision-feedback .vision-data .vision-fields .vision-field input[type=text].vision-active{display:block}.vision-feedback .vision-footer{display:flex;position:relative;padding:15px;background-color:#eee;box-shadow:rgba(0,0,0,.1) 0 2px 4px 0 inset;text-align:right;justify-content:space-between}.vision-feedback .vision-footer .vision-btn{transition:all .3s;min-width:70px;padding:0 8px;line-height:30px;font-size:14px;text-align:center;color:#3c434a;background-color:#fff;border:1px solid #c3c4c7;border-radius:3px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vision-feedback .vision-footer .vision-btn:hover{color:#2271b1;border-color:#2271b1}.vision-feedback .vision-footer .vision-skip{color:#777;background:0 0;border:none}.vision-feedback .vision-footer .vision-submit{color:#fff;background-color:#2271b1;border-color:#2271b1}.vision-feedback .vision-footer .vision-submit:hover{color:#fff;background-color:#40a9ff;border-color:#40a9ff} |
