.containter-news-city {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background: #E8F1F9;
    padding-bottom: 1.5rem;
    min-height: 100%;

}

.top-bg-news-city {
    background: url(../images/list-bg-yn.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 26rem;
}


/* 城市列表容器 */
.city-list-container {
    margin-top: -9rem;
    margin-left: 1rem;
    margin-right: 1rem;
    background: #FFFFFF;
    border-radius: 0.33rem 0.33rem 0.33rem 0.33rem;
    border: 0.04rem solid #FFFFFF;
    padding: 1.5rem 0.75rem;
}

/* 城市网格 */
.city-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
}

/* 城市项 */
.city-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem 0.5rem;
    transition: all 0.3s ease;


    background: #F7F8FB;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    border: 0.03rem solid #EAEDF4;
}

.city-item:active {
    background: #E8EBF0;
    transform: scale(0.98);
}

/* 城市名称 */
.city-name {
    font-size: 0.75rem;
    color: #0C66C5;
    font-weight: 400;

}

/* 箭头 */
.arrow {
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/more-icon.png);
    background-size: cover;
}