.judy {
    height: 600px;
}

.aliimg {
    width: 100%;
}

.gan {
    height: 400px;
    max-height: 100%;
}

.gan-background {
    /*background-image: url('img/background.png');*/
    background-color: #D21502;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
}

.c-font {
    /*font-family: 'Noto Sans SC',cursive;*/
}

.c-font1 {
    font-family: 'Ma Shan Zheng', cursive;
}

.word1 {
    font-size: 22px;
}

.word2 {
    font-size: 25px;
}

.word3 {
    font-size: 40px;
}

.word5 {
    font-size: 38px;
}

.word6 {
    font-size: 60px;
    color: #FF6600;
}

.word7 {
    font-size: 30px;
}

.word44 {
    font-size: 17px;
}

.word55 {
    font-size: 17px;
}

.word77 {
    font-size: 10px;
    color: white;
    padding-bottom: 30px;
}

.bold {
    font-weight: 800;
}

.register1 {
    /*width: 77%;*/
    cursor: pointer;
}

.footer {
    background-color: black;
    /*height: 120px;*/
}

/* 600 for alibaba , 530 for normal  */
.frame {
    /*height: 530px;*/
    height: 360px;
    width: 100%;
    border: none;
}

.img1 {
    max-width: 120px;
}

.img2 {
    width: 500px;

    max-height: 600px;
    max-width: 100%;
}

.h1 {
    height: 20px;
}

.col-show {
    display: none;
}

.con1 {
    line-height: 35px;
}

.con2 {
    line-height: 28px;
    margin-bottom: 15px;
}

.con3 {
    margin-top: 30px;
}

.con4 {
    margin-top: 120px;
}

.zoom {
    font-size: 22px;
    padding-left: 220px;
}

.register3 {
    position: fixed;
    bottom: 60px;
}

.kl3 {
    margin-left: 30px;
}

.reward {
    max-width: 100%;
}

@media (max-width: 1200px) {
    .con1 {
        line-height: 20px;
    }

    .con2 {
        line-height: 14px;
        margin-bottom: 8px;
    }

    .con3 {
        margin-top: 10px;
    }

    .con4 {
        line-height: 10px;
        margin-top: 70px;
    }

    .con5 {
        line-height: 10px;
        margin-left: 20px;
    }

    .zoom {
        font-size: 8px;
        padding-left: 65px;
    }

    .word1 {
        font-size: 10px;
    }

    .word2 {
        font-size: 16px;
    }

    .word3 {
        font-size: 20px;
    }

    .word5 {
        font-size: 17px;
    }

    .word6 {
        font-size: 22px;
    }

    .word7 {
        font-size: 30px;
    }

    .word8 {
        font-size: 10px;
    }

    .word44 {
        font-size: 12px;
    }

    .word55 {
        font-size: 9px;
    }

    .word77 {
        font-size: 8px;
    }

    .img1 {
        max-width: 50px;
    }

    .h1 {
        height: 10px;
        margin: 0;
    }

    .img2 {
        height: 200px;
        max-width: 200%;
        width: 70%;
    }

    .reverse {
        /*flex-direction: row-reverse;*/
    }

    .text-c {
        text-align: center;
    }

    .img44 {
        margin-left: 10px;
        width: 80%;
    }

    .col44 {
        /*padding: 0;*/
    }

    .judy {
        height: 300px;
    }

    .gan {
        height: 250px;
    }

    /* 620px for alibaba , 570px for normal  */
    .frame {
        /*height: 570px;*/
        height: 360px;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .register3 {
        position: fixed;
        bottom: 50px;
    }

    .dp-r {
        margin-right: 4rem;
    }

    .reward {
        width: auto;
        max-height: 35px;
    }
}

@media (max-width: 720px) {
    .reward-footer {
        width: 100%;
    }

    .custom2 {
        margin-left: -25px;
    }

    .dp-r {
        margin-right: 0;
    }

    .con1 {
        line-height: 18px;
    }

    .con2 {
        line-height: 14px;
        margin-bottom: 8px;
    }

    .con3 {
        margin-top: 10px;
    }

    .con4 {
        line-height: 10px;
        margin-top: 70px;
    }

    .con5 {
        line-height: 10px;
        margin-left: 20px;
    }

    .zoom {
        font-size: 8px;
        padding-left: 65px;
    }

    .word1 {
        font-size: 10px;
    }

    .word2 {
        font-size: 14px;
    }

    .word3 {
        font-size: 16px;
    }

    .word5 {
        font-size: 17px;
    }

    .word6 {
        font-size: 22px;
    }

    .word7 {
        font-size: 30px;
    }

    .word8 {
        font-size: 10px;
    }

    .word44 {
        font-size: 12px;
    }

    .word55 {
        font-size: 9px;
    }

    .word77 {
        font-size: 8px;
    }

    .img1 {
        max-width: 50px;
    }

    .h1 {
        height: 10px;
        margin: 0;
    }

    .md-show {
        display: none;
    }

    .col-show {
        display: block;
    }

    .img2 {
        height: 200px;
        max-width: 200%;
        width: auto;
    }

    .reverse {
        /*flex-direction: row-reverse;*/
    }

    .text-c {
        text-align: center;
    }

    .img44 {
        margin-left: 10px;
        width: 80%;
    }

    .col44 {
        /*padding: 0;*/
    }

    .judy {
        height: 300px;
    }

    .gan {
        height: 250px;
    }

    /* 830 for alibaba , 750 for normal  */
    .frame {
        /*height: 750px;*/
        height: 500px;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .register3 {
        position: fixed;
        bottom: 50px;
    }

    .kl3 {
        margin-left: 10px;
    }

    .kr3 {
        margin-left: -10px;
    }

    .kr4 {
        margin-left: -20px;
    }

    .reward {
        width: auto;
        max-height: 30px;
    }
}