.main_container{
    flex-direction: column;
    flex-wrap: wrap;
}
#head_picture{
    width: 100%;
    height: 300px;
    background-color: #0df020;

}
#ttext{
    position: relative;
    width: 1000px;
    height: 2000px;
    display: flex;
    flex-direction: column;
    border: 10px solid #b4c688; /* 设置边框 */
    border-radius: 50px; /* 设置圆角半径为10px */
    background-color: #fff3ef;
}

#content{
    top: 300px;
    width: 300px;
    height: 500px;
    display: block;
    flex-direction: column;
    position: sticky;
    background-color: #0dcaf0;
    align-items: center;
    overflow: scroll;

}
#content::-webkit-scrollbar{
    display: none;
}

.rope{
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.straight{
    width: 100%;
    height: 1px;
    background-color: #fab223;
    transition: ease 1s;
    display: block;
}
.straight div{
    opacity: 0;
    transition: ease 1.2s;
}


.straight:hover{
    height: 500px;
}

.straight:hover div{
    opacity: 1;
}