.yin{
	height: 92px;
}

.yinban{
	width:100%; 
	margin:0 auto;
	}
.luntop2{
	float: right;
	background: url(../images/yinban.png);
	width:100%; 
	height:75px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 81px;
	overflow: hidden;
	padding-top:0px;
	padding-left:52px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
.luntop2 li{
	overflow: hidden;
}
.two{
	float: left;
	width: 380px;/*384*/
}
.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 94px;
	text-align: center;
}
/*.two1{border-right: 1px solid #000;}*/


.txtt{
	padding-left:100px;
	padding-bottom:10px;
	font-size:4.5em;

	}		
/*.txtt02{
	padding-left:15px;
	font-size:4.5em;
	line-height:30px;
	
	}	


.txtt02 {
    padding-left: 40px;
    font-size: 2.5em;
    line-height: 45px;
	color:#FFF;
}
*/	
.ranking_title {
    width: 40%;
    height: 60px;
    color: #ffffff;
    font-size: 1.8em;
}

.txtt02 {
    padding-left: 40px;
    font-size: 3.5em;
    line-height: 50px;
    /*color: #fff;*/
}	
		
.tttt{
	font-size:1.4em;

	}
	
	
	
.maq01{
	
	font-size:8px;
	 height:50; 
	}
	
.maq02{
	
	font-size:8px;
	 height:50; 
	}
	
	
/*.ranking_title{

	width:40%;
	height:50px;
	color:#ffffff;
	font-size:1em;
		}
*/	

	
		
	
.blink {
    animation-duration: 1.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
	font-size:0.5em;
	color:#FFF;
	

}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

	
	
	
#leftTime{
	 background-color:#454f50;
	 height:50px; 
	 font-size:18px;
	 line-height: 3;
	  letter-spacing: 8px; 
	  text-align:center; 
	  color:#FC8B55;
	
	}	
	
	
	
@media only screen and (max-width: 300px) {

.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:30px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 32px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 47px;
	text-align: center;
	letter-spacing:-0.8px
}
	
.txtt{
	padding-left:0px;
	font-size:0.1em;
	
	}
	
	
.txtt02{
	padding-left:6px;
	font-size:0.5em;
	line-height:12px;

	}		

	
.maq01{
	
	font-size:8px;
	 height:25; 
	}	
	
	
#leftTime{

	 font-size:0.5em;

	}	
.tttt{
	font-size:8px;
	}			
			
}

	

@media only screen and (min-width: 300px) and (max-width: 320px) {

	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:30px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 32px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 47px;
	text-align: center;
	letter-spacing:-0.8px
}

	
.txtt{
	padding-left:0px;
	font-size:0.1em;
	
	}
	
	
.txtt02{
	padding-left:6px;
	font-size:0.5em;
	line-height:16px;

	}		

	
.maq01{
	
	font-size:8px;
	 height:25; 
	}	
	
	
#leftTime{

	 font-size:0.5em;

	}	
		
.tttt{
	font-size:8px;
	}	
	
.ranking_title {
    width: 40%;
    height: 18px;
    color: #ffffff;
    font-size: 0.5em;
}
	
}



@media only screen and (min-width: 320px) and (max-width: 359px) {

	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:30px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 32px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 47px;
	text-align: center;
	letter-spacing:-0.8px
}

.txtt{
	padding-left:0px;
	font-size:0.1em;
	
	}
	
.txtt02{
	font-size:0.5em;
	line-height:18px;

}	
	
.maq01{
	
	font-size:8px;
	}	
.tttt{
	font-size:8px;
	}		


.ranking_title {
    width: 40%;
    height: 12px;
    color: #ffffff;
    font-size: 0.5em;
}	
}




@media only screen and (min-width: 360px) and (max-width: 479px) {
	
		
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:35px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 32px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 49px;
	text-align: center;
}
	
	
.txtt{
	padding-left:20px;
	font-size:0.1em;

	}	

.txtt02{
	font-size:0.5em;
	line-height:17px;
	letter-spacing:0px;
	padding-left: 20px;
	}	

.tttt{
	font-size:8px;
	}		


.ranking_title {
    width: 50%;
    height: 25px;
    color: #ffffff;
    font-size: 1em;
}		
}




@media only screen and (min-width: 480px) and (max-width: 540px){
	
	
			
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:43px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 47px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 70px;
	text-align: center;
}
	
	
.txtt{
	padding-left:50px;
	font-size:0.1em;
	

	}	
	
.txtt02{
	padding-left:23px;
	font-size: 2em;
	line-height:25px;
	letter-spacing:0px;
}

.tttt{
	font-size:0.8em;
	}		


.ranking_title {
    width: 40%;
    height: 40px;
    color: #ffffff;
    font-size: 1.1em;
}		
}





@media only screen and (min-width: 540px) and (max-width: 600px){
	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:43px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 47px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 80px;
	text-align: center;
}
	
	
.txtt{
	padding-left:65px;
	font-size:3.5em;

	}	
	/*.txtt{
	padding-left:40px;
	font-size:2em;

	}		*/	
	
.txtt02{
	padding-left: 30px;
    font-size: 2.5em;
    padding-bottom: 3px;
    line-height: 25px;
    letter-spacing: -1px;
}
	
	
.tttt{
	font-size:0.8em;
	}		
	
.ranking_title {
    width: 40%;
    height: 40px;
    color: #ffffff;
    font-size: 1.1em;
}			
	
}






@media only screen and (min-width: 600px) and (max-width: 700px){
	
	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:66px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 63px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 83px;
	text-align: center;
}
	

.yinban{
	width:100%; 
	margin:7px 20px;
	}
	
	
.txtt{
	padding-left:55px;
	font-size:4em;

	}	
	
.txtt02{
    padding-left: 30px;
    font-size: 2.5em;
    padding-bottom: 0px;
    line-height: 30px;
}
	
	
.tttt{
	font-size:1em;
	}	
	
.ranking_title{
	font-size:1.5em;
	    height: 50px;
	}	
		
}


@media only screen and (min-width: 700px) and (max-width: 800px){
	
	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:66px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 63px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 95px;
	text-align: center;
}
	

.yinban{
	width:100%; 
	margin:7px 20px;
	}
	
	
.txtt{
	padding-left:60px;
	padding-bottom:10px;
	font-size:4em;

	}	
	
.txtt02{
	padding-left: 30px;
    font-size: 3em;
    padding-bottom: 0px;
    line-height: 35px;
}	
	
.tttt{
	font-size:1.2em;
	}	
	
.ranking_title{
	line-height:60px;
	font-size:1.5em;
	}	
	}




@media only screen and (min-width: 800px) and and (max-width: 900px){
	
	
	
.luntop2{
	float: right;
	background-color:#333d3e;
	width:100%; 
	height:66px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 63px;
	overflow: hidden;
	padding-top:0px;
	padding-left:0px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
	
	
	
.two{
	float: left;
	width: 380px;/*384*/
}	


.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 95px;
	text-align: center;
}
	

.yinban{
	width:100%; 
	margin:7px 20px;
	}	
	

.txtt{
	padding-left:60px;
	font-size:4em;

	}
	
.txtt02{
    padding-left: 40px;
    font-size: 2.5em;
    line-height: 62px;
	}	
	
/*
.txtt02{
	padding-left:6px;
	font-size:4.5em;
	padding-bottom:10px;
	line-height:25px;
}	
*/
.tttt{
	font-size:1.3em;
	}
	
		
.ranking_title {
    width: 40%;
    height: 85px;
    color: #ffffff;
    font-size: 1.8em;
}
	
}




@media only screen and (min-width: 900px) {
	
	
	
.yinban{
	width:100%; 
	margin:0 auto;
	}
.luntop2{
	float: right;
	background: url(../images/yinban.png);
	width:100%; 
	height:75px; 
	display:inline-block;
}
.luntop2in{
	position: relative;
	height: 81px;
	overflow: hidden;
	padding-top:0px;
	padding-left:52px;
	color:#fff;
}
.luntop2 ul{
	position: absolute;
	width: 600px;/*700*/
}
.luntop2 li{
	overflow: hidden;
}
.two{
	float: left;
	width: 380px;/*384*/
}
.two span{
	float: left;
	display: block;
	font:12px/16px "SimSun";
	width: 94px;
	text-align: center;
}
	
	
.txtt{
	padding-left:58px;
	font-size:3em;

	}
		
.txtt02{
	padding-left: 43px;
    font-size: 3.5em;
    padding-bottom: 0;
    line-height: 56px;
    letter-spacing: -2px;
}	

	
.detailed02{
	clear:both;
	margin-bottom:0px;
	font-size:1em;
	}
	
.ranking_title{

	width:40%;
	height:50px;
	color:#ffffff;
	font-size:2em;
	line-height:72px;
		}
	
.tttt{
	font-size:1.5em;
	}
.ranking_title {
    width: 40%;
    height: 60px;
    color: #ffffff;
    font-size: 1.8em;
    line-height: 50px;}	
	
	
	
			
}


/*ranking*/

.detailed01, .detailed02, .detailed03 {
  clear: both;
  margin: 6px 0 6px 20px;
  font-size: 0.5em;
  background-size: contain;
  background-position: 5px center;
  background-repeat: no-repeat;
  color: #FFF;
}

.detailed01 {
  background-image: url(../images/ranking/1st.png);
}

.detailed02 {
  background-image: url(../images/ranking/2st.png);
}

.detailed03 {
  background-image: url(../images/ranking/3st.png);
}

.detailed04 {
  clear: both;
  margin-bottom: 6px;
  font-size: 0.5em;
  background-image: url(../images/ranking/4th.png);
  background-size: 100% 100%;
}

.detailed05 {
  clear: both;
  margin-bottom: 0px;
  font-size: 7px;
}

/*ranking*/
	
	
		
/*	
.detailed02{
	clear:both;
	margin-bottom:0px;
	font-size:0.5em;
	}
*/