.center .rank .cell {
	display: table-cell;
	width: 50%;
	text-align: center;
	padding: 0.8em;
}

.center .rank .cell1,.center .rank .cell2,.center .rank .cell3,.center .rank .cell4,.center .rank .cell5,.center .rank .cell6,.center .rank .cell7,.center .rank .cell8
	{
	border-bottom: 1px solid #E6E9ED;
}

.center .rank .cell1,.center .rank .cell3,.center .rank .cell5,.center .rank .cell7
	{
	border-right: 1px solid #E6E9ED;
}

.center .rank .cell span {
	display: block;
	font-size: 1.2em;
}

.center .rank .cell span:FIRST-CHILD {
	padding-bottom: 0.5em;
}

/* .center .cell span:FIRST-CHILD {
	color: #DD0000;
} */
.center .rank .cell span label {
	font-size: 1.33em;
	font-weight: bold;
}

.center .rank .record,.center .rank .sale,.center .rank .fan {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.center .rank .record .row,.center .rank .sale .row,.center .rank .fan .row
	{
	display: table-row;
	vertical-align: middle;
}

.center .rank .record .row>div,.center .rank .sale .row>div,.center .rank .fan .row>div
	{
	display: table-cell;
	text-align: center;
	font-size: 1.2em;
	padding: 0.8em;
	text-align: center;
	vertical-align: middle;
}

.center .rank .record .row>div {
	width: 33%;
}

.center .rank .sale .row .name {
	width: 50%;
}

.center .rank .sale .row .name span {
	display: block;
}

.center .rank .fan .row .name {
	width: 50%;
}

.center .rank .fan .row .name span {
	display: block;
}

.center .rank .sale .row .amt,.center .rank .sale .row .from,.center .rank .sale .row .status
	{
	width: 25%;
}

.center .rank .fan .row .amt,.center .rank .fan .row .from,.center .rank .fan .row .status
	{
	width: 25%;
}

.center .rank .record .title,.center .rank .sale .title,.center .rank .fan .title
	{
	background: #E6E9ED;
}

.center .rank .record .title>div,.center .rank .sale .title>div,.center .rank .fan .title>div
	{
	font-weight: bold;
}

.center .rank .record .cont,.center .rank .sale .cont,.center .rank .fan .cont
	{
	background: #FFF;
}

.center .rank .record .cont1,.center .rank .sale .cont1,.center .rank .fan .cont1
	{ /* background: #DD0000; */
	color: #FFF;
}

.center .rank .record .cont>div,.center .rank .sale .cont>div,.center .rank .fan .cont>div
	{
	border-bottom: 1px solid #E6E9ED;
}

/* .center .record .cont .amt,.center .sale .cont .amt,.center .fan .cont .amt {
	color: #DD0000;
} */
.center .rank .none {
	font-size: 1.2em;
	padding: 0.8em;
	text-align: center;
	background: #FFF;
}

.rank .loading {
	overflow: auto;
	text-align: center;
	background: #FFF;
}

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

.rank .loading .loading_word {
	position: relative;
	top: -1em;
}

#loading {
	font-size: 20px;
	width: 0.1em;
	height: 0.1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	margin: 0.8em;
}

.rank .hp {
	border-radius: 50%;
	float: left;
	width: 3.5em;
	height: 3.5em;
}

.rank .span1,.rank .span2,.rank .span3 {
	width: 60%;
	float: left;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 0.5em;
}

.rank .span2 {
	color: #999;
}

.rank .span3 {
	color: #FFF;
}

.center .rank .datatype {
	padding: 0.8em;
}

.center .rank .datatype .tabletype {
	display: table;
	width: 100%;
	text-align: center;
	background: #FFF;
}

.center .rank .datatype .tabletype>div {
	display: table-cell;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	width: 33.33%;
}

.center .rank .datatype .tabletype>div span {
	font-size: 1.2em;
}