/* 滑动拼图人机验证 */
.slider_captcha_modal {
  position: relative;
}

.slider_captcha_modal .ant-modal-body {
  padding: 0 20px 20px;
  position: relative;
}

.slider-captcha-title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 56px;
}

@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(8px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-16px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(8px, 0, 0);
  }
}

.slideimage-shake {
  animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.slideimage-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7f9fa;
}

.slideimage-wrap button,
.slideimage-wrap input {
  border: 0;
  outline: 0
}

.slideimage-wrap .slideref-ico {
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAELSURBVChTdZKxTgJREEUXgomEWFnQGxsa9R+Qwk8wobCzhEhIqChorS2gN7EwFvyCf2Bh6GgstaA1sMu5w2Vxg5zk5s07M5PNbjY5RJqmF6RHHsip9WGyLCszeE+W1BnnL/kic/JOqh7dh+ajlgT1hKPiVqBl3JmvO5BXWhIM3VrnoEv4V7IgdesNiKkXn60K4LvqC+oZx1E0KPSuKzcuQ/5BjqTqb+H6pkbP9wL4E+/m4J7ca1qF/IwNoNYTrt3KwVVo/cQQ38c6lmvkW5ZzZF0A33d/wXFsvQHZIC80SlaB7viOFgV126196N8xcENa1APOj9gC6qHH/ocBvcKY5F+XUn/XuUdMkqwBP3BY37JIuDAAAAAASUVORK5CYII=);
  cursor: pointer
}

.slideimage-wrap .slide-box {
  border: 1px solid #e0e0e0;
  height: 40px;
  position: relative;
  margin-top: 20px;
}

.slideimage-wrap .slide-btn {
  width: 40px;
  height: 100%;
  position: absolute;
  cursor: pointer;
  top: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABrSURBVChTYyAEpkyZMru+vp4NyiUOADX9B+JjkydPloIKEQZQTf+Bmp5NnTrVCkWQSPwTiFNJ1gS0MQVsGz6ApOHxpEmTzKDCuMGqVauYQRqAph+YNm2aGFQYPwAqFARq6gcGOQtUCAgYGABM7nNg7ET1XgAAAABJRU5ErkJggg==) no-repeat center center;
  touch-action: none;
  z-index: 2;
}

.slideimage-wrap .slide-btn:hover {
  background: #1AE724 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABhSURBVChTY8AH/v//L/jv378+IM0MFSIMgBrYgRpA4ACQLQoVJgygmv4DNT0GYlMUQWIAUNNPIE4mR1MK2DZ8AKoepOEpEFtChfEDqIZjQCwFFSIMgIpnAfWxQblAwMAAABgErR4O5WqeAAAAAElFTkSuQmCC) no-repeat center center;
  color: #fff
}

.slideimage-wrap .slide-canbox {
  width: 100%;
  position: relative
}

.slideimage-wrap .slide-can {
  position: absolute;
  left: 0;
  top: 0
}

.noautocomplete .ant-input[disabled]{
  color: rgba(0, 0, 0, .25);
  background-color: #fff !important;
  cursor: not-allowed;
  opacity: 1;
}



.slideimage-wrap .slide-tips {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #333;
  background-color: transparent;
  height: 100%;
  text-align: center;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* z-index: 2; */
}

.slideimage-wrap .slide-progress {
  width: 0;
  height: 100%;
  border: 1px solid #1AE724;
  background-color: #1AE724;
  opacity: 50%;
  /* position: relative;
  z-index: 10; */
}

.slideimage-wrap .slide-active-box .slide-btn {
  background: #1AE724 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABhSURBVChTY8AH/v//L/jv378+IM0MFSIMgBrYgRpA4ACQLQoVJgygmv4DNT0GYlMUQWIAUNNPIE4mR1MK2DZ8AKoepOEpEFtChfEDqIZjQCwFFSIMgIpnAfWxQblAwMAAABgErR4O5WqeAAAAAElFTkSuQmCC) no-repeat center center;
  color: #fff;
}

/* .slideimage-wrap .slide-active-box .slide-tips {
  display: none
} */

