.college-panel{
    background-color: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    padding: 30px;
}
.college-panel .item{
    border-right: 1px solid #f5f5f5;
}
.college-panel .item:last-child{
    border-right: 0;
}
.college-panel .item img{
    height: 40px;
    margin-right: 20px;
}
.college-panel .item .title{
    font-size: 24px;
    color: #333333;
    margin-top: 7px;
}
.college-panel .item .desc{
    font-size: 16px;
    color: #aaa;
    margin-top: 10px;
}


.col-section{
    padding: 60px 0 0 0;
    background-color: #ffffff;
}
.col-section .col-section-header{
    padding: 0 50px;
}
.col-section .col-section-header .header-ct{
    text-align: center;
}
.col-section .col-section-header .header-ct h1{
    font-size: 20px;
    color: #4c4c4c;
    letter-spacing: 1px;
    font-weight: 600;
}
.col-section .col-section-header .header-ct h2{
    font-size: 22px;
    color: #4c4c4c;
    letter-spacing: 1px;
    opacity: 0.05;
    margin: 10px 0 0 0;
    font-weight: 600;
}
.col-section .col-section-header .header-rt{
    text-align: right;
    justify-content: flex-end;
}
.col-section .col-section-header .header-rt .btn-more{
    font-size: 14px;
    color: #38a935;
    margin-left: 30px;
}
.col-section .col-section-header .header-rt .btn-apply{
	display: inline-block;
	font-size: 12px;
	color: #fffefe;
	padding: 6px 20px;
	background-color: #e84e1a;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.col-section .col-section-header .header-rt .btn-vip{
	display: inline-block;
	font-size: 12px;
    color: #ffffff;
    font-weight: 600;
	padding: 9px 20px;
	background-color: #e3bf77;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.col-section .col-section-body{
    padding: 30px 0 0 0;
}
.col-section .col-section-body.box-hidden{
    max-height: 310px;
    overflow-y: hidden;
}

.look-mobile-pannel {
    position: relative;
}
i#look_mobile {
    width: 140px;
    height: 30px;
    padding: 150px 10px 0;
    float: left;
    border: 1px solid #e7e7e7;
    background: #fff url(/static/home/images/mobile_qrcode.png) no-repeat 15px 15px;
    position: absolute;
    left: 30%;
    top: 70px;
    font-size: 12px;
    color: #444;
    text-align: center;
    background-size: 82%;
    line-height: 20px;
    display: none;
    z-index: 201;
}

