#clicaptcha-box{ display: none; width: 350px; height: 290px; padding: 15px; border: 1px solid #b1b3b8; background-color: #f5f6f7; position: fixed; z-index: 10000; left: 50%; top: 50%; margin-left: -191px; margin-top: -161px; border-radius: 10px; box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6); } #clicaptcha-box .clicaptcha-img{ width: 350px; height: 200px; border: none; } #clicaptcha-box .clicaptcha-title{ font-family: 'Microsoft YaHei'; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #333; } #clicaptcha-box .clicaptcha-title span{ font-size: 16px; font-weight: bold; color: #c00; } #clicaptcha-box .clicaptcha-title span.clicaptcha-clicked{ color: #069; } #clicaptcha-box .clicaptcha-refresh-box{ position: relative; margin-top: 10px; } #clicaptcha-box .clicaptcha-refresh-line{ position: absolute; top: 16px; width: 140px; height: 1px; background-color: #ccc; } #clicaptcha-box .clicaptcha-refresh-line-left{ left: 5px; } #clicaptcha-box .clicaptcha-refresh-line-right{ right: 5px; } #clicaptcha-box .clicaptcha-refresh-btn{ display: block; margin: 0 auto; width: 32px; height: 32px; background: url(../image/refresh.png) no-repeat; } #clicaptcha-box .clicaptcha-refresh-btn:hover{ background-position:-32px 0; } #clicaptcha-mask{ display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; background-color: rgb(0, 0, 0); }