/* 
 1.m站收藏--学院列表的css
 2.201616.23.22 

*/

/*m站收藏列表的样式*/
body{
	background: #F9F9F9;
}
/*一像素边框的样式和flex-box的样式*/
.border-after:after{
	content: '';
    height: 1px;
    width:200%;
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #eee;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
.border-before:after{
	content: '';
    height: 1px;
    width:200%;
    position: absolute;
    left: 0;
    top:0;
    background-color: #eee;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
/*头部样式*/
header{
	width:100%;
	height:auto;
	border-top:0.04rem solid #222;
	background: #fff;
}
.history-box{
	width:100%;
	height:0.50rem;
	line-height: 0.50rem;
	position: relative;
}
.back{
	position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}
.back-btn{
	display: block;
    width: .45rem;
    color: #333333;
    font-size: .16rem;
    text-align: center;
}
.collect-link{
	padding:0 0.74rem;
	text-align: center;
	font-size: 0.12rem;
	color:#333;
	height:0.50rem;
	line-height: 0.50rem;
}
.collect-link .active{
	border-bottom:0.04rem solid #FCD051;
}
/*查询条件*/
.filter-box{
	font-size: 12px;
	color:#999;
	padding: 0.08rem 0.04rem;
	background: #fff;
	position: relative;
}
.filter-box div.active{
	background:#EFD46A;
	color:#222; 
}
.filter-box .flex-1{
	border-radius: 0.13rem;
	text-align: center;
	padding:0.07rem 0.10rem;
	background: #F5F5F5;
	margin:0 0.03rem;
}
/*查询结果*/
#filter-result{
	padding-top: 0.14rem;
}
/*三个dom共的样式*/
.filter-item{
	padding: 0.16rem 0.10rem;
	background: #fff;
	margin-bottom: 0.04rem;
    position: relative;
}
.filter-item>a{
	position: relative;
	width:100%;
}
.filter-item .change-status{
	position: absolute;
	right:0.10rem;
	bottom:0.08rem;
    padding:0.08rem 0;
}
.filter-item .change-status p{
    height:28px;
    line-height: 28px;
    padding:0 12px;
    border-radius: 0.02rem;
    font-size: 12px;
    border:1px solid #EFD46A;
    color:#FFCC33;
}
.filter-item .uncollect p{
	background: #f5f5f5;
	color:#999;
	border:1px solid #F5F5F5;
}
/*学院dom的样式*/
.filter-college .filter-left{
	width:0.90rem;
	height:0.68rem;
	position: relative;
}
.filter-college-specil .filter-left{
    border: 1px solid #e5e5e5;
    padding-top: .08rem;
}
.filter-college .filter-left img{
	width:100%;
	height:100%;
}
.filter-college-specil .filter-left img{
    width:0.50rem;
    height:0.50rem;
    display: block;
    margin:0 auto;

}
.filter-college .filter-left .filter-tag{
	position: absolute;
    top: .1rem;
    left: 0;
    display: table;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    background: rgba(78,109,196,0.7);
}
.filter-college .filter-left .filter-tag p{
	display: table-cell;
    height: 20px;
    padding: 0 10px 0 5px;
    font-size: 10px;
    vertical-align: middle;
}
.filter-college .filter-right{
	padding:0 0.10rem;
	height:0.68rem;
}
.filter-college .filter-title{
	overflow: hidden;
    margin-top: -.02rem;
    color: #333333;
    font-size: .1rem;
    line-height: .18rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.filter-college .filter-right .filter-time{
	font-size:0.10rem;
	color:#A79E88; 
	margin-top:0.14rem;
}
/*课程dom的样式*/
.filter-course .filter-left{
	width:0.60rem;
	height:0.60rem;
	border-radius: 0.02rem;
}
.filter-course .filter-left img{
	width:100%;
	height:100%;
	border-radius: 0.02rem;
}
.filter-course .filter-right{
	padding:0 0 0 0.10rem;
	height:0.60rem;
}
.filter-course .name-date{
	/*overflow: hidden;*/

}
.filter-course .name-date .name{
	font-size: 0.12rem;
	color:#555;
    max-width:85%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    height:0.16rem;
    /*white-space: nowrap;*/
}
.filter-course .name-date .date{
	font-size: 0.10rem;
	color:#999;
}
.filter-course .course-type{
	font-size: 0.10rem;
	color:#999;
	margin-top: 0.03rem;
}
.filter-course .price-des{
	font-size: 0.10rem;
	color:#333;
	margin-top: 0.03rem;
}
/*导师dom的样式*/
.filter-teacher .filter-left{
	width:0.60rem;
	height:0.60rem;
	border-radius: 0.02rem;
	border:1px solid #eee;
}
.filter-teacher .filter-left img{
	width:100%;
	height:100%;
	border-radius: 0.02rem;
}
.filter-teacher .filter-right{
	padding:0 0 0 0.10rem;
	height:0.60rem;
}
.filter-teacher .name-date{
	overflow: hidden;
}
.filter-teacher .name-date span{
	font-size: 0.12rem;
	color:#555;
}
.filter-teacher .name-date i{
	font-size: 0.10rem;
	color:#999;
}
.filter-teacher .company-name{
	font-size: 0.10rem;
	color:#999;
	margin-top: 0.03rem;
}
.filter-teacher .job-name{
	font-size: 0.10rem;
	color:#999;
	margin-top: 0.03rem;
}
/*加载中和为空样式begin*/
/*--- no more data begin ---*/
.no-more-data {
	color: #999;
	font-size: 0.12rem;
	text-align: center;
	line-height: 0.40rem;
}
/*--- no more data end ---*/
/*没有数据的样式*/
.no-data{
    padding-top: 0.46rem;
}
.no-data .icon-box{
    text-align: center;
}
.no-data .icon-box .icon{
    width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
   font-size: 106px;
}
.no-data .look-all{
   text-align: center;
}
.no-data .look-all span{
    display: inline-block;
    font-size: 12px;
    color:#333;
    text-align: center;
    height:0.24rem;
    line-height: 0.24rem;
    border-radius: 0.03rem;
    background: #f3d872;
    padding:0 6px;
}
.no-data p{
    text-align: center;
    color:#999;
    font-size: 12px;
    margin-top:-4px;
    margin-bottom:14px;
}
.no-data .go-index{
    width:0.90rem;
    height:0.24rem;
    line-height: 0.24rem;
    font-size: 12px;
    color:#333;
    text-align: center;
    border-radius: 0.03rem;
    background: #f3d872;
    margin:0 auto;
}
.no-data .go-index a{
    display: block;
    width:100%;
    height:100%;
    color:#333;
}
.no-data .another-index{
    text-align: center;
}
.no-data .another-index a{
    display: inline-block;
    height:0.24rem;
    line-height: 0.24rem;
    font-size: 12px;
    color:#333;
    background: #f3d872;
    padding:0 8px;
    border-radius: 0.03rem;
}
/*没有数据的样式*/
/*--- loading begin ---*/
.loading {
	text-align: center;
	line-height: 0.40rem;
}
.loading > p {
	display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: .10rem;
    vertical-align: 4px;
}
.loading > div {
    display: inline-block;
}
/*加载中的css3的样式*/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-square-spin,
.la-square-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-square-spin {
    display: block;
    font-size: 0;
    color: #ccc;
}
.la-square-spin.la-dark {
    color: #333;
}
.la-square-spin > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-square-spin {
    width: 18px;
    height: 18px;
}
.la-square-spin > div {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
       -moz-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
         -o-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.la-square-spin.la-sm {
    width: 16px;
    height: 16px;
}
.la-square-spin.la-2x {
    width: 64px;
    height: 64px;
}
.la-square-spin.la-3x {
    width: 96px;
    height: 96px;
}
/*
 * Animation
 */
@-webkit-keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
                transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@-moz-keyframes square-spin {
    0% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
             transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
             transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
             transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
             transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
             transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@-o-keyframes square-spin {
    0% {
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
           -moz-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
           -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
           -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
           -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
           -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
                transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
/*加载中和为空样式over