| 1 | .rv-mask,.rv-root{position:fixed;left:0;top:0;right:0;bottom:0}.rv-root{display:flex;align-items:center;justify-content:center}.rv-mask{z-index:9999;height:100%;background-color:rgba(0,0,0,.5)}.rv-wrap{position:relative;width:18.5rem;background-color:#fff;border-radius:10px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15)}.rv-wrap .rv-close{position:absolute;right:0;top:0;height:20px;width:20px;margin:.625rem .625rem .625rem auto;transition:opacity .2s ease-in-out}.rv-wrap .rv-close:hover{opacity:.5}.rv-wrap .rv-title{text-align:center;margin:.625rem auto;font-size:14px;color:#9b9b9b}.rv-wrap .rv-content{padding:.75rem 1rem 1.125rem;text-align:center}.rv-wrap .rv-content .rv-text{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.rv-wrap .rv-content .rv-image{position:relative;margin:1.5625rem auto}.rv-wrap .rv-content .rv-image .rv-image-mask,.rv-wrap .rv-content .rv-image img{border-radius:50%;max-width:152px;max-height:152px;user-select:none}.rv-wrap .rv-content .rv-image .rv-image-mask{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:152px;height:152px;background-color:rgba(0,0,0,.5)}.rv-wrap .rv-content .rv-image .rv-image-mask,.rv-wrap .rv-content .rv-image .rv-image-mask .rv-image-mask-error,.rv-wrap .rv-content .rv-image .rv-image-mask .rv-image-mask-success{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.rv-wrap .rv-content .rv-image .rv-image-mask svg{margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;transition:fill .2s ease-in-out}.rv-wrap .rv-content .rv-control{position:relative;width:95%;height:3.125rem;margin:0 auto .9375rem;user-select:none}.rv-wrap .rv-content .rv-control .rv-bar{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#f1f1f1;border-radius:100px}.rv-wrap .rv-content .rv-control .rv-slider{position:absolute;top:0;left:0;height:3.125rem;width:3.125rem;background:#fff;border-radius:50%;box-shadow:0 21px 52px 0 rgba(82,82,82,.2);transition:background .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.rv-wrap .rv-content .rv-control .rv-slider.rv-slider-normal{background:#4E6EF2;border-color:#4E6EF2;box-shadow:0 7px 18px -5px #4E6EF2}.rv-wrap .rv-content .rv-control .rv-slider.rv-slider-normal svg{fill:#fff}.rv-wrap .rv-content .rv-control .rv-slider svg{margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;fill:#8a8a8a;transition:fill .2s ease-in-out}.rv-wrap .rv-content .rv-control .rv-slider-error svg,.rv-wrap .rv-content .rv-control .rv-slider-success svg{fill:#fff}.rv-wrap .rv-content .rv-control .rv-slider-error{background:#ff7875;border-color:#ff7875;box-shadow:0 7px 18px -5px #ff7875}.rv-wrap .rv-content .rv-control .rv-slider-success{background:#52c41a;border-color:#52c41a;box-shadow:0 7px 18px -5px #52c41a}.rv-wrap .rv-content .rv-extra{margin-top:1.4375rem;margin-bottom:.3125rem;font-size:14px}.rv-wrap .rv-content .rv-extra span{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-right:3px;margin-top:-2px}.rv-wrap .rv-content .rv-extra a{color:inherit;cursor:pointer;text-decoration:none}@keyframes shake{0%,100%,50%{left:0}25%{left:3px}75%{left:-3px}} |