@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /* 图片加载中颜色 */ /* 行为相关颜色 */ .captchaImage.data-v-6e292ba4 { height: 320rpx; width: 320rpx; border-radius: 50%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .captchaImage .captchaData.data-v-6e292ba4 { height: 320rpx; width: 320rpx; border-radius: 50%; overflow: hidden; background-color: #f5f5f5; background-position: center center; background-size: cover; background-repeat: no-repeat; } .captchaImage .captchaIcon.data-v-6e292ba4 { position: absolute; } .captchaImage .verticalArrow.data-v-6e292ba4 { position: absolute; height: 320rpx; border-left: 1px dashed #fff; margin-left: 1px; width: 1px; } .captchaImage .transverseArrow.data-v-6e292ba4 { position: absolute; height: 1px; width: 320rpx; border-top: 1px dashed #fff; margin-top: 1px; overflow: visible; } .capFoot.data-v-6e292ba4 { height: 60px; display: flex; flex-direction: row; justify-content: center; } .capFoot .slider.data-v-6e292ba4 { width: 580rpx; height: 90rpx; background-color: #f5f5f5; border-radius: 900rpx; overflow: hidden; position: relative; } .capFoot .slider .sliderItem.data-v-6e292ba4 { height: 88rpx; width: 110rpx; border-radius: 900rpx; background-color: white; position: absolute; left: 0; top: 1rpx; cursor: pointer; display: flex; justify-content: center; align-items: center; box-shadow: 0 21px 52px 0 rgba(82, 82, 82, 0.2); } .shake.data-v-6e292ba4 { -webkit-animation: shake-data-v-6e292ba4 800ms ease-in-out; animation: shake-data-v-6e292ba4 800ms ease-in-out; } @-webkit-keyframes shake-data-v-6e292ba4 { /* 水平抖动,核心代码 */ 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 70% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } 50% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } @keyframes shake-data-v-6e292ba4 { /* 水平抖动,核心代码 */ 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 70% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } 50% { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } } .captchaDialog.data-v-6e292ba4 { position: relative; overflow: visible; } .captchaCloseView.data-v-6e292ba4 { position: absolute; bottom: -150rpx; width: 100%; height: 100rpx; display: flex; align-items: center; justify-content: center; }