#drag {
    position: relative;
    background-color: #f7f7f7;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#drag .handler {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 36px;
        height: 34px;
        border: 1px solid #ccc;
        cursor: move;
        border:0
}
/*验证成功前可拖动部分*/
.handler_bg {
    background-size: 20px;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAN5SURBVHhe7Zy7alQBFEUz+gEW/oClpT8TRRRR1JCHJmoS4yMhouL7gaioINgKFv6HoJ1CwNbKwkbrcd+cU4hMMvucGW/2xbPgcpvZs9fsRJzceUwURVEURVEURVG0Ts/PNP1+fx2n/Tj24PiM43Wv19vAeawM6HmLno84dxc8qEF8xzHpNxkLdrcDaUbtJpB/ZY9hS8YyIu5nWM+a37RbQHzD/Ldl5BFxH0zPqt+8O0D6l7kPZaQRkWd7rnikG0D4k3lTpEdENtJzyWP6QHbSnGlSIzY5i9OseFQfyF4zZ5rsiNGeZY/qA9kb5kyTHTHas+RRfSB7y5xpsiNGey54VB/I3jVnmuyI0Z5zHtUHsg/MmSY7YrRnwaP6QPaROdNkR4z2nPWoPpB9Ys402RGjPXMe1Qeyz8yZJjtitGfWo/pA9oU502RHjPZMe1QfyL40Z5rsiNGeKY/qA1nV38TTHtUHss/NmSY7YrTnpEf1gexTc6bJjhjtOeFRfSCr+hTnuEf1gexjc6bJjhjtOeZRfSD70JxpsiNGe456VB/I3jdnmuyI0Z4jHtUHsvfMmSY7YrTnsEf1gewdc6bJjhjtOeRRfSCrelH2oEf1gexNc6b4geOAR0Mg10rPjgDZ65vaHO89FgbZVnp2BAizr8J980gK5Mfes8vPO03fz8PY7ecsbfW0B37aa/ZDpxjln3ArPa0C0avmSzHKfyKt9LQKJC9v6vJkn8ZEe/SfxkByxVxpsuNFe/SfSENy2VxpsuNFe/T/lIPkornSZMeL9uhfTIDkeXOlyY4X7dG/nAXJBXOlyY4X7dG/oArJeXOlyY4X7dG/pA/JM+ZKkx0v2qP/ohIkZ82VJjtetEf/ZU1ITpsrTXa8aM8pj+oCySlzpcmOF+3Rf2sHJGfMlSY7XrRH/81FkJwzV5rseNGeGY/qAknVpyr6b7CEpOpfGPpv8YXkkrnSZMeL9sx7VBdIql6S0v+YAyRVL4bqf9AGkqvmSpMdL9qz6FFdILlurjTZ8aI9+h82hORFc6XJjhft6cbHXSH6wXwpUuM1IBvp6dQHrn+a81DS4zUgz/Z07iP/X817W0YarwH3wfR08ksnbpv7low8XgPuZ1hPN7/2pMEfwN/811+8k/3qp3049uL4guPNP/zqpz973nX+q5+KoiiKoiiKoijGwMTEb7bClOyKCDD3AAAAAElFTkSuQmCC");
    background-color: #E51F35;
}
/*验证成功后可拖动部分*/
.handler_ok_bg {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
}
/*底部*/
#drag .drag_bg {
    background-color: #7ac23c;
    height: 34px;
    width: 0px;
}
/*底部文字*/
#drag .drag_text {
    font-size: 13px;
    color: #4a4a4a;
    position: absolute;
    top: 0px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}
/*拼接部分*/
.cut_bg {
    float: left;
    margin: 0 !important;
    border: 0px;
    padding: 0 !important;
}
/*滑动的小图*/
.xy_img_bord {
    -webkit-box-shadow: 0 0 15px #0CC;
    -moz-box-shadow: 0 0 15px #0CC;
    box-shadow: 0 0 15px #0CC;
    top: 32px;
    left: 0px;
    display: none;
    border: 1px solid rgb(255,255,255);
}
/*滑动的小图*/
#xy_img {
    z-index: 999;
    width: 40px;
    height: 40px;
    position: relative;
}
/*刷新按钮*/
.refesh_bg {
    height: 16px;
    width: 16px;
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-image: url("data:image/png;base64,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");
    position: absolute;
    top: 9px;
    display: none;
}
/*正在载入提示*/
.vcode-hints {
    position: absolute;
    z-index: 0;
    text-align: center;
    color: rgba(74, 74, 74, 0.7);
    font-size: 15px;
}