html,
body {
    margin: 0px;
    padding: 0px;
    font-family: "infiniti_brandlight", "Infiniti Light", "Infiniti Extended Regular", "微软雅黑";
}

img {
    border: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearFix:after {
    content: '';
    display: block;
    clear: both;
}


.drag-fdj {
    width: 62.5%;
    margin: 30px auto;
    margin-bottom: 0px;
}

#showDragRect {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#rect1 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#rect2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}

#rect1 img {
    width: 100%;
}

#rect2 img {
    position: absolute;
    left: 0;
    top: 0;
}

#line1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}

#line1 img {
    height: 100%;
}


#drag-rect {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}