.m32 .sec3 .conwrap .area2 .boxwrap .phone .outline {
    height: 100%;
}

@media (min-width: 1400px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen {
        height: calc(100% - 11px);
    }
}

@media(min-width: 813px) and (max-width: 1399px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .outline img {
        width: auto;
        height: 100%;
    }
}

@media(max-width: 812px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .outline img {
        width: auto;
        height: 100%;
    }

    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen {
        height: calc(100% - 4px);
    }
}

@media(max-width: 424px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone {
        height: 280px;
    }
}


@media(min-width: 813px) and (max-width: 1399px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen {
        height: calc(100% - 4px);
    }

    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen img {
        height: 100%;
    }
}

@media(max-width: 1399px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .top li {
        width: 130px;
    }
}

@media(max-width: 812px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen img {
        height: 100%;
    }
}

@media (max-width: 479px) {
    .m32 .sec3 .conwrap .area2 .boxwrap .phone {
        max-width: max-content;
    }

    .m32 .sec3 .conwrap .area2 .boxwrap .phone .outline {
        position: relative;
        max-width: max-content;
    }

    .m32 .sec3 .conwrap .area2 .boxwrap .phone .screen {
        width: 100%;
        left: 0px;
    }
}