.stackRoom {
	    background: #fff;
	}

	.stackRoom-tab {
	    display: flex;
	    flex-wrap: nowrap;
	    background: #fff;
	}

	.stackRoom-tab a {
	    display: block;
	    width: 33.33%;
	    line-height: 2.5rem;
	    height: 2.5rem;
	    text-align: center;
	    font-size: 0.7rem;
        color: #3d4145;
	}

	.stackRoom-tab a.z-active {

	    color: #e8554d;
	    line-height: 2.5rem;
	    height: 2.5rem;
	}

	.stackRoom-tab a.z-active em {
	    width: 16%;
	    margin: -0.2rem auto 0;
	    height: 0.2rem;
	    border-radius: 0.1rem;
	    background-color: #e8554d;
	    display: block;
	}

	.stackRoom-list {
	    border-top: .2rem solid #f5f5f5;
	    padding: 0 4%;

	}


	.stackRoom-list .list-col {}

	.stackRoom-list .list-col li {
	    background: #fff;
	    padding: 0.8rem 0;
	    border-bottom: 1px solid #e7e7e7;
	}

	.stackRoom-list .list-col {}

	.stackRoom-screen {
	    background: #fff;
	    position: absolute;
	    right: -15rem;
	    top: 2.2rem;
	    width: 15rem;
	    height: 100%;
	    overflow: auto;
	    padding: 2rem 0 5rem;
	    z-index: 2;
	    transition: 300ms;
	}

	.stackRoom-screen-title {
	    line-height: 2rem;
	    text-align: center;
	    color: #333;
	    position: absolute;
	    width: 15rem;
	    background: #fff;
	    top: 2.2rem;
	    z-index: 3;
	    right: -15rem;
	    transition: 300ms;
	}

	.stackRoom-screen h4 {
	    font-size: 0.6rem;
	    color: #999;
	    padding-left: 6%;
	    line-height: 1.4rem;
	    background: #f3f3f3;
	}

	.stackRoom-screen ul {
	    font-size: 0;
	    color: #333;
	    margin-bottom: 0.6rem;
	}

	.stackRoom-screen ul li {
	    width: 27%;
	    margin-left: 5%;
	    font-size: 0.6rem;
	    display: inline-block;
	    line-height: 1.4rem;
	    margin-top: 0.6rem;
	    background: #f3f3f3;
	    border-radius: 0.2rem;
	    text-align: center;
	    border: 0.1rem solid #f3f3f3;
	    color: #666;
	}

	.stackRoom-screen ul li a {
	    color: #666;
	}

	.stackRoom-screen ul li.z-active, .stackRoom-screen ul li a.active {
	    color: #f64b4b;
	}

	.stackRoom-screen-btn {
	    position: absolute;
	    width: 15rem;
	    right: -15rem;
	    padding: 0.5rem 0;
	    border-top: 1px solid #e5e5e5;
	    text-align: center;
	    background: #fff;
	    bottom: 2.5rem;
	    z-index: 3;
	    transition: 300ms;
	}

	.stackRoom-screen-btn a {
	    width: 45%;
	    height: 1.5rem;
	    line-height: 1.6rem;
	    border-radius: 2rem;
	    font-size: 0.65rem;
	    text-align: center;
	    color: #fff;
	    background: linear-gradient(to right, #f15352, #fd9769);
	    display: block;
	    margin: 0 auto;
	}

	.stackRoom-screen-wrap,
	.stackRoom-screen-bg {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	}

	.stackRoom-screen-bg {
	    display: block;
	    background: rgba(0, 0, 0, .2);
	    z-index: 1;
	}

	.stackRoom-screen-bg.z-active {
	    display: block;
	}
    .list-col li img {
        width: 4rem;
    }
    .pagination, .pager {
        display: flex;
        justify-content: center;
        margin: 20px 0;
        padding: 0;
        list-style: none;
        flex-wrap: wrap;
        gap: 5px;
    }
    
    /* 通用项样式 */
    .pagination li, .pager li {
        margin: 0 20px;
        border-radius: 4px;
        transition: all 0.3s ease;
    }
    
    /* 页码/箭头基础样式 */
    .pagination li a, 
    .pagination li span,
    .pager li a, 
    .pager li span {
        display: block;
        min-width: 36px;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        color: #4a5568;
        border: 1px solid #e2e8f0;
        background: #fff;
        border-radius: 4px;
    }
    
    /* 当前页样式 */
    .pagination li.active span, .pager li.active span {
        background: #4299e1;
        border-color: #4299e1;
        color: white;
        font-weight: 500;
    }
    
    /* 可点击项悬停效果 */
    .pagination li:not(.disabled):not(.active):hover, .pager li:not(.disabled):not(.active):hover {
        transform: translateY(-2px);
    }
    .pagination li:not(.disabled):not(.active) a:hover, .pager li:not(.disabled):not(.active) a:hover {
        background: #ebf8ff;
        border-color: #90cdf4;
        color: #2b6cb0;
    }
    
    /* 禁用状态 */
    .pagination li.disabled span, .pager li.disabled span {
        background: #f7fafc;
        color: #a0aec0;
        cursor: not-allowed;
    }
    
    /* 箭头特殊样式 */
    .pagination li:first-child a,
    .pagination li:last-child a,
    .pager li:first-child a,
    .pager li:last-child a {
        font-weight: bold;
        font-size: 1.1em;
    }
    
    /* 省略号样式 */
    .pagination li.disabled span[aria-hidden="true"], .pager li.disabled span[aria-hidden="true"] {
        border: none;
        background: transparent;
        min-width: auto;
    }