img{ border:none;}
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{border-top: 1px solid #efefef;
    padding-top: 10px;}
.mt10{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
}

.x_vice{
    padding: 16px 13px;
}
.vice{
    text-align: left;
    margin-bottom: 15px;
}
.vice>span{
    font-weight: 700;
    color: #ff4513;
    font-size: 16px;
}
.vice>span.f_r {
    float: right;
    color: #999;
    position: relative;
}

/*main*/
.index_course_categories{
    width: 75pc;
    height: auto;
    padding: 10px 0 0 0;
    margin-bottom: 20px;
    margin-top: 5px;
    background-color: #fff;
}
.index_course_categories .title{border-bottom: 1px solid #e7e7e7;padding-bottom:20px;text-align: left;
padding-left: 20px;
padding-right: 20px;
}
.index_course_categories .title h2{ font-size: 20px;}
.floortitle:hover{
    color: #2592ff;
}
.index_course_categories .title-list{ top: 6px;}
.index_course_categories .title-list li{ display: inline-block;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    cursor: pointer;}

.bbt{
   font-weight: normal !important;
    font-size: 14px !important;
    padding-top: 2px;
}


.index_course_categories .title-list li.on{
    border: 1px solid #2592ff;

}

.index_course_categories .title-list li>a{
    font-size: 16px;
    color: #666;
    padding: 2px 10px;
    display: block;
}

.index_course_categories .title-list li.on>a{
    color: #2592ff;
}




.course_content{ position: relative;  display: none; margin-top: 20px;}
.course_content ul{ margin-left: 20px}
.categories-wrap .show{ display: block;}
.categories-wrap .course_content li{ float: left; display: block;
    transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
    width: 23%;
    height: 330px;
    border: 1px solid #ececec;
    border-radius: 5px;
    margin: 0 21px 30px 15px;
}
.categories-wrap .course_content li.ml0{margin-left:0px;}


.categories-wrap .course_content li p a{ color: #333; text-decoration: none;}
.categories-wrap .course_content li p a:hover{ color: #2592ff; text-decoration: none;}
.categories-wrap .course_content li img{
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}