@charset "utf-8";
*{margin:0; padding:0;list-style:none;text-decoration: none; color: #333; font-size: 14px;} img{vertical-align:middle; border:none}
body{ font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;  background: #f7f7f7;}
.fl{ float: left;}.fr{ float: right;}.clear{ clear: both;} 
.nodata{line-height: 50px;font-size: 18px;color: #555;}
.price{color: #ff0000;font-size: 14px;margin-right: 10px;} 
input{-webkit-appearance : none; }

/*分页*/
.page{text-align: left;padding: 10px 0;margin: 20px 0;overflow: hidden;width: 650px; line-height: 32px;}
.page a{ height: 30px;line-height: 30px;border: 1px solid #ddd;color: #666;margin: 0 2px;background: #fff;padding: 0 8px;text-align: center;float: left;font-size: 12px;}
.page span{ height: 32px;line-height: 32px;margin: 0 2px;width: 32px;text-align: center; float: left; font-size: 12px;}

/*头部*/
.header{position: fixed; left: 0; right: 0; background: #fff;box-shadow: 0px 2px 8px #ddd; padding:15px 15px 15px 100px;} 
.header .search{ position: relative; width: 100%;max-width: 650px;}
.header .search .input{height: 50px;padding: 0 50px 0 10px;border: none;overflow: hidden;width: 100%;border: 1px solid #c8c8c8;line-height: 48px;box-sizing: border-box;}
.header .search .submit{float: left;color: #fff;letter-spacing: 1px;background: url(/static/common/search/search.png) no-repeat center center / 26px auto;height: 50px;border: none;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 999;width: 50px;}
.shadow{box-shadow: 0px 0px 4px #ccc;}

/*排序*/
.order{padding: 90px 0 0 100px;}
.order ul{ overflow: hidden;}
.order ul li{ float: left;}
.order ul li a{display: block;height: 36px;line-height: 36px;border-bottom: 2px solid #f7f7f7;font-size: 14px;color: #666;padding: 0 13px;}
.order ul li a:hover{ color: #444;}
.order ul .active a{ font-weight: bold; border-bottom: 2px solid #000; color: #000;}

/*搜索结果*/
.result{ padding-left: 100px; background: #fff;}
.result ul{width: 650px; padding-top: 10px;}
.result ul li{margin-bottom: 14px;} 
.result ul li .title a{color: revert;font-size: 17px;text-decoration: underline;line-height: 40px;display: inline-block;overflow: hidden; text-overflow: ellipsis; width: 100%;white-space: nowrap;}
.result ul li .row{ overflow: hidden;}
.result ul li .row .picture{ width: 120px; float: left;}
.result ul li .row .picture img{ width: 100%;}
.result ul li .row .content{ margin-left: 140px;}
.result ul li .row .content .describe{font-size: 13px;line-height: 22px;max-height: 66px; overflow: hidden;color: #555;}
.result ul li .row .content .link{margin-top: 10px; overflow: hidden;}
.result ul li .row .content .link .time{ float: left;float: left;color: green;font-size: 13px;margin-right: 10px;}
.result ul li .row .content .link .browse{float: left;color: #666;font-size: 13px;margin-right: 10px;} 
.result ul li .row .content .link .tag{float: left;color: #666;font-size: 13px;text-decoration: underline;} 


@media screen and (max-width:768px){ 
	.result ul {width: auto;}
	.page { width: auto;} 
}
@media screen and (max-width:550px){
	.header {padding: 10px 3%; } 
	.header .search .input{height: 40px; line-height: 38px;}
	.header .search .submit { width: 40px; height: 40px;background: url(/static/common/search/search.png) no-repeat center center / 20px auto;}
	
	.order {padding: 65px 0 0 3%;}
	.result {padding:0 3%;}
	.result ul li .title a {font-size: 14px;}
	
}