#lunbo {
    width: 100%;
    height: calc(100vh - 80px);
    padding: 2% 5%;

    overflow: hidden;
}

    #lunbo .blocks {
        width: auto;
        height: 80%;

        left: 0;

        display: flex;
        gap: 10vw;

        position: relative;

        transition: 800ms;
    }

        #lunbo .block {
            width: 90vw;
            min-width: 90vw;
            height: 100%;

            display: flex;
            justify-content: center;
        }

            #lunbo .img {
                width: auto;
                max-width: 100%;
                height: 100%;

                border: 1px solid #000;
                border-radius: 10px;

                object-fit: contain !important;
            }

            #lunbo .abbr {
                width: 100%;
                text-align: center;
                position: absolute;
                top: 100%;
                font-size: large;
            }

    #lunbo .circles {
        width: 100%;
        height: 20%;

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

        #lunbo .circle {
            width: 20px;
            height: 20px;
            
            border: 1px solid #000;
            border-radius: 10px;

            cursor: pointer;
        }

        #lunbo .circle.active {
            background-color: #000;
        }

        #arrow-l, #arrow-r {
            font-size: 2rem;
            font-weight: 900;

            white-space: pre;

            cursor: pointer;
        }



.container {
    width: 90%;
    padding-bottom: 20px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

    .container .container- {
        width: 45%;
        display: flex;
        justify-content: space-around;
        gap: 10px;
        flex-wrap: wrap;
    }

        .container .container-- {
            width: 45%;
        }

    .container img {
        width: 100%;
        aspect-ratio: 3 / 2;
        /* border: 1px solid #000; */

        object-fit: contain;
    }



#yt {
    padding: 80px 0;
}



@media screen and (max-width: 720px) {
    /* #lunbo {} */

        #lunbo .circle {
            display: none;
        }



    #container {
        flex-direction: column;
        left: 0;
    }

        #container > div {
            width: 100%;
        }
}