/* 讲师列表 */
.lecture-list{
    position: relative;
}
.lecture-list .lecture-item{
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 297px;
    padding: 30px 0;
    background-color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    text-align: center;
}
.lecture-list .lecture-item:hover{
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.lecture-list .lecture-item .lecture-avatar{
    width: 141px;
    height: 141px;
    margin: 0 auto;
}
.lecture-list .lecture-item .lecture-name{
    font-size: 20px;
    color: #262626;
    font-weight: 600;
    margin-top: 10px;
}
.lecture-list .lecture-item .lecture-company{
    font-size: 12px;
    color: #262626;
    margin-top: 8px;
}
.lecture-list .lecture-item .lecture-position{
    font-size: 12px;
    color: #e84e1a;
    margin-top: 5px;
}
.lecture-list .lecture-item .lecture-classify{
    margin-top: 15px;
}
.lecture-list .lecture-item .lecture-classify span{
    display: inline-block;
    font-size: 12px;
    color: #38a935;
    padding: 5px 10px;
    border: solid 1px #38a935;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin: 0 5px;
}
.lecture-list .lecture-item .lecture-tags{
    margin-top: 10px;
}
.lecture-list .lecture-item .lecture-tags span{
    font-size: 14px;
    color: #7d7d7d;
    margin: 0 10px;
}
/* 热门讲师 */
.lecture-list-hot .swiper-container{
    padding: 10px 10px;
    margin: 0 30px;
}
.lecture-list-hot .swiper-button-prev,.lecture-list-hot .swiper-button-next{
    width: 20px;
    height: 80px;
    background-size: 20px 80px;
    margin-top: -40px;
    outline: none;
}
.lecture-list-hot .swiper-button-prev{
    background-image: url(../images/ser_prev.png);
    left: 0;
}
.lecture-list-hot .swiper-button-next{
    background-image: url(../images/ser_next.png);
    right: 0;
}

/* 课程列表 */
.course-list{
    position: relative;
}
.course-list .course-item{
    display: block;
    width: 280px;
    padding: 5px 5px 15px 5px;
    background-color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.course-list .course-item:hover{
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.course-list .course-item .course-img{
    width: 100%;
    height: 157px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: url(../images/1.jpg) no-repeat center;
    background-size: cover;
}
.course-list .course-item .course-name{
    font-size: 14px;
    color: #2c2c2c;
    line-height: 25px;
    padding: 5px 5px 10px 5px;
}
.course-list .course-item .course-num{
    font-size: 14px;
    color: #a5a5a5;
    margin-left: 5px;
}
.course-list .course-item .course-price{
    font-size: 18px;
    color: #38a935;
    font-weight: 600;
    margin-right: 5px;
}
.course-list .course-item .course-lecture{
    margin: 15px 0 0 0;
}
.course-list .course-item .lecture-avatar{
    width: 29px;
    height: 29px;
    margin-right: 10px;
}
.course-list .course-item .lecture-name{
    font-size: 12px;
    color: #2c2c2c;
    margin-right: 10px;
}
.course-list .course-item .lecture-position{
    font-size: 12px;
    color: #959595;
}
.course-list .course-item .course-view{
    margin-left: 5px;
}
.course-list .course-item .course-view img{
    height: 10px;
    margin-right: 3px;
}
.course-list .course-item .course-view span{
    font-size: 12px;
    color: #ababab;
}
.course-list .course-item .course-price-vip{
    font-size: 14px;
    color: #e3bf77;
    margin-right: 5px;
}

/* 系列课程 */
.course-list-series .swiper-container{
    padding: 10px 10px;
    margin: 0 30px;
}
.course-list-series .swiper-button-prev,.course-list-series .swiper-button-next{
    width: 20px;
    height: 80px;
    background-size: 20px 80px;
    margin-top: -40px;
    outline: none;
}
.course-list-series .swiper-button-prev{
    background-image: url(../images/ser_prev.png);
    left: 0;
}
.course-list-series .swiper-button-next{
    background-image: url(../images/ser_next.png);
    right: 0;
}

/* 分享课程 */
.course-list-share{
    margin: 0 50px;
}
.course-list-share .course-item{
    float: left;
    margin: 0 8px 30px 0;
}
.course-list-share .course-item:nth-child(4n){
    margin-right: 0;
}

.course-main{
    background-color: #353535;
    padding: 10px;
    margin: 10px 0 20px 0;
}
.course-main .video-content{
    width: 880px;
    background-color: #000000;
}
.course-main .video-content .video-box{
    width: 100%;
    height: 465px;
    position: relative;
}
.course-main .video-content .video-box video{
    outline: none;
}
.course-main .video-content .video-box .video-btn{
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 10;
}
.course-main .video-content .video-box .video-btn img{
    width: 70px;
    height: 70px;
}
.course-main .video-aside{
    width: 380px;
    margin-left: 20px;
    padding: 20px 30px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.course-main .video-aside .btn-collect img{
    height: 16px;
}
.course-main .video-aside .btn-share a{
    margin-left: 10px;
}
.course-main .video-aside .btn-share a img{
    height: 24px;
}
.course-main .video-aside .video-name{
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    line-height: 36px;
    margin: 15px 0;
}
.course-main .video-aside .video-lecture,.course-main .video-aside .video-number{
    font-size: 14px;
    color: #cdcdcd;
    line-height: 28px;
}
.course-main .video-aside .video-people img{
    height: 16px;
    margin-right: 10px;
}
.course-main .video-aside .video-people span{
    font-size: 12px;
    color: #656565;
}
.course-main .video-aside .video-star .layui-rate{
    padding: 0;
}
.course-main .video-aside .video-star .layui-rate li i.layui-icon{
    font-size: 18px;
    margin-right: 1px;
}
.course-main .video-aside .video-price{
    font-size: 36px;
    font-weight: 600;
    color: #e84e1a;
}
.course-main .video-aside .video-buy{
    color: #e84e1a;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.course-menu{
    margin: 20px 0;
}
.course-menu .menu-content{
    width: 890px;
    background-color: #ffffff;
    padding: 30px 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.course-menu .menu-content .layui-tab{
    margin: 0;
}
.course-menu .menu-content .layui-tab .layui-tab-title{
    border: none;
}
.course-menu .menu-content .layui-tab .layui-tab-title li{
    display: inline-block;
    font-size: 18px;
    color: #333333;
    padding: 0 0 5px 0;
    border-bottom: 3px solid #ffffff;
    margin-right: 110px;
    line-height: 30px;
}
.course-menu .menu-content .layui-tab-brief>.layui-tab-title .layui-this:after{
    bottom: 0;
    border-bottom: 3px solid #38a935;
}
.course-menu .menu-content .layui-tab-content{
    padding: 30px 0 0 0;
}
.course-menu .menu-content .course-info p{
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}
.course-menu .menu-content .course-info p.title{
    font-size: 18px;
    color: #38a935;
    font-weight: 600;
    margin: 15px 0 0 0;
    line-height: 36px;
}

.course-menu .menu-content .course-info{
    font-size: 16px;
    line-height: 1.75;
    color: #666666;
    font-family: "Hiragino Sans GB", "Open Sans", Arial, "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

.course-menu .menu-content .course-info img{
    max-width: 100%;
}

.course-menu .menu-content .course-info blockquote p:last-child {
    margin: 0;
}

.course-menu .menu-content .course-info p{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0 0 25px;
    line-height: 1.75;
}

.course-menu .menu-content .course-info p span {
    font-size: 16px !important;
}

.course-menu .menu-content .course-info p strong {
    font-size: 16px !important;
}

.course-menu .menu-content .course-info p span strong{
    font-size: 16px !important;
}

.course-menu .menu-content .course-class{
    border: none;
}
.course-menu .menu-content .course-class .layui-colla-title{
    background-color: transparent;
    padding: 0;
    overflow: inherit;
}
.course-menu .menu-content .course-class .layui-colla-title .layui-colla-icon{
    display: none;
}
.course-menu .menu-content .course-class .layui-colla-content,.course-menu .menu-content .course-class .layui-colla-item{
    border-color: #f5f5f5;
}
.course-menu .menu-content .course-class .class-title{
    font-size: 16px;
}
.course-menu .menu-content .course-class .class-title span{
    color: #999999;
    margin-right: 30px;
}
.course-menu .menu-content .course-class .class-time{
    display: block;
}
.course-menu .menu-content .course-class .class-time span{
    font-size: 14px;
    color: #999999;
    margin-right: 10px;
}
.course-menu .menu-content .course-class .class-time img{
    height: 15px;
}
.course-menu .menu-content .course-class .class-list p{
    font-size: 14px;
    line-height: 28px;
    color: #38a935;
    position: relative;
}
.course-menu .menu-content .course-class .class-list p::before{
    content: "";
    position: absolute;
    left: -10px;
    width: 2px;
    height: 2px;
    background-color: #38a935;
    top: 50%;
    margin-top: -1px;
}
.course-menu .menu-content .course-class .class-play-icon{
    height: 14px;
    position: absolute;
    left: -30px;
}
.course-menu .menu-content .course-class .on .class-title{
    color: #38a935;
}
.course-menu .menu-content .course-class .on .class-title span{
    color: #38a935;
}
.course-menu .menu-content .course-class .on .class-time{
    display: block;
}
.course-menu .menu-content .course-class .on .class-play-icon{
    display: block;
}
.course-menu .menu-content .course-comment .comment-hd{margin: 15px 0}
.course-menu .menu-content .course-comment .comment-hd .t{margin-top: 6px;color: #656565;line-height: 20px}
.course-menu .menu-content .course-comment .comment-hd .btnComment{display: inline-block;width: 137px;height: 35px;background-color: #3aa835;border-radius: 10px;text-align: center;line-height: 35px;color: #ffffff}
.course-menu .menu-content .course-comment .comment-item{
    margin: 0 0 40px 0;
}
.course-menu .menu-content .course-comment .comment-item .user-avatar{
    width: 48px;
    height: 48px;
    margin-right: 20px;
}
.course-menu .menu-content .course-comment .comment-item .user-name{
    font-size: 16px;
    color: #333333;
}
.course-menu .menu-content .course-comment .comment-item .comment-star{
    margin-right: 20px;
}
.course-menu .menu-content .course-comment .comment-item .comment-star .layui-rate{
    padding: 0;
}
.course-menu .menu-content .course-comment .comment-item .comment-star .layui-rate li i.layui-icon{
    font-size: 18px;
    margin-right: 1px;
}
.course-menu .menu-content .course-comment .comment-item .comment-tag span{
    font-size: 14px;
    color: #999999;
    margin-right: 10px;
}
.course-menu .menu-content .course-comment .comment-item .comment-time{
    font-size: 14px;
    color: #999999;
}
.course-menu .menu-content .course-comment .comment-item .comment-content{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 15px;
}
.course-menu .menu-aside{
    width: 400px;
    background-color: #ffffff;
    margin-left: 10px;
    padding: 35px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.course-menu .menu-aside .aside-course-lecture{
    text-align: center;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e2e2e2;
}
.course-menu .menu-aside .aside-course-lecture .lecture-avatar{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.course-menu .menu-aside .aside-course-lecture .lecture-name{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px 0;
}
.course-menu .menu-aside .aside-course-lecture .lecture-company,.course-menu .menu-aside .aside-course-lecture .lecture-position{
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}
.course-menu .menu-aside .aside-course-lecture .lecture-intro{
    font-size: 14px;
    line-height: 28px;
    color: #999999;
    margin: 10px 0 0 0;
    text-align: left;
}
.course-menu .menu-aside .course-list-lecture{
    margin: 15px 0 0 0;
}
.course-menu .menu-aside .course-list-lecture .course-item{
    display: block;
    width: 100%;
    margin: 15px 0 0 0;
}
.course-menu .menu-aside .course-list-lecture .course-item .course-lecture{
    margin: 0;
}

/*分享线上课程列表*/

.lesson-tabbar{
    margin-top: 15px;
    background-color: #fff;
}

.lesson-panel{
    background-color: #ffffff;
}

.lesson-panel .diy-filter .diy-filter-row h1{
    width: 80px;
    line-height: 30px;
    text-align: left;
}

.lesson-panel .diy-filter .diy-filter-row .filter-list a.filter-click{
    padding: 5px 15px;
    line-height: initial;
    margin: 0 3px 10px;
}
.lesson-panel .diy-filter .diy-filter-row .filter-list a.filter-on{
    background-color: #dcf6db;
    border-radius: 11px;
    color: #38a935;
}

.lesson-panel .diy-filter .diy-filter-row .filter-list .filter-more{
    line-height: 30px;
}

.lesson-tabbar{
    margin-top: 15px;
    background-color: #fff;
}

.lesson-path{
    padding: 20px 20px 0px 20px;
}

.lesson-path.lesson-info-path{
    padding: 20px;
}

.lesson-path span{
    font-size: 14px;
    color: #242424;
}
.lesson-path span.path-on{
    color: #38a935;
}

.lesson-path .container{
    padding: 10px 0;
    background-color: #fff;
}

.lesson-path .layui-breadcrumb {
    font-size: 14px;
    padding-left: 10px;
}

.lesson-path .layui-breadcrumb a cite{
    color: #38a935;
}
.card-body .lesson-path{
    padding: 10px 0;
    background-color: transparent;
}

.lesson-sort{
    padding: 20px 25px;
}

.lesson-sort .row-sort-l a{
    font-size: 14px;
    color: #898989;
    margin-right: 20px;
}

.lesson-sort .row-sort-l a.sort2-on {
    color: #38a935;
}

.search-input{
    height: 40px;
    border-radius: 5px;
}

.main-content{
    margin-top: 20px;
}

.lesson-lists{
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.lesson-lists li{float:left;width: 300px;margin: 0 10px 8px 0;background-color: #ffffff;border-radius: 10px;padding: 5px 6px 0 6px;border: none;transition: all .3s}
.lesson-lists li:nth-child(4n){margin-right: 0}
.lesson-lists li:hover{position: relative;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.19);}
.lesson-lists .img-wrap{
    position: relative;
}
.lesson-lists .img-wrap .overlay {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65) url(/static/home/images/icon-video.png) no-repeat center center;
}
.lesson-lists li:hover .img-wrap .overlay {
    opacity: 1;
}
.lesson-lists .img-wrap{width: 300px;height: 170px;border-radius: 10px;overflow: hidden;}
.lesson-lists .info-wrap{padding: 5px 10px 10px 10px;height: auto}
.lesson-lists .info-wrap .info-wrap-title{font-size: 14px;line-height: 22px;color: #5b5b5b;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 44px;}
.lesson-lists .info-wrap .info-wrap-text{margin-top: 0}
.lesson-lists .info-wrap .info-wrap-text .vtime{
    float: left;
}
.lesson-lists .info-wrap .info-wrap-text .vtime .rs{
    margin-right: 5px;
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    color: #878787;
}
.lesson-lists .info-wrap .info-wrap-text .price .num{
    font-weight: bold;
    font-size: 18px;
    color: #ea5413;
}
.lesson-lists .info-wrap .info-wrap-text .price .txt{
    color: #a5a5a5;
    font-size: 14px;
}
.lesson-lists .info-wrap .info-wrap-text .price{
    float: right;
}
.lesson-lists .info-wrap .info-wrap-text .rs{margin-right: 5px;display: inline-block;margin-top: 6px;}
.lesson-lists .info-wrap .info-wrap-text .rs img{display: inline-block;vertical-align: top;margin-top: -1px;}
.lesson-lists .info-wrap .info-wrap-text .price .txt{color: #a5a5a5;}
.lesson-lists .info-wrap .info-wrap-text .price .num{font-weight: bold;font-size: 18px;}
.lesson-lists .info-wrap .info-wrap-desc{margin-top: 6px}
.lesson-lists .info-wrap .info-wrap-desc .img-wrap{width: 29px;height: 29px;border-radius: 50%;overflow: hidden;display: inline-block}
.lesson-lists .img-wrap img{
    width: 100%;height: 100%;
}
.lesson-lists .info-wrap .info-wrap-desc .name{color: #2c2c2c;margin-right: 13px;margin-left: 5px;display: inline-block;vertical-align: top;margin-top: 6px}
.lesson-lists .info-wrap .info-wrap-desc .zw{color: #959595;display: inline-block;vertical-align: top;margin-top: 6px}
.lesson-lists .img-wrap .overlay{z-index: 10;}


/* 课程详情 */
.lesson-header{padding: 12px 25px 12px 10px;margin-bottom: 12px;background-color: #282828}
.lesson-header .video-wrap{width: 75%;height: 470px;float: left;position: relative;background-color: #080808}
.lesson-header .info-wrap{margin: 20px 0 0 22px;width: 23%;float: left;height: 450px;box-sizing: border-box;position: relative}
.lesson-header .info-wrap .info-title{font-size: 22px;color: #ffffff;margin-top: 22px}
.lesson-header .info-wrap .info-p{margin-top: 18px;}
.lesson-header .info-wrap .info-p .name{font-size: 14px;color: #cdcdcd;display: block;line-height: 30px;}
.lesson-header .info-wrap .info-p .zw{font-size: 14px;color: #cdcdcd;display: block}
.lesson-header .info-wrap .info-header .btnCollect{float: left;width: 109px;height: 28px;border-radius: 10px;border: solid 1px #c6c6c6;font-size: 14px;color: #cdcdcd;text-align: center;line-height: 27px}
.lesson-header .info-wrap .info-header .btnCollect img{display: inline-block;vertical-align: top;margin-top: 3px;margin-right: 3px;}
.lesson-header .info-wrap .info-header .btnShare{float: right}
.lesson-header .info-wrap .info-header .btnShare .social-share a{margin: 2px;}
.lesson-header .info-wrap .info-header .btnShare .social-share .social-share-icon{ height: 24px;width: 24px;line-height: 24px;font-size: 16px }
.class-info{position: absolute;bottom: 100px;width: 100%;left: 0;}
.class-info .class-info-l{float: left;}
.class-info .class-info-l .p-user .iconimg{margin: 2px 6px 0 0;display: inline-block;vertical-align: top;}
.class-info .class-info-l .p-user span{font-size: 14px;color: #8a8a8a;display: inline-block;margin-top: 3px;}
.class-info .class-info-l .p-raty img{height: 14px;margin-right: 4px;float: left;}
.class-info .class-info-l .p-raty .layui-rate li i.layui-icon{font-size: 14px}
.class-info .class-info-l .p-raty .layui-rate{padding: 6px 4px 5px 0}
.class-info .class-info-r{float: right;}
.class-info .class-info-r del{font-size: 16px;color: #8a8a8a;}
.class-info .class-info-r strong{font-size: 36px;color: #ff571e;}
.lesson-header .info-wrap .bn-wrap{position: absolute;bottom: 33px;left: 0;;width: 100%}
.lesson-header .info-wrap .bn-wrap a.vip_edu{float: left;width: 137px;height: 41px;background-color: #e84e1a;border-radius: 10px;line-height: 40px;text-align: center;box-shadow: none;color: #fff;border: none}
.lesson-header .info-wrap .bn-wrap a.buy_edu{float: right;width: 137px;height: 41px;background-color: #ffffff;border-radius: 10px;line-height: 40px;text-align: center;box-shadow: none;color: #e84e1a;border: none}
.lesson-header .video-wrap .bn-djxx{position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);cursor:pointer; background: url(/static/home/images/icon-video.png);width: 68px;height: 68px;background-size: 68px;}



.lesson-content{width: 75%;box-shadow: none;padding: 0;}
.lesson-content .tabnav{line-height: 57px;font-size: 18px;color: #3f3f3f;border-bottom: 1px solid #e2e2e2;padding: 0 12px;}
.lesson-content .tabnav a{width: 150px;padding: 0;text-align: center;margin: 0;float: left}
.lesson-content .tabnav a.active{border-bottom: 3px solid #38a935;color: #3f3f3f}
.lesson-content .tabnav a:hover{color: #38a935}

.lesson-content .card-body {
    padding: 30px 40px;
}

.lesson-content .edit-con{
    font-size: 16px;
    line-height: 1.75;
    color: #666666;
    font-family: "Hiragino Sans GB", "Open Sans", Arial, "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}

.lesson-content .edit-con img{
    max-width: 100%;
}

.lesson-content .edit-con p:last-child {
    margin: 0;
}

.lesson-content .edit-con p{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0 0 25px;
    line-height: 1.75;
}

.lesson-content .edit-con p span {
    font-size: 16px !important;
}

.lesson-content .edit-con p strong {
    font-size: 16px !important;
}

.lesson-content .edit-con p span strong{
    font-size: 16px !important;
}

.lesson-content .tabcons .tabcon{display: none}
.lesson-content .tabcons .tabcon.active {display: block;}

.img-wrap img {width: 100%;}

.lesson-content .course-comment{padding: 0 35px;}
.cm-comment .comment-hd{margin: 15px 0}
.cm-comment .comment-hd .t{margin-top: 6px;color: #656565;line-height: 20px}
.cm-comment .comment-hd .btnComment{display: inline-block;width: 137px;height: 35px;background-color: #3aa835;border-radius: 10px;text-align: center;line-height: 35px;color: #ffffff}
.cm-comment-list .info-wrap{width: 664px!important;margin-left: 0; padding-left: 0;}
.cm-comment-list li{margin-bottom: 20px!important}
.tea-com-list li .info-wrap .com-star li{
    margin-bottom: 0 !important;
}
.tea-com-list li .img-wrap{width: 89px;height: 89px;float: left;border-radius: 50%;overflow: hidden;margin-right: 20px;position: relative}
.tea-com-list li .info-wrap{float: left}
.tea-com-list li .info-wrap .com-user h1{font-size: 18px;color: #282828;display: inline-block;margin: 0;line-height: 20px;}
.tea-com-list li .info-wrap .com-user time{font-size: 14px;color: #878787;display: inline-block;margin-left: 20px;vertical-align: top;}
.tea-com-list li .info-wrap .com-star{margin: 4px 0 5px 0;}
.tea-com-list li .info-wrap .com-star>img{float: left;margin-right: 4px;width: 14px;}
.tea-com-list li .info-wrap .com-remark{margin-bottom: 10px}
.tea-com-list li .info-wrap .com-remark .r{font-size: 14px;color: #878787;margin-right: 10px}
.tea-com-list li .info-wrap .com-txt{margin-top: 2px;}
.tea-com-list li .info-wrap .com-txt .p{font-size: 14px;color: #282828;line-height: 24px;margin: 0;}

.lessson-side{width: 23%;box-shadow: none;background: #ffffff;min-height: 100px;float: right;}
.widget-lecturer{border: none;border-radius: 0;background-color: #ffffff}
.widget-lecturer .lecturer-deac{padding-top: 37px;padding-bottom: 10px;border-bottom: 1px solid #eaeaea;}
.widget-lecturer .lecturer-deac .img-wrap{width: 46%;height: auto;margin: 0 auto;}
.widget-lecturer .lecturer-deac .img-wrap img{width: 100%}
.text-es1 {max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.widget-lecturer .lecturer-deac .t{font-size: 20px;color: #262626;font-weight: bold;text-align:center;margin: 20px 0 5px 0;font-family: "Microsoft YaHei"}
.widget-lecturer .lecturer-deac .p{color: #262626;text-align: center;margin: 0;margin-bottom: 3px;font-size: 14px;}
.widget-lecturer .lecturer-deac .p-intro{font-size: 14px;color: #777777;line-height: 24px;margin-top: 10px;padding: 0 25px;text-align: left;}
.fl{float: left;}
.fr{float: right;}
.widget-lecturer .lecturer-course{padding-bottom: 10px}
.widget-lecturer .lecturer-course .hd{font-size: 18px;color: #3f3f3f;text-align: center;margin: 25px 0 15px 0;line-height: 18px;background: transparent}
.widget-lecturer .lecturer-course .course-list{margin: 0;padding: 0 10px}
.widget-lecturer .lecturer-course .course-list li{width: 97%;margin-right: 0;margin-bottom: 20px;padding: 5px;border-radius: 10px;transition: all 0.3s}
.widget-lecturer .lecturer-course .course-list li:hover{position: relative;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.19);}
.widget-lecturer .lecturer-course .img-wrap{height: 157px;border-radius: 10px;overflow: hidden;}
.widget-lecturer .lecturer-course .info-wrap{padding: 5px 10px 10px 10px;margin-top: 10px;font-size: 14px;color: #989898;}
.widget-lecturer .lecturer-course .info-wrap .t{font-size: 14px;font-weight: bold;color: #5b5b5b;}
.widget-lecturer .lecturer-course .info-wrap .rs{font-size: 12px;color: #a5a5a5;margin-top: 6px;display: inline-block}
.widget-lecturer .lecturer-course .info-wrap .img-wrap{width: 29px;height: 29px;float: left;;margin-right: 10px}
.widget-lecturer .lecturer-course .info-wrap .img-wrap img{width: 100%}
.widget-lecturer .lecturer-course .info-wrap .p-desc{margin-top: 6px}
.widget-lecturer .lecturer-course .info-wrap .name{font-size: 12px;color: #2c2c2c;margin-top: 6px;margin-right: 10px;display: inline-block;vertical-align: top}
.widget-lecturer .lecturer-course .info-wrap .zw{font-size: 12px;color: #959595;;margin-top: 6px;display: inline-block;vertical-align: top}
.widget-lecturer .lecturer-course .info-wrap .price{line-height: 23px}
.widget-lecturer .lecturer-course .info-wrap .price .txt{font-size: 12px;color: #a5a5a5;}
.widget-lecturer .lecturer-course .info-wrap .price .num{font-size: 18px;color: #e84e1a;font-weight: bold}
.widget-lecturer .lecturer-course .class-item .img-wrap{position: relative}
.widget-lecturer .lecturer-course .class-item .img-wrap .overlay{opacity: 0;position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.65) url(/static/home/images/icon-video.png) no-repeat center center;transition: all 0.3s;z-index: 10;}
.widget-lecturer .lecturer-course .class-item:hover .img-wrap img {transform: scale(1.05);transition: all 0.3s}
.widget-lecturer .lecturer-course .class-item:hover .img-wrap .overlay {opacity: 1;}
/* 弹出框 */
.yy-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 99;display: none;}
.yy-mask .yy-dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;
    display:box;
    display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
    display:-webkit-flex; /* Chrome */
    display:-moz-box;     /* Firefox 19 */
    display:-ms-flexbox;
    display:flex;  /*flex容器*/

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
}
.yy-mask .yy-dialog .yy-win{min-width: 454px;display: inline-block;background-color: #ffffff;border-radius: 20px;text-align: center;min-height: 240px;position: relative;}
.yy-mask .yy-dialog .yy-win .yy-close{position: absolute;width: 35px;right: 35px;top: -55px;}
.yy-mask .yy-dialog .yy-win .yy-header{padding: 35px 0 0 0;font-size: 18px;color: #535353;font-weight: bold}
.yy-mask .yy-dialog .yy-win .yy-body{padding: 20px;min-height: 160px;
    display:box;
    display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
    display:-webkit-flex; /* Chrome */
    display:-moz-box;     /* Firefox 19 */
    display:-ms-flexbox;
    display:flex;  /*flex容器*/

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
    align-items:center;
}
.yy-mask .yy-dialog .yy-win .yy-body .yy-body-icon{width: 76px;}
.yy-mask .yy-dialog .yy-win .yy-body .yy-body-h1{color: #454545;font-size: 16px;margin: 14px 0;display: block}
.yy-mask .yy-dialog .yy-win .yy-body .yy-body-txt{font-size: 14px;color: #a4a4a4;line-height: 24px;margin: 0}
.yy-mask .yy-dialog .yy-win .yy-footer{padding: 0 0 20px 0;}
.yy-mask .yy-dialog .yy-win .yy-footer .yy-footer-btn{padding: 0 15px;;height: 30px;background-color: #e84e1a;border-radius: 10px;display: inline-block;text-align: center;line-height: 30px;color: #ffffff;font-size: 14px;background-color: #3aa835;margin: 0 25px;}
.yy-mask .yy-dialog .yy-win .yy-footer .yy-footer-btn.btn-yes{background-color: #e84e1a}
/* 模态框 */
.md { position: relative; width: 580px; color: #616161; background-color: #fff; }
.md .md-hd { position: relative; line-height: 50px; font-size: 16px; color: #616161; background-color: #e2e2e2; border-bottom: 1px solid #cacaca; }
.md .md-hd .md-close { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url(../img/icon/md-close.png) no-repeat center; background-size: cover; }
.md .md-bd { padding: 20px 50px; padding-bottom: 10px; }
.md .md-ft { padding-bottom: 25px; text-align: center; }
.md .md-ft .bn-wrap .bn { min-width: 122px; height: 35px; line-height: 33px; }

/* 实例 */
.md { /* 发表评论 */ /* 申请讲课 */ /* 参加活动 */ }
.md.md-comment .md-hd { line-height: 60px; background-color: #fff; }
.md.md-comment .md-bd { padding-left: 80px; padding-right: 80px; }
.md.md-comment .fmg-v .fmg-l { margin-bottom: 8px; }
.md.md-comment textarea { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2); }
.md.md-applyForLec .md-hd { background-color: #e2e2e2; }
.md.md-applyForLec .md-bd { padding-top: 20px; }
.md.md-applyForLec .md-ft .txt { margin-top: 5px; color: #8c8c8c; }
.md.md-applyForLec input { width: 200px; }
.md.md-joinAct { width: 500px; }
.md.md-joinAct .md-hd { font-size: 12px; }
.md.md-joinAct .md-bd { padding-top: 30px; }
.md.md-joinAct .fmg { margin-bottom: 20px; }
.md.md-joinAct .fmg input[type=text] { width: 258px; }
.md.md-joinAct .fmg-l { width: 90px; }
.md.md-joinAct .fmg-r { margin-left: 90px; }
.md.md-form { width: 480px; }
.md.md-form .md-bd { padding: 30px 0px; padding-left: 80px; }
.md.md-form .md-bd .txt { color: #8c8c8c; }
.md.md-form .md-ft { padding-bottom: 30px; }
.md.md-form .md-ft .txt { margin-top: 8px; color: #8c8c8c; }
.md.md-form .fmg { margin-bottom: 25px; }
.md.md-form .fmg input[type=text] { width: 195px; }
.md.md-form .fmg-l { width: 80px; color: #8c8c8c; }
.md.md-form .fmg-r { margin-left: 90px; }
.md.md-transfer { width: 550px; }
.md.md-transfer .t { margin-bottom: 25px; font-size: 16px; color: #616161; }
.md.md-transfer .t .txt { margin-top: 5px; }
.md.md-transfer .txt { font-size: 14px; color: #8c8c8c; }
.md.md-transfer .fmg { margin-left: 50px; margin-bottom: 20px; }
.md.md-transfer .fmg .fmg-l { letter-spacing: 4px; height: 30px; line-height: 30px; }
.md.md-transfer .fmg .fmg-r input[type=text] { margin: 0; width: 190px; height: 30px; line-height: 30px; }
.md.md-transfer .fmg .imstar { display: inline-block; width: 10px; }
.md.md-transfer .md-hd { padding: 0 10px; height: 50px; line-height: 50px; background: #fff; font-size: 16px; color: #616161; }
.md.md-transfer .md-hd-t { width: 450px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.md.md-transfer .md-bd { padding: 20px; }
.md.md-transfer .md-ft { margin-top: -25px; padding: 0 20px; padding-bottom: 20px; }
.md.md-transfer .md-ft .bn-wrap { display: inline-block; }
.md.md-transfer .md-ft .bn-wrap .bn { line-height: 33px; height: 35px; color: #fff; background-color: #3bb850; border-color: #3bb850; }
/*消息框*/
.md-mes { width: 260px; padding: 30px 20px 15px; border: 1px solid #ea5413; border-radius: 6px; background-color: #fff; color: #616161; text-align: center; }
.md-mes .md-close { position: absolute; top: 10px; right: 10px; display: block; width: 20px; height: 20px; background: url(../img/icon/md-close.png) no-repeat center; background-size: cover; }
.md-mes .p { margin-bottom: 15px; }
.md-mes .p .iconimg { vertical-align: -2px; }
.md-mes .p-coin .num { display: inline-block; min-width: 40px; }
.c-orange {
    color: #ea5413 !important;
}
.md-mes.md-award .p {
    margin-bottom: 10px;
}

.md-trans {
    background-color: transparent !important; }