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



/*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{position:relative;z-index:10;margin-bottom:20px;background-color:#fff;transition:box-shadow 200ms;}
.list .in .card:hover{box-shadow:0 0 5px rgba(0,0,0,0.25);}

.list .in .card .hrow{display:table;width:100%;border-top:2px solid #da6;}
.list .in .card .hrow div{display:table-cell;padding:10px 20px;height:54px;vertical-align:middle;text-align:right;}

.list .in .card.done .hrow div span:nth-of-type(1){float:left;margin-right:20px;padding:0 20px;height:34px;border:1px solid #da6;border-radius:17px;color:#da6;line-height:32px;}
.list .in .card.done .hrow div span:nth-of-type(2){float:left;font-size:20px;line-height:34px;}
.list .in .card.done .hrow div span:nth-of-type(3){display:inline-block;height:34px;color:#E62;vertical-align:top;line-height:34px;}
.list .in .card.done .hrow div span:nth-of-type(3) i{font-size:20px;}
.list .in .card.done .hrow div span:nth-of-type(3) b{margin-left:5px;}
.list .in .card.wait .hrow div span:nth-of-type(1){float:left;margin-right:20px;padding:0 20px;height:34px;border:1px solid #ddd;border-radius:17px;color:#999;line-height:32px;}
.list .in .card.wait .hrow div span:nth-of-type(2){float:left;font-size:20px;line-height:34px;}
.list .in .card.wait .hrow div span:nth-of-type(3){display:inline-block;margin-right:10px;height:34px;color:#999;vertical-align:middle;line-height:34px;}
.list .in .card.wait .hrow div span:nth-of-type(3) i{padding-left:5px;color:#DA6;font-size:18px;}
.list .in .card.wait .hrow div span:nth-of-type(3) b{padding-right:5px;color:#DA6;font-size:18px;}
.list .in .card.wait .hrow div span:nth-of-type(4){display:inline-block;padding-left:10px;border-left:1px solid #ddd;color:#999;vertical-align:middle;line-height:17px;}
.list .in .card.wait .hrow div span:nth-of-type(4) i{padding:0 5px;color:#E62;font-size:18px;}
.list .in .card.wait .hrow div span:nth-of-type(4) b{color:#DA6;}

.list .in .card .brow{display:table;width:100%;border-top:1px solid #ddd;table-layout:fixed;}
.list .in .card .brow div{position:relative;display:table-cell;padding:20px;text-align:center;}
.list .in .card .brow div:nth-of-type(1){width:200px;}
.list .in .card .brow div:nth-of-type(2){width:200px;}
.list .in .card .brow div:nth-of-type(3){width:520px;}
.list .in .card .brow div:nth-of-type(4){width:280px;}
.list .in .card .brow div:before{position:absolute;top:20px;bottom:20px;left:0;border-left:1px solid #ddd;content:"";}
.list .in .card .brow div:nth-of-type(1):before{display:none;}
.list .in .card .brow div p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .in .card .brow div p:nth-of-type(1){margin-bottom:10px;}
.list .in .card .brow div p:nth-of-type(2){color:#999;}
.list .in .card .brow div:nth-of-type(3) p:nth-of-type(1) span{padding-right:10px;}

.list .in .card .frow{position:absolute;bottom:100px;left:400px;display:none;padding:10px;width:521px;border:1px solid #da6;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.25);}
.list .in .card .frow:before{position:absolute;bottom:-8px;left:252px;width:0;height:0;border-top:8px solid #da6;border-right:8px solid transparent;border-left:8px solid transparent;content:"";}
.list .in .card .frow:after{position:absolute;bottom:-6px;left:252px;width:0;height:0;border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent;content:"";}
.list .in .card .frow span{display:inline-block;width:248px;vertical-align:top;}
.list .in .card .frow span i{color:#999;}



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

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