.yxt-course-container .layui-breadcrumb{display:inline-block;padding:20px 0;}
.layui-breadcrumb a {
    color: #333 !important; 
}
.layui-breadcrumb a cite {
    color: #333;
    font-style: normal;
}
.layui-breadcrumb a:hover {
    color: #ea2828 !important;
}
.yxt-course-box .layui-tab-title .layui-this{background-color:#43bc60;color:#fff}
.yxt-course-box .layui-tab-title li{display:inline-block;height:38px;line-height:38px;padding:0 10px;color:#000;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;margin-right:7px;margin-left:13px}
.yxt-course-box .layui-tab-title li:hover{background-color:#f5f5f5}
.yxt-course-box .layui-tab-title .layui-this:after{border:none}
.layui-tab-title .layui-this:after{left:25%;width:50%}
.yxt_course-list .yxt_course-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_course-list .yxt_course-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_course-list .yxt_course-item .yxt_course-img{position:relative;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}
.yxt_course-img .tags{position:absolute;top:0;left:10px}
.yxt_course-img .tags .tag-live{display:inline-block;width:40px;height:50px;background:url('/resources/web/faculty/images/tag_live.png') no-repeat}
.yxt_course-list .yxt_course-item .yxt_course-img .img-responsive{width:100%;padding:10px;display:block;max-width:93%;height:auto;transition:.8s;-webkit-transition:.8s}
.yxt_course-list .yxt_course-item .title{margin-top:10px;padding:0 10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center}
.yxt_course-list .yxt_course-item .metas{position:relative;padding:10px;color:#c1c1c1}
.yxt_course-list .yxt_course-item .metas .comment{margin-left:10px}
.yxt_course-list .yxt_course-item .metas .free{float:right;color:#15c288}
.yxt_course-list .yxt_course-item .metas .price{float:right;color:#fd9271;height:20px;line-height:20px;font-size:16px}
.yxt_art_list{margin-top:30px}
.yxt_art_list .yxt_art-item{position:relative;height:135px;z-index:1;padding:5px;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_art_list .yxt_art-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_art_list img{max-width:100%}
.yxt_teacher-list .yxt_teacher-item .teacher-pic{height:250px;text-align:center;background-color:#f8f8f8}
.yxt_teacher-list .yxt_teacher-item:hover{-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);box-shadow:6px 6px 3px #f5f5f5;-moz-box-shadow:6px 6px 3px #f5f5f5;-webkit-box-shadow:6px 6px 3px #f5f5f5}
.yxt_teacher-list .yxt_teacher-item{position:relative;z-index:1;margin-bottom:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s}
.yxt_teacher-list .yxt_teacher-item .teacher-pic .img-box{width:110px;height:110px;margin-top:36px;display:inline-block;border-radius:50%;background-color:#e9e9e9}
.yxt_teacher-list .teacher-pic img{border-radius:50%;display:block;width:100%;height:100%}
.yxt_teacher-list .teacher-pic .teacher-name{color:#616161;font-size:16px;margin-top:15px}
.yxt_teacher-list .teacher-pic p{line-height:32px;color:#c1c1c1;font-size:12px}
.yxt_teacher-list .yxt_teacher-item p{padding:10px;margin-top:20px;height:55px;line-height:20px;font-size:12px;color:#949494;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.yxt-courseinfo .yxt-breadcrumb{background:transparent;height:50px;line-height:50px}
.layui-breadcrumb span[lay-separator]{color:#333 !important}
.yxt-courseinfo .yxt-breadcrumb a{color:#333 !important}
.CoursePage_Banner_Img{position:absolute;z-index:-1;overflow:hidden;height:450px;width:100%}
.CoursePage_Banner_Img img{width:110%;margin-left:-5%;margin-top:-2%;height:120%;overflow:hidden;-webkit-filter:blur(60px);-moz-filter:blur(60px);-ms-filter:blur(60px);filter:blur(60px)}
.yxt-course-before{margin:0;background:#fff;padding:20px}
.yxt-course-before .pic{padding:0}
.yxt-course-before .pic img{width:100%}
.yxt-course-before .info{height:265px;position:relative}
.yxt-course-before .info .course-title{line-height:25px;max-height:52px;text-align:left;color:#444;font-size:25px;overflow:hidden}
.yxt-course-before .info .action{position:absolute;top:20px;right:0;width:160px}
.yxt-course-before .info .action .share{position:absolute;right:96px;height:22px;margin-left:5px;top:2px;font-size:13px}
.yxt-course-before .info .action .share>a{display:block;width:57px;line-height:22px}
.yxt-course-before .info .action .favorite{font-size:13px;position:absolute;right:20px;top:2px;line-height:22px}
.yxt-course-before .info .score{color:#15c288;padding:8px 0 0 40px;margin-bottom:10px;height:32px;line-height:16px;font-size:12px}
.yxt-course-before .info .score span{margin-right:5px;margin-left:0;display:inline-block;float:left}
.yxt-course-before .price-show{background:#fff;padding:5px 0 10px 40px}
.yxt-course-before .info .metas{background:#15c288;height:100px;position:absolute;bottom:0;width:100%}
.yxt-course-before .info .metas li.bd{border-right:1px solid #ddd}
.yxt-course-before .info .metas li{background:#f0f0f0;height:100%;width:25%;float:left;text-align:center;padding:25px 25px 15px}
.yxt-course-before .info .metas li i{font-size:20px;line-height:20px}
.yxt-course-before .info .bot-group{position:absolute;bottom:0px}
.yxt-course-before .info .metas li p{margin:8px 0 0 0}
.yxt-course-before .info .bot{height:80px;border-right:1px solid #ddd;padding-top:15px;text-align:center;background:#f0f0f0}
.yxt-course-before .info .bot i{font-size:20px;line-height:20px}
.yxt-course-before .info .bot p{margin-top:10px;color:#616161}
.yxt-course-before .info .bot-join{background:#15c288;height:80px;text-align:center}
.yxt-course-before .info .bot-join-btn{color:#fff}
.yxt-course-before .info a{font-size:18px;background-color: #ea2828;}
.yxt-course-before .info .course-detail{padding:6px}
.yxt-course-before .info .course-detail .free{color:#15c288}
.yxt-course-after{background:#f4f6f8}
.yxt-course-before .info .course-detail-title{margin-top:10px;line-height:20px;margin-left:30px;color:#616161}
.yxt-course-before .info .price{color:#ea2828;font-size:20px}
.yxt-course-before .info .course-detail-price{font-size:30px;color:#fd9271}
.yxt-course-before .info .course-detail-youxiaoqi{color:#616161}
.yxt-course-right{margin-left:26px;width:31%}
.yxt-course-tab-title{height:50px}
.yxt-course-tab-title li{line-height:50px;color:#666;font-size:16px;margin-left:10px}
.yxt_teacher-list .layui-tab-title li{min-width:30px}
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #ea2828;
    font-weight: bold;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #ea2828;
}
.yxt-course-tab-title .layui-this:after{height:51px}
.layui-card-header{height:51px;line-height:50px;margin-top:10px;font-size:16px}
.layui-colla-title{background-color:#f6f6f6}
.yxt-layui-collapse{border-style:none}
.yxt-layui-colla-content{border-color:#fff}
.yxt-layui-colla-item{border-color:#fff;padding: 5px 20px;}
.yxt-course-brief{margin:20px;line-height:30px}
.yxt-course-brief img{width:100%}
.yxt-course-seclist{
	padding: 10px 30px;
}
.yxt-course-seclist li{margin-top:10px;margin-bottom:10px;padding-left:0;list-style-type:none;font-size:15px;border-bottom: 1px dashed #d2d2d2;}
.yxt-course-seclist li > a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 0}
.layui-colla-content {
    padding: 0px 25px;
    line-height: 1.6;
    color: #666;
}

/*主讲老师*/
.layui-tab-item h3 {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
    margin: 10px 0;
    padding-left: 20px;
    background: linear-gradient(#ea2828, #fb9297);
    width: 140px;
    border-radius: 0px 30px 30px 0px;
}

.comKcxq-tit {
    margin-top: 60px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.comKcxq-tit:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    width: 250px;
    height: 38px;
    background: url(ico-zbrk-bgpc.png) no-repeat 0 -180px;
    margin-left: -125px;
    z-index: -1;
}
.gyls-ul>li:first-child {
    border-top: 0;
}
.gyls-ul>li {
    min-height: 180px;
    padding: 0 0 25px 180px;
    border-top: 1px solid #eee;
    position: relative;
}
.gyls-img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 160px;
    overflow: hidden;
}
.gyls-img img {
    display: block;
    width: 100%;
}
.gyls-titBox {
    height: 28px;
    line-height: 28px;
}
.gyls-titName {
    display: inline-block;
    height: 28px;
    font-size: 22px;
    font-weight: 900;
    margin-right: 10px;
    vertical-align: top;
}
.gyls-titJy {
    display: inline-block;
    height: 28px;
    padding: 0 14px;
    background: linear-gradient(90deg, #fb9297, #ea2828);
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    vertical-align: top;
}
.gylsCt-itemBox {
    padding-top: 12px;
}
.gylsCt-item {
    margin-top: 14px;
    padding-left: 110px;
    position: relative;
}
.gylsCt-itemHd {
    position: absolute;
    top: 4px;
    left: 0;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #f6f6f6;
    font-size: 15px;
    font-weight: 900;
    color: #555;
}
.gylsCt-itemBd {
    font-size: 15px;
    line-height: 24px;
    color: #555;
}
.hdewm-box {
    width: 600px;
    margin: 20px auto;
}
.hdewmLt, .hdewmRt {
    float: left;
    width: 300px;
}
.hdewm-tit {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    background-color: #fb9297;
}
.hdewmRt .hdewm-tit {
    background-color: #ea2828;
}
.hdewm-main {
    height: 250px;
    padding-top: 1px;
    background-color: #fff3f3;
}
.hdewm-img {
    width: 144px;
    height: 144px;
    background: url(https://img.233.com/live/new/pc/ico-zbrk-bgpc.png) no-repeat 0 -280px;
    margin: 30px auto 0;
    position: relative;
}
.hdewm-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 126px;
    height: 126px;
    margin-top: -63px;
    margin-left: -63px;
}
.hdewm-wz {
    text-align: center;
    font-size: 16px;
    margin-top: 16px;
}

/*课程表*/
.zbkcb-box{}
.zbkcb-ul{padding-top: 20px;margin-bottom: 30px;background-color: #fff;}
.zbkcb-ul>li{padding: 1px 150px 30px 76px;margin-left: 90px;position: relative;border-left: 2px solid #eee;}
.zbkcb-ul>li:before{content:"";position: absolute;top: 0;left: -8px;width: 10px;height: 10px;border: 2px solid #fff;border-radius: 50%;background-color: #ea2828;}
.zbkcb-ul>li:last-child{border-left: 0;}
.zbkcbCt-h4{font-size: 16px;line-height: 20px;margin-top: -6px;}
.zbkcb-lab {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    background-color: #ea2828;
    font-size: 13px;
    color: #ffffff;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
}
.zbkcb-lab.gk{background: #c17e57;color:#fff;}
.zbkcbCt-tup{margin-top: 8px;font-size: 14px;color:#999;}
.zbkcbCt-tup>i{margin-right: 20px;}
.zbkcb-date{position: absolute;top: -3px;left: -78px;width: 66px;text-align: right;font-size: 14px;}
.zbkcb-time{position: absolute;top: -3px;left: 12px;width: 56px;font-size: 14px;}
.zbkcb-btn{position: absolute;top: -3px;right: 20px;}
/*直播倒计时*/
.zbkcb-btn .zbkcb-ljyy-coutdown {display: none; background: #FFEDEE;border-radius: 20px 20px 20px 20px;padding: 0 7px;font-size: 13px;color: #ea2828; line-height: 21px;position: absolute;right: 0;top: -30px;white-space: nowrap;}
.zbkcb-btn .zbkcb-ljyy-coutdown::after { content: ' '; position: absolute; bottom: -6px; right: 20px; border-top: 6px solid #FFEDEE; border-right: 6px solid transparent; border-left: 6px solid transparent;  }
/*直播倒计时*/
.zbkcb-btn>a{display: block;width: 110px;height: 32px;line-height: 32px;text-align: center;background-image: linear-gradient(90deg,#fb9297,#ea2828);border-radius: 100px;font-size: 14px;color:#fff;}
.yyy-status.zbkcb-btn>a{background: #f5f5f5;color:#999;cursor: not-allowed;}
.yyy-status.zbkcb-btn>a:hover,.sc-status.zbkcb-btn>a:hover{transform: translateY(0);}
.zbz-status.zbkcb-btn>a{height: 30px;line-height: 30px;width: 108px;border: 1px solid #ed4020;background: #ffedee;font-size: 14px;color:#ea2828;}
.zbz-status.zbkcb-btn .ico,.hk-status.zbkcb-btn .ico{display: inline-block;width: 20px;height: 20px;background: url(ico-zbrk-bgpc.png) no-repeat -540px -40px;vertical-align: middle;margin-top: -4px;margin-right: 6px;}
.hk-status.zbkcb-btn .ico{background-position: -570px -40px;}
.sc-status.zbkcb-btn>a{cursor: not-allowed; background: #faebdb;color:#c5823b;}
.hk-status.zbkcb-btn>a{background: #ffedee;color:#ea2828;}
.comBtn-hover:hover {
    transform: translateY(-5px);
}
/*通用*/
.mt5{margin-top: 5px !important;;}
.mt15 {margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60 {margin-top: 60px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.mr5{margin-right: 5px !important;;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb50{margin-bottom: 50px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pdb40{padding-bottom: 40px !important;}
.pdr20{padding-right: 20px !important;}
.pdb15{padding-bottom: 15px !important;}
.pdl20{padding-left:20px !important;}
.pdt10{padding-top:10px !important;}
.pdl30{padding-left:30px !important;}
.bg-fff{background: #fff !important;}
.bg-grey{background: #f4f6f8 !important;}
.bg-f2f2f2{background: #F2F2F2 !important;}
.c-999 {color: #999 !important;}
.c-blue {color: #3580DE !important;}
.c-666 {color: #666 !important;}
.c-fff{color: #fff !important;}
.c-c0 {color: #c0c0c0;}
.c-61{color: #616161;}
.fsize12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font18{font-size: 18px !important;}
.font26{font-size: 26px !important;}
.c-studied{color: #009688 !important;}
.border-bottom{border-bottom: 1px solid #e9e9e9;}
.border-right{border-right: 1px solid #e9e9e9;}
.border{border:1px solid #e2e2e2;}
.noboder{border:none;}
.fl {float: left;}
.fr {float: right;}
.hLh20 {height: 24px;line-height: 24px;}
.tac {text-align: center;}
.hLh30 {height: 30px;line-height: 30px;}