@charset "utf-8";

.collection-container {
    width: 100%;
    margin-top: 20px;
}

.collection-container .divider-line {
    height: 10px;
    width: 100%;
    background-color: #fff;
}

.links-list-warp .title-warp {
    padding: 10px;
    border-bottom: 1px solid #f85100;
}

.links-list-warp .title-warp > h3 {
    height: 18px;
    line-height: 18px;
    padding: 0 0 0 6px;
    font-size: 16px;
    border-left: 3px solid #f85100;
    color: #ff4800;
    background: none;
}

.collection-container .lists-warp .lists-box{
    padding: 25px 30px;
    border-bottom: 1px dashed #ddd;
}

.lists-warp .prov-title a {
    color: #fa5000;
    font-weight: bold;
    font-size: 18px;
}

.lists-warp .city-links,
.lists-warp .url-links {
    display: flex;
    flex-wrap: wrap;
}

.lists-warp .city-links .city-link-box,
.lists-warp .url-links .url-link-box{
    width: 20%;
    margin-top: 10px;
    overflow: hidden;
}

.lists-warp .city-links .city-link-box > a,
.lists-warp .url-links .url-link-box > a{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
}

.collection-container .xianlu-intro-warp {
    padding: 10px;
}

.xianlu-intro-warp .left-txt {
    color: #fa5000;
    font-weight: bold;
}

.other-prov-xianlu-warp, .xianlu-intro-warp {
    border: 1px solid #e4e4e4;
}

.other-prov-xianlu-warp-header {
    display: flex;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e4e4e4;
}

.other-prov-xianlu-warp-header .header-title-box {
    padding: 0 20px;
    font-size: 16px;
    height: 40px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.header-title-box.active {
    border-bottom: 1px solid #fa5000;
}

.other-prov-xianlu-lists {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 20px 10px 20px;
}

.other-xianlu-link-box {
    width: 16.6666%;
    margin-top: 8px;
    overflow: hidden;
}

.other-xianlu-link-box > a {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
}

.firend-links {
    margin-top: 20px;
}

/* 媒体查询 */
/* 大于等于768px并且小于等于1200px */
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .lists-warp .city-links .city-link-box,
    .lists-warp .url-links .url-link-box{
        width: 25%;
    }
}

/* 大于等于415px并且小于768px */
@media screen and (min-width: 415px) and (max-width: 768px) {
    .lists-warp .city-links .city-link-box,
    .lists-warp .url-links .url-link-box{
        width: 33%;
    }
}

/* 小于等于414px */
@media screen and (max-width: 414px) {
    .lists-warp .city-links .city-link-box,
    .lists-warp .url-links .url-link-box{
        width: 100%;
    }
}