blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

body{font-family:Arial,YouYuan,sans-serif;color:#333}

h1,h2,h3,h4,h5,h6{font-weight:400}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}

a{color:#333;text-decoration:none;transition:all .3s}

em{font-style:normal}

img{border:0;vertical-align:middle}

li,ol,ul{list-style:none}

button,input,select,textarea{vertical-align:middle;font-size:14px;font-family:inherit;line-height:normal;outline:0}

button{cursor:pointer}

table{border-collapse:collapse}

video{object-fit:contain}

html{font-size:16px}

.clearfix:after{content:"";display:block;clear:both}

.fl{float:left}

.fr{float:right}

body{max-width:750px;margin:0 auto}

.top{display:flex;flex-wrap: wrap; padding:22px 0;justify-content:center;background:url(../img/1-4/1-3back-top.png) no-repeat top;min-height:144px;box-sizing:border-box}

.top h2{font-size: 1.5rem;text-align: center;font-weight: bold;}

.top h2 a{display: block;color: #263866;}

.top2{display:flex;background:url(../img/m-201901041104.jpg) no-repeat top;height:400px;box-sizing:border-box}

.top .search{padding:0 29px;height:42px;display:flex;color:#8f8e91;justify-content:center;align-items:center}

.top .search i{font-size:1.2rem;margin-right:12px}

.top .search input{border:0;background:0 0;width:260px}

.top .search{background-color:#fff;border-radius:7px}

.nearby{padding:0 31px;margin-top:30px}

.nearby .title{display:flex;width:100%;justify-content:space-between;position:relative;padding-bottom:16px;margin-bottom:16px}

.nearby .title h3{color:#263866;font-size:1.25rem;font-weight:600;line-height:40px}

.nearby .title::after{position:absolute;bottom:0;content:"";display:block;width:100%;height:1px;background:#263866}

.nearby .downloadApp a{display:inline-block;border-radius:7px;color:#263866;font-size:1rem;line-height:40px;padding:0 22px;background-color:#f1f6fe}

.nearby .tags{display:flex}

.nearby .tags li{border:1px solid #263866;border-radius:7px;line-height:22px;padding:0 6px;font-size:.75rem;margin-right:15px;cursor:pointer;transition:all .1s}

.nearby .tags a{color:#263866}

.nearby .tags li.active,.nearby .tags li:hover{background-color:#f1f6fe;border:1px solid transparent}

.nearby .location{margin-top:20px;padding-bottom:30px}

.nearby .location li{box-sizing:border-box;padding:21px 22px;border-radius:5px;background-color:#f1f6fe;margin-bottom:7px;display:flex;color:#263866;font-size:.75rem}

.nearby .city{font-size:2.5rem;width:70px;line-height:70px;height:70px;text-align:center;color:#fff;margin-right:25px;flex:0 0 auto;background-color:#263866;border-radius:5px}

.nearby .info{width:100%;position:relative}

.nearby .info h3{color:#263866;font-size:1.125rem;margin-bottom:9px;font-weight:600}

.nearby .info div{display:flex}

.nearby .info div i{margin-right:7px;color:#f3b800}

.nearby .info div p{padding-right:18px;box-sizing:border-box; height:18px; overflow:hidden;}

.nearby .info div a{color:#263866;line-height:18px}

.nearby .intro::before{content:"";display:block;width:100%;height:1px;background:#fff;margin:7px 0 10px 0}

.nearby .distance{font-size:1.375rem;color:#f3b800;top:10px;right:10px;margin-bottom: 5px;}

.nearby .distance span{color:#263866;font-size:.75rem}

@media screen and (max-width:650px){

.nearby .info div{flex-wrap:wrap}

}

@media screen and (max-width:550px){

.nearby .distance{top:-2px;right:-7px}

}