.sort-public{
   position:fixed;right:0px;top:44px;bottom:0px;left:0px;text-align:center;z-index:2;
   background:-moz-linear-gradient(top,#f8f8f8 80%,#d2d2d2);
   background:-webkit-linear-gradient(top,#f8f8f8 80%,#d2d2d2);
   background:-ms-linear-gradient(top,#f8f8f8 80%,#d2d2d2);
   background:linear-gradient(top,#f8f8f8 80%,#d2d2d2);
}
.sort-public table{width:100%;height:100%}
.sort-public table a{display:inline-block;color:#21262b;padding:13px 0px;
   width:150px;border-radius:30px;border:solid 1px #eee;background:#fff;
}

.sort{overflow-y:auto;padding: 10px 0}
.sort ul{overflow:hidden;padding: 0px 2% 40px 2%;}
.sort li{width:33.3%;text-align:center;float:left;padding:5px 0px}
.sort li a{display:inline-block;color:#21262b;padding:10px 0px;font-size: 14px;
   width:95%;border-radius:30px;border:solid 1px #eee;background:#fff;
}

.coursesort{overflow:hidden;background:#f6f6f6}
.sortleft{float:left;background:#fff;width:33%;}
.sortleft li{float:left;width:100%;border-bottom:solid 1px #d6dce3;border-right:solid 1px #d6dce3;}
.sortleft li a{float:left;padding:13px 0 13px 15px;color:#333;}
.sortleft li.cur{background:#f6f6f6;border-right:solid 1px #f6f6f6;}
.sortleft li.cur a{color:#f2523c;}
.sortright{padding-top:20px;padding-left:40px;float: left;}

.sortright{padding-left:5%;float:left;width:60%;}
.sortright a{width: 33%; float: left;color: #28323b;height:39px;line-height:39px;
    overflow: hidden; white-space: nowrap;}

.filter{padding:20px 2%;}
.filter dl{}
.filter dt{color: #5c6273;font-size: 14px;padding-left: 2%;}
.filter dd{overflow: hidden;padding-top: 10px;}
.filter dd a{background:#f5f5f5;float:left;margin:0 2% 10px;
    padding:8px 0;border-radius:4px;text-align:center;width:28%;}

.filter dd .cur{border: 1px solid #f2523c; background: #fff;color:#f2523c}

.filterbtn{text-align:center;overflow:hidden;padding:10px 0}
.filterbtn a{float: left;margin: 0 2% 0px;padding:8px 0;border-radius: 4px;text-align: center;
    width:45%;}
.btn-clear{border: 1px solid #f6f6f6; background: #f6f6f6;}
.btn-filter{border: 1px solid #f2523c; background: #f2523c;color:#fff}



.slider-bg{top:44px;}

.btn-close{position:fixed;bottom:0px;left:0px;right:0px;background:#fff;padding-top:10px;padding-bottom:10px;color:#f2523c;}

.course-con{padding:0px 0px 0px 15px;}

.searchtab{position:relative;}

.searchgroup{background:#fff;border-bottom:solid 1px #eee;}
.searchgroup li{width:33%;float:left;border-left:1px solid #eee;text-align:center;
    color:#21262b;line-height:46px;}
.searchgroup li:first-child{border:0;}

.ico-triangle-down{
    height:16px;width:16px;display:inline-block;vertical-align:middle;margin-left:4px;
    background:url("images/ico-dire-dn.png") no-repeat center center;
    background-size:10px;
}

.searchgroup li.cur i{background:url("images/ico-dire-dn-hover.png") no-repeat center center;
    background-size:10px;}
.searchgroup li.cur span{color:#f2523c}

.searchtab-con{overflow:hidden;position:absolute;top:47px;background:#fff;width:100%;z-index: 4}
.search-teac{overflow:hidden;padding:10px 0;}
.search-teac li{width:33.3%;text-align:center;float:left;padding:5px 0px}
.search-teac li a{display:inline-block;color:#21262b;padding:8px 0px;
   width:80%;border-radius:30px;border:solid 1px #eee;
}

.search-list{overflow:hidden;display: none;}
.search-list li{overflow:hidden;border-bottom:solid 1px #eee}
.search-list li a{overflow:hidden;padding:11px 0px 11px 20px;display:block;color:#21262b;}

.loading {
  background: rgba(0,0,0,.3);
  color: #303030;
	font-size:14px;
	padding:5px 10px;
	text-align:center;
	display:none;
  margin-right: 15px;
	border-radius: 5px;
}