@charset "utf-8";
/* 开通课程 */
body{
    background:#f3f5f8;
}
.courseList{
    position: fixed;
    width:100%;
}
.courseList .van-hairline--top-bottom::after{
    border:none;
}
.courseList .van-tabs__line{
    width:40px!important;
    left:11%;
}

.courseList .van-tab--active{
    color:#3377ff;
}
.courseList .van-tabs__line{
    background:#3377ff;
}
.courseList .con{
    /* padding:15px 15px 60px 15px; */
   /*  height:calc(100vh - 90px); */
     overflow-y: scroll;
     padding-bottom:60px;
}
.courseList .van-card{
    padding:10px 15px 10px 153px;
}
.courseList .van-card__title{
    font-size:13px;
    -webkit-line-clamp:1;
}
.courseList .van-card__desc{
    font-size:11px;
}
.courseList .van-card__footer{
    display:flex;
}
.courseList .van-card__thumb{
    width: 128px;;
    height:90px;
}
.courseList .van-card__footer{
    bottom:12px;
    width:100%;
    padding-left:168px;
    right:15px;
   
}
.courseList .van-card__footer div{
    width:100%;
    display: flex;
    justify-content: space-between;;
     align-items: baseline;
}
.courseList .van-card__footer .price{
    font-size:15px;
    color:#fd4d3f;
    font-weight: 700;
}
/* 课程 */
.home_swipe{
    padding:10px 0;
    background:#fff;
}
.courseTopLinks{
    padding:15px;
    text-align: center;
    align-items: center;
    font-size:12px;
    border-top:1px solid #e5e5e5;
}
.c_list h2{
    padding:15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    font-size:15px;
}
.c_list h2 span{
    border-left: 3px solid #3377ff;
    height: 15px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}
.c_list h2 a{
    font-size:12px;
    color:#737373;
}
.c_list .c_con{
    padding:15px 130px 15px 15px;
    min-height:110px;
    position: relative;
    border-bottom:1px solid #e5e5e5;
    line-height:21px;
}
.c_list .c_con .thumb{
    position: absolute;
    width:110px;
    right:15px;
    top:15px;
}
.c_list .c_con .thumb img{
   width:100%;
}
.c_list .c_con h3{
    font-size:12px;
   overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em;
}
.c_list .c_con .adv{
    display: flex;
    flex-wrap: wrap;
}
.c_list .c_con .adv span{
	display:block;
    padding:1px 2px;
    height:18px;
    line-height: 18px;
    text-align: center;
    font-size:10px;
    border:1px solid #737373;
    border-radius:2px;
    color:#737373;
    margin:5px 5px 0px 0;
}
.cellBox{
	height:100px;
	padding:15px 0;
	clear: left;
	background: #fff;
	margin-top: 10px;
}
.courseList .con .thumb {
    top: 14px;
    margin-left: 15px;
    width: 128px;
    height: 72px;
    float: left;
}
.courseList .con .thumb img {
    width: 100%;
    height: 100%;
}
.courseList .con .courseCon{
	width: 60%;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 15px;
    float: right;
}
.courseList .con .courseDesc{
	color: #666;
	font-size: 11px;
	margin-top: 5px;
	height: 15px;
}
.courseKc{
	font-weight: 100;
	font-size: 13px;
}
.coursePic{
	color: #fd4d3f;
	font-weight: bold;
	font-size: 15px;
	margin-top: 5px;
    display: inline-block;
}
.listenBtn{
	float: right;
}
.courseList .con .footerBox{
	margin-top: 5px;
	
}
/* 自定义证书课程介绍图 */
.customData .c_con{
	padding: 3px;
}
.customData img{
	height: 116px;
	width: 100%;
}
@media (min-device-width: 300px) and (max-device-width: 360px){
         /*针对iPhone 4, 5c,5s, 所有iPhone6的放大模式，个别iPhone6的标准模式*/
        .courseList .con .courseCon{
        	width:53%;
        }
}