<p data-id="350600">漳州市</p>
<p data-id="411700">驻马店市</p>
<p data-id="440800">湛江市</p>
<p data-id="520300">遵义市</p>
<p data-id="510300">自贡市</p>
<p data-id="530600">昭通市</p>
<p data-id="441200">肇庆市</p>
<p data-id="442000">中山市</p>
<p data-id="620700">张掖市</p>
<p data-id="512000">资阳市</p>
<p data-id="640500">中卫市</p>
</div>
</div>
</div>
</div>
<script>
$(function(){
$(".yp_indz").click(function(){
$(".dzhc_xs").addClass('on');
});
$(".yy_gb").click(function(){
$(".dzhc_xs").removeClass('on');
})
//加载城市事件
$('.container').show();
//选择城市 start
$("body").on('click', '.city-list p', function () {
$(".yp_indz em").text($(this).html());
$(".dzhc_xs").removeClass("on");
});
//点击索引查询城市
$("body").on('click', '.letter a', function () {
var s = $(this).data("html");
$(window).scrollTop($('#' + s + '1').offset().top);
$("#showLetter span").html($(this).html());
$("#showLetter").show().delay(500).hide(0);
});
//中间的标记显示
/*$("body").on('onMouse', '.showLetter span', function () {
$("#showLetter").show().delay(500).hide(0);
});*/
})
</script>
/*首页省份选择*/
.dzhc_xs {
position: absolute;
overflow: auto;
top: 0;
left: 0;
background: #fff;
width: 100%;
display:none;
z-index: 999999;
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
}
.dzhc_xs.on{display: block}
.showLetter {
position: fixed;
color: #00C7C7;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
border-radius: 50%;
border: #00C7C7 1px solid;
text-align: center;
display: none;
margin-left: -26px;
margin-top: -26px;
}
.showLetter span {
width: 50px;
height: 50px;
line-height: 50px;
font-size:2rem;
}
.letter {
width: auto;
position: fixed;
top: 10%;
right: 10px;
text-align: center;
}
.letter ul {
list-style-type: none;
}
.letter ul li a {
text-decoration: none;
color: #00C7C7;
font-size: 1.6rem;
}
.contai {
width: 100%;
margin-top:0;
}
.city {
width: 90%;
overflow: hidden;
padding: 20px;
padding-top: 0;
box-sizing:border-box;
}
.city-list {
width: 100%;
}
.city-list .city-letter {
font-size: 1.6rem;
display: inline-block;
padding-top: 15px;
padding-bottom: 5px;
