.yxt-course-container{padding-bottom:30px}
.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('/index/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{background:#f8fafc;z-index:0;position:relative}
.yxt-courseinfo .yxt-breadcrumb{background:transparent;height:50px;line-height:50px}
.layui-breadcrumb span[lay-separator]{color:#fff !important}
.yxt-courseinfo .yxt-breadcrumb a{color:#fff !important}
.CoursePage_Banner{height:380px;overflow:hidden}
.CoursePage_Banner_Img{position:absolute;z-index:-1;overflow:hidden;height:380px;width:100%}
.CoursePage_Banner_Mask{width:100%;height:380px;background:rgba(0,0,0,0.4);position:absolute;z-index:1}
.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;border-radius:5px;padding:10px 0 10px 10px}
.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}
.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:#fd9271;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}
.yxt-course-tab-title .layui-this:after{height:51px}
.layui-tab-title{border:none}
.layui-card-header{height:51px;line-height:50px;margin-top:10px;font-size:16px}
.layui-colla-title{background-color:#f7fbfa}
.yxt-layui-collapse{border-style:none}
.yxt-layui-colla-content{border-color:#fff}
.yxt-layui-colla-item{border-color:#fff}
.yxt-course-brief{margin:20px;line-height:30px}
.yxt-course-brief img{width:100%}
.yxt-course-seclist li{margin-top:10px;margin-bottom:10px;padding-left:0;list-style-type:none;font-size:14px}
.yxt-course-seclist li:hover{background-color:#2c6ebb24}
.yxt-course-seclist li > a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:10px 40px 10px 20px}
.shadow{box-shadow:0px 0px 10px 8px #eaeced}
.noboder{border:0px !important}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #2c6ebb;
    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 #2c6ebb;
}

/*通用*/
.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;}
.pd20{padding: 20px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !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-f8fafc{background: #f8fafc !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;}