@charset "utf-8";
/*----------------------------------------
Name: index.css
Date Created:2013/05/09 [xian.zhang]
Last Updated:2013/05/10 [xian.zhang]
----------------------------------------*/
@import url("reset.css");
a:hover { text-decoration:underline; }
img { vertical-align:top; }
/*------------common-----------------*/
body { background:url(../images/bg_010.jpg) no-repeat center top #150808; }
#wrapper { background:url(../images/bg_020.jpg) no-repeat center 679px; }
#header{ position: relative;width:1000px;height:786px;  margin:0 auto;z-index: 1;}
#header .top-bar{
   position: absolute;
	top: 18px;
	right: 5px;
	color: #8f230c;
	font-size: 14px;
}
#header .top-bar a{
	color: #8f230c;font-size: 14px;
}
#header .top-bar a.btn-01{
	display: inline-block;
	width: 90px;
	height: 24px;
	background: url(../images/btn_01.jpg) no-repeat 0 0;
	color: #ffeec8;
	text-align: center;
	line-height: 24px;
	
}
#header .top-bar a.btn-01:hover{
	background: url(../images/btn_01.jpg) no-repeat  0 -24px;
	text-decoration: none;
}
#contents { width:1000px; margin:0 auto; }
.tab-top {
	padding-left: 160px;
}
.tab-top a{
	display: inline-block;
	width: 320px;
	height: 100px;
	padding-top: 20px;
	margin-right: 45px;
	background: url(../images/tab_bg.png) no-repeat -320px 0;color: #b93a22;
	text-align: center;

	font-size: 36px;
	font-weight: bolder;
	text-decoration: none;
	
}
.tab-top a.on{
	background: url(../images/tab_bg.png) no-repeat 0 0;
	color: #fcefa7;
}
.ttl{
	padding: 22px 0;
	text-align: center;
}
.players-rank{
	position: relative;
	padding: 43px 0 0 0;
	z-index: 1;
}
.players-rank .top-week{
	width: 914px;
	height: 93px;
	margin-left: 45px;
	background: url(../images/tab_week.png) no-repeat 0 0;
}
.players-rank .top-week a{
	display:block;
	float: left;
	width: 182px;
	height: 80px;
	overflow: hidden;
	text-indent: -99999px;
}
.players-rank .top-week a.on.num-01{
	background: url(../images/tab_week.png) no-repeat 0 -94px;
}
.players-rank .top-week a.on.num-02{
	background: url(../images/tab_week.png) no-repeat -182px -94px;
}
.players-rank .top-week a.on.num-03{
	background: url(../images/tab_week.png) no-repeat -364px -94px;
}
.players-rank .top-week a.on.num-04{
	background: url(../images/tab_week.png) no-repeat -546px -94px;
}
.players-rank .top-week a.on.num-05{
	background: url(../images/tab_week.png) no-repeat -728px -94px;
}
.players-rank .count{
	padding-top: 14px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	color: #ffeaa1;
}
.pan-rank{
	position: relative;
	width: 850px;
	height: 770px;
	z-index: 1;
}
.pan-rank div{
	position: absolute;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
.pan-rank div span.name{
	display: block;
	font-size: 16px;
}
.pan-rank .rank-01{
	background: url(../images/rank_1.png) no-repeat 0 0;
	width: 186px;
	height: 150px;
	top: 0;
	left: 410px;
	padding-top: 32px;
	
}
.pan-rank .rank-02{
	background: url(../images/rank_2.png) no-repeat 0 0;
	width: 186px;
	height: 150px;
	top: 30px;
	left: 162px;
	padding-top: 32px;
	
}
.pan-rank .rank-03{
	background: url(../images/rank_3.png) no-repeat 0 0;
	width: 186px;
	height: 150px;
	top: 30px;
	left: 654px;
	padding-top: 32px;
	
}
.pan-rank .rank-04{
	background: url(../images/rank_4.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 235px;
	left: 210px;
	padding-top:63px;
	
}
.pan-rank .rank-05{
	background: url(../images/rank_5.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 235px;
	left:416px;
	padding-top:63px;
	
}
.pan-rank .rank-06{
	background: url(../images/rank_6.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 235px;
	left:632px;
	padding-top:63px;
	
}
.pan-rank .rank-07{
	background: url(../images/rank_7.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 380px;
	left:110px;
	padding-top:63px;
	
}
.pan-rank .rank-08{
	background: url(../images/rank_8.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 380px;
	left:316px;
	padding-top:63px;
	
}
.pan-rank .rank-09{
	background: url(../images/rank_9.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 380px;
	left:522px;
	padding-top:63px;
	
}
.pan-rank .rank-10{
	background: url(../images/rank_10.png) no-repeat 0 0;
	width: 186px;
	height: 65px;
	top: 380px;
	left:728px;
	padding-top:63px;
	
}
.pan-rank .rank-11{
	background: url(../images/rank_11.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 525px;
	left:40px;
	padding-top:50px;
	
}
.pan-rank .rank-12{
	background: url(../images/rank_12.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 525px;
	left:226px;
	padding-top:50px;
	
}
.pan-rank .rank-13{
	background: url(../images/rank_13.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 525px;
	left:412px;
	padding-top:50px;
	
}
.pan-rank .rank-14{
	background: url(../images/rank_14.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 525px;
	left:598px;
	padding-top:50px;
	
}
.pan-rank .rank-15{
	background: url(../images/rank_15.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 525px;
	left:784px;
	padding-top:50px;
	
}
.pan-rank .rank-16{
	background: url(../images/rank_16.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 640px;
	left:40px;
	padding-top:50px;
	
}
.pan-rank .rank-17{
	background: url(../images/rank_17.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 640px;
	left:226px;
	padding-top:50px;
	
}
.pan-rank .rank-18{
	background: url(../images/rank_18.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 640px;
	left:412px;
	padding-top:50px;
	
}
.pan-rank .rank-19{
	background: url(../images/rank_19.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 640px;
	left:598px;
	padding-top:50px;
	
}
.pan-rank .rank-20{
	background: url(../images/rank_20.png) no-repeat 0 0;
	width: 166px;
	height:57px;
	top: 640px;
	left:784px;
	padding-top:50px;
	
}
.info-01{
	clear: both;
	margin-top: 20px;
	height: 660px;
}
#footer{
	clear: both;
	width: 1000px;
	margin: 0 auto;
/*	padding-top: 40px;*/
	padding-bottom: 80px;
	text-align: center;
}
.ran20{
	margin-top: -15px;
	padding-bottom: 100px;
	padding-left: 40px;
}
.ran20 li{
	float: left;
	width: 150px;
	color: #FFF;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
}
.ran20 li em{
	color: #f6cf2c;
}

.info-01{
	position: relative;
	z-index: 1
}
.infoPan-01,.infoPan-02,.infoPan-03,.infoPan-04,.infoPan-05,.infoPan-06{
	display: none;
	position: absolute;
	width: 160px;
	height: 185px;	
	padding: 30px 20px 0;
    background: url(../images/bg_box.png) no-repeat 0 0;
color: #ffeab3;
}
.infoPan-01{
	top: 210px;
	left: 60px;
}
.infoPan-02{
	top: 210px;
	left: 210px;
}
.infoPan-03{
	top: 210px;
	left: 360px;
}
.infoPan-04{
	top: 210px;
	left: 510px;
}
.infoPan-05{
	top: 210px;
	left: 660px;
}
.infoPan-06{
	top: 210px;
	left: 810px;
}
/* 02-23 add*/
.pan-rank{
	margin-top: 54px;
}

.players-rank .count{
	margin-top: -54px;
	padding-left: 385px;
}
/* ++++++++++++++++ 23-03-01 ++++++++++++++++*/
@-webkit-keyframes step {
100% {
background-position:-792px
}
}
@-moz-keyframes step {
100% {
background-position:-792px
}
}
@keyframes step {
100% {
background-position:-792px
}
}

/* .month .pride-wrap .reward .title-1,   .month .pride-wrap .reward .title-2,   .month .pride-wrap .reward .title-3,   .month .pride-wrap .reward .title-4,   .month .pride-wrap .reward .title-5,   .month .pride-wrap .reward .title-6,   .week .pride-wrap .reward .gift,   .month .pride-wrap .reward .gift,   .week .rank-title,   .month .rank-title,    */
.player_rank{
	background-size: 1350px 265px;
	background-image: url(../images/bundle_1_z_291a937.png);
	background-position: -345px 17px;
	height: 112px;
	width: 1038px;
	margin-left: -2px;
	background-repeat: no-repeat;
}
.week .pride-title,   .month .pride-title {
	background-size: 1350px 265px;
	background-image: url(../images/bundle_1_z_291a937.png);
	background-position: 0px 0px;
}
.week .pride-wrap .reward .title-1,   .week .pride-wrap .reward .title-2,   .week .pride-wrap .reward .title-3,   .week .pride-wrap .reward .title-4,   .week .pride-wrap .reward .title-5 {
	background-image: url(../images/mori.png);
	background-size: 78px 109px;
    background-position: 0px 0px;
}
 .week .pride-wrap .reward .title-4 {
    background-position: 0px 0px;
}
.week .pride-title {
    background-position: -343px -86px;
}
.week .pride-wrap .reward .gift {
    background-position: -232px -97px;
}
 .month .pride-wrap .reward .gift {
    background-position: -232px -97px;
}
.week .pride-wrap .reward .title-4 {
    height: 87px;
    width: 106px;
    background-repeat: no-repeat;
}
  .week .rank-title {
	width: 698px;
	height: 68px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .week .slide-wrap {
	margin-top: 64px
}
  .week .slide-ctrl {
	width: 896px;
	height: 78px;
	padding: 8px 9px;
	background: url( ../images/slide-ctrl_3dba37e.png) no-repeat;
	margin: 0 auto;
	overflow: hidden
}
  .week .slide-ctrl li {
	float: left;
	width: 179px;
	height: 68px;
	padding-top: 10px;
	text-align: center;
	cursor: pointer
}
  .week .slide-ctrl li .tit {
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #360a02
}
  .week .slide-ctrl li .cont {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #7a1c1c
}
  .week .slide-ctrl li.cur .tit {
	color: #bf1f1f
}
  .week .slide-pan {
	width: 1000px;
	display: none
}
  .week .slide-pan .count {
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffeaa1;
	font-size: 14px
}
  .week .slide-pan .rank-week {
	position: relative;
	width: 100%;
	height: 772px;
	background: url( ../images/rank-week_8960bde.png) no-repeat
}
  .week .slide-pan .no-data {
	background: url( ../images/no-data_dc2d611.png) no-repeat center
}
  .week .slide-pan .rank {
	position: absolute;
	width: 148px;
	height: 44px;
	text-align: center;
	font-size: 14px;
	color: #fff
}
  .week .slide-pan .rank .server {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .week .slide-pan .rank .rank-name {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .week .slide-pan .rank-1,   .week .slide-pan .rank-2,   .week .slide-pan .rank-3 {
	color: #fff
}
  .week .slide-pan .rank-1 {
	top: 43px;
	left: 426px
}
  .week .slide-pan .rank-2 {
	top: 74px;
	left: 181px
}
  .week .slide-pan .rank-3 {
	top: 74px;
	left: 673px
}
  .week .slide-pan .rank-4 {
	top: 314px;
	left: 221px
}
  .week .slide-pan .rank-5 {
	top: 314px;
	left: 426px
}
  .week .slide-pan .rank-6 {
	top: 314px;
	left: 627px
}
  .week .slide-pan .rank-7 {
	left: 127px
}
  .week .slide-pan .rank-8 {
	left: 329px
}
  .week .slide-pan .rank-9 {
	left: 528px
}
  .week .slide-pan .rank-10 {
	left: 728px
}
  .week .slide-pan .rank-7,   .week .slide-pan .rank-8,   .week .slide-pan .rank-9,   .week .slide-pan .rank-10 {
	top: 455px
}
  .week .slide-pan .rank-11,   .week .slide-pan .rank-12,   .week .slide-pan .rank-13,   .week .slide-pan .rank-14,   .week .slide-pan .rank-15 {
	top: 593px
}
  .week .slide-pan .rank-16,   .week .slide-pan .rank-17,   .week .slide-pan .rank-18,   .week .slide-pan .rank-19,   .week .slide-pan .rank-20 {
	top: 704px
}
  .week .slide-pan .rank-11,   .week .slide-pan .rank-16 {
	left: 78px
}
  .week .slide-pan .rank-12,   .week .slide-pan .rank-17 {
	left: 248px
}
  .week .slide-pan .rank-13,   .week .slide-pan .rank-18 {
	left: 418px
}
  .week .slide-pan .rank-14,   .week .slide-pan .rank-19 {
	left: 588px
}
  .week .slide-pan .rank-15,   .week .slide-pan .rank-20 {
	left: 758px
}
  .week .pride-title {
	width: 1038px;
	height: 96px;
	margin: 10px auto 10px 5px;
	background-repeat: no-repeat;
}
  .week .pride-wrap {
	position: relative;
	width: 1000px;
	height: 590px;
	margin: 14px auto 0;
	background: url( ../images/pride-week_1b3917f.png) no-repeat;
	color: #fff
}
  .week .pride-wrap .reward {
	position: absolute;
	text-align: center
}
  .week .pride-wrap .reward .title {
	z-index: 2;
	position: relative;
	margin: 0 auto;
	display: block;
	height: 63px;
	cursor: default
}
  .week .pride-wrap .reward .title:hover .props-detail {
	display: block
}
  .week .pride-wrap .reward .title .props-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 88px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .week .pride-wrap .reward .title .props-detail .tit {
	display: block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #fff
}
  .week .pride-wrap .reward .title .props-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 24px;
	line-height: 16px;
	color: #ffeab3;
	text-align: left
}
  .week .pride-wrap .reward .title .props-detail .pic {
	display: block;
	width: 198px;
	height: 170px;
	margin: 0 auto -12px 60px
}
    .week-gift-1 {
	background: url( ../images/week-gift-1_d53a431.png) no-repeat;
	/* -webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite */
}
  .week .pride-wrap .reward .gift-box {
	float: left;
	position: relative;
	width: 72px;
	margin-top: 20px
}
  .week .pride-wrap .reward .gift-box:hover .gift-detail {
	display: block
}
  .week .pride-wrap .reward .mt4 {
	margin-top: 4px
}
  .week .pride-wrap .reward .gift-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 77px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .week .pride-wrap .reward .gift-detail .tit {
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 14px
}
  .week .pride-wrap .reward .gift-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 16px;
	font-size: 12px;
	color: #ffeab3;
	text-align: left
}
  .week .pride-wrap .reward .gift-detail .pic {
	display: block;
	width: 198px;
	height: 110px;
	margin: 0 auto -12px
}
    .week-gift-2 {
	background: url( ../images/week-gift-2_3ac11de.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
     .week-gift-3 {
	background: url( ../images/week-gift-3_988082b.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
   .week-gift-4 {
	background: url( ../images/week-gift-4_4df4158.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
  .week .pride-wrap .reward p {
	padding: 4px 2px;
	line-height: 16px;
	font-size: 12px;
	text-align: center
}
  .week .pride-wrap .reward .gift {
	width: 64px;
	height: 75px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward .gift p {
	width: 100%;
	height: 100%
}
  .week .pride-wrap .reward .title-1 {
	height: 109px;
	width: 78px;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward .title-2 {
	height: 109px;
	width: 78px;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward .title-3 {
	height: 109px;
	width: 78x;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward .title-4 {
	height: 109px;
	width: 78px;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward .title-5 {
	height: 109px;
	width: 78px;
	background-repeat: no-repeat;
}
  .week .pride-wrap .reward span {
	color: #dbac5b
}
  .week .pride-wrap .reward-1 {
	top: 113px;
	left: 413px;
	width: 174px
}
  .week .pride-wrap .reward-1 .gift-box {
	margin-left: 12px
}
  .week .pride-wrap .reward-1 .ml {
	margin-left: 8px
}
  .week .pride-wrap .reward-1 .gift-1 p {
	padding: 0;
	background: url( ../images/c-gift-1_7bc28de.png) center center no-repeat
}
  .week .pride-wrap .reward-1 .gift-2 p {
	padding: 0;
	background: url( ../images/c-gift-2_1773d0e.png) center center no-repeat
}
  .week .pride-wrap .reward-1 .gift-3 p {
	padding: 0;
	background: url( ../images/c-gift-3_be6b4f2.png) center center no-repeat
}
  .week .pride-wrap .reward-1 .gift-4 p {
	padding: 0;
	background: url( ../images/c-gift-4_1aac878.png) center center no-repeat
}
.week .pride-wrap .reward-1 .gift-5 p {
	padding: 0;
	background: url( ../images/c-gift-5_dc0ccab.png) center center no-repeat
}
  .week .pride-wrap .reward-2 {
	top: 113px;
	left: 226px;
	width: 174px
}
  .week .pride-wrap .reward-2 .gift-box {
	margin-left: 12px
}
  .week .pride-wrap .reward-2 .ml {
	margin-left: 8px
}
  .week .pride-wrap .reward-2 .gift-1 p {
	padding: 0;
	background: url( ../images/c-gift-1_7bc28de.png) center center no-repeat
}
  .week .pride-wrap .reward-2 .gift-2 p {
	padding: 0;
	background: url( ../images/c-gift-2_1773d0e.png) center center no-repeat
}
  .week .pride-wrap .reward-2 .gift-3 p {
	padding: 0;
	background: url( ../images/c-gift-3_be6b4f2.png) center center no-repeat
}
  .week .pride-wrap .reward-2 .gift-4 p {
	padding: 0;
	background: url( ../images/c-gift-7_1aac878.png) center center no-repeat
}
  .week .pride-wrap .reward-3 {
	top: 113px;
	left: 597px;
	width: 174px
}
  .week .pride-wrap .reward-3 .gift-box {
	margin-left: 12px
}
  .week .pride-wrap .reward-3 .ml {
	margin-left: 8px
}
  .week .pride-wrap .reward-3 .gift-1 p {
	padding: 0;
	background: url( ../images/c-gift-1_7bc28de.png) center center no-repeat
}
  .week .pride-wrap .reward-3 .gift-2 p {
	padding: 0;
	background: url( ../images/c-gift-2_dc0ccab.png) center center no-repeat
}
  .week .pride-wrap .reward-3 .gift-3 p {
	padding: 0;
	background: url( ../images/c-gift-3_be6b4f2.png) center center no-repeat
}
  .week .pride-wrap .reward-3 .gift-4 p {
	padding: 0;
	background: url( ../images/c-gift-7_1aac878.png) center center no-repeat
}
  .week .pride-wrap .reward-4 {
	top: 113px;
	left: 43px;
	width: 174px
}
  .week .pride-wrap .reward-4 .gift-box {
	margin-left: 12px
}
  .week .pride-wrap .reward-4 .ml {
	margin-left: 8px
}
  .week .pride-wrap .reward-4 .gift-1 p {
	padding: 0;
	background: url( ../images/c-gift-9_6be072c.png) center center no-repeat
}
  .week .pride-wrap .reward-4 .gift-2 p {
	padding: 0;
	background: url( ../images/c-gift-2_dc0ccab.png) center center no-repeat
}
  .week .pride-wrap .reward-4 .gift-3 p {
	padding: 0;
	background: url( ../images/c-gift-3_be6b4f2.png) center center no-repeat
}
  .week .pride-wrap .reward-4 .gift-4 p {
	padding: 0;
	background: url( ../images/c-gift-7_1aac878.png) center center no-repeat
}
  .week .pride-wrap .reward-5 {
	top: 113px;
	left: 781px;
	width: 174px
}
  .week .pride-wrap .reward-5 .gift-box {
	margin-left: 12px
}
  .week .pride-wrap .reward-5 .ml {
	margin-left: 8px
}
  .week .pride-wrap .reward-5 .gift-1 p {
	padding: 0;
	background: url( ../images/c-gift-9_6be072c.png) center center no-repeat
}
  .week .pride-wrap .reward-5 .gift-2 p {
	padding: 0;
	background: url( ../images/c-gift-2_dc0ccab.png) center center no-repeat
}
  .week .pride-wrap .reward-5 .gift-3 p {
	padding: 0;
	background: url( ../images/c-gift-3_be6b4f2.png) center center no-repeat
}
  .week .pride-wrap .reward-5 .gift-4 p {
	padding: 0;
	background: url( ../images/c-gift-7_1aac878.png) center center no-repeat
}
  .month .rank-title {
	width: 698px;
	height: 68px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .month .month-wrap {
	width: 1000px;
	padding-top: 50px
}
  .month .month-wrap .count {
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffeaa1;
	font-size: 14px
}
  .month .month-wrap .rank-month {
	position: relative;
	width: 100%;
	height: 880px;
	background: url( ../images/rank-month_c9683af.png) no-repeat
}
  .month .month-wrap .no-data {
	background: url( ../images/no-data_dc2d611.png) center no-repeat
}
  .month .month-wrap .rank {
	position: absolute;
	width: 148px;
	height: 44px;
	text-align: center;
	font-size: 14px;
	color: #fff
}
  .month .month-wrap .rank .server {
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .month .month-wrap .rank .rank-name {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .month .month-wrap .rank-1 {
	top: 72px;
	left: 426px
}
  .month .month-wrap .rank-2 {
	top: 72px;
	left: 149px
}
  .month .month-wrap .rank-3 {
	top: 72px;
	left: 703px
}
  .month .month-wrap .rank-1,   .month .month-wrap .rank-2,   .month .month-wrap .rank-3 {
	color: #fff
}
  .month .month-wrap .rank-4 {
	top: 320px;
	left: 225px
}
  .month .month-wrap .rank-5 {
	top: 320px;
	left: 426px
}
  .month .month-wrap .rank-6 {
	top: 320px;
	left: 627px
}
  .month .month-wrap .rank-7 {
	left: 127px
}
  .month .month-wrap .rank-8 {
	left: 329px
}
  .month .month-wrap .rank-9 {
	left: 528px
}
  .month .month-wrap .rank-10 {
	left: 728px
}
  .month .month-wrap .rank-7,   .month .month-wrap .rank-8,   .month .month-wrap .rank-9,   .month .month-wrap .rank-10 {
	top: 461px
}
  .month .month-wrap .rank-11,   .month .month-wrap .rank-12,   .month .month-wrap .rank-13,   .month .month-wrap .rank-14,   .month .month-wrap .rank-15 {
	top: 596px
}
  .month .month-wrap .rank-16,   .month .month-wrap .rank-17,   .month .month-wrap .rank-18,   .month .month-wrap .rank-19,   .month .month-wrap .rank-20 {
	top: 696px
}
  .month .month-wrap .rank-11,   .month .month-wrap .rank-16 {
	left: 78px
}
  .month .month-wrap .rank-12,   .month .month-wrap .rank-17 {
	left: 248px
}
  .month .month-wrap .rank-13,   .month .month-wrap .rank-18 {
	left: 418px
}
  .month .month-wrap .rank-14,   .month .month-wrap .rank-19 {
	left: 588px
}
  .month .month-wrap .rank-15,   .month .month-wrap .rank-20 {
	left: 758px
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-22,   .month .month-wrap .rank-23,   .month .month-wrap .rank-24,   .month .month-wrap .rank-25,   .month .month-wrap .rank-26,   .month .month-wrap .rank-27,   .month .month-wrap .rank-28,   .month .month-wrap .rank-29,   .month .month-wrap .rank-30,   .month .month-wrap .rank-31,   .month .month-wrap .rank-32,   .month .month-wrap .rank-33,   .month .month-wrap .rank-34,   .month .month-wrap .rank-35,   .month .month-wrap .rank-36,   .month .month-wrap .rank-37,   .month .month-wrap .rank-38,   .month .month-wrap .rank-39,   .month .month-wrap .rank-40,   .month .month-wrap .rank-41,   .month .month-wrap .rank-42,   .month .month-wrap .rank-43,   .month .month-wrap .rank-44,   .month .month-wrap .rank-45,   .month .month-wrap .rank-46,   .month .month-wrap .rank-47,   .month .month-wrap .rank-48,   .month .month-wrap .rank-49,   .month .month-wrap .rank-50 {
	width: 152px;
	height: 18px;
	overflow: hidden
}
  .month .month-wrap .rank-21 .server,   .month .month-wrap .rank-21 .rank-name,   .month .month-wrap .rank-22 .server,   .month .month-wrap .rank-22 .rank-name,   .month .month-wrap .rank-23 .server,   .month .month-wrap .rank-23 .rank-name,   .month .month-wrap .rank-24 .server,   .month .month-wrap .rank-24 .rank-name,   .month .month-wrap .rank-25 .server,   .month .month-wrap .rank-25 .rank-name,   .month .month-wrap .rank-26 .server,   .month .month-wrap .rank-26 .rank-name,   .month .month-wrap .rank-27 .server,   .month .month-wrap .rank-27 .rank-name,   .month .month-wrap .rank-28 .server,   .month .month-wrap .rank-28 .rank-name,   .month .month-wrap .rank-29 .server,   .month .month-wrap .rank-29 .rank-name,   .month .month-wrap .rank-30 .server,   .month .month-wrap .rank-30 .rank-name,   .month .month-wrap .rank-31 .server,   .month .month-wrap .rank-31 .rank-name,   .month .month-wrap .rank-32 .server,   .month .month-wrap .rank-32 .rank-name,   .month .month-wrap .rank-33 .server,   .month .month-wrap .rank-33 .rank-name,   .month .month-wrap .rank-34 .server,   .month .month-wrap .rank-34 .rank-name,   .month .month-wrap .rank-35 .server,   .month .month-wrap .rank-35 .rank-name,   .month .month-wrap .rank-36 .server,   .month .month-wrap .rank-36 .rank-name,   .month .month-wrap .rank-37 .server,   .month .month-wrap .rank-37 .rank-name,   .month .month-wrap .rank-38 .server,   .month .month-wrap .rank-38 .rank-name,   .month .month-wrap .rank-39 .server,   .month .month-wrap .rank-39 .rank-name,   .month .month-wrap .rank-40 .server,   .month .month-wrap .rank-40 .rank-name,   .month .month-wrap .rank-41 .server,   .month .month-wrap .rank-41 .rank-name,   .month .month-wrap .rank-42 .server,   .month .month-wrap .rank-42 .rank-name,   .month .month-wrap .rank-43 .server,   .month .month-wrap .rank-43 .rank-name,   .month .month-wrap .rank-44 .server,   .month .month-wrap .rank-44 .rank-name,   .month .month-wrap .rank-45 .server,   .month .month-wrap .rank-45 .rank-name,   .month .month-wrap .rank-46 .server,   .month .month-wrap .rank-46 .rank-name,   .month .month-wrap .rank-47 .server,   .month .month-wrap .rank-47 .rank-name,   .month .month-wrap .rank-48 .server,   .month .month-wrap .rank-48 .rank-name,   .month .month-wrap .rank-49 .server,   .month .month-wrap .rank-49 .rank-name,   .month .month-wrap .rank-50 .server,   .month .month-wrap .rank-50 .rank-name {
	float: left;
	width: 76px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: left
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-26,   .month .month-wrap .rank-31,   .month .month-wrap .rank-36,   .month .month-wrap .rank-41,   .month .month-wrap .rank-46 {
	left: 76px
}
  .month .month-wrap .rank-22,   .month .month-wrap .rank-27,   .month .month-wrap .rank-32,   .month .month-wrap .rank-37,   .month .month-wrap .rank-42,   .month .month-wrap .rank-47 {
	left: 258px
}
  .month .month-wrap .rank-23,   .month .month-wrap .rank-28,   .month .month-wrap .rank-33,   .month .month-wrap .rank-38,   .month .month-wrap .rank-43,   .month .month-wrap .rank-48 {
	left: 440px
}
  .month .month-wrap .rank-24,   .month .month-wrap .rank-29,   .month .month-wrap .rank-34,   .month .month-wrap .rank-39,   .month .month-wrap .rank-44,   .month .month-wrap .rank-49 {
	left: 624px
}
  .month .month-wrap .rank-25,   .month .month-wrap .rank-30,   .month .month-wrap .rank-35,   .month .month-wrap .rank-40,   .month .month-wrap .rank-45,   .month .month-wrap .rank-50 {
	left: 806px
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-22,   .month .month-wrap .rank-23,   .month .month-wrap .rank-24,   .month .month-wrap .rank-25 {
	top: 771px
}
  .month .month-wrap .rank-26,   .month .month-wrap .rank-27,   .month .month-wrap .rank-28,   .month .month-wrap .rank-29,   .month .month-wrap .rank-30 {
	top: 789px
}
  .month .month-wrap .rank-31,   .month .month-wrap .rank-32,   .month .month-wrap .rank-33,   .month .month-wrap .rank-34,   .month .month-wrap .rank-35 {
	top: 807px
}
  .month .month-wrap .rank-36,   .month .month-wrap .rank-37,   .month .month-wrap .rank-38,   .month .month-wrap .rank-39,   .month .month-wrap .rank-40 {
	top: 825px
}
  .month .month-wrap .rank-41,   .month .month-wrap .rank-42,   .month .month-wrap .rank-43,   .month .month-wrap .rank-44,   .month .month-wrap .rank-45 {
	top: 843px
}
  .month .month-wrap .rank-46,   .month .month-wrap .rank-47,   .month .month-wrap .rank-48,   .month .month-wrap .rank-49,   .month .month-wrap .rank-50 {
	top: 861px
}
  .month .pride-title {
	width: 1038px;
	height: 96px;
	margin: 10px auto 10px 5px;
	background-repeat: no-repeat;
}
  .month .pride-wrap {
	position: relative;
	width: 1000px;
	height: 592px;
	margin: 12px auto 0;
	background: url( ../images/pride-month_bc4ffbc.png) no-repeat;
	color: #fff
}
  .month .pride-wrap .reward {
	position: absolute;
	width: 114px;
	top: 69px;
	text-align: center
}
  .month .pride-wrap .reward .title {
	z-index: 2;
	position: relative;
	margin: 0 auto 0px 20px;
	display: block;
	height: 87px;
	width: 106px;
	cursor: default
}
  .month .pride-wrap .reward .title:hover .props-detail {
	display: block
}
  .month .pride-wrap .reward .title .props-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 88px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .month .pride-wrap .reward .title .props-detail .tit {
	display: block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 14px
}
  .month .pride-wrap .reward .title .props-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 16px;
	font-size: 12px;
	color: #e6c06e;
	text-align: left
}
  .month .pride-wrap .reward .title .props-detail .pic {
	display: block;
	width: 198px;
	height: 110px;
	margin: 0 auto -12px
}
  .month-gif-1 {
	   position: relative;
	background: url( ../images/month-gift-1_762e856.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-2 {
	background: url( ../images/month-gift-2_3c79fcb.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-3 {
	background: url( ../images/month-gift-3_f9f67eb.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}

  .month-gif-8 {
	background: url( ../images/month-gift-8_733fc4c.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}

  .month .pride-wrap .reward .gift-box {
	position: relative;
	width: 64px;
	margin: 0 auto
}
  .month .pride-wrap .reward .gift-box:hover .gift-detail {
	display: block
}
  .month .pride-wrap .reward .mt4 {
	margin-top: 4px
}
  .month .pride-wrap .reward .gift-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 77px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .month .pride-wrap .reward .gift-detail .tit {
	display: block;
	line-height: 24px;
	font-size: 14px
}
  .month .pride-wrap .reward .gift-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 16px;
	font-size: 12px;
	color: #ffeab3;
	text-align: left
}
  .month .pride-wrap .reward .gift-detail .pic {
	display: block;
	width: 198px;
	height: 110px;
	margin: 0 auto -12px
}
.month .pride-wrap .reward .gift-detail .pic2 {
	display: block;
	width: 68px;
	height: 150px;
	margin: 0 auto -12px 50px;
}

     .month-gif-4 {
	background: url( ../images/month-gift-4_05a6503.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}  
.month-gif-5 {
	background: url( ../images/month-gift-5_2bbeec6.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-6 {
	background: url( ../images/month-gift-6_a896f14.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
   
.month-gif-7 {
	background: url( ../images/month-gift-7_da07b65.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
.month-gif-9 {
	background: url( ../images/month-gift-9_6ffece1.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
.month-gif-10 {
	background: url( ../images/month-gift-10_d53a431.png) no-repeat;
	
}

  .month .pride-wrap .reward .gift-detail-bottom {
	top: -56px
}
  .month .pride-wrap .reward p {
	padding: 4px 0;
	line-height: 16px;
	font-size: 12px;
	text-align: center
}
  .month .pride-wrap .reward .gift {
	width: 64px;
	height: 75px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .gift p {
	width: 100%;
	height: 100%
}
  .month .pride-wrap .reward .title-1 {
	background-size: 72px 85px;
	background-image: url(../images/jia1.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-2 {
	background-size: 72px 85px;
	background-image: url(../images/jia2.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-3 {
	background-size: 72px 85px;
	background-image: url(../images/jia3.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-4 {
	background-size: 72px 85px;
	background-image: url(../images/fang.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-5 {
	background-size: 72px 85px;
	background-image: url(../images/fang.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-6 {
	background-size: 72px 85px;
	background-image: url(../images/fang.png);
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward span {
	color: #dbac5b
}
  .month .pride-wrap .reward-1 {
	left: 69px
}
  .month .pride-wrap .reward-1 .ml {
	margin-left: 8px
}
  .month .pride-wrap .reward-1 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-1_ea6b87c.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-8_d850a2c.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-5_cdfeb0f.png) center center no-repeat
}
  .month .pride-wrap .reward-2 {
	left: 219px
}
  .month .pride-wrap .reward-2 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-1_ea6b87c.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-8_d850a2c.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-3 {
	left: 369px
}
  .month .pride-wrap .reward-3 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-1_ea6b87c.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-8_d850a2c.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-4 {
	left: 519px
}
  .month .pride-wrap .reward-4 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-7_09699c0.png) center center no-repeat
}
.month .pride-wrap .reward-4 .gift-2 p {
	padding: 0;
	background: url( ../images/ltsh.png) center center no-repeat
}
  .month .pride-wrap .reward-4 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-4 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
.month .pride-wrap .reward-4 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  
  .month .pride-wrap .reward-5 {
	left: 669px

}
  .month .pride-wrap .reward-5 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-2_6fe4ee5.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-6 {
	left: 819px
}
  .month .pride-wrap .reward-6 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-2_6fe4ee5.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
 .rules {
	position: absolute;
	top: 122px;
	left: 70px;
	width: 852px;
	line-height: 30px;
	color: #ffe8c7;
	font-size: 16px
}
 
/* 重复条目 */
  /* .month .rank-title {
	width: 698px;
	height: 68px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .month .month-wrap {
	width: 1000px;
	padding-top: 50px
}
  .month .month-wrap .count {
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ffeaa1;
	font-size: 14px
}
  .month .month-wrap .rank-month {
	position: relative;
	width: 100%;
	height: 880px;
	background: url( ../images/rank-month_c9683af.png) no-repeat
}
  .month .month-wrap .no-data {
	background: url( ../images/no-data_dc2d611.png) center no-repeat
}
  .month .month-wrap .rank {
	position: absolute;
	width: 148px;
	height: 44px;
	text-align: center;
	font-size: 14px;
	color: #fff
}
  .month .month-wrap .rank .server {
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .month .month-wrap .rank .rank-name {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
  .month .month-wrap .rank-1 {
	top: 72px;
	left: 426px
}
  .month .month-wrap .rank-2 {
	top: 72px;
	left: 149px
}
  .month .month-wrap .rank-3 {
	top: 72px;
	left: 703px
}
  .month .month-wrap .rank-1,   .month .month-wrap .rank-2,   .month .month-wrap .rank-3 {
	color: #fff
}
  .month .month-wrap .rank-4 {
	top: 320px;
	left: 225px
}
  .month .month-wrap .rank-5 {
	top: 320px;
	left: 426px
}
  .month .month-wrap .rank-6 {
	top: 320px;
	left: 627px
}
  .month .month-wrap .rank-7 {
	left: 127px
}
  .month .month-wrap .rank-8 {
	left: 329px
}
  .month .month-wrap .rank-9 {
	left: 528px
}
  .month .month-wrap .rank-10 {
	left: 728px
}
  .month .month-wrap .rank-7,   .month .month-wrap .rank-8,   .month .month-wrap .rank-9,   .month .month-wrap .rank-10 {
	top: 461px
}
  .month .month-wrap .rank-11,   .month .month-wrap .rank-12,   .month .month-wrap .rank-13,   .month .month-wrap .rank-14,   .month .month-wrap .rank-15 {
	top: 596px
}
  .month .month-wrap .rank-16,   .month .month-wrap .rank-17,   .month .month-wrap .rank-18,   .month .month-wrap .rank-19,   .month .month-wrap .rank-20 {
	top: 696px
}
  .month .month-wrap .rank-11,   .month .month-wrap .rank-16 {
	left: 78px
}
  .month .month-wrap .rank-12,   .month .month-wrap .rank-17 {
	left: 248px
}
  .month .month-wrap .rank-13,   .month .month-wrap .rank-18 {
	left: 418px
}
  .month .month-wrap .rank-14,   .month .month-wrap .rank-19 {
	left: 588px
}
  .month .month-wrap .rank-15,   .month .month-wrap .rank-20 {
	left: 758px
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-22,   .month .month-wrap .rank-23,   .month .month-wrap .rank-24,   .month .month-wrap .rank-25,   .month .month-wrap .rank-26,   .month .month-wrap .rank-27,   .month .month-wrap .rank-28,   .month .month-wrap .rank-29,   .month .month-wrap .rank-30,   .month .month-wrap .rank-31,   .month .month-wrap .rank-32,   .month .month-wrap .rank-33,   .month .month-wrap .rank-34,   .month .month-wrap .rank-35,   .month .month-wrap .rank-36,   .month .month-wrap .rank-37,   .month .month-wrap .rank-38,   .month .month-wrap .rank-39,   .month .month-wrap .rank-40,   .month .month-wrap .rank-41,   .month .month-wrap .rank-42,   .month .month-wrap .rank-43,   .month .month-wrap .rank-44,   .month .month-wrap .rank-45,   .month .month-wrap .rank-46,   .month .month-wrap .rank-47,   .month .month-wrap .rank-48,   .month .month-wrap .rank-49,   .month .month-wrap .rank-50 {
	width: 152px;
	height: 18px;
	overflow: hidden
}
  .month .month-wrap .rank-21 .server,   .month .month-wrap .rank-21 .rank-name,   .month .month-wrap .rank-22 .server,   .month .month-wrap .rank-22 .rank-name,   .month .month-wrap .rank-23 .server,   .month .month-wrap .rank-23 .rank-name,   .month .month-wrap .rank-24 .server,   .month .month-wrap .rank-24 .rank-name,   .month .month-wrap .rank-25 .server,   .month .month-wrap .rank-25 .rank-name,   .month .month-wrap .rank-26 .server,   .month .month-wrap .rank-26 .rank-name,   .month .month-wrap .rank-27 .server,   .month .month-wrap .rank-27 .rank-name,   .month .month-wrap .rank-28 .server,   .month .month-wrap .rank-28 .rank-name,   .month .month-wrap .rank-29 .server,   .month .month-wrap .rank-29 .rank-name,   .month .month-wrap .rank-30 .server,   .month .month-wrap .rank-30 .rank-name,   .month .month-wrap .rank-31 .server,   .month .month-wrap .rank-31 .rank-name,   .month .month-wrap .rank-32 .server,   .month .month-wrap .rank-32 .rank-name,   .month .month-wrap .rank-33 .server,   .month .month-wrap .rank-33 .rank-name,   .month .month-wrap .rank-34 .server,   .month .month-wrap .rank-34 .rank-name,   .month .month-wrap .rank-35 .server,   .month .month-wrap .rank-35 .rank-name,   .month .month-wrap .rank-36 .server,   .month .month-wrap .rank-36 .rank-name,   .month .month-wrap .rank-37 .server,   .month .month-wrap .rank-37 .rank-name,   .month .month-wrap .rank-38 .server,   .month .month-wrap .rank-38 .rank-name,   .month .month-wrap .rank-39 .server,   .month .month-wrap .rank-39 .rank-name,   .month .month-wrap .rank-40 .server,   .month .month-wrap .rank-40 .rank-name,   .month .month-wrap .rank-41 .server,   .month .month-wrap .rank-41 .rank-name,   .month .month-wrap .rank-42 .server,   .month .month-wrap .rank-42 .rank-name,   .month .month-wrap .rank-43 .server,   .month .month-wrap .rank-43 .rank-name,   .month .month-wrap .rank-44 .server,   .month .month-wrap .rank-44 .rank-name,   .month .month-wrap .rank-45 .server,   .month .month-wrap .rank-45 .rank-name,   .month .month-wrap .rank-46 .server,   .month .month-wrap .rank-46 .rank-name,   .month .month-wrap .rank-47 .server,   .month .month-wrap .rank-47 .rank-name,   .month .month-wrap .rank-48 .server,   .month .month-wrap .rank-48 .rank-name,   .month .month-wrap .rank-49 .server,   .month .month-wrap .rank-49 .rank-name,   .month .month-wrap .rank-50 .server,   .month .month-wrap .rank-50 .rank-name {
	float: left;
	width: 76px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: left
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-26,   .month .month-wrap .rank-31,   .month .month-wrap .rank-36,   .month .month-wrap .rank-41,   .month .month-wrap .rank-46 {
	left: 76px
}
  .month .month-wrap .rank-22,   .month .month-wrap .rank-27,   .month .month-wrap .rank-32,   .month .month-wrap .rank-37,   .month .month-wrap .rank-42,   .month .month-wrap .rank-47 {
	left: 258px
}
  .month .month-wrap .rank-23,   .month .month-wrap .rank-28,   .month .month-wrap .rank-33,   .month .month-wrap .rank-38,   .month .month-wrap .rank-43,   .month .month-wrap .rank-48 {
	left: 440px
}
  .month .month-wrap .rank-24,   .month .month-wrap .rank-29,   .month .month-wrap .rank-34,   .month .month-wrap .rank-39,   .month .month-wrap .rank-44,   .month .month-wrap .rank-49 {
	left: 624px
}
  .month .month-wrap .rank-25,   .month .month-wrap .rank-30,   .month .month-wrap .rank-35,   .month .month-wrap .rank-40,   .month .month-wrap .rank-45,   .month .month-wrap .rank-50 {
	left: 806px
}
  .month .month-wrap .rank-21,   .month .month-wrap .rank-22,   .month .month-wrap .rank-23,   .month .month-wrap .rank-24,   .month .month-wrap .rank-25 {
	top: 771px
}
  .month .month-wrap .rank-26,   .month .month-wrap .rank-27,   .month .month-wrap .rank-28,   .month .month-wrap .rank-29,   .month .month-wrap .rank-30 {
	top: 789px
}
  .month .month-wrap .rank-31,   .month .month-wrap .rank-32,   .month .month-wrap .rank-33,   .month .month-wrap .rank-34,   .month .month-wrap .rank-35 {
	top: 807px
}
  .month .month-wrap .rank-36,   .month .month-wrap .rank-37,   .month .month-wrap .rank-38,   .month .month-wrap .rank-39,   .month .month-wrap .rank-40 {
	top: 825px
}
  .month .month-wrap .rank-41,   .month .month-wrap .rank-42,   .month .month-wrap .rank-43,   .month .month-wrap .rank-44,   .month .month-wrap .rank-45 {
	top: 843px
}
  .month .month-wrap .rank-46,   .month .month-wrap .rank-47,   .month .month-wrap .rank-48,   .month .month-wrap .rank-49,   .month .month-wrap .rank-50 {
	top: 861px
}
  .month .pride-title {
	width: 698px;
	height: 68px;
	margin: 32px auto 0;
	background-repeat: no-repeat;
}
  .month .pride-wrap {
	position: relative;
	width: 1000px;
	height: 592px;
	margin: 12px auto 0;
	background: url( ../images/pride-month_bc4ffbc.png) no-repeat;
	color: #fff
}
  .month .pride-wrap .reward {
	position: absolute;
	width: 114px;
	top: 69px;
	text-align: center
}
  .month .pride-wrap .reward .title {
	z-index: 2;
	position: relative;
	margin: 0 auto;
	display: block;
	height: 87px;
	width: 106px;
	cursor: default
}
  .month .pride-wrap .reward .title:hover .props-detail {
	display: block
}
  .month .pride-wrap .reward .title .props-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 88px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .month .pride-wrap .reward .title .props-detail .tit {
	display: block;
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 14px
}
  .month .pride-wrap .reward .title .props-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 16px;
	font-size: 12px;
	color: #e6c06e;
	text-align: left
}
  .month .pride-wrap .reward .title .props-detail .pic {
	display: block;
	width: 198px;
	height: 110px;
	margin: 0 auto -12px
}
     .month-gif-1 {
	background: url( ../images/month-gift-1_762e856.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-2 {
	background: url( ../images/month-gift-2_3c79fcb.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
     .month-gif-3 {
	background: url( ../images/month-gift-3_f9f67eb.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-8 {
	background: url( ../images/month-gift-8_733fc4c.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
  .month .pride-wrap .reward .gift-box {
	position: relative;
	width: 64px;
	margin: 0 auto
}
  .month .pride-wrap .reward .gift-box:hover .gift-detail {
	display: block
}
  .month .pride-wrap .reward .mt4 {
	margin-top: 4px
}
  .month .pride-wrap .reward .gift-detail {
	display: none;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 77px;
	height: auto;
	width: 198px;
	padding: 0;
	margin-left: -100px;
	border: 1px solid #e6cb8b;
	background: rgba(121,40,27,.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#79281b, endColorstr=#79281b);
	color: #ffeab3;
	white-space: normal
}
  .month .pride-wrap .reward .gift-detail .tit {
	display: block;
	line-height: 24px;
	font-size: 14px
}
  .month .pride-wrap .reward .gift-detail .cont {
	display: block;
	padding: 12px 19px 18px;
	line-height: 16px;
	font-size: 12px;
	color: #ffeab3;
	text-align: left
}
  .month .pride-wrap .reward .gift-detail .pic {
	display: block;
	width: 198px;
	height: 110px;
	margin: 0 auto -12px
}
  .month-gif-4 {
	background: url( ../images/month-gift-4_8cffe6f.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
     .month-gif-5 {
	background: url( ../images/month-gift-5_2bbeec6.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
    .month-gif-6 {
	background: url( ../images/month-gift-6_a896f14.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
   .month-gif-7 {
	background: url( ../images/month-gift-7_da07b65.png) no-repeat;
	-webkit-animation: step .4s steps(4) infinite;
	-moz-animation: step .4s steps(4) infinite;
	animation: step .4s steps(4) infinite
}
  .month .pride-wrap .reward .gift-detail-bottom {
	top: -56px
}
  .month .pride-wrap .reward p {
	padding: 4px 0;
	line-height: 16px;
	font-size: 12px;
	text-align: center
}
  .month .pride-wrap .reward .gift {
	width: 64px;
	height: 75px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .gift p {
	width: 100%;
	height: 100%
}
  .month .pride-wrap .reward .title-1 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-2 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-3 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-4 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-5 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward .title-6 {
	background-repeat: no-repeat;
}
  .month .pride-wrap .reward span {
	color: #dbac5b
}
  .month .pride-wrap .reward-1 {
	left: 69px
}
  .month .pride-wrap .reward-1 .ml {
	margin-left: 8px
}
  .month .pride-wrap .reward-1 .gift-1 p {
	padding: 0;
	background: url( ../images/zzzc.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-2 p {
	padding: 0;
	background: url( ../images/ltsh.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-1 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-5_cdfeb0f.png) center center no-repeat
}
  .month .pride-wrap .reward-2 {
	left: 219px
}
  .month .pride-wrap .reward-2 .gift-1 p {
	padding: 0;
	background: url( ../images/zzzc.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-2 p {
	padding: 0;
	background: url( ../images/ltsh.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-2 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-3 {
	left: 369px
}
  .month .pride-wrap .reward-3 .gift-1 p {
	padding: 0;
	background: url( ../images/zzzc.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-2 p {
	padding: 0;
	background: url( ../images/ltsh.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-3 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-4 {
	left: 519px
}
  .month .pride-wrap .reward-4 .gift-1 p {
	padding: 0;
	background: url( ../images/mori.png) center center no-repeat
}
  .month .pride-wrap .reward-4 .gift-2 p {
	padding: 0;
	background: url( ../images/ltsh.png) center center no-repeat
}
  .month .pride-wrap .reward-4 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-4 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
.month .pride-wrap .reward-5 .gift-5 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-5 {
	left: 669px
}
  .month .pride-wrap .reward-5 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-2_6fe4ee5.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-5 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
}
  .month .pride-wrap .reward-6 {
	left: 819px
}
  .month .pride-wrap .reward-6 .gift-1 p {
	padding: 0;
	background: url( ../images/m-gift-2_6fe4ee5.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-2 p {
	padding: 0;
	background: url( ../images/m-gift-3_8eb2552.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-3 p {
	padding: 0;
	background: url( ../images/m-gift-4_3eea070.png) center center no-repeat
}
  .month .pride-wrap .reward-6 .gift-4 p {
	padding: 0;
	background: url( ../images/m-gift-6_c05a964.png) center center no-repeat
} */
 .month .pride-title {
    background-position: -343px -180px;
}