@charset "utf-8";footer{background:#fff}
.hx{text-align:center;padding:35px 0 25px}
.hx h1{font-size:33px;color:#333}
.tjt{text-align:center;font-size:17px;color:#777;padding-bottom:20px;position:relative;z-index:1}
.date {
font-size: 12px;
color: #999;float:right;
}
.tjls li {
float: left;
width: 25%;
overflow: hidden;
padding-bottom: 10px;
}
.tjls li a {
display: block;
padding: 15px 15px 25px;
position: relative;
z-index: 1;
background: #fff;
margin: 5px;
}
.tjls li img{display:block;border-radius:5px;width:100%;background:#f5f5f5}
.tjls li strong {
display: block;
height: 25px;
line-height: 25px;
font-weight: 400;
font-size: 16px;
color: #4662D9;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 10px 6px 15px;
}
.tjls li a:hover strong{color:#f50}
.tjls li p{padding:0 5px;position:relative;z-index:1;height:22px;line-height:22px}
.tjls li .tag{border:solid 1px #adadad;
padding:0 5px;color:#777;white-space:nowrap;border-radius:3px;display:inline-block;height:20px;font-size:12px;line-height:20px}
.tjls li .fee{color:#f50;position:absolute;top:2px;right:5px}
.overimgsp a img{-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-o-transition:all 1.2s;-ms-transition:all 1.2s;transition:all 1.2s}
.overimgsp a:hover img{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}
.nopictext{display:block;padding:0 10%;font-size:25px;text-align:center;color:#565656;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;top:27%;position:absolute;left:0;width:80%}
.category,.city{padding-bottom:20px}
.city h3,.category h3{font-size:26px;display:block;text-align:center;padding:25px 0}
.city ul, .category ul {
border: solid 1px #dadada;
border-radius: 8px;
padding: 10px 0 25px 25px;
background: #fff;
}
.city li, .category li {
float: left;
padding: 15px 2% 5px 10px;
font-size: 15px;
width: 30%;
height: 22px;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
white-space: nowrap;
}
.city li a,.category li a{color:#4662D9}
.city li a:hover,.category li a:hover{color:#f50}
@media screen and ( max-width:1000px ){.tjls li{width:33%}
.tjls li a{padding:5px}
.hx{padding:30px 0 10px}
.hx h1{font-size:26px;color:#333}
.city h3,.category h3{font-size:20px}
.category,.city{padding-bottom:20px;border-top:solid 10px #eee}
.city ul,.category ul{padding:5px 0 10px 10px;margin:0 10px}
.city li, .category li {
padding: 10px 0 5px 0;
}
}@media screen and ( max-width:750px ){.tjls li{width:50%}
.hx h1{font-size:22px;color:#555}
.hx{padding:25px 0 5px}
.tjt{font-size:14px;color:#999}
}