.leftDiv{
    position: relative;
    margin-left:11%;
    margin-right:8%;
    padding-bottom: 10%;
}

.leftDiv .textDiv{
    position: absolute;
    top:0;
    left:13%;
    width:70%;
}

.leftDiv p{
    color:#d6e8ff;
    font-size:2.4rem;
}

.leftDiv span{
    color:#fff;
    font-size:2.4rem;
    margin-bottom: 4rem;
}


.leftDivBigTitle{
    color:#fff;
    font-size:3.6rem;
    text-align: center ;
    margin-top:10%;
    margin-bottom: 8%;
}

.ptagInterval{
    margin-top:6%;
    white-space:nowrap;
}

.codeImage{
    margin-top:16%;
}

@media (min-width: 200px) {
    .codeImage {
        width:42%;
    }

    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:7.3%;
        margin-top:6.9%;
        width:69%;
        height:82%;
    }
}
@media (min-width: 576px) {
    .codeImage {
        width:42%;
    }

    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:10.5%;
        margin-top:8%;
        width:67%;
        height:82%;
    }
}
@media (min-width: 768px) {
    .codeImage {
        width:36%;
    }

    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:4.5%;
        margin-top:8%;
        width:70%;
        height:82%;
    }
}
@media (min-width: 992px) {
    .codeImage {
        width:36%;
    }

    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:7.5%;
        margin-top:9%;
        width:69%;
        height:82%;
    }
}
@media (min-width: 1200px) {
    .codeImage {
        width:40%;
    }
    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:10%;
        margin-top:9%;
        width:68%;
        height:82%;
    }

    .hr{
        margin-top:8%;
        background:#fff;
        height:2%;
        width:80%;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (min-width: 1534px) {
    .codeImage {
        width:52%;
    }
    iframe{
        position: absolute;
        top:0;
        left:0;
        margin-left:11%;
        margin-top:9%;
        width:67.5%;
        height:82%;
    }
}

.codeTitle{
    text-align: center;
    white-space:nowrap;
    color:#fff;
    font-size:2.4rem;
}

.codeText{
    font-size:1.8rem;
    margin-top:10%;
    white-space:nowrap;
    color:#fff;
}



.rightDiv{
    width:69%;
    height:90%;
    margin-left:15%;
    margin-top:3%
}