/* * {
    outline: 1px solid red;
} */
.main-paper {
    display: flex;
    flex-direction: row;
}
.aside {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    /* background-color:#005f5f; */
    background-color:rgb(34,70,94);
    color:white;
    width:10.5%;
}
.aside > div {
    display: block;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    padding: 4px;
    transition: .5s ease;
}

.aside > div:hover {
    /* border-left:8px solid #005f5f; */
    border-left:8px solid white;
    /* background-color: #444; */
    background-color: #242424;
    color: #fff;
}

.main-article {
    padding: 10px;
    display:flex;
    flex-direction: column; 
    flex-wrap: wrap;
}
.main-article h1 {
    margin-left: 10px;
}
.main-article .img-contents {
    display:flex;
    flex-direction: column;
    justify-content:center;
    flex-wrap: wrap;
}
.main-article .img-contents img {
    object-fit: cover;
}
.img-contents div {
    display: inline-block;
}
.link-detail a {
    list-style-type: none;
    color: #fff;
    /* font-size: 18px; */
    text-decoration: none;
}
.link-detail a:visited {
    color: #fff;
    /* font-size: 18px; */
}

@media screen and (max-width:1000px) {
    /* 此处的条件是要在页面小于600px的时候
    将页面中的nav调整为打竖排列 */
    .link-detail a {
        font-size: 14px;
    }
    .main-article .img-contents {
        display:block;
        flex-direction: column;
        justify-content:center;
        flex-wrap: wrap;
    }
    .img-contents div img {
        object-fit: cover;
        width: 50%!important;
        height: auto;
    };
}