body {
	background-color: #F5F7FA;
}

.giftcardmanage_back {
	float: left;
    height: 2em;
    width: 2em;
    background: url("../../image/back.png") left no-repeat;
    background-size: 1em 1.8em;
}

.center {
	/* background-color: #FFF; */
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

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

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

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

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

.center .salesboard {
	background-color: #FFF;
	border-bottom: 1px solid #E6E9ED;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .month_percentage {
	padding-top: 0.8em;
	text-align: center;
	position: relative;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .month_percentage .month_board {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .month_percentage .month_board span {
	display: block;
}

.center .salesboard .month_percentage .month_board .span1 {
	font-size: 1.2em;
	color: #999;
}

.center .salesboard .month_percentage .month_board .span2 {
	padding-top: 0.4em;
	font-size: 1.8em;
}

.center .salesboard .month_percentage .board_more {
	position: absolute;
    right: 0em;
    top: 30%;
    padding: 0.8em;
}

.center .salesboard .month_percentage .board_more img {
	width: 0.8em;
    vertical-align: middle;
}

.center .salesboard .other_percentage {
	display: table;
	width: 100%;
	padding: 0.8em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .other_percentage>div {
	display: table-row;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .other_percentage>div>div {
	display: table-cell;
	width: 33.3333333%;
	text-align: center;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .salesboard .other_percentage .percentage_row .percentage_cell:nth-child(2) {
	border-left: 1px solid #E6E9ED;
	border-right: 1px solid #E6E9ED;
}

.center .salesboard .other_percentage .percentage_row .percentage_cell span {
	display: block;
}

.center .salesboard .other_percentage .percentage_row .percentage_cell .span1 {
	font-size: 1.2em;
	color: #999;
}

.center .salesboard .other_percentage .percentage_row .percentage_cell .span2 {
	font-size: 1.4em;
	color: #434A54;
	padding-top: 0.4em;
}

.center .cardrow {
	display: table-row;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardtable {
	display: table;
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow>div {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .cardinfo {
	border: 1px solid #E6E9ED;
	background-color: #FFF;
}

.center .cardrow>div:nth-child(1) {
	padding: 0.4em 0.4em 0.4em 0.8em;
}

.center .cardrow>div:nth-child(2) {
	padding: 0.4em 0.8em 0.4em 0.4em;
}

.center .cardrow:first-child>div {
	padding-top: 0.8em;
}

.center .cardrow:last-child>div {
	padding-bottom: 0.8em;
}

.center .cardrow .card .cardtitle,.center .cardrow .card .cardimg {
	text-align: center;
}

.center .cardrow .card .cardtitle {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	/* border-bottom: 1px solid #E6E9ED; */
}

.center .cardrow .card .cardtitle span {
	font-size: 1.2em;
	word-break: break-all;
    width: calc(50vw - 2.6em);
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.center .cardrow .card .cardimg {
	display: table;
	/* background-color: #F5F7FA; */
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .cardimg>div {
	display: table-cell;
    vertical-align: middle;
	padding: 0.8em 3em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .cardimg>div img {
	width: 100%;
	display: block;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .operate {
	display: table;
	width: 100%;
	text-align: center;
	border-top: 0.5px solid #E6E9ED;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .operate>div {
	display: table-cell;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.center .cardrow .card .operate>div:first-child{
	border-right: 1px solid #E6E9ED;
}

.center .cardrow .card .operate>div>div {
	display: inline-block;
	vertical-align: middle;
}

.center .cardrow .card .operate>div>div img {
	width: 1.2em;
	display: block;
}