.slideimage-wrap .slide-fail-box .slide-btn {
  color: #fff;
  background: #e01116 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZDBkMjEwYi03MWFiLTU3NGItODgwNi1lYTgyYTliYjVlZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTgxQzA5MDEyODJCMTFFOEJFNkRBMTlGNjFGNTJEMkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTgxQzA5MDAyODJCMTFFOEJFNkRBMTlGNjFGNTJEMkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODkyMTkyYjUtNzA0ZC04ZDQ3LTkyYjItNjM0YWZkN2JkMzU0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWQ3YjkyNGQtMWM2OC0xMWU4LWI2NGEtOWM3OWUxYzg2YmNlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kzehhwAAAH5JREFUeNqEkgsNgDAMRCsBKUhAyqTgZBKQMimTcKzQhqWf0eSSDt5LxgUCQCPnyCZ7lH2k8M6HhndaIjHchSn8oOIbK80wT9UXkeRgvVImOdgKnAt+6sxY4TBwt0XQ4gPDItI2svZIlpbc2Um0gENJf4sMtlKZ26GfPMwtwABMRRciK/DI3wAAAABJRU5ErkJggg==) no-repeat center center
}

.slideimage-wrap .slide-fail-box .slide-progress {
  border: 1px solid #e71a41;
  background-color: #e71a41;
  opacity: 50%;
}

.slideimage-wrap .slide-success-box .slide-btn {
  color: #fff;
  background: #1AE724 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZWJjZTgzOS05ZDFmLWY1NDgtYTEzMy03MTIzOTVhMjRkMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ5Qzg5MTJEMTE1MTFFOEFEMDRDQTk5MDRFMjk1RTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ5Qzg5MTFEMTE1MTFFOEFEMDRDQTk5MDRFMjk1RTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjU1YmI5ODgtNzE4My0xYTQ0LWFhY2YtMWEyZTJmZWU0NDYzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MDQzZWI4NTEtYjYzMy0xMWU4LTk0NDEtOTBhMGZmMDNkOWE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JoVoTwAAAKNJREFUeNpi+P//PwMBnADE+4HYgIEIxSCFIMBASKEAVOF6EJ+JAT9wgNIHQQQhxfZQ+gCYJOCM80D8HsZnAarfj2TSRCDeAGULALEBEh+sGFmCAUkS5t6NcKOQrHwP9bkBlD8fyleAqUFW3ACVnA/l34diBmyKFf4jgAGaRgZskQKz+jyUTsCn2OE/KhDAp5gBydTz6HLYYrARGmML0SUAAgwAtBdtauf3epEAAAAASUVORK5CYII=) no-repeat center center
}

.slideimage-wrap .slide-success-box .slide-progress {
  border: 1px solid #1AE724;
  background-color: #1AE724;
  opacity: 50%;
}



/* 点击类的Css */


.slider_captcha_modal_new .ant-modal-body {
 padding: 0px;
}

.slider_captcha_modal_new .ant-modal-content{
  border-radius: 0px;
  background-color: transparent;
}

.new-slider-captcha-box{
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: relative;
}

.new-slider-captcha{
  display: flex;
  align-items: center;
  position: absolute;
  top: 54.5%;
  left: 76px;
}

.new-slider-captcha .ant-checkbox-wrapper{
  font-size: 18px
}

.new-slider-captcha .ant-checkbox-inner {
  width: 24px;
  height: 24px;
  background: #FFF;
  border-radius: 3px;
  border: 2px solid #D9D9D9;
}

.new-slider-captcha .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.new-slider-captcha .ant-checkbox-inner:after {
  top: 45%;
  left: 25%;
  display: table;
  height: 12px;
}

.new-slider-captcha .ant-checkbox+span{
  font-weight: 400;
  font-size: 18px;
  color: #333;
  padding-left: 16px;
}

.new-slider-captcha .loading{
  width: 24px;
  height: 24px;
  border-radius:50%;
  border: 4px solid #FFF;
  border-top: 4px solid rgba(176, 176, 176, .5);
  animation: loadingCircle 1s linear infinite;
}

.new-slider-captcha .slider_captcha-text{
  font-weight: 400;
  font-size: 18px;
  color: #333;
  line-height: 21px;
  margin-left: 16px;
}

@keyframes loadingCircle {
  100% {
    transform: rotate(1turn);
  }
}