.ClassList_b1{width:212px;position:absolute;top:36px;right:0;z-index:1;display:none; max-height: calc(100vh - 360px);overflow-y: scroll;overflow-x: hidden;}
.ClassList_b1 .ltop{ width:210px; height:80px; float:left; background: url(../images/ico1.png) no-repeat bottom right #f8c753;}
.ClassList_b1 .ltop h3{ padding:12px 0 0 28px; font-size:24px; font-weight:300; color:#FFF;}
.ClassList_b1 .ltop h4{ font-size:18px; padding:0 0 0 28px; font-weight:300; color:#FFF; line-height:22px;}

.ClassList_b1 ul{ width:210px; float:left; padding-bottom:20px; background:#ececec; border:1px solid #CD945A; border-top:none;}
.ClassList_b1 ul li{ float:left; display:inline-block;}
.ClassList_b1 ul li a{ display:block; width:210px; float:left; text-align:center; line-height:34px; font-size:14px; color:#2a2a2a;text-decoration:none;}
.ClassList_b1 ul li.on a{ background:#cd945a; color:#FFF;}

.ClassList_b1 .lcon{ width:210px; height:90px; background:#ececec; float:left; margin:10px 0 0 0;}
.ClassList_b1 .lcon p{ font-size:14px; color:#353535; padding:15px 0 0 27px;}
.ClassList_b1 .lcon span{ display:inline-block; width:160px; height:35px; float:left; margin:6px 0 0 27px; text-align:center; background:#b2b2b2; line-height:35px; font-size:14px; color:#FFF;}

.vs{ display:block;}
@media (min-width:721px){
	.ClassList_b1 ul li:hover a{ background:#cd945a; color:#FFF;}

	}
@media only screen and (max-width:720px){
	.ClassList_b1{ right:2.6%; }

	}