.lot9 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    z-index: 0;
    border-top: 3px solid #ff7b00; /* 顶部黑边 */
    border-bottom: 3px solid #00ff33; /* 底部黑边 */
  
    
}

.container {
    width: 95%;
    padding: 3%;
}

#container1 {
    display: flex;
    justify-content: center; /* 在主轴上居中放置 */
    align-items: center; /* 在交叉轴上居中放置 */
    height: 100%;
    width: 80%;
    margin: 0;
}

#container2 {
    display: none; /* 默认隐藏所有容器 */
}

#container3 {
    display: none; /* 默认隐藏所有容器 */
}



#text1{
    top: 0px;
    position: relative;
    line-height: 7vh;
}

.motionrow {
    margin: 0;
    display: flex;
    justify-content: center; /* 在主轴上居中放置 */
    align-items: center; /* 在交叉轴上居中放置 */
    font-size: 5vw;
    font-variation-settings: "RONG" 1000, "CHON" 0, "ROWT" 0;
    letter-spacing: 0;
    text-align: center;
    /* transition: all 0.4s ease-in-out; */
    
}

.motionrow span {
    display: inline-block;
}






#container2 p{
    top: 0px;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 15vw;
    line-height :10vh;
    font-variation-settings: "RONG" 1000, "CHON" 0, "ROWT" 0;
    text-align: center;
    margin: 0;
    /* transition: font-variation-settings 0.2s ease-in-out; */
}

.buttons {
    height: 10%;
    position: absolute;
    right: 1vw;
    bottom: 1vh;
    width: 18%;
    display: flex;
}

.buttons button {
    appearance: none; /* 取消默认样式 */
    border: none; /* 去除边框 */
    background-color: transparent; /* 设置背景为透明 */
    color: #000000;
    font-size:50px; /* 设置字体大小 */
    cursor: pointer; /* 设置光标样式为手型 */
}

.buttons button:focus {
    outline: none; /* 去除聚焦时的边框 */
}

/* 设置按钮按下后的样式 */
.buttons button:active {
    background-color:#ff6200; /* 按下后的背景颜色 */
}

.buttons img {
    width: 80%;
}