@charset "utf-8";
/* CSS Document */
body,div,p,ul,ol,li,dl,dt,dd,form,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:0 none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
img{border:0 none;}
.clear{clear:both;display:block;height:0;font-size:0;line-height:0;overflow:hidden;}
.clearfix:after,.vote_list li:after{content:'\20';clear:both;display:block;}
.clearfix,.vote_list li{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.w980{width:980px;margin:0 auto;}
.rank_wrapper{width:980px;margin:0 auto;padding-top:170px;height:840px;background:#180a09 url(/images/other/vote_bg.jpg) no-repeat;}
.rank_wrap{width:885px;margin:0 auto;color:#5b5b5b;}
.rank_wrap a{color:#ffa800;}
.rank_nav{height:54px;margin-top:5px;border:1px solid #833429;border-right:0 none;background-color:rgba(97,30,21,0.5);background-color:#611e15\9;border-radius:5px;text-align:center;overflow:hidden;}
.rank_nav li{float:left;}
.rank_nav li.first a,.rank_nav li.last a{width:89px;}
.rank_nav a{display:block;width:87px;height:54px;border-right:1px solid #833429;line-height:54px;color:#ff8a7e;font-size:14px;}
.rank_nav a:hover{-moz-transition:all 0.1s ease-in 0s;}
.rank_nav a.on,.rank_nav a:hover{background-color:rgba(45,14,10,0.9);background-color:#2d0e0a\9;text-decoration:none;color:#fff;color:#d8c6c4;}
.vote_hd{padding:15px 0 25px;font-size:14px;color:#866e6b;}
.vote_hd span{float:right;padding-top:20px;font-size:12px;color:#ff0000;}
.vote_box{border:1px solid #3e1410;padding:70px 40px 10px;background-color:#0e0504;position:relative;zoom:1;border-radius:5px;}
.vote_title{position:absolute;left:20px;top:-6px;}
.vote_title strong{display:inline-block;width:149px;height:32px;padding-top:12px;background:url(/images/other/rank10_sprite.gif) no-repeat 0 0;font-size:20px;font-weight:bold;text-align:center;color:#fff;vertical-align:top;}
.vote_title span{padding-top:20px;display:inline-block;font-size:14px;color:#fff;}
.vote_list li{border:1px solid #3e1410;padding:12px 13px;margin-bottom:18px;border-radius:5px;background-color:#30140d;}
.vote_list dl{float:left;width:545px;height:54px;overflow:hidden;position:relative;font-size:12px;}
.vote_list dt{float:left;width:54px;height:54px;margin-right:12px;background-color:#fff;overflow:hidden;}
.vote_list dt img{border:1px solid #ccc;padding:2px;width:48px;height:48px;overflow:hidden;border-radius:2px;}
.vote_list dd{padding:2px 0 5px;margin-bottom:5px;line-height:18px;}
.vote_list .sex_icon{width:15px;height:15px;margin:0 5px;background:url(/images/other/rank10_sprite.gif) no-repeat;vertical-align:-3px;}
.vote_list .boy{background-position:-153px 0;}
.vote_list .girl{background-position:-153px -16px;}
.vote_list .lv{padding:0 5px;color:#cf0000;font-size:11px;font-weight:bold;}
.vote_list dd em{color:#969fb0;font-style:normal;}
.vote_list .vote_action{float:right;}
.vote_list .vote_btn{margin:8px 5px 0 0;display:inline-block;width:92px;height:36px;background:url(/images/other/rank10_sprite.gif) no-repeat 0 -45px;text-align:center;line-height:36px;color:#fff;font-size:14px;}
.vote_list .vote_btn{
-moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	border-radius:5px;
	-webkit-animation: animate-glow 1s ease-out infinite;
	-moz-animation: animate-glow 1s ease-out infinite; 			
}

@-webkit-keyframes animate-glow {
 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

@-moz-keyframes animate-glow {
 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }
.vote_list .vote_btn:hover{text-decoration:none;}
.vote_info{position:relative;padding-right:40px;color:#FFA800;}
.vote_info .num{height:33px;width:150px;font-size:14px;text-align:right;overflow:hidden;}
.vote_info .num em{padding-right:3px;font-size:30px;font-family:"新宋体";}
.vote_info .vote_bar_txt{position:absolute;right:0;top:33px;width:35px;text-align:left;font-size:12px;zoom:1;}
.vote_info .bar{height:15px;width:150px;background-color:#e5e5e5;border-radius: 3px;overflow:hidden;}
.vote_info .bar span{
background-color:#FCB417;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 15px 15px;			
background-image: -webkit-gradient(linear, left top, right bottom,
					color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
					color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
					color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
					to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
					transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
					transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
					transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
					transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
					transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
					transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
					transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
					transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
					transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
					transparent 75%, transparent);            

-webkit-animation: animate-stripes 4s linear infinite;
-moz-animation: animate-stripes 4s linear infinite;     		
display: inline-block;
height: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-ms-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;		
}
@-webkit-keyframes animate-stripes { 
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }
@-moz-keyframes animate-stripes {
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }