.main{width:100%;min-width:320px;max-width:640px;margin:0 auto}header{overflow:hidden}.header-img{float:left;width:100%}.course-introduce .logo{margin-top:1.5rem;margin-bottom:1rem;width:100%}.course-introduce .logo img{width:5.2rem;height:5.2rem;display:block;margin:0 auto}.course-introduce .course-tit{width:100%;text-align:center;font-size:1.4rem;color:#333;line-height:1.5rem;margin-bottom:.5rem}.course-introduce .course-conduct{box-sizing:border-box;width:100%;padding:0 1.5rem;font-size:1.3rem;color:#999;line-height:1.8rem}.course-introduce .course-conduct .people-num{line-height:1.4rem;margin-top:.5rem;margin-bottom:1.4rem}.course-list{padding-bottom:4.6rem}.list-head{width:100%;height:1.7rem;background:#f5f5f5;text-align:center;position:relative;padding-top:1.5rem;padding-bottom:1.2rem}.list-head .list-tit{position:relative;z-index:2;display:inline-block;padding:0 .8rem;font-size:1.4rem;color:#f80;height:100%;background:#f5f5f5;overflow:hidden}.list-head .list-tit img{width:1.6rem;height:1.6rem;margin:auto 0;margin-right:.8rem}.list-head .list-tit span{display:inline-block;height:1.7rem;line-height:1.7rem;float:left}.list-head .line-wrap{position:absolute;top:1.5rem;margin:auto;left:0;right:0;width:18.5rem;height:.85rem;background:url("http://img.tgimg.cn/Train/line.png") repeat-x 0 bottom;background-size:100% 1px}.list-con{width:100%;background:#f5f5f5}.list-con li{margin-bottom:1rem}.list-con li:last-child{margin-bottom:0}.list-con li a{display:block;padding:1.5rem 1.5rem 1.25rem;background:#fff;position:relative}.list-con .course-wrap{padding-left:10.2rem;margin-bottom:.75rem;position:relative;min-height:8.3rem}.list-con .lecturer-head{position:absolute;border-radius:.6rem;width:9rem;height:8.3rem;top:0;left:0}.list-con .title{font-size:1.5rem;color:#333;line-height:2rem;margin-bottom:.5rem;height:4rem;overflow:hidden}.list-con .infor{height:1.6rem;line-height:1.6rem;font-size:1.3rem;color:#999;margin-bottom:.6rem;overflow:hidden}.list-con .infor img{height:1.6rem;margin:auto 0;margin-right:.4rem}.list-con .infor span{float:left;display:inline-block;height:1.6rem;line-height:1.6rem}.list-con .infor .playing{color:#f80}.list-con .infor .entry{margin-left:.7rem}.list-con .last-infor{margin-bottom:.5rem}.list-con .course-con span,.list-con .title span{display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.list-con .course-con{width:100%;color:#999;height:3.8rem;overflow:hidden;font-size:1.4rem;line-height:1.9rem}.load-end{display:none;width:100%;color:#999;font-size:1.4rem;padding:2rem 0;line-height:1.5rem;background:#f5f5f5;text-align:center}.courseDetail-bottom{position:fixed;bottom:0;left:0;width:100%}.courseDetail-bottom .nav{position:relative;width:100%;height:4.6rem;background:#fff}.courseDetail-bottom a{display:block;width:100%;text-align:center;font-size:1.6rem;line-height:4.6rem;color:#666;position:relative;z-index:2}.courseDetail-bottom a:active{filter:alpha(opacity=80);opacity:.8}.courseDetail-bottom .share{background:url("http://img.tgimg.cn/BusinessTrain/share-icon.png") 50% .7rem/2rem 2rem no-repeat}.courseDetail-bottom .follow{width:2rem;height:2rem;display:inline-block;background:url("http://img.tgimg.cn/BusinessTrain/attention-icon.png") 50% 50%/2rem 2rem no-repeat;vertical-align:middle;margin-right:1.2rem}