.subject {
    position: relative;
    min-height: 529px;
}

.classify {
    width: 240px;
    /*min-height: 509px;*/
    border-radius: 0.5rem;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    float: left;
    margin-right: 20px;
}

.classify .data {
    /*min-height: 459px;*/
}
.classify li {
    white-space: nowrap; /* 禁止换行 */
    overflow: hidden; /* 溢出隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
}

a:hover {
    color: #3db1ea;
}

.technology {
    float: left;
    width: calc(100% - 260px);
}

.sidebar-toggle {
    position: fixed;
    left: 16px;
    bottom: 60px;
}

.sidebar-toggle span {
    background-color: #3db1ea;
    display: block;
    margin-bottom: 4px;
    width: 30px;
    height: 5px;
}

.mulu {
    background: #3db1ea;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.active a {
    color: #3db1ea;
}

#technology {
    height: auto;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 0.5rem;
}
.title {
    width: 600px;
    white-space: nowrap; /* 禁止换行 */
    overflow: hidden; /* 溢出隐藏 */
    text-overflow: ellipsis; /* 显示省略号 */
}
#technology li:last-child{
    border-bottom: none;
}
#technology li{
    padding:10px 15px;
    border-bottom: 1px solid #f1f1f1;
}

#technology li:hover{
    cursor: pointer ;
    background-color: #f0f6fb;

}
#technology .data{
    width: 100%;
    height: 68px;

}
.bottom{
    float: right;
}
.bottom .dateTime{
    margin-left: 20px;
}
.layui-laypage a, .layui-laypage span{
    background-color:rgba(245, 249, 254, 1);
}
.layui-laypage select{
    height: 30px;
    text-align: center;
}
select:not([size]){
    background-position: right .5rem center;
    background-size: 0.5em .5em;
    padding-right:1em !important;
}
#dataPage{
    text-align: center;
}
@media (max-width: 768px) {
    .subject.closed .technology {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .layui-laypage select{
        height: 24px;
    }
    .subject.closed .classify {
        display: none;
    }

    .technology {
        display: none;
    }

    .classify {
        width: 260px;
        display: block;
    }

    .title {
        width: 320px;
    }
}