body{ background:#f5f5f5;}

.filter{ width:100%; height:28px; border-bottom:solid 1px #b3b3b3; border-top:solid 1px #b3b3b3; display:-webkit-box; display:box; padding:8px 0; background:#FFF;}
.filter li{ -webkit-box-flex:1; box-flex:1; text-align:center; line-height:28px; font-size:14px; border-right:solid 1px #ddd; white-space:nowrap; max-width:25%;}
.filter li:last-child{ border-right:0;}
.filter li span{ max-width:-webkit-calc(100% - 18px); max-width:calc(100% - 18px); width:auto;}
.filter li .icon{ width:0px; height:0px; border-left:solid 5px transparent; border-right:solid 5px transparent; border-top:6px solid #ddd; display:inline-block; margin:6px 3px 9px 6px; display:inline-block; vertical-align:middle; -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
.filter li .icon.on{-webkit-transform:rotate(0deg); transform:rotate(0deg); border-top:solid 6px #888;}
.filter li .icon2{ border:solid 1px #888; width:10px; height:10px; border-left:0; border-bottom:0; position:absolute; right:14px; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); display:inline-block; margin-left:5px;}

.win_mask{ position:absolute; top:46px; right:0; bottom:0; left:0; width:100%; background-color: rgba(0,0,0,0); overflow:hidden; z-index:1}
.win_mask.on{background-color: rgba(0,0,0,.4);}
.win_mask.on .win{ opacity: 1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.win_mask .win{ position:absolute; opacity:0; left:0; top:0; width:100%; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
.win_mask .win .win_cont{ position:relative;}
.win_mask .win .sortlist{ opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); width:100%; background:#FFF; position:absolute; left:0; top:0; max-height:287px; overflow-y:hidden; overflow-y:auto;}
.win_mask .win .sortlist.on{ opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.win_mask .win .sortlist li{ line-height:20px; min-height:20px; border-bottom:solid 1px #e6e6e6; font-size:14px; color:#333; padding:10px;}

.wrapper{ top:46px;}

.slist{ margin-bottom:-30px;}
.slist li{margin-bottom: 10px; padding-right:10px; background:#FFF;padding-top:10px;padding-bottom:10px;padding-left:10px;}
.slist li .pic{ width:140px; height:110px; position:relative; margin-right:10px;}
.slist li .pic img{ width:140px; height:110px;}
.slist li .pic .p1{ width:140px; height:27px; line-height:27px; position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, 0.5); text-align:center; color:#FFF;}
.slist li .pic .p2{ width:140px; height:27px; line-height:27px; position:absolute; left:0; bottom:0; background:rgba(0, 174, 176, 0.5); text-align:center; color:#FFF;}
.slist li .info{ width:-webkit-calc(100% - 150px); width:calc(100% - 150px);}
.slist li .info p{ display:block;}
.slist li .info .p1{ line-height:22px; padding:5px 0 3px; color: #000; font-weight: bold;}
.slist li .info .p2{ line-height:22px; padding:3px 0;}
.slist li .info .p3{ line-height:20px; padding:2px 0; font-size:12px;}
.slist li .info .p3 *{ color:#333;}
.slist li .info .p4{ line-height:20px; padding:3px 0 5px 0; font-size:12px; color:#15b6d7;}
.slist li .info .p4 span{color:#15b6d7;}
.slist li .info .collect{ width:15px; height:15px; background:url(../../image/icon_collect.jpg) 0 0 / 15px 30px no-repeat; margin-top:3px;}
.slist li .info .collect.on{ background:url(../../image/icon_collect.jpg) 0 -15px / 15px 30px no-repeat;}
.pbox {position: relative; overflow: hidden;}
.pbox .floatL {
	width: 50%;
}
.pbox .p4 {
	position: absolute;
	right: 0;
	width: 50%;
	top: 50%;
	-webkit-transform:translateY(-50%); 
	transform:translateY(-50%);
}
.pbox .p4 span {font-size: 16px;}
.slist li .info .p5 {
	display: inline-block;
    padding: 2px 20px;
    border: 1px solid #e6e6e6;
    margin-top: 5px;
}

a * {color:#333};
.info .linklabel {float:right;margin-right:15px;}

@media(max-width: 320px) {
	.slist li .pic {
		width: 100px;
	}
	.slist li .pic img {
		width: 100px;
		height: initial;
	}
	.slist li .info{ width:-webkit-calc(100% - 110px); width:calc(100% - 110px);}
}