/*condition*/
.condition{margin-bottom:20px;min-width:1200px;}
.condition .out{margin:0 auto;padding:20px;width:1200px;background-color:#fff;}
.condition .in{ }

.condition .in .tags{position:relative;display:none;overflow:hidden;margin-bottom:20px;height:30px;}
.condition .in .tags h4{position:absolute;top:0;left:0;width:120px;height:30px;color:#666;line-height:30px;}
.condition .in .tags div{padding-left:130px;}
.condition .in .tags div button{float:right;width:100px;border-color:#da6;border-radius:3px;color:#da6;}
.condition .in .tags div button:hover{background-color:#da6;color:#fff;}
.condition .in .tags div button:active{background-color:#fff;color:#da6;}
.condition .in .tags div span{float:left;display:none;margin-right:10px;height:30px;border:1px solid #ddd;line-height:28px;cursor:pointer;transition:border-color 200ms;}
.condition .in .tags div span:hover{border-color:#f33;}
.condition .in .tags div span.active{display:inline-block;}
.condition .in .tags div span i{float:left;padding-left:5px;color:#666;}
.condition .in .tags div span b{float:left;overflow:hidden;max-width:120px;color:#666;text-overflow:ellipsis;white-space:nowrap;}
.condition .in .tags div span u{float:left;width:28px;color:#bbb;text-align:center;font-weight:bold;transition:color 200ms;}
.condition .in .tags div span:hover u{color:#f33;}

.condition .in .attr{margin-bottom:20px;padding:0 20px;border:1px solid #ddd;}
.condition .in .attr dl{position:relative;padding:10px 0;border-bottom:1px dashed #ddd;}
.condition .in .attr dl:last-child{border-bottom:none;}
.condition .in .attr dt{position:absolute;top:0;bottom:-1px;left:-20px;padding:10px 0 10px 20px;width:110px;background-color:rgba(0,0,0,0.05);color:#999;line-height:30px;}
.condition .in .attr dl:last-child dt{bottom:0;}
.condition .in .attr dd{margin-left:-1px;padding-left:110px;}
.condition .in .attr dd:after{clear:both;display:block;height:0;content:"";}
.condition .in .attr dd i{float:left;margin-right:5px;padding:0 10px;height:30px;border-radius:3px;line-height:30px;cursor:pointer;transition:background-color 200ms,color 200ms;}
.condition .in .attr dd i.active{background-color:#da6;color:#fff;cursor:default;}
.condition .in .attr dd i:hover{background-color:#da6;color:#fff;}

.condition .in .prop{height:70px;}
.condition .in .prop .xjSelected.xjSelected-disabled{background-color:#f5f5f5;opacity:1;}
.condition .in .prop .xjSelected.xjSelected-disabled .xjSelected-tip{opacity:0.5;}
.condition .in .prop .xjSelected.xjSelected-disabled .xjSelected-caret{opacity:0.5;}



/*control*/
.control{margin-bottom:20px;min-width:1200px;}
.control .out{margin:0 auto;padding:20px;width:1200px;height:74px;background-color:#fff;}
.control .in{ }

.control .in .sort{float:left;margin-right:20px;margin-left:1px;}
.control .in .sort span{position:relative;float:left;margin-right:-1px;padding:0 10px;border:1px solid #ddd;border-color:#ddd;line-height:32px;cursor:pointer;transition:all 200ms;}
.control .in .sort span i{display:none;padding-left:5px;height:32px;vertical-align:top;}
.control .in .sort span:hover{z-index:1;border-color:#da6;background-color:#da6;color:#fff;}
.control .in .sort span:hover i{color:#fff;}
.control .in .sort span.active{z-index:1;border-color:#da6;background-color:#da6;color:#fff;}
.control .in .sort span.active i{display:inline-block;color:#fff;}
.control .in .sort span.reverse{z-index:1;border-color:#da6;background-color:#da6;color:#fff;}
.control .in .sort span.reverse i{display:inline-block;color:#fff;}
.control .in .sort span.reverse i{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);transform:scale(1,-1);-ms-transform:scale(1,-1);}

.control .in .range{ }

.control .in .amount{float:right;color:#999;line-height:34px;}
.control .in .amount i{padding:0 5px;color:#e62;}



/*list*/
.list{margin-bottom:20px;min-width:1200px;}
.list .out{margin:0 auto;width:1200px;}
.list .in{ }

.list .in .load{height:90px;background-color:#fff;}

.list .in .none{padding:30px;background-color:#fff;color:#999;text-align:center;font-size:16px;line-height:30px;}
.list .in .none a{padding:0 10px;color:#29F;}
.list .in .none a:hover{text-decoration:underline;}

.list .in .card{background-color:#fff;}
.list .in .card div{display:table;table-layout:fixed;display:table;width:100%;height:70px;border-top:2px solid #da6;background-color:#fff7ec;}
.list .in .card div span{display:table-cell;padding:0 10px;color:#999;vertical-align:middle;text-align:center;}
.list .in .card div span:nth-of-type(1){width:100px;}
.list .in .card div span:nth-of-type(2){width:120px;}
.list .in .card div span:nth-of-type(3){width:320px;}
.list .in .card div span:nth-of-type(4){width:150px;}
.list .in .card div span:nth-of-type(5){width:150px;}
.list .in .card div span:nth-of-type(6){width:150px;}
.list .in .card div span:nth-of-type(8){width:110px;}
.list .in .card a{display:table;table-layout:fixed;display:table;margin-top:-1px;width:100%;height:70px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:box-shadow 200ms;}
.list .in .card a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
.list .in .card a span{display:table-cell;padding:0 10px;vertical-align:middle;text-align:center;line-height:17px;}
.list .in .card a span:nth-of-type(1){width:100px;}
.list .in .card a span:nth-of-type(1) i{display:inline-block;padding:0 20px;height:34px;border:1px solid #da6;border-radius:17px;color:#da6;vertical-align:middle;line-height:32px;}
.list .in .card a span:nth-of-type(2){width:120px;}
.list .in .card a span:nth-of-type(3){width:320px;}
.list .in .card a span:nth-of-type(3) i{padding:0 5px;}
.list .in .card a span:nth-of-type(4){width:150px;}
.list .in .card a span:nth-of-type(5){width:150px;}
.list .in .card a span:nth-of-type(6){width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list .in .card a span:nth-of-type(7){width:100px;color:#E62;}
.list .in .card a span:nth-of-type(8){width:110px;}



/*page*/
.page{margin-bottom:60px;min-width:1200px;}
.page .out{margin:0 auto;}
.page .in{}

.page .in .xjPagination-button:empty{display:none;}