.captcha.captcha--light.captcha--error.captcha--maxerror .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--sms .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--success.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--success.captcha--sms .captcha_tips .captcha_tips_icon, .captcha.captcha--light .captcha_loadbox .captcha_loadbox_inner, .captcha.captcha--light .captcha_loadbox .captcha_loadbox_inner .captcha_loadicon, .captcha_intellisense--light .captcha_intelli-icon, .captcha_intellisense--light .captcha_tips_icon, .captcha_popup.captcha_popup--light .captcha_modal, .captcha_popup.captcha_popup--light .captcha_modal_close .captcha_icon-close { display: inline-block; *display: inline; zoom: 1; vertical-align: top } #captcha_bg { background-image: url("../img/captcha/blank.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; /*background-size: 348px 196px;*/ background-color: transparent; width: 315px; /*height: 196px;*/ border-style: none; border-width: 0; } #captcha_fragment { background-image: url("../img/captcha/blank.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: -315px 0px; /*background-size: 348px 196px;*/ background-color: transparent; width: 33px; /*height: 196px;*/ border-style: none; border-width: 0; } .captcha, .captcha_pop { -webkit-tap-highlight-color: transparent } .captcha *, .captcha_pop * { box-sizing: border-box } .panel_ease_top-enter, .panel_ease_top-leave-active { opacity: 0; transform: translateY(20px) } .panel_ease_bottom-enter, .panel_ease_bottom-leave-active { opacity: 0; transform: translateY(-20px) } .panel_ease_bottom-enter-active, .panel_ease_bottom-leave-active, .panel_ease_top-enter-active, .panel_ease_top-leave-active { transition: all .2s linear; pointer-events: none } .popup_scale-enter, .popup_scale-leave-active { opacity: 0; transform: scale(0) } .popup_scale-enter-active { transition: all .3s cubic-bezier(.76, .01, .35, 1.56) } .popup_scale-leave-active { transition: all .2s ease-out } .popup_ease-enter { opacity: 0; transform: translateY(-20px) } .popup_ease-enter-active { transition: opacity .3s linear, transform .3s linear } .popup_ease-leave-active { opacity: 0; transform: translateY(-20px); transition: all .2s ease-out } @keyframes loading { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @keyframes ball-scale-multiple { 0% { transform: scale(.22); opacity: 0 } 5% { opacity: 1 } to { transform: scale(1); opacity: 0 } } .captcha_cover-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; opacity: 0; filter: alpha(opacity=0) } .captcha.captcha--light { position: relative; font-size: 14px } .captcha.captcha--light .captcha_fragment, .captcha.captcha--light .captcha_slide_indicator, .captcha.captcha--light .captcha_slider { display: none } .captcha.captcha--light.captcha--fragment .captcha_fragment, .captcha.captcha--light.captcha--fragment .captcha_slide_indicator, .captcha.captcha--light.captcha--fragment .captcha_slider { display: block } .captcha.captcha--light .captcha_fragment { position: absolute; left: 0; top: 0; width: auto; height: 100% } .captcha.captcha--light .captcha_icon-point { position: absolute; width: 26px; height: 33px; cursor: pointer; background-repeat: no-repeat } .captcha.captcha--light .captcha_icon-point.captcha_point-1 { background-image: url(../img/captcha/icon.png); background-position: 0 -364px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_icon-point.captcha_point-1 { background-image: url(../img/captcha/icon.png); background-position: 0 -364px; background-size: 34px 471px } } .captcha.captcha--light .captcha_icon-point.captcha_point-2 { background-image: url(../img/captcha/icon.png);; background-position: 0 -220px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_icon-point.captcha_point-2 { background-image: url(../img/captcha/icon.png); background-position: 0 -220px; background-size: 34px 471px } } .captcha.captcha--light .captcha_icon-point.captcha_point-3 { background-image: url(../img/captcha/icon.png); background-position: 0 -328px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_icon-point.captcha_point-3 { background-image: url(../img/captcha/icon.png); background-position: 0 -328px; background-size: 34px 471px } } .captcha.captcha--light .captcha_icon-point.captcha_point-4 { background-image: url(../img/captcha/icon.png);; background-position: 0 -292px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_icon-point.captcha_point-4 { background-image: url(../img/captcha/icon.png); background-position: 0 -292px; background-size: 34px 471px } } .captcha.captcha--light .captcha_icon-point.captcha_point-5 { background-image: url(../img/captcha/icon.png);; background-position: 0 -256px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_icon-point.captcha_point-5 { background-image: url(../img/captcha/icon.png); background-position: 0 -256px; background-size: 34px 471px } } .captcha.captcha--light.captcha--maxerror .captcha_icon-point { cursor: default } .captcha.captcha--light.captcha--float .captcha_panel { display: none; position: absolute; left: 0; width: 100%; z-index: 999 } .captcha.captcha--light .captcha_panel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .captcha.captcha--light .captcha_panel-placeholder { position: relative; padding-top: 50% } .captcha.captcha--light .captcha_bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .captcha.captcha--light .captcha_bgimg .captcha_bg-img { vertical-align: top; width: 100% } .captcha.captcha--light .captcha_loadbox { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-image: url(../img/captcha/icon.png); background-color: #f7f9fa; background-position: 50%; background-size: cover } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_loadbox { background-image: url("http://cstaticdun.126.net//2.7.1/images/tipBg@2x.c7a9593.png") } } .captcha.captcha--light .captcha_loadbox .captcha_loadbox_inner { position: relative; top: 50%; margin-top: -25px } .captcha.captcha--light .captcha_loadbox .captcha_loadbox_inner .captcha_loadicon { width: 32px; height: 32px; background-repeat: no-repeat } .captcha.captcha--light .captcha_loadbox .captcha_loadbox_inner .captcha_loadtext { display: block; line-height: 20px; color: #45494c } .captcha.captcha--light .captcha_refresh { position: absolute; right: 0; top: 0; width: 34px; height: 34px; cursor: pointer; background-image: url(../img/captcha/icon.png);; background-position: 0 -437px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_refresh { background-image: url(../img/captcha/icon.png); background-position: 0 -437px; background-size: 34px 471px } } .captcha.captcha--light .captcha_refresh:hover { background-image: url(../img/captcha/icon.png);; background-position: 0 -400px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_refresh:hover { background-image: url(../img/captcha/icon.png); background-position: 0 -400px; background-size: 34px 471px } } .captcha.captcha--light.captcha--maxerror .captcha_refresh { cursor: not-allowed } .captcha.captcha--light.captcha--maxerror .captcha_refresh:hover { background-image: url(../img/captcha/icon.png);; background-position: 0 -437px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--maxerror .captcha_refresh:hover { background-image: url(../img/captcha/icon.png); background-position: 0 -437px; background-size: 34px 471px } } .captcha.captcha--light .captcha_control { position: relative; border: 1px solid #e4e7eb; background-color: #f7f9fa } .captcha.captcha--light .captcha_control.captcha_control--moving .captcha_slide_indicator { border-color: #1991fa; background-color: #d1e9fe } .captcha.captcha--light .captcha_control.captcha_control--moving .captcha_slider { background-color: #1991fa } .captcha.captcha--light .captcha_control.captcha_control--moving .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png);; background-position: 0 -13px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_control.captcha_control--moving .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -13px; background-size: 34px 471px } } .captcha.captcha--light .captcha_slide_indicator { position: absolute; top: -1px; left: -1px; width: 0; border: 1px solid transparent } .captcha.captcha--light .captcha_slider { position: absolute; top: 0; left: 0; height: 100%; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .3); cursor: pointer; transition: background .2s linear } .captcha.captcha--light .captcha_slider:hover { background-color: #1991fa } .verification-result-slip{ text-align: center; } .slip-success { background: url(../img/captcha/success.png) no-repeat center center; width: 40px; height: 40px; } .slip-failed { background: url(../img/captcha/failed.png) no-repeat center center; width: 40px; height: 40px; } .captcha.captcha--light .captcha_slider:hover .captcha_slider_icon { background-image: url(../img/captcha/icon.png);; background-position: 0 -13px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_slider:hover .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -13px; background-size: 34px 471px } } .captcha.captcha--light .captcha_slider .captcha_slider_icon { position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px; width: 14px; height: 10px; background-image: url(../img/captcha/icon.png);; background-position: 0 -26px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -26px; background-size: 34px 471px } } .captcha.captcha--light .captcha_tips { text-align: center; color: #45494c } .captcha.captcha--light .captcha_tips .captcha_sms-counter { color: #1991fa } .captcha.captcha--light.captcha--loadfail .captcha_bgimg, .captcha.captcha--light.captcha--loading .captcha_bgimg { display: none } .captcha.captcha--light.captcha--loadfail .captcha_loadbox, .captcha.captcha--light.captcha--loading .captcha_loadbox { display: block } .captcha.captcha--light.captcha--loading .captcha_loadicon { background-image: url(../img/captcha/icon.png);; background-position: 0 -185px; background-size: 34px 471px; animation: loading .8s linear infinite } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--loading .captcha_loadicon { background-image: url(../img/captcha/icon.png); background-position: 0 -185px; background-size: 34px 471px } } .captcha.captcha--light.captcha--loading .captcha_refresh { display: none } .captcha.captcha--light.captcha--loading .captcha_slider { cursor: not-allowed } .captcha.captcha--light.captcha--loading .captcha_slider:hover { background-color: #fff } .captcha.captcha--light.captcha--loading .captcha_slider:hover .captcha_slider_icon { background-image: url(../img/captcha/icon.png);; background-position: 0 -26px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--loading .captcha_slider:hover .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -26px; background-size: 34px 471px } } .captcha.captcha--light.captcha--loadfail .captcha_loadicon { background-image: url(../img/captcha/icon.png);; background-position: 0 -152px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--loadfail .captcha_loadicon { background-image: url(../img/captcha/icon.png); background-position: 0 -152px; background-size: 34px 471px } } .captcha.captcha--light.captcha--success .captcha_tips { color: #52ccba } .captcha.captcha--light.captcha--success .captcha_refresh { display: none } .captcha.captcha--light.captcha--success.captcha--fragment .captcha_slide_indicator { border-color: #52ccba; background-color: #d2f4ef } .captcha.captcha--light.captcha--success.captcha--fragment .captcha_slider { background-color: #52ccba } .captcha.captcha--light.captcha--success.captcha--fragment .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png);; background-position: 0 0; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--success.captcha--fragment .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 0; background-size: 34px 471px } } .captcha.captcha--light.captcha--success.captcha--point .captcha_control, .captcha.captcha--light.captcha--success.captcha--sms .captcha_control { border-color: #52ccba; background-color: #d2f4ef } .captcha.captcha--light.captcha--success.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--success.captcha--sms .captcha_tips .captcha_tips_icon { margin-right: 5px; width: 17px; height: 12px; vertical-align: middle; background-image: url(../img/captcha/icon.png);; background-position: 0 -67px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--success.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--success.captcha--sms .captcha_tips .captcha_tips_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -67px; background-size: 34px 471px } } .captcha.captcha--light.captcha--error .captcha_tips { color: #f57a7a } .captcha.captcha--light.captcha--error.captcha--fragment.captcha--maxerror .captcha_slide_indicator, .captcha.captcha--light.captcha--error.captcha--fragment.captcha--maxerror .captcha_slider { display: none } .captcha.captcha--light.captcha--error.captcha--fragment .captcha_slide_indicator { border-color: #f57a7a; background-color: #fce1e1 } .captcha.captcha--light.captcha--error.captcha--fragment .captcha_slider { background-color: #f57a7a } .captcha.captcha--light.captcha--error.captcha--fragment .captcha_slider .captcha_slider_icon { width: 12px; height: 12px; background-image: url(../img/captcha/icon.png);; background-position: 0 -82px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--error.captcha--fragment .captcha_slider .captcha_slider_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -82px; background-size: 34px 471px } } .captcha.captcha--light.captcha--error.captcha--maxerror .captcha_control, .captcha.captcha--light.captcha--error.captcha--point .captcha_control, .captcha.captcha--light.captcha--error.captcha--sms .captcha_control { border-color: #f57a7a; background-color: #fce1e1 } .captcha.captcha--light.captcha--error.captcha--maxerror .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--sms .captcha_tips .captcha_tips_icon { margin-right: 5px; width: 12px; height: 12px; vertical-align: middle; background-image: url(../img/captcha/icon.png);; background-position: 0 -97px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha.captcha--light.captcha--error.captcha--maxerror .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--point .captcha_tips .captcha_tips_icon, .captcha.captcha--light.captcha--error.captcha--sms .captcha_tips .captcha_tips_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -97px; background-size: 34px 471px } } .captcha.captcha--light.captcha--error.captcha--maxerror .captcha_tips_text:hover { cursor: pointer; text-decoration: underline } .captcha_popup.captcha_popup--light { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; text-align: center } .captcha_popup.captcha_popup--light .captcha_popup_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=30); opacity: .3; transition: opacity .3s linear; will-change: opacity } .captcha_popup.captcha_popup--light .captcha_modal { position: relative; top: 20%; border-radius: 2px; border: 1px solid #e4e7eb; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .captcha_popup.captcha_popup--light .captcha_modal_title { padding: 0 15px; height: 50px; line-height: 50px; text-align: left; font-size: 16px; color: #45494c; border-bottom: 1px solid #e4e7eb } .captcha_popup.captcha_popup--light .captcha_modal_close { position: absolute; top: 13px; right: 9px; width: 24px; height: 24px; text-align: center; cursor: pointer } .captcha_popup.captcha_popup--light .captcha_modal_close .captcha_icon-close { margin-top: 6px; width: 11px; height: 11px; vertical-align: top; background-image: url(../img/captcha/icon.png);; background-position: 0 -53px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_popup.captcha_popup--light .captcha_modal_close .captcha_icon-close { background-image: url(../img/captcha/icon.png); background-position: 0 -53px; background-size: 34px 471px } } .captcha_popup.captcha_popup--light .captcha_modal_close:hover .captcha_icon-close { background-image: url(../img/captcha/icon.png);; background-position: 0 -39px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_popup.captcha_popup--light .captcha_modal_close:hover .captcha_icon-close { background-image: url(../img/captcha/icon.png); background-position: 0 -39px; background-size: 34px 471px } } .captcha_popup.captcha_popup--light .captcha_modal_body { padding: 15px } .captcha_intellisense--light { position: relative } .captcha_intellisense--light * { box-sizing: border-box } .captcha_intellisense--light.captcha_intellisense--checking .captcha_intelli-control, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_intelli-control, .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-control, .captcha_intellisense--light.captcha_intellisense--success .captcha_intelli-control { cursor: default } .captcha_intellisense--light .captcha_intelli-control { position: relative; height: 40px; font-size: 14px; cursor: pointer; border-radius: 2px; border: 1px solid #e4e7eb; background-color: #f7f9fa; overflow: hidden } .captcha_intellisense--light .captcha_intelli-tips { text-align: center; color: #45494c } .captcha_intellisense--light .captcha_intelli-tips:hover .captcha_intelli-icon { background-color: #1991fa; box-shadow: 0 2px 6px 1px rgba(25, 145, 250, .5) } .captcha_intellisense--light .captcha_intelli-tips:hover .captcha_intelli-icon .captcha_logo { background-image: url(../img/captcha/icon.png);; background-position: 0 -112px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_intellisense--light .captcha_intelli-tips:hover .captcha_intelli-icon .captcha_logo { background-image: url(../img/captcha/icon.png); background-position: 0 -112px; background-size: 34px 471px } } .captcha_intellisense--light .captcha_intelli-tips:hover .captcha_intelli-text { color: #1991fa } .captcha_intellisense--light .captcha_intelli-icon { position: relative; margin-right: 5px; width: 28px; height: 28px; vertical-align: middle; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 8px 1px rgba(188, 196, 204, .5); transition: all .2s linear } .captcha_intellisense--light .captcha_intelli-icon .captcha_logo { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 15px; height: 17px; background-image: url(../img/captcha/icon.png);; background-position: 0 -132px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_intellisense--light .captcha_intelli-icon .captcha_logo { background-image: url(../img/captcha/icon.png); background-position: 0 -132px; background-size: 34px 471px } } .captcha_intellisense--light .captcha_intelli-text { line-height: 38px; vertical-align: middle; transition: all .2s linear } .captcha_intellisense--light .captcha_classic-tips { display: none; text-align: center } .captcha_intellisense--light .captcha_tips_icon { margin-right: 5px; width: 12px; height: 12px; vertical-align: middle } .captcha_intellisense--light .captcha_tips_text { line-height: 38px; vertical-align: middle } .captcha_intellisense--light .captcha_classic-container { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000 } .captcha_intellisense--light .captcha_classic-wrapper { display: none; padding: 9px; border: 1px solid #e4e7eb; border-radius: 2px; background-color: #fff } .captcha_intellisense--light.captcha_intellisense--checking .captcha_intelli-icon, .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-icon { background-color: #1991fa } .captcha_intellisense--light.captcha_intellisense--checking .captcha_intelli-icon .captcha_logo, .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-icon .captcha_logo { background-image: url(../img/captcha/icon.png);; background-position: 0 -112px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_intellisense--light.captcha_intellisense--checking .captcha_intelli-icon .captcha_logo, .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-icon .captcha_logo { background-image: url(../img/captcha/icon.png); background-position: 0 -112px; background-size: 34px 471px } } .captcha_intellisense--light.captcha_intellisense--checking .captcha_intelli-text, .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-text { color: #1991fa } .captcha_intellisense--light.captcha_intellisense--checking .captcha_ball-scale-multiple { position: absolute; top: 50%; left: 50%; transform: translateY(-80px) } .captcha_intellisense--light.captcha_intellisense--checking .captcha_ball-scale-multiple > div:nth-child(2) { animation-delay: -1.2s } .captcha_intellisense--light.captcha_intellisense--checking .captcha_ball-scale-multiple > div:nth-child(3) { animation-delay: -.6s } .captcha_intellisense--light.captcha_intellisense--checking .captcha_ball-scale-multiple > div { position: absolute; box-shadow: inset 0 0 40px rgba(25, 145, 250, .5); border-radius: 100%; animation-fill-mode: both; left: -80px; top: 0; opacity: 0; width: 160px; height: 160px; animation: ball-scale-multiple 1.8s 0s linear infinite } .captcha_intellisense--light.captcha_intellisense--loading .captcha_logo { display: none } .captcha_intellisense--light.captcha_intellisense--loading .captcha_intelli-loading { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: #fff #fff transparent; animation: loading .75s linear infinite; background-position: 0 0 } .captcha_intellisense--light.captcha_intellisense--error .captcha_intelli-tips, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_intelli-tips, .captcha_intellisense--light.captcha_intellisense--success .captcha_intelli-tips { display: none } .captcha_intellisense--light.captcha_intellisense--error .captcha_classic-tips, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_classic-tips, .captcha_intellisense--light.captcha_intellisense--success .captcha_classic-tips { display: block } .captcha_intellisense--light.captcha_intellisense--success .captcha_intelli-control { border-color: #52ccba; background-color: #d2f4ef } .captcha_intellisense--light.captcha_intellisense--success .captcha_classic-tips { color: #52ccba } .captcha_intellisense--light.captcha_intellisense--success .captcha_tips_icon { width: 17px; background-image: url(../img/captcha/icon.png);; background-position: 0 -67px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_intellisense--light.captcha_intellisense--success .captcha_tips_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -67px; background-size: 34px 471px } } .captcha_intellisense--light.captcha_intellisense--error .captcha_intelli-control, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_intelli-control { border-color: #f57a7a; background-color: #fce1e1 } .captcha_intellisense--light.captcha_intellisense--error .captcha_classic-tips, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_classic-tips { color: #f57a7a } .captcha_intellisense--light.captcha_intellisense--error .captcha_tips_icon, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_tips_icon { background-image: url(../img/captcha/icon.png);; background-position: 0 -97px; background-size: 34px 471px } @media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (min-device-pixel-ratio: 2) { .captcha_intellisense--light.captcha_intellisense--error .captcha_tips_icon, .captcha_intellisense--light.captcha_intellisense--loadfail .captcha_tips_icon { background-image: url(../img/captcha/icon.png); background-position: 0 -97px; background-size: 34px 471px } } .captcha_intellisense--light.captcha_intellisense--maxerror .captcha_intelli-control .captcha_tips_text:hover { cursor: pointer; text-decoration: underline }