.zl-slide-verify {
    position: relative;
    margin: 0 auto;
    width: 533PX;
    min-height: 361PX;
}
.zl-slide-verify .slide-verify-block {
    position: absolute;
    left: 0;
    top: 0;
}
.zl-slide-verify .slide-verify-slider {
    position: relative;
    text-align: center;
    /*width: 310PX;*/
    height: 40PX;
    line-height: 40PX;
    margin-top: 15PX;
    background: #f7f9fa;
    color: #45494c;
    border: 1px solid #e4e7eb
}
.zl-slide-verify .slide-verify-slider-mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40PX;
    border: 0 solid #1991FA;
    background: #D1E9FE
}
.zl-slide-verify .slide-verify-slider-mask-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 40PX;
    height: 40PX;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear
}
.zl-slide-verify .slide-verify-slider-mask-item:hover {
    background: #1991FA
}
.zl-slide-verify .slide-verify-slider-mask-item:hover .zl-slide-verify .slide-verify-slider-mask-item-icon {
    /*background-position: 0 -13px*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABHUlEQVRIS+3TsStFcRjG8e9DlJK/RTFYDGIzuAMxIgulWBUDowFFFinbLUUy8SdYLf4Jk8Eij1797u1Hbp1zrrPIW2c4dd5Pb8/7HlFTqSaXPwzbbgDDWXRNSU+doiwche0h4A4YS9gzMCHp8Se8MBzNtgeAW2AyYS/AlKSH73gpOOF9wCUwk7BXoCHpPsdLwwnvAZrAXMLegHlJVy1ctnuB8Qr3HEPtAyOp18CSpIt4D3gQiKx+q9YlHdcB70jaC7gf2Ko47jQwmvVuSjr8jKIiGKe3DJxlxpqk0/byqsC2N4CDbGkrks67Ojfbu8B2Qt6BBUlx11+qcBS249sTYDW73VlJN1390rYXgXhadSTpulOUhScuu4t/uJ3YBzp0ThdU5/xQAAAAAElFTkSuQmCC") no-repeat center;
    background-size: 14px 12PX;
}
.zl-slide-verify .slide-verify-slider-mask-item-icon {
    position: absolute;
    top: 15PX;
    left: 13PX;
    width: 14PX;
    height: 12PX;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABV0lEQVRIS+3TsUrDYBAH8PtHlAriI/QZhDi4OIguxcELGHSs4qIg6CrooKODCoqLCG4FwbvQSR/B1cWXcHJw+NKcfCUpVSw0rV3E2zLcj8v/7gONqDAil/4wzMxMRDNFdK1Wq9FsNl97Rdl3FLVabbpSqTwS0ZzHzOzNzBaSJHn5Ce8b9s1xHE8655oAFnP8nYiWVPX5O14K9s1hGI5Xq9V7IlrJsQ8zY1V96sZLw3lzEEVRw/9EPnkKYE1EHgoccRyPOefmy95zlmUIguAUQJjjBmBDRO78t4en0jT1Wf1Kmdmuql6OAj5S1RMPTzjnDgYcdxnAbNFrZvuqet6OYkCQoijaNLMbAG3DzHZU9bqzvEFgZt4DcNa1tC0RuR3q3Jj5GMBhjmREtC4i/q6/VJkowMxXALa7bndVRJKhnjQz1wHUCyTLsoskSaRXlGUmLrWOf7gT1ydnPI0Xn56oHgAAAABJRU5ErkJggg==") no-repeat center;
    background-size: 14px 12PX;
}
.zl-slide-verify .container-active .slide-verify-slider-mask-item {
    height: 38PX;
    top: -1PX;
    border: 1px solid #1991FA;
}
.zl-slide-verify .container-active .slide-verify-slider-mask {
    height: 38PX;
    border-width: 1PX;
}
.zl-slide-verify .container-success .slide-verify-slider-mask-item {
    height: 38PX;
    top: -1PX;
    border: 1px solid #52CCBA;
    background-color: #52CCBA !important;
}
.zl-slide-verify .container-success .slide-verify-slider-mask {
    height: 38PX;
    border: 1px solid #52CCBA;
    background-color: #D2F4EF;
}
.zl-slide-verify .container-success .slide-verify-slider-mask-item-icon {
    background-position: 0 0 !important;
}
.zl-slide-verify .container-fail .slide-verify-slider-mask-item {
    height: 38PX;
    top: -1PX;
    border: 1px solid #f57a7a;
    background-color: #f57a7a !important;
}
.zl-slide-verify .container-fail .slide-verify-slider-mask {
    height: 38PX;
    border: 1px solid #f57a7a;
    background-color: #fce1e1;
}
.zl-slide-verify .container-fail .slide-verify-slider-mask-item-icon {
    top: 14PX;
    background-position: 0 -82px !important;
}
.zl-slide-verify .container-active .slide-verify-slider-text,
.zl-slide-verify .container-success .slide-verify-slider-text,
.zl-slide-verify .container-fail .slide-verify-slider-text {
    display: none;
}
.zl-slide-verify .el-icon-refresh-right {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    right: 0;
    border-radius: 0;
}


.head-case-item a[data-v-f685d256] {
    color: #000;
}
.head-case-item:hover a[data-v-f685d256] {
    color: #cf1920;
    font-weight:bold
}
/* .head-case-item {
    padding: 10px;
} */
.head-case-item[data-v-f685d256]:hover {
    background: #fff;
}