.area-nav{
    width: 100%;
    padding-bottom: 26px;
    .title{
        display: inline-block;
        height: 56px;
        font-size: 16px;
        line-height:16px;
        padding-top: 24px;
        padding-bottom: 9px;
        border-bottom: 2px solid #004889;
    }
    .area-box{
        border: 1px solid #ddd;
        padding: 22px 20px 14px;
        .row{
            label{
                font-size: 14px;
                line-height: 14px;
                color: #333;
                display: inline-block;
                width: 82px;
            }
            .item{
                margin-right: 30px;
                font-size: 14px;
                line-height: 14px;
                color: #3d3d3d;
            }
            .host-city{
                >label{
                    color: #004889;
                }
            }
        }
    }
}
.bgf5f7fa{
    background-color: #f5f7fa;
}
.area-list{
    .title{
        padding: 40px 0 4px;
        color: #535354;
    }
    .city-list{
        flex-wrap: wrap;
        .item{
            display: inline-block;
            width: 180px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            margin-right: 24px;
            margin-top: 20px;
            font-size:16px;
            color: #212529;
           &:nth-child(6n){
               margin-right: 0;
           }
            
        }
    }
}