.wrapper {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#wrapper {
	top: 0px;
	bottom: 0px;
}

.center .loading {
	overflow: auto;
	text-align: center;
	padding: 0.5em;
	background: #E6E9ED;
}

.center .loading>div {
	display: inline-block;
}

.center .loading .loading_word {
	position: relative;
	top: -0.5em;
}

.center .loading img {
	width: 2em;
}

.center .fixed {
	height: 40px;
	margin-bottom: 0.8em;
}

.center .fixed .suspension-top {
	position: fixed;
}

.center .sort {
	width: 100%;
	background: #FFF;
	display: table;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.center .sort>div {
	display: table-cell;
	width: 25%;
	text-align: center;
}

.center .sort>div>span {
	font-size: 1.2em;
	display: inline-block;
}

.center .sort>div>span:FIRST-CHILD {
	padding: 0.8em 0em;
}

.center .sort>div>span:LAST-CHILD {
	width: 100%;
	padding: 1px;
	display: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.center .sort .selected>span:LAST-CHILD {
	display: block;
}

.center .order {
	background: #FFF;
	margin-bottom: 0.8em;
}

.center .order:LAST-CHILD {
	margin-bottom: 0em;
}

.center .order:HOVER {
	cursor: pointer;
}

.center .order .no_date {
	padding: 0.8em;
	border-bottom: 1px solid #E6E9ED;
	border-top: 1px solid #E6E9ED;
	font-size: 1.2em;
}

.center .order .no_date .date {
	float: right;
}

.center .record {
	display: table;
	width: 100%;
}

.center .record .cont {
	display: table-row;
}

.center .record .cont>div {
	display: table-cell;
	vertical-align: middle;
	padding: 0.8em;
	border-bottom: 1px solid #E6E9ED;
}

.center .record .cont .img {
	width: 4em;
	height: 4em;
}

.center .record .cont .img img {
	width: 4em;
	height: 4em;
	display: block;
}

.center .record .cont .goods>span,.center .record .cont .purchases>span
	{
	display: block;
	font-size: 1.2em;
}

.center .record .cont .goods>span {
	overflow: hidden;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-o-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	word-break: break-all;
}

.center .record .cont .goods .color_size,.center .record .cont .purchases .qty
	{
	margin-top: 0.5em;
}

.center .record .cont .goods {
	width: 100%;
	padding: 0.8em 0em;
}

.center .record .cont .goods .color_size {
	color: #999;
}

.center .record .cont .purchases {
	text-align: right;
	white-space: nowrap;
}

.center .record .cont .purchases .price { /* color: #DD0000;
	width: 6em; */
	
}

.center .order .sum_status {
	display: table;
	width: 100%;
	border-bottom: 1px solid #E6E9ED;
}

.center .order .sum_status .sum {
	display: table-cell;
	font-size: 1.2em;
	padding: 0.8em 0em 0.8em 0.8em;
	color: #999;
}

.center .order .sum_status .sum span {
	color: #DD0000;
}

.center .order .sum_status .status {
	padding: 0.6em 0.8em 0.6em 0em;
	text-align: right;
}

.center .order .sum_status .status span {
	color: #999;
	padding: 0.3em 0em;
	display: block;
	font-size: 1.2em;
}

.center .order .sum_status .status input,.center .order .sum_status .status button {
	border: none;
	/* background: #DD0000; */
	color: #FFF;
	height: 2.2em;
	font-size: 1.2em;
}

.center .order .sum_status .status input:HOVER {
	cursor: pointer;
}

.center .order .none {
	text-align: center;
	padding: 0.8em;
	font-size: 1.2em;
}