@media screen and (max-width:500px) {
    /* 筛选 */
    .cms-shuai {
        width: 100%;
        background-color: RGB(23, 31, 56);
    }
    .cms-shuai-left {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 18px;
        color: white;
    }
    .cms-shuai-right {
        width: 100%;
    }
    .shuai-pi {
        width: 100%;
        display: flex;
    }
    .filter-list {
        width: 100%;
        /* display: flex; */
        display: flex;
        position: relative;
    }
    .filter-list h5 {
        width: 50px;
        line-height: 30px;
        text-align: center;
        align-items: center;
        position: absolute;
        left: 0;
        color: #666;
    }
    .filter-list ul {
        position: relative;
        left: 50px;
        display: flex;
        overflow: auto;
        white-space: nowrap;
    }
    .filter-list ul::-webkit-scrollbar {
        display: none;
    }
    .filter-list ul li {
        list-style-type: none;
        line-height: 30px;
        padding: 0px 5px;
    }
    .filter-list ul li a {
        text-decoration: none;
        color: #978e8e;
    }
    .current:nth-child(1) {
        color: white;
    }
    .cms-tong {}
    .cms-tong li {}
    .cms-tong li a {
        text-decoration: none;
        position: relative;
    }
    .cms-tong li a img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }
    .cms-tong li a h2 {
        font-size: 16px;
        text-align: center;
        color: #978e8e;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .cms-tong li a p {
        font-size: 14px;
        text-align: center;
        color: #978e8e;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .cms-tong li a i {
        position: absolute;
        top: -10px;
        right: 05px;
        color: red;
    }
    /* 分类 */
    .cms-fen {
        width: 100%;
        background-color: RGB(23, 31, 56);
    }
    .cms-fen-wen {
        width: 100%;
    }
    .wen-con {
        width: 100%;
        display: inline-block;
        align-items: center;
        text-align: center;
        padding: 15px 0px;
        font-size: 20px;
        color: #888;
    }
    .wen-page {
        box-sizing: border-box;
        width: 100%;
        text-align: center;
        padding: 15px 20px;
    }
    .wen-ico {
        margin: 5px;
        display: inline-block;
        text-decoration: none;
        font-size: 18px;
        /* padding: 5px 15px; */
        color: white;
        border: 3px solid hsl(306, 5%, 64%);
        padding: 10px 10px;
        /* background-color: blueviolet; */
        border-radius: 10px;
        /* display: inline-block;
        flex-wrap: nowrap;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; */
        background-color: RGB(36, 46, 76);
    }
    /* 搜索 */
    .cms-search {
        width: 100%;
        background-color: RGB(23, 31, 56);
    }
    .cms-search .cms-search-title {
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding: 10px 0px;
        color: white;
    }
    .cms-search-list {
        width: 100%;
    }
    .cms-search-list-item {}
    .cms-search-list-item a img {}
    .cms-search-list li {
        list-style-type: none;
        display: flex;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        padding: 10px;
        height: 120px;
    }
    .cms-search-list li a {
        top: 0;
        left: 0;
        width: 150px;
        position: absolute;
        /* border: 1px solid hsl(0, 65%, 31%); */
    }
    .cms-search-list li a img {
        width: 100%;
        height: 100px;
        background-size: 100% 100%;
        border-radius: 10px;
    }
    .cms-search-list .list-dense {
        position: absolute;
        top: 0;
        left: 160px;
        width: 55%;
        height: 100px;
        background-color: RGB(36, 46, 76);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-dense p {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #888;
    }
    .list-dense a:nth-child(1) {
        margin-top: 65px;
        text-decoration: none;
        color: grey;
    }
    .list-dense a.cms-bo {
        margin-top: 80px;
        text-decoration: none;
        color: hotpink;
    }
    .list-dense p a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-dense p span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .yin {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}