#drag {
    position: relative;
    background: #D8D8D8;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
}
#drag .handler {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 36px;
        height: 28px;
        cursor: move;
}
#drag .handler_ok_bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 36px;
        height: 30px;
        cursor: move;
    }
#drag .handler_bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 45px;
        height: 30px;
        cursor: move;
        border-radius: 15px;
    }
/*验证成功前可拖动部分*/
.handler_bg {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
}
/*验证成功后可拖动部分*/
.handler_ok_bg {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAiZJREFUOBGVVEtrU1EQ/ubcm8S8+hBfdeMDkYCCVSlY60as6UJaUFFB0YVbS8i2/6KtunUhCGJbF9klbtyI0kWoClqwggvB2C5iHk3aJPeOcwL39t7QRJzNmfnmm48zM+dewi42ly1fZMIU2UjIOUjABoFWYOB1ajz+pbNE8jv2NFcdbrL9BMxjO6jfI6IlCprp1OXITyfjiszlyteZ8UIEwk6y2ym3KhgB49r0lWhec9oi829KF9iitwwOdSvsxLUQhcwRfSP1itmwbXr2PwJaUPiHuNGa1T49zlbuWGy/1EEvk1lg7GQIhZJlrxWayuEqU51SFvimA/Q6R0+EcP5oEP1h5Qq0+RZuKGKc6VWsc4nDAYwcD+L7egv5Hw0fXdoaVkx8wIvGwwp7Y4YLDQ2YGD8dxkbFRvZTXZbHbk47Eu1Xsp6iF9XXvjsaxZF9JvpEcPJsGFsNRiZfQ9PyC+g66aRoMmhV9I45Qu+/bWNowMDkuQiqW4ygSVhY3hTfdii+kxVWlUw940UrQl5crqFcs2WIhOznOn6XLC/F58tNMvQ8y9EiV9b03r3ZPUH5aCIGfv1peWG/T/QuPdF3ST2YoE1WlPJn0Z7DPwTqAVLTuq6983QyviBtzXQKdYvlyW/L27v3KBlb0Rz3A9TBbK5yi2ye72xN51wj+qoUP0xd7f/gYD4RDbZnRNX78h6mCJyQpQ4S07r8Vz4aoKWDydjibSLfpP8CIzrDVS5D6QYAAAAASUVORK5CYII=") no-repeat center
}
/*底部*/
#drag .drag_bg {
    /*background-color: #7ac23c;*/
    background-color: #90B8F1;
    height: 30px;
    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;
}*/
#drag .drag_text {
    font-size: 13px;
    color: #fff;
    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: 18px;
    width: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAeVJREFUOBGt1MsrRGEYx3GHcd0oFkRIuZQFNshGUoqyVMrCygY7xUbyD1hYWNugLK0ksiMLSUpImaYhl2ko98uMGd8fh845c5yhPPXpvT/v+54zc4yUX0Y8Hk9jahVi8OHIMIwIpWcYnqMMkriMoh/dyEYqtEkUq5hno3XKvwfJs6GI4hlnODHLJ0qF2uNIetiEE2gRJrCBIZSh3DRAqf47vGALeoz/F0qISTzgBmOe2ZnQDkWb50THIPNXoJsEUOsY/mwy0ABdVXGNTteJLp3MTcUetH40YQqddTiGXqZCL1AvL+lNmJOuhJQjiGDbtgEd1TgwBx8pr7AK1f1osS2wNBirgR5PBfR4w9BBm3CPXO3cA8UlDnGBVixCMWPJ+V2l34cQdOt9dOEc6lPoKQx/LKDShxxsQjt3QD9RbZ7/ndVRYawQ+nnq0QShtaqrnEOGbQkdU3jDrG3Ao8Hcr020ThFDYnLlYKARuqJecLFHXtsQc7XJDhRK7v6H0wCWoGsqfnw8th0+D6d3Mog855itzYQi6Jeg3/QuKm0TzAb99Uh6ANcPFAv1BfVDX82wWV+gVGShFzppKTL5mr5S/i3YpBjTOMUtrKFvj76sy8myut7AuogkJbSbUYMCBBHAGicPUXrGO9BhTF8WDFczAAAAAElFTkSuQmCC") no-repeat center;
    position: absolute;
    top: 6px;
    display: none;
}
/*正在载入提示*/
.vcode-hints {
    position: absolute;
    z-index: 0;
    text-align: center;
    color: rgba(74, 74, 74, 0.7);
    font-size: 15px;
}