captain-ui/lib/behavior-captcha/index.css

有赞vue wap业务组件库

.slide-captcha.pop{position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.slide-captcha.pop .slide-box{width:290px;background:#fff;z-index:1;position:absolute;padding:10px 20px;box-shadow:0 1px 4px rgba(0,0,0,.3);left:50%;top:50%;margin-left:-165px;margin-top:-180px}.slide-captcha.pop .slide-box .title{font-size:16px;margin-bottom:15px}.slide-captcha.pop .slide-box .close{float:right;cursor:pointer;color:#999;margin-top:4px}.slide-captcha.pop:before{content:" ";position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);left:0;top:0}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content .display{margin-bottom:20px;position:relative;background-color:hsla(0,0%,85%,.33);overflow:hidden}.content .display,.content .display>*{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.content .display .loading-icon{position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-30px;width:120px;height:60px;text-align:center}.content .display .loading-icon .icon-e{font-size:40px;color:#d5d5d5}.content .display .loading-icon .icon-l{display:inline-block;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAA51BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////uAAD93d3zS0v/8vLwFhbvCgrvBAT/9vb4jo73fn73eHjwGxv//v7/+vr92tr3hYX2amr1ZGT1YWH0TEzzQEDyMzPxKirwERH+7Oz91tb8zMz7v7/7urr7tbX5np7xIyP+4uL6sLD6q6v1Wlr0UVHzRkb5oKD2cXH0V1diGNV2AAAAI3RSTlMA39KRTQkG+fHv7OXi3dXFsZ2UcWhSPx4cFBIBu0VtbCdGuvm/TykAAAK6SURBVFjDxZkHdtswDEBpjXgk3ivyTAo5trx3vOKV3fb+52lrS21TkSBFVS//AP+RAgiQEOFgVOuZihKKhcOxkFLJ1KsGkUfXVAVcKKqmy9jKhXQEGETShbJH3UUuDijx3IWXvWYvgctlVnjnWgiECGlCumIKhEkV+b58FDwQzfOCoYJHVDQ4pSR4Jlli+64TIEHimuW7uQIprm4Y68N8uJG6xlICpEmUKPFNgg+S7lir4AvVlc/gk38yvBgFn0Q/nkL++W0s2oN+EzvXH+oL8Og8mj8ZbICN9sen8+vVwTwxx6qZThyywKV7FraxTWd/p6BAfZ6aZ8ZYDXeSMQd83m1hAxBydn+LA5+WLWyinevcCwvAZ2P72kPAKJyEaeCzt4UtQEmfciYCfCa2cAUoEd1Oai53tnABOJpgmRmubeGbQNFRgM/WtJkBjkKIAQL0HGEfOBjkFgRYOsJvwOGW1IDPk+mw3jbHu2Nvvni0BjNaktdIRnzHDtgHzZAKcOm0XC5mlldEgnw06QyoYQ6JFGs677QqS2LAo+8yITkUI2Hg8GKymICbME/YmbSZwjlNiG15s2/Cm8lmRdsyIyjDQ+9+8Kvg3yHCFjUoCtKTqEJ8hQojsS0R4Su4+cI4eqaI8Jl69OoSQqQD1klVWmgBhSox/u8KDUIUaeGW2gKIKi0c05uUJitcj+htVI9ICqeMRk/SksId4ypCCpLCB9ZlqRyXFLKucyQnJbQ6lAuncyWWEXbZV2KS9SxsL78il3aih5jCe5dq9b338jDCnxVEExFay9fJ83iEP3wcUqjQWs67h8YQUFLo43HtCPuz7v4JBIgW0eftsdVaTLu7EQiTD/gB7n9EEPwQw/+YJfhBkPyoKvBhmv9xX/ADSfmRacBD3eDHzvKDcf+j+8//uWBjVGt///6ocX9//AC2nLe96zxw0QAAAABJRU5ErkJggg==") no-repeat;background-size:100%;width:40px;height:40px;box-shadow:0 2px 8px hsla(225,4%,79%,.5);border-radius:50%;position:relative}.content .display .loading-icon .icon-l:before{content:" ";background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAnFBMVEX/qqruAADvAAD/GhrvAADvAADwAADvAADyBwfuAADuAADvAADvAADvAAD/JibvAADvAADvAADvAADwAADwAgLvBAT0Bgb1Cgr0Dg7/FhbvAADzBgbuAADvAADvAADvAADvAADvAADvAgLwAwPxAwPwAwP1CAjvAwPxBQX/EhLvAADvAADwAwPxAwP3CQnzDAz/VVXvAADvAgLuAACAwTkdAAAAM3RSTlMDw9IJ/PqEjCb38+qunAbB7t26lmhBLBkRC4ko5eHMtKWPfGJZTR9eNA2ek1NHHhUDyXBoC+/ZAAAC+ElEQVR42tzbaXLiMBAF4CfjJV7AGGMwhLAm7AzM9P3vNiRFWbYDhD+p4um7gcpWd6tbwi+L/SAcJePOdDdfHF5aoKWkzH7rzBbrBggp+c62mosXkFFyQxh1/4CIkjssLzuBhJL73txXUFDyo7/dI56fkgc40f7pI5mSx7SHfTy17ixtTqPYGjnyA39HEsX6WXc2SWy5zWkSZZdGbz/v+HKDPe2BSSNzlSPXRVxLATaH4ViucbwN2Ly6b3LF6B10Ttk2kO86RLu+MHif2FLnuwMQWqa+1CUfYNT3AqlLn75suerotqXGIimM6/J5KFUBYfj6svEcqWpy/l5ALzbk9wJWoVQEK5DKU1sqXLBaj6WiSdvXa3lSEbFueeCjLWVxDlZLJWXWk5/oH/+9EsZ6+OrvFa5Ba2lVVkL8TXIlJQnvPsFgIiUWb+xCayslMW8+AYZSEtHm+LN/UtIEsZUZFWT9m9BW9fV9EtCetD5tRbOYQ1drYsqGHyjRWHsrX3JLCgFx1QUs24ZsE3yIloLZUDTODvdFS0khoZw66G1iSKlS3iY+deSCJ4UOmLXGhqRFrG09++WbYpelUvDALNdTB4ftjsTN82IEarEUuD9JT88Zp6Cmk4nNnRU3oRmHRWCuAxfJ7cEbcl087kDN1bUjcYf+7Khv4AxBTQeuNvXxHX19v2sPaqkpdcrSLiIwwwuBO3QPtQtq7/rVBqgNdASmnjMAW0M6Q8j06yaad1pXnfRt9AzUXEO6EHjVUwZw08067lMJhqbkxIMp9dbAkYsQ3HSHi7ubUgrAC1DLTGkLNXxTMklHLmzq2Wi5U0d8l/bT3pTd3isWMgO1hm3GjBdIisMVuE2KsMV8j/ZsZkqR0i0WcgC1zJT42y8WMgc3x5DRFUaGTKphmZIRY7kYg1skF8n/9uzYBmAQiqGgUyZSlCYlBTuw/240iB0+upvC8kttfSwttb2nHCm7JT6pbY+tO7X91/IFAAAAAAAAAAAAAAAAAAAAAAAAkgm4GR+RayV+hQAAAABJRU5ErkJggg==") no-repeat;background-size:100%;width:42px;height:42px;position:absolute;left:-1px;top:-1px;z-index:0;-webkit-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear}.content .display .loading-icon .tip{color:#999;font-size:12px;margin-top:4px}.content .display .refresh{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAMAAACl6XjsAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAIXRSTlMACfXuEQXmc0ca2pPp1cutmIMmjolpQDYrt32ln1E0ZCFfBh5hAAABM0lEQVQ4y6WUa3eDIAyGA0QFra3zVu1t8///yZmso3iUZce+X+CEBwi5ALul6sGpP4mkL0o9zdLl7R5DsTVTIN24rbsyD3mwowWaecod/WKe69/5iEvskbL5UFnkTfamfwx9iD3YaLLAbewM2+oX5visE8JCbiRr7jHFfn3ASheyeyx7UmsVAYaGbtyO9/jCWvIUV8gUiHbQYRlIWE/hURLGblYgYuU8WBBFCVAipSjbIKqmhOzApEvff4IckPO1GyAaXla4bOcxTaI9mfJlPvURdfRCdr3xhbSWosMaEMoSTnQYglDkfkVumSM/L96AeOVG/QpiqLnFsyRw/pP36n4Ra7ZNaWUVM7Y9sMGcgbX+akxZMsJ+1f/5uC5bycFmAZrWxRJoi+fflhd3obhwGBD26RvNAzMZ4SEYUAAAAABJRU5ErkJggg==") no-repeat;background-size:100%;position:absolute;right:10px;top:10px;width:20px;height:20px;cursor:pointer}.content .display img{display:block;width:100%;pointer-events:none}.content .display .block{position:absolute;top:0;cursor:pointer}.content .control{height:40px}.content .control .bar{width:100%;height:100%;background:#f8f8f8;position:relative;border-radius:2px;overflow:hidden}.content .control .bar .placeholder{border:1px solid #e5e5e5;height:100%;text-align:center;line-height:40px;font-size:14px;color:#333;box-sizing:border-box;border-radius:2px;-webkit-user-select:none;user-select:none}.content .control .bar .slide-block{position:absolute;background:#38f;border-radius:2px;top:0;left:0;width:50px;height:100%;display:table;cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;text-align:center}.content .control .bar .slide-block .icon{display:table-cell;vertical-align:middle;color:#fff;font-size:18px}.content .control .bar .slide-block .icon.custom-right:before{content:" ";display:inline-block;width:18px;height:18px;background:no-repeat 50% url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAAXNSR0IArs4c6QAAAPRJREFUSA1jYBhO4P///2oD5h+g5dVA/BuIA+juCKClLUAMAz+BDA+6OQJomSEQ/4XZDqW/A2lHejoiAWjhPzRHfAHyrenpiAw0B4C4H4HYhJ6OKMTiiLdAMT16OqIKiyNeAcU06emIZiyOeAYUU6GnI3qwOOIhUEyeno6YisURd4BiUjBHMIIUwDh0pG8A7bJnZGR8NVAOAPn1MhA7MIFYAwkGygGgKHABRsE7mnoemLwIJkKaOQBo+cBlQ6DlA1cQAS0fuKIYaPnAVUZAyweuOgZaPnANEqDlg6JJNnCNUlhBAgyJgWuWIzli4DomMEeQSgMAYqr1SM/RM9IAAAAASUVORK5CYII=");background-size:100%}.content .control .bar .mask{position:absolute;top:0;left:0;width:0;border:1px solid rgba(51,136,255,.3);height:100%;box-sizing:border-box;background:rgba(51,136,255,.16);border-right:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.content .control .bar.loading .slide-block{-webkit-transition:left .2s ease-out 0s;transition:left .2s ease-out 0s}.content .control .bar.loading .mask{-webkit-transition:width .2s ease-out 0s;transition:width .2s ease-out 0s}.content .control .bar.failed .slide-block{background:#df4545}.content .control .bar.failed .mask{border:1px solid rgba(223,69,69,.4);border-right:0;background:rgba(223,69,69,.1)}.content .control .bar.success .slide-block{background:#2da641}.content .control .bar.success .mask{border:1px solid rgba(45,166,65,.4);border-right:0;background:rgba(45,166,65,.08)}.content .control .bar.exception .slide-block,.content .control .bar.limit .slide-block{display:none}.content .control .bar.exception .placeholder,.content .control .bar.limit .placeholder{color:#df4545;border:1px solid rgba(223,69,69,.4);background:rgba(223,69,69,.1);cursor:pointer}.content .control .bar.exception .mask,.content .control .bar.limit .mask{display:none}.content .control .bar.exception .icon,.content .control .bar.limit .icon{margin-right:10px}