/**************样式重定义***************/

.search-box 
{
    float:left;
  	width:191px;
  	margin-left:33px;
}

#search-all 
{
    width:150px;
    height:30px;
    border:1px solid #234388;
    margin-top:20px;
    padding-left:5px;
    float:left;
}

.search-icon 
{
    width:34px;
    height:34px;
    display:block;
    float:left;
    background:#234388;
    color:#fff;
    margin-top:20px;
    cursor:pointer;
    line-height:34px;
    text-align:center;
}


.recycle-station-focus {
	border-bottom:2px solid #f22;
}






















/*****************************/

.main-container {
	width:100%;
	/*background:#eee;*/
	margin-bottom:40px;
	padding-bottom:30px;
}

.myorder-container {
	float:left;
	margin-left:20px;
	width:920px;
	background:#fff;
}


.order-navigation-container {
	width:100%;
	height:70px;
	box-sizing:border-box;
	border-bottom:2px solid #eee;
	font-size:17px;
}

.order-navigation-container ul {
	float:left;
}

.order-navigation-container ul li {
	float:left;
	width:110px;
	height:70px;
	line-height: 76px;
	text-align: center;
	box-sizing:border-box;
	cursor:pointer;
}

.order-navigation-container ul li:hover {
	color:#999;
}

.order-navigation-item {
	cursor:pointer;
}

.order-navigation-focus {
	border-bottom:2px solid #f22;
}

.recycle-station {
	margin-left:70px;
	height:70px;
	float:left;
	font-size:12px;
	line-height: 76px;
	text-align:right;
	color:#666;
	box-sizing: border-box;
}

.order-container {
	width:880px;
	margin:20px auto;
	padding-bottom:20px;
}

.order-title {
	margin-bottom:20px;
}

.order-title>ul>li {
	height:40px;
	line-height: 40px;
	background:#eee;
	float:left;
}

.sort-by-date {
	width:160px;
	text-indent:1em;
	font-size:14px;
	position: relative;
	cursor: pointer;
}

.sort-by-date:hover .date-sort-option-list{
	opacity:1;
}

#date-arr {
	
}

.date-sort-option-list {
	position: absolute;
	width:100px;
	top:40px;
	left:0px;
	border:1px solid #ccc;
	box-shadow:0 3px 3px #aaa;
	padding:4px;
	background:#fff;
	opacity: 0;
}

.date-sort-option {
	width:100px;
	height:20px;
	line-height: 20px;
	margin:0;
	font-size:12px;
	color:#000;
	text-align:left;
	text-indent:1em;
}

.date-sort-option:hover {
	color:#666;
}

.order-id-title {
	width:160px;
}

.order-store-title {
	width:120px;
}

.order-amount-title, .order-receiver-title, .order-price-title, .order-status-title, .order-operate-title {
	text-align: center;
	width:88px;
}

.order-status-title {
	position: relative;
	cursor: pointer;
}

.order-status-title:hover .order-status-option-list {
	opacity: 1;
}

#status-arr {

}

.order-status-option-list {
	position: absolute;
	width:100px;
	top:40px;
	left:0px;
	border:1px solid #ccc;
	box-shadow:0 3px 3px #aaa;
	padding:4px;
	background:#fff;
	opacity: 0;
}

.order-status-option {
	width:100px;
	height:20px;
	line-height: 20px;
	margin:0;
	font-size:12px;
	color:#000;
	text-align:left;
	text-indent:1em;
}

.order-status-option:hover {
	color:#666;
}

.order-table tbody {
	border:1px solid #000;
	margin:20px;
}

.order-store-item {
	width:100%;
	line-height:20px;
	border:1px solid #999;
	font-size:12px;
	margin-top:20px;
}

.order-unique-info {
	width:100%;
	height:40px;
	color:#666;
	background:rgb(246,246,246);
}

.order-unique-info ul {

}

.order-unique-info ul li {
	height:40px;
	line-height: 40px;
	float:left;
}

.order-date {
	width:160px;
	text-indent:1em;
	font-size:14px;
}

.order-id {
	width:160px;
	text-indent:1em;
}

.order-store {
	width:180px;
}

.order-space {
	/*width:400px;*/
}

.delete-icon {
	width:40px;
}

.order-item-info {
	width:100%;
	height:120px;
	background:#fff;
}

.order-item-info>ul>li{
	float:left;
}

.order-thumb {
	width:160px;
	height:120px;
}

.order-thumb img {
	margin:10px;
}

.order-style {
	width:280px;
}

.order-style ul li {
	float:none;
}

.order-amount, .order-receiver, .order-price, .order-status, .order-operate {
	width:88px;
	text-align: center;
}

.order-price {
	height:60px;
	margin-top:40px;
}

.order-price span {
	display:inline-block;
	
}

.order-status {
	height:60px;
	margin-top:40px;
}

.order-status span {
	display:inline-block;
}

.order-detail-btn {
	cursor:pointer;
	color:#33f;
}

.order-detail-btn:hover {
	color:#339;
}

.order-amount, .order-receiver, .order-operate {
	line-height:120px !important;
}

.order-operate {
	color:#33f;
	cursor: pointer;
}

.order-operate:hover {
	color:#339;
}

.order-item-detail-info {
	color:#333;
	/*text-indent: 1em;*/
	padding:0 10px;
}

.order-item-detail-info:first-child {
	margin-top:10px;
}