.city-picker{
            width: 100%; 
            display: inline-block;
            position:relative;
            height:24px;
            line-height:24px;
            border:1px solid #cccccc;
            border-radius:3px;
            padding:0px 0px 0px 12px;
            font-size:12px;
        }

.form-group .city-picker {
    border:1px solid #d2d6de;
    border-radius:0;
    height: 34px;
}

.form-group .city-picker span {
    height: 34px;
    line-height: 34px;
}

        .city-picker>i{
            position:absolute;
            width: 9px;
            height: 6px;
            top:10px;
            right:10px;
            background-image: url(../image/sp-sprite.png);
            background-position: -28px -24px;
        }
        .form-group .city-picker>i {
    top:15px;
}
        .city-picker:hover i {
            background-position: -37px -24px;
        }

    
        .sp-select{
            position:absolute;
            top:24px;
            left:0px;
            width:350px;
            border:1px solid #cccccc;
            display: none;
            float: left;
            z-index:999999;
        }
        .form-group .city-picker .sp-select{
        top:34px;
    }
        .city-picker>.sp-show{
            display:block;
        }
        .sp-city-tab {
            height: 34px;
            background-color:#f0f0f0;
        }
        .sp-select-warp>i{
            position:absolute;
            top:7px;
            right:5px;
            width:20px;
            height:20px;
            line-height:20px;
            cursor:pointer;
        }
        .sp-city-select{
            border-top:1px solid #cccccc;
            display:none;
            background-color:white;
        }
        .sp-select-content .sp-show{
            display:block;
        }
        .sp-city-tab a{
            float:left;
            display:inline-block;
            width:70px;
            text-align:center;
            height:24px;
            line-height:24px;
            padding:5px 10px;
            border-right:1px solid #cccccc;
            border-bottom:1px solid transparent;
            text-decoration:none;
            font-size:12px;
            color:#4d4d4d;
        }
        .form-group .city-picker .sp-select .sp-city-tab a {
            height:35px;
        }
        .sp-city-tab a.current{
            border-bottom:1px solid white;
            background-color:white;
        }
        dl{
            padding:0;
            margin: 0;
        }
        dd{
            width:310px;
            margin:0px auto;
        }
        dt{
            width:330px;
            margin:0px auto;
        }
        dd a{
            display:inline-block;
            padding:2px 6px;
            border-radius:3px;
            cursor:pointer;
            text-decoration:none;
            font-size:12px;
            color:#4d4d4d;
        }
        dd a.current{
            background-color:#349ee8;
            color:white;
        }