/*城市选择插件*/
.citySelector {
    font: 12px/1.5 tahoma,arial,\5b8b\4f53;
    background: #fff;
    text-align: left;
}

.cityslide {
    width: 220px;
    list-style: none;
    margin: 5px 0 0 -2px;
    padding: 5px;
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.3);
}

    .cityslide li {
        list-style: none;
        overflow: hidden;
        height: 25px;
        padding: 4px 5px;
    }

        .cityslide li.on {
            background: #008cd7;
            color: #fff;
        }

        .cityslide li b {
            font-weight: normal;
        }

        .cityslide li.empty {
            background: #fff2e8;
            color: #666;
        }

            .cityslide li.empty em {
                color: red;
                font-style: normal;
            }

.cityname {
    float: left;
}

.cityspell {
    float: right;
}

.cityBox {
    margin-top: 5px;
    padding: 5px;
    width: 420px;
    border: 1px solid #f9f9f9;
    overflow: hidden;
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.3);
}

    .cityBox ul {
        margin: 0;
        padding: 0 0 0 5px;
        overflow: hidden;
    }

        .cityBox ul li {
            float: left;
            list-style: none;
            padding: 0 4px 0 4px;
            border-bottom: 1px solid #f9f9f9;
            cursor: pointer;
            display: inline;
            line-height: 22px;
            font-weight: 600;
            text-align: center;
            min-width: 50px;
        }

            .cityBox ul li.on {
                border-bottom: 2px solid #008cd7;
                position: relative;
                color: #008cd7;
                font-weight: 700;
            }

.hide {
    display: none;
}

p.tip {
    color: #666;
    line-height: 20px;
    padding: 5px;
    margin-bottom: 5px;
    text-indent: 3px;
}

.hotCity {
    border-top: 1px solid rgba(0,0,0,0.3);
    clear: left;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    _margin-bottom: 8px;
}

.cityTab {
    overflow: hidden;
}

    .cityTab dl {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .cityTab dl dt {
            float: left;
            padding-left: 3px;
            color: #008cd7;
            text-indent: 5px;
            line-height: 22px;
            width: 30px;
            font-weight: 600;
        }

        .cityTab dl dd {
            margin-left: 1px;
            float: left;
            width: 380px;
        }

            .cityTab dl dd a {
                /*padding-left: 5px;*/
                width: 62px;
                line-height: 22px;
                display: inline-block;
                color: #666;
                text-decoration: none;
            }

                .cityTab dl dd a:hover {
                    color: #fff;
                    background-color: #008cd7;
                }

.cityinput {
    float: left;
    border-right: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    color: #666;
    width: 80px;
    font-size: 12px;
    padding: 0 10px 0 5px;
    background: #fafafa url(icon_b.jpg) no-repeat 80px center;
}