.exx-jigsaw {
    width              : 320px;
    position           : relative;
    margin             : 0 auto;
    moz-user-select    : -moz-none;
    -moz-user-select   : none;
    -o-user-select     : none;
    -khtml-user-select : none;
    -webkit-user-select: none;
    -ms-user-select    : none;
    user-select        : none;
}

.exx-jigsaw .exx_panel,
.exx-jigsaw .exx_panel .exx_bgimg,
.exx-jigsaw .exx_panel .exx_loadbox {
    width : 100%;
    height: 160px;
}

.exx-jigsaw .exx_panel {
    position: relative;
}

.exx-jigsaw .exx_panel .exx_loadbox {
    position: absolute;
    left    : 0;
    top     : 0;
}

.exx-jigsaw .exx_panel .exx_bgimg {
    position: relative;
    display : none;
}

.exx-jigsaw .exx_panel .exx_bgimg img.exx_bg-img {
    width : 100%;
    height: 100%;
}

.exx-jigsaw .exx_panel .exx_bgimg img.exx_jigsaw {
    width   : 60px;
    height  : 158px;
    left    : 0;
    top     : 0;
    position: absolute;
}

.exx-jigsaw .exx_panel .exx_loadbox {
    text-align: center;
    background: url("../images/captcha/bg.jpg") no-repeat center center #f9f9f9;
}

    .exx-jigsaw .exx_panel .exx_loadbox .exx_loadbox_ico {
        width: 32px;
        height: 32px;
        margin: 20px auto 0;
        background: url("../images/captcha/loading.gif") no-repeat center center;
    }

    .exx-jigsaw .exx_panel .exx_loadbox.error .exx_loadbox_ico {
        background-image: url("../images/captcha/loadfail.png");
    }

.exx-jigsaw .exx_panel .exx_loadbox .exx_loadbox_text {
    margin     : 10px auto;
    font-size  : 14px;
    font-family: "微软雅黑";
}

.exx-jigsaw .exx_panel .exx_top {
    width   : auto;
    height  : 30px;
    right   : 0;
    top     : 0;
    position: absolute;
}

    .exx-jigsaw .exx_panel .exx_top .exx_refresh {
        width: 30px;
        height: 100%;
        background: url("../images/captcha/refresh.png") no-repeat center center;
        cursor: pointer;
        float: right;
    }

    .exx-jigsaw .exx_panel .exx_top .exx_close {
        width: 30px;
        height: 100%;
        background: url("../images/captcha/close.png") no-repeat center center;
        cursor: pointer;
        float: right;
    }

/*控制条*/
.exx-jigsaw .exx_control {
    height     : 40px;
    line-height: 40px;
    width      : 100%;

    background-color   : #eee;
    /* border          : 1px solid #e4e7eb; */
    margin-top         : 14px;
    position           : relative;
}

.exx-jigsaw .exx_control .exx_slide_indicator {
    position              : absolute;
    height                : 40px;
    left                  : 0px;
    top                   : 0px;
    width                 : 0;
    /* background-color   : #d1e9fe;
    border                : 1px solid #1991fa; */
    /* border-right       : none; */

    box-sizing: border-box;
    display   : none;
}

    .exx-jigsaw .exx_control .exx_slider {
        width: 40px;
        height: 40px;
        background: url("../images/captcha/arrow.png") no-repeat center center #fff;
        border: 1px solid #cccfd2;
        /* border-left: none; */
        position: absolute;
        box-sizing: border-box;
        left: 0;
        cursor: pointer;
    }

        .exx-jigsaw .exx_control .exx_slider:hover {
            background: url("../images/captcha/arrow_hover.png") no-repeat center center #1991fa;
            border: 1px solid #1991fa;
            border-left: none;
        }

.exx-jigsaw .exx_control .exx_tips {
    width      : 100%;
    height     : 100%;
    position   : absolute;
    left       : 0;
    top        : 0;
    text-align : center;
    font-size  : 14px;
    font-family: "微软雅黑";
}

/*失败状态*/
.exx-jigsaw .exx_control.error .exx_slide_indicator {
    background-color: #fce1e1;
    border          : 1px solid #f57a7a;
    border-right    : none;
}

    .exx-jigsaw .exx_control.error .exx_slider {
        background: url("../images/captcha/error.png") no-repeat center center #f57a7a;
        border: 1px solid #f57a7a;
        border-left: none;
    }

/*成功状态*/
.exx-jigsaw .exx_control.success .exx_slide_indicator {
    background-color: #d2f4ef;
    border          : 1px solid #52ccba;
    border-right    : none;
}

    .exx-jigsaw .exx_control.success .exx_slider {
        background: url("../images/captcha/success.png") no-repeat center center #52ccba;
        border: 1px solid #52ccba;
        border-left: none;
    }

/*移动状态*/
.exx-jigsaw .exx_control.moving .exx_slide_indicator {
    background-color: #d1e9fe;
    border          : 1px solid #1991fa;
    border-right    : none;
}

    .exx-jigsaw .exx_control.moving .exx_slider {
        background: url("../images/captcha/arrow_hover.png") no-repeat center center #1991fa;
        border: 1px solid #1991fa;
        border-left: none;
    }

/*按钮触发式*/
.exx-check-trigger {
    width   : 340px;
    height  : 40px;
    position: relative;
}

    .exx-check-trigger .exx-check-trigger-btn {
        width: 100%;
        height: 100%;
        line-height: 40px;
        border: 1px solid #e4e7eb;
        text-align: center;
        cursor: pointer;
        background: url("../images/captcha/safe.png") no-repeat 70px center #f7f9fa;
        font-size: 16px;
        color: #666;
        font-family: "微软雅黑";
    }

    .exx-check-trigger.success .exx-check-trigger-btn {
        border: 1px solid #0086f8;
        background: url("../images/captcha/success2.png") no-repeat 80px center #e5f3ff;
        color: #0086f8;
    }

.exx-check-trigger .exx-check-trigger-frame {
    position        : absolute;
    border          : 1px solid #ddd;
    padding         : 10px 0px;
    box-sizing      : content-box;
    background-color: #fff;
    width           : 100%;
    text-align      : center;
    position        : absolute;
    left            : 0px;
    bottom          : -2px;
    display         : none;
}