body {
	background-color:#F2F2F2
}
#main {
	margin-top:20px
}
.rank-icons {
	background:url(//app.sumeme.com/2339/www-v2/static/page/rank/images/rank-icons_04f8995.png) no-repeat 1000px 1000px
}
.rank-common-wrap {
	background-color:#FFF;
	font-family:"Microsoft YaHei";
	font-size:14px;
	border:1px solid #EBEBEB;
	border-radius:6px
}
.rank-common-wrap .rank-common-header {
	height:14px;
	line-height:14px;
	padding:8px 20px;
	border-bottom:1px solid #EBEBEB;
	color:#666
}
.rank-common-wrap .rank-common-header h3 {
	float:left
}
.rank-common-wrap .rank-common-header ul {
	float:right
}
.rank-common-wrap .rank-common-header li {
	float:left;
	padding:0 10px;
	border-right:1px solid #EBEBEB;
	cursor:pointer
}
.rank-common-wrap .rank-common-header li:hover,.rank-common-wrap .rank-common-header .active {
	color:#FFC107
}
.rank-common-wrap .rank-common-header li.last-tab {
	padding-right:0;
	border-right:0
}
.rank-common-wrap .rank-common-content {
	}
#rank-wrap {
	margin-right:-20px
}
#rank-wrap .rank-common-wrap {
	float:left;
	width:377px;
	margin:0 20px 0 0
}
#rank-wrap .rank-common-wrap:first-child {
	width:400px
}
#rank-wrap .last-rank {
	margin:0
}
#rank-wrap .rank-common-content {
	padding:0 20px
}
#rank-wrap .rank-common-content ul {
	display:none
}
#rank-wrap .rank-common-content .list-day {
	display:block
}
#rank-wrap .rank-common-content li {
	height:18px;
	line-height:18px;
	padding:20px 0 10px;
	border-top:1px solid #EBEBEB;
	color:#999
}
#rank-wrap .rank-common-content li.first-list-item {
	border-top:0
}
#rank-wrap .rank-common-content li i {
	float:left;
	font-style:normal;
	color:#BBB
}
#rank-wrap .rank-common-content li a {
	float:left;
	width:200px;
	margin:0 0 0 30px
}
#rank-wrap .rank-common-content li .starLV,#rank-wrap .rank-common-content li .richLV {
	float:right
}
#rank-wrap .rank-common-content .rank-top-three {
	height:87px;
	padding:10px 0 5px
}
#rank-wrap .rank-common-content .rank-top-three .star-avatar {
	float:left;
	position:relative;
	width:65px;
	height:87px
}
#rank-wrap .rank-common-content .rank-top-three .star-avatar img {
	position:absolute;
	left:0;
	bottom:0;
	width:65px;
	height:65px
}
#rank-wrap .rank-common-content .rank-top-three .star-avatar i {
	position:absolute;
	left:0;
	top:0
}
#rank-wrap .rank-common-content .rank-top-three a {
	float:left;
	width:185px;
	margin:45px 0 0 15px;
	font-size:16px
}
#rank-wrap .rank-common-content .rank-top-three .starLV,#rank-wrap .rank-common-content .rank-top-three .richLV {
	float:right;
	margin:45px 0 0
}
.rank-title {
	position:relative;
	clear:both
}
.rank-title>* {
	float:left
}
.rank-title a {
	font-size:24px;
	height:30px;
	line-height:30px;
	color:#999;
	font-family:"Microsoft YaHei"
}
.rank-title a:hover,.rank-title .curr {
	color:#F66
}
.rank-title i {
	display:block;
	width:1px;
	height:26px;
	margin:2px 20px 0;
	background-color:#F3F3F3
}
#week-star-wrap {
	width:1200px;
	margin:20px 0 0
}
#week-star-wrap .rank-common-header h3 {
	font-size:16px
}
#week-star-wrap .rank-common-header .tip-area {
	float:left;
	position:relative;
	margin:-2px 0 5px
}
#week-star-wrap .rank-common-header .tip-area a {
	display:block;
	width:20px;
	height:20px;
	background-position:0 -40px
}
#week-star-wrap .rank-common-header .tip-area div {
	display:none;
	position:absolute;
	top:-20px;
	left:35px;
	width:530px;
	line-height:16px;
	padding:10px;
	background-color:#F3F3F3;
	font-family:"宋体";
	font-size:12px;
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);
	box-shadow:0 0 1px rgba(0,0,0,.3);
	border-radius:10px
}
#week-star-wrap .rank-common-header .tip-area:hover div {
	display:block
}
#week-star-wrap .rank-common-header .tip-area div i {
	position:absolute;
	left:-7px;
	top:23px;
	display:block;
	width:8px;
	height:10px;
	background-position:-24px -45px
}
#week-star-wrap .rank-common-header .icon-refresh {
	float:right;
	display:block;
	width:20px;
	height:20px;
	margin:-3px 0 0;
	background-position:0 -60px;
	cursor:pointer
}
#week-star-wrap .rank-common-header .icon-refresh:hover {
	background-position:-20px -60px
}
#week-star-wrap .rank-common-header .icon-refresh.loading {
	background-position:-40px -60px;
	-webkit-animation:rotate 1s infinite linear;
	animation:rotate 1s infinite linear
}
@-webkit-keyframes rotate {
	from {
	-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg)
}
}@keyframes rotate {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}#week-star-wrap .rank-common-content {
	min-height:910px;
	padding:20px 20px 0
}
#week-star-wrap .rank-common-content>ul {
	margin:0 -10px
}
.week-gift-info {
	float:left;
	margin:0 10px 20px;
	width:568px;
	height:288px;
	border-radius:4px;
	border:solid 1px #ffc107;
	overflow:hidden
}
.week-gift-info p {
	color:#999;
	font-size:12px
}
.wg-gift {
	background-color:#ffe65e;
	border-bottom:solid 1px #ffc107;
	height:60px;
	padding:15px 0 15px 253px;
	position:relative
}
.wg-gift img {
	height:58px;
	width:58px;
	border-radius:50%;
	border:solid 1px #ffc107;
	float:left;
	margin-left:-70px;
	background-color:#fff
}
.wg-gift h3 {
	font-size:14px;
	color:#666;
	padding:5px 0
}
.wg-gift-super {
	position:absolute;
	left:0;
	top:0;
	background:url(//app.sumeme.com/2339/www-v2/static/page/rank/images/week-star-super_58a88d2.png) no-repeat 0 0;
	width:109px;
	height:93px
}
.wg-rank {
	margin:0 8px
}
.wg-rank li {
	vertical-align:top;
	border-bottom:solid 1px #ebebeb;
	padding:10px 0 10px 18px;
	height:40px
}
.wg-rank-num {
	float:left;
	margin-left:-18px;
	font-style:normal;
	font-family:"Segoe UI";
	width:12px;
	text-align:center;
	font-size:16px
}
.wg-rank-info {
	float:left;
	width:250px
}
.wg-rank-info p {
	}
.wg-rank-info .richLV,.wg-rank-info .starLV {
	vertical-align:middle;
	width:42px
}
.wg-rank-info .starLV {
	width:20px
}
.wg-rank-info .text-overflow {
	max-width:150px
}
.wg-rank li:first-child {
	height:55px
}
.wg-rank li:first-child .wg-rank-num {
	color:#ff4a4a;
	line-height:60px
}
.wg-rank-info img {
	float:left;
	margin:-5px 0 0 -70px;
	border-radius:50%;
	width:60px;
	height:60px;
	background-color:#ddd;
	-webkit-box-shadow:0 0 5px rgba(100,100,100,.4);
	box-shadow:0 0 5px rgba(100,100,100,.4)
}
.wg-rank li:first-child .wg-rank-info {
	padding-left:70px;
	width:180px;
	padding-top:5px
}
.wg-rank li:first-child .wg-rank-info p {
	padding-top:5px
}
.wg-rank li:first-child .text-overflow {
	max-width:100px
}
#gift-week-wrap {
	width:1200px;
	margin:20px 0
}
#gift-week-wrap .rank-common-content {
	padding:10px 20px 0
}
#gift-week-wrap .rank-common-content li {
	float:left;
	width:366px;
	height:40px;
	line-height:40px;
	padding:10px 0 5px;
	margin:0 20px 0 0;
	font-size:14px;
	border-bottom:1px dotted #EBEBEB
}
#gift-week-wrap .rank-common-content .no-mr {
	margin:0
}
#gift-week-wrap .rank-common-content li .gift {
	float:left
}
#gift-week-wrap .rank-common-content li .gift-img {
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align:middle;
	background-color:#FFF3F3;
	border-radius:50%
}
#gift-week-wrap .rank-common-content li .gift-img img {
	width:35px;
	height:35px;
	margin:2px 0 0 2px
}
#gift-week-wrap .rank-common-content li .anchor {
	float:right
}
#gift-week-wrap .rank-common-content li .anchor a {
	display:inline-block;
	max-width:130px;
	font-size:12px
}
#gift-week-wrap .rank-common-content li .anchor .starLV {
	vertical-align:middle
}