.button_color {
    position: relative;
    left: 0%;
   /*  border-radius: 5px;*/
    border: 1px solid #2780d8;
	background-color: white;
    font-size: 14px;
    text-align: center;
    padding: 6px 6px;
    color: black;
    transition-duration: 0.4s;
    cursor: pointer;
	
   /*  border: 1px solid rgba(0, 0, 0, 0); 设置边框为透明*/
}
.button_color:link,.button_color:visited {
    border: 1px solid #2780d8;
     background-color: #white;
    color: black;
	
}
.button_color:hover {
    border: 1px solid #2780d8;
     background-color: #2780d8;
    color: white;

	
}
.button_pay_color {
    position: relative;
    left: 0%; 
    border: 1px solid #2780d8;
	background-color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 6px 6px;
    color: black;
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration:none;
}

.button_pay_color:hover {
    border: 1px solid #2780d8;
     background-color: #2780d8;
    color: white;
	text-decoration:none;
	
}
.button_pay_active {
   
    
	border: 1px solid #2780d8;
    background-color: #2780d8;
	position: relative;
    left: 0%; 
    text-decoration:none;
    font-size: 14px;
    text-align: center;
    padding: 6px 6px;
  
    transition-duration: 0.4s;
    cursor: pointer;
	 color: white;
}
.button_pay_active:hover,.button_pay_active:not(.active)  {
   
    text-decoration:none;
	border: 1px solid #2780d8;
    background-color: #2780d8;

	 color: white;
}
@media (min-width: 768px) {
	.button_detail_color {
		/*position: relative;
		left: 0%;
		padding: 10px 10px;
		transition-duration: 0.4s;
	     border-radius: 5px;*/
		border: 1px solid #2780d8;
		background-color: #fff;
		font-size: 20px;
		text-align: center;
		height:50px;width:100%;
		color: black;
		
		cursor: pointer;
		
	   /*  border: 1px solid rgba(0, 0, 0, 0); 设置边框为透明*/
	}
	.button_detail_color:link,.button_detail_color:visited {
		border: 1px solid #2780d8;
		background-color: #fff;
		color: white;
		
	}
	.button_detail_color:hover {
		border: 1px solid #2780d8;
		background-color: #2780d8;
		color: white;
		
	}
}
@media (max-width: 767px) {
	.button_detail_color {
		/*position: relative;
		left: 0%;
		padding: 5px 5px;
		
		transition-duration: 0.4s;
	     border-radius: 5px;*/
		border: 1px solid #2780d8;
		background-color: #fff;
		font-size: 12px;
		text-align: center;
		height:30px;width:100%;
		cursor: pointer;
		color: black;
		
	   /*  border: 1px solid rgba(0, 0, 0, 0); 设置边框为透明*/
	}
	.button_detail_color:link,.button_detail_color:visited {
		border: 1px solid #2780d8;
		 background-color: #fff;
		color: white;
		
	}
	.button_detail_color:hover {
		border: 1px solid #2780d8;
		 background-color: #2780d8;
		 color: white;
		
	}
	.img_detail {
	display:none;
	
	}
}

.download_yulan{
width:100%; 
margin-top:-29px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
/*	text-align: center;
	width: 90%;*/
	
}
 
ul.pagination li {display: inline;}
 
ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 22px;
    margin: 0 4px; /* 0 对应的是头部与底部，可以修改它看看效果 */
    border: 1px solid #ddd; /* Gray */
}

 
ul.pagination li a.active {
    background-color: #2780d8;
    color: white;
}
 
ul.pagination li a:hover:not(.active) {background-color: #ddd;}


.button_fenye {
   
    
	border: 1px solid #2780d8;
    background-color: #FFF;
	position: relative;
    left: 0%; 
    
    font-size: 30px;
    text-align: center;
    padding: 12px 20px 12px 20px;
  
    transition-duration: 0.4s;
    cursor: pointer;
	 color: #2780d8;
}
.button_fenye:hover  {
   
    
	border: 1px solid #2780d8;
    background-color: #2780d8;

	 color: white;
}
.button_index {
   
    
	border: 1px solid #2780d8;
    background-color: #FFF;
	position: relative;
    left: 0%; 
    
    font-size: 30px;
    text-align: center;
    padding: 12px 20px 12px 20px;
  
    transition-duration: 0.4s;
    cursor: pointer;
	 color: #2780d8;
}
@media (max-width: 699px) {
 .authorclass{
   display:none;
 }

 
}
@media (min-width: 700px) {
 .authorclass{
 display:block;
 }

}

@media (min-width: 768px) {
	.button_detail_color2 {
		position: relative;
		left: 0%;
		padding: 10px 10px;
		transition-duration: 0.4s;
	    /* border-radius: 5px;*/
		border: 1px solid #2780d8;
		background-color: white;
		font-size: 20px;
		text-align: center;
		height:50px;width:100%;
		color: black;
		
		cursor: pointer;
		
	   /*  border: 1px solid rgba(0, 0, 0, 0); 设置边框为透明*/
	}
	.button_detail_color2:link,.button_detail_color2:visited {
		border: 1px solid #2780d8;
		background-color: #white;
		color: black;
		
	}
	.button_detail_color2:hover {
		border: 1px solid #2780d8;
		background-color: #2780d8;
		color: white;
		
	}
}
@media (max-width: 767px) {
	.button_detail_color2 {
		position: relative;
		left: 0%;
		padding: 5px 5px;
		
		transition-duration: 0.4s;
	    /* border-radius: 5px;*/
		border: 1px solid #2780d8;
		background-color: white;
		font-size: 12px;
		text-align: center;
		height:30px;width:100%;
		cursor: pointer;
		color: black;
		
	   /*  border: 1px solid rgba(0, 0, 0, 0); 设置边框为透明*/
	}
	.button_detail_color2:link,.button_detail_color2:visited {
		border: 1px solid #2780d8;
		background-color: #white;
		color: black;
		
	}
	.button_detail_color2:hover {
		border: 1px solid #2780d8;
		background-color: #2780d8;
		color: white;
		
	}
	
}