body{background-color:#F2F2F2;}
#main{margin-top:20px;}
.rank-icons{background:url(../images/rank-icons-04f899.png) no-repeat 1000px 1000px;}
.rank-common-wrap{border:1px solid #EBEBEB;border-radius:4px;background-color:#FFF;font-size:14px;font-family:"Microsoft YaHei";}
.rank-common-wrap .rank-common-header{padding:8px 20px;height:14px;border-bottom:1px solid #EBEBEB;color:#666;line-height:14px;}
.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 .active,.rank-common-wrap .rank-common-header li:hover{color:#FFC107;}
.rank-common-wrap .rank-common-header li.last-tab{padding-right:0;border-right:0;}
#rank-wrap{margin-right:-20px;}
#rank-wrap .rank-common-wrap{float:left;margin:0 20px 0 0;width:364px;}
#rank-wrap .rank-common-wrap:first-child{width:366px;}
#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{padding:20px 0 10px;height:18px;border-top:1px solid #EBEBEB;color:#999;line-height:18px;}
#rank-wrap .rank-common-content li.first-list-item{border-top:0;}
#rank-wrap .rank-common-content li i{float:left;color:#BBB;font-style:normal;}
#rank-wrap .rank-common-content li a{float:left;margin:0 0 0 30px;width:200px;}
#rank-wrap .rank-common-content li .richLV,#rank-wrap .rank-common-content li .starLV{float:right;}
#rank-wrap .rank-common-content .rank-top-three{padding:10px 0 5px;height:87px;}
#rank-wrap .rank-common-content .rank-top-three .star-avatar{position:relative;float:left;width:65px;height:87px;}
#rank-wrap .rank-common-content .rank-top-three .star-avatar img{position:absolute;bottom:0;left:0;width:65px;height:65px;}
#rank-wrap .rank-common-content .rank-top-three .star-avatar i{position:absolute;top:0;left:0;}
#rank-wrap .rank-common-content .rank-top-three a{float:left;margin:45px 0 0 15px;width:185px;font-size:16px;}
#rank-wrap .rank-common-content .rank-top-three .richLV,#rank-wrap .rank-common-content .rank-top-three .starLV{float:right;margin:45px 0 0;}
.rank-title{position:relative;clear:both;}
.rank-title>*{float:left;}
.rank-title a{height:30px;color:#999;font-size:24px;font-family:"Microsoft YaHei";line-height:30px;}
.rank-title .curr,.rank-title a:hover{color:#F66;}
.rank-title i{display:block;margin:2px 20px 0;width:1px;height:26px;background-color:#F3F3F3;}
#week-star-wrap{margin:20px 0 0;width:1140px;}
#week-star-wrap .rank-common-header h3{font-size:16px;}
#week-star-wrap .rank-common-header .tip-area{position:relative;float:left;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{position:absolute;top:-20px;left:35px;display:none;padding:10px;width:530px;border-radius:5px;background-color:#F3F3F3;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3);box-shadow:0 0 1px rgba(0,0,0,.3);font-size:12px;font-family:"宋体";line-height:16px;}
#week-star-wrap .rank-common-header .tip-area:hover div{display:block;}
#week-star-wrap .rank-common-header .tip-area div i{position:absolute;top:23px;left:-7px;display:block;width:8px;height:10px;background-position:-24px -45px;}
#week-star-wrap .rank-common-header .icon-refresh{float:right;display:block;margin:-3px 0 0;width:20px;height:20px;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(0);}
to{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0);}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
#week-star-wrap .rank-common-content{padding:20px 20px 0;min-height:910px;}
#week-star-wrap .rank-common-content>ul{margin:0 -10px;}
.week-gift-info{float:left;overflow:hidden;margin:0 10px 20px;width:538px;height:288px;border:solid 1px #ffc107;border-radius:4px;}
.week-gift-info p{color:#999;font-size:12px;}
.wg-gift{position:relative;padding:15px 0 15px 253px;height:60px;border-bottom:solid 1px #ffc107;background-color:#ffe65e;}
.wg-gift img{float:left;margin-left:-70px;width:58px;height:58px;border:solid 1px #ffc107;border-radius:50%;background-color:#fff;}
.wg-gift h3{padding:5px 0;color:#666;font-size:14px;}
.wg-gift-super{position:absolute;top:0;left:0;width:109px;height:93px;background:url(../images/week-star-super-58a88d.png) no-repeat 0 0;}
.wg-rank{margin:0 8px;}
.wg-rank li{padding:10px 0 10px 18px;height:40px;border-bottom:solid 1px #ebebeb;vertical-align:top;}
.wg-rank-num{float:left;margin-left:-18px;width:12px;text-align:center;font-style:normal;font-size:16px;font-family:"Segoe UI";}
.wg-rank-info{float:left;width:250px;}
.wg-rank-info .richLV,.wg-rank-info .starLV{margin-right:3px;vertical-align: middle;}
.wg-rank-info .starLV{}
.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;width:60px;height:60px;border-radius:50%;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-top:5px;padding-left:70px;width:180px;}
.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{margin:20px 0;width:1140px;}
#gift-week-wrap .rank-common-content{padding:10px 20px 0;}
#gift-week-wrap .rank-common-content li{float:left;margin:0 20px 0 0;padding:10px 0 5px;width:345px;height:40px;border-bottom:1px dotted #EBEBEB;font-size:14px;line-height:40px;}
#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;border-radius:50%;background-color:#FFF3F3;vertical-align:middle;}
#gift-week-wrap .rank-common-content li .gift-img img{margin:2px 0 0 2px;width:35px;height:35px;}
#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;}
