.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    // padding: 10px 15px;
    box-sizing: border-box;
    .city-select {
        font-size: 13px;
        dl {
            line-height: 2;
            clear: both;
            padding: 3px 0;
            margin: 0;
            position: relative;
            dt {
                position: absolute;
                width: 2.5em;
                font-weight: 500;
                text-align: right;
                line-height: 2;
            }
            dd {
                line-height: 2;
                margin-left: 3em;
            }
            a {
                display: inline-block;
                padding: 0 10px;
                outline: 0;
                text-decoration: none;
                white-space: nowrap;
                margin-right: 2px;
                text-decoration: none;
                color: #333;
                cursor: pointer;
                &.active {
                    background-color: #46A4FF;
                    color: #fff!important;
                    border-radius: 2px;
                    b {
                        color: #fff;
                        margin-left: 3px;
                    }
                    &:hover {
                        background-color: #46A4FF;
                        color: #fff!important;
                    }
                }
                &.clickAble {
                    color: #46A4FF;
                }
                &.noData {
                    color: #ccc;
                    display: inline;
                    cursor: pointer;
                }
                &:hover {
                    background-color: #f1f8ff;
                    border-radius: 2px;
                    color: #46A4FF;
                    text-decoration: none;
                }
            }
        }
        &.city {
           dl {
               dd {
                   margin-left: 0!important;
               }
           } 
        }
    }
}