/*search*/
body .search{position:relative;width:180px;display:inline-block;}
body .search .searchInput{width:180px;height:32px;margin-top:2px;}
body .search .searchIcon{position:absolute!important;right:5px;top:8px;}
body .search .searchIcon .layui-nav-more{display:none;}
/*courseMenu*/
.courseWrap{padding-top:80px;padding-bottom:50px;}
.courseWrap a.active{color:#5FB878;font-weight:bold;}
.courseMenu{position:fixed;top:80px;z-index:999;width:220px;height:auto;min-height:500px;background-color:#fff;box-shadow:0 1px 5px 0 rgba(88,129,115,.3);}
.courseMenu li{background-color:#fff;border-bottom:1px dashed #f1f1f1;padding:9px;box-sizing:border-box;cursor:pointer;position:relative;}
.courseMenu li h3 a{display:block;font-size:16px;font-weight:bold;height:20px;}
.courseMenu li p{margin-top:12px;color:#666;}
.courseMenu li p a{display:inline-block;width:33.3%;}
.courseMenu .title{color:#00b882;background:#eef4f2;padding:14px;}
.courseMenu .title a{display:block;text-align:center;font-size:18px;color:#00b882;background:#eef4f2;}
.courseCat{clear:both;font-size:14px;padding:9px;}	
.courseCat a{padding:9px}
/*courseList*/
.courseList{overflow:hidden;height:auto;min-height:520px;margin-left:240px;position:relative;background:#F9F9F9;}
.courseList .title{font-size:18px;line-height:36px;}
.courseList>div{border:1px solid #eee;margin-bottom:12px;}
.courseList .cat1{padding:5px 9px 9px 9px;border-bottom:1px dashed #f1f1f1;}
.courseList .live{display:block;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseList ul{position:relative;clear:both;}
.courseList li{width:100%;height:102px;padding:0 0 9px 0;margin:0 0 12px 0px;cursor:pointer;position:relative;background:#fff;box-shadow:1px 1px 1px #eee;}
.courseList li:hover{background:#eef4f2;box-shadow:1px 1px 1px #ccc;}
.courseList li .badge{position:absolute;top:5px;left:0px;width:42px;height:22px;line-height:22px;background-color:#5FB878;border-radius:0 10px 10px 0;font-size:12px;color:#fff;text-align:center;}
.courseList li.live .badge{background-color:#5FB878;}
.courseList li.history .badge{background-color:#1E9FFF;}
.courseList li.tiku .badge{background-color:#FFB800;}
.courseList li>div{float:left;}
.courseList li .img{width:22%;}
.courseList li .title{padding-left:24px;margin:0px;width:54%;line-height:32px;font-size:18px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.courseList li:hover .title{color:#5FB878;}
.courseList li .title .avator{margin-right:10px;}
.courseList li .title p{color:#aaa;font-size:14px;}
.courseList li .opration{width:33%;line-height:18px;margin-top:18px;}
.courseList li .opration i{font-size:18px;margin-right:2px;}
.courseList li .opration a{font-size:14px;line-height:16px;display:inline-block;margin-left:15px;}
.courseList li .opration a:hover{color:#5FB878;}
.courseList li .time{width:33%;line-height:18px;margin-top:18px;}
.courseList li .time b{font-size:18px;line-height:16px;display:inline-block;margin-left:5px;}
.courseList li .btn{width:15%;text-align:right;margin-top:18px}
.courseList li .btn .border{padding:1px 9px;color:#47c88a;display:inline-block;border:1px solid #47c88a;font-size:14spx;height:25px;line-height:25px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin:-5px 0 0 10px;}
/*living*/
@-webkit-keyframes living{0%{height:30%;}50%{height:100%;}100%{height:30%;}}
@keyframes living{0%{height:30%;}50%{height:100%;}100%{height:30%;}}
.living{position:relative;display:inline-block;width:22px;height:16px;vertical-align:inherit;text-align:center;}
.living i{background-color:#ff7745;position:absolute;bottom:0;left:4px;width:3px;height:100%;-webkit-animation:living linear .6s infinite;animation:living linear .6s infinite;}
.living i:nth-of-type(2){left:10px;height:12px;-webkit-animation-delay:.2s;animation-delay:.2s;}
.living i:nth-of-type(3){left:16px;height:8px;-webkit-animation-delay:.1s;animation-delay:.1s;}