.layui-jyslide-oneclick_bar{
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d9f3ef;
    -ms-touch-action: none;
    touch-action: none;
    border: 1px solid #0fbda0;
    border-radius: 4px;
    margin: 8px;
 }
.fail-box{

  border: 1px solid red;
}
 .layui-jyslide-oneclick_bar-inform-img,.layui-jyslide-oneclick_bar-verifying-img,.layui-jyslide-oneclick_bar-success-img{
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    line-height: 28px;
    margin-right: 7px;
    vertical-align: middle;
    margin-top: -3px;
 }
 .layui-jyslide-oneclick_logo-img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background-color: #0fbda0;
    border-radius: 55px;
 }
.layui-jyslide-oneclick_logo-img i{
        color: #fff;
}
.layui-jyslide_oneclick_bar-inform span,.layui-jyslide_oneclick_bar-success span{
        color: #0fbda0;
}
.layui-jyslide_oneclick_bar-load-fail{ 
        position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d9f3ef;
    border-radius: 4px;
    height: 38px;
    line-height: 38px;
    display: none;
    background-color: #ffe1e4;
    color: #fe3646;
    width: 100%;
}
.layui-jyslide_oneclick_bar-load-fail a{ 
    
    color: #1E9FFF;
}
.layui-jyslide_oneclick_bar-verifying{  
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d9f3ef;
    border-radius: 4px;
    display: none;
    color: #0fbda0;
    background-color: transparent;
}

 .verify-slide-con{
    /* 滑动拼图容器块 */
     padding: 10px 20px;
     border: 1px solid #eee;
}
 .img-con{
    /* 图片容器块 */
     width: 100%;
     height: 200px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     border: 1px solid #eee;
     position: relative;
}
 .title-con{
   border-bottom: 1px solid #eee;
    position: relative;
    margin: 10px 0;
    font-size: 16px;
    color: #1E9FFF;
 }
 .img-con > .slide-block{
    /* 图片区域的滑块 */
     top: 0;
     left: 0;
     position: absolute;
     height: 40px;
     width: 40px;
     display: none;
     background-repeat: no-repeat;
     background-attachment: scroll;
     z-index: 10;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4), 0 0 10px 0 rgba(90, 90, 90, 0.4);
     border: 1px solid red;
}
 .img-con > .slide-block-mask{
    /* 图片区域的空缺区域 */
     top: 0;
     left: 0;
     position: absolute;
     height: 40px;
     width: 40px;
     display: none;
     border: 1px solid white;
     background-color: rgba(0, 0, 0, 0.4);
}
 .img-con > .slide-img{
    /* 图片 */
     width: 100%;
     height: 100%;
}
 .img-con > .loading{
     display:none;
}
 .slide-con{
    /* 滑块容器 */
     height: 40px;
     margin: 10px 0;
     position: relative;
     border: 1px solid #eee;
}
.slide-text{

        text-align: center;line-height: 40px;
 }
 .slide-text-su{
    background: #1E9FFF;
    color: #fff;
 }
 .bd-red{
        border:1px solid red;
 }
.layui-icon-close{
        color: #fff;
}
 .slide-btn{
    /* 滑动按钮 */
     height: 40px;
     width: 40px;
     position: absolute;
     background: #4C98F7;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
}
.slide-btn-red{
        background: red;
 }
 .icon-arrow-right{
    /* 右箭头 */
     font-size: 30px;
     color: #fff;
}
 .operate-con{
    /* 操作容器块 */
     align-items: center;
     position: absolute;
     right: 5px;
     top: 5px;
     background: #ffffff1a;
}
 .layui-icon-refresh{
    /* 刷新按钮 */
     color: #fff;
     font-size: 20px;
     cursor: pointer;
}
 .layui-icon-next{
     color: #fff;
}

.layui-font{font-weight: bold;margin-right: 3px;}