/* CSS Document */
.ClassList_b3 { text-align:  center; margin-bottom:1.275vw;}
.ClassList_b3 ul {  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
			  display:-webkit-flex; /* Chrome */
			  display:-moz-box;     /* Firefox 19 */
			  display:-ms-flexbox;   
			  display:flex;  /*flex容器*/box-pack:center;
		-webkit-box-pack: center;
		-moz-box-pack:center;
		-ms-flex-pack:center; justify-content: center; box-align:start; 
		-webkit-box-align:start;
		-moz-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start; -webkit-flex-wrap: wrap;
		  -moz-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  -o-flex-wrap: wrap;
		  flex-wrap: wrap;}
.ClassList_b3 li:first-child {margin-left: 0;}
.ClassList_b3 li { text-align: center;width: auto;  margin-right: 30px; margin-bottom:20px;}
.ClassList_b3 a { font-size:16px; color: #333; white-space: nowrap;box-sizing: border-box; border: 1px solid #ddd;width: 170px;display: block;line-height: 55px;height: 55px;
overflow: hidden;text-overflow: ellipsis;position:relative;z-index:1; padding:0 15px;}
.ClassList_b3 li.on a:before {  width: 100%;}
.ClassList_b3 a:before {transition: 0.3s ease 0s; position: absolute; content: ''; z-index: -1;left: 0;width: 0; top: 0; height: 100%; background: #FFEB46;}
.ClassList_b3 li.on a {
    border-color: #FFEB46;
    color: #fff;
}
@media (min-width:721px){
	.ClassList_b3 a:hover {
    border-color: #FFEB46;
    color: #fff;
}
.ClassList_b3 a:hover:before {
    width: 100%;
}

	}
@media (max-width:1200px){
	.ClassList_b3 a{ line-height:40px; height:40px;}
	.ClassList_b3 a{ width:140px; font-size:14px;}
	.ClassList_b3 li {  margin-right: 20px; margin-bottom:15px;}

	}
@media (max-width:720px){
	.ClassList_b3 li{ margin-right:15px;}
	
	
	
	}