.mr10 { margin-right: 10px;}
.mt20 {margin-top: 20px;}
.pt10 { padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mt10 {margin-top: 10px;}
.ml20 {margin-left: 20px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt5 {margin-top: 5px;}
.c-999 {color: #999;}
.c-ccc {color: #ccc;}
.c-danger {color: #e74c3c;}
.c-fff {color: #fff;}
.c-warning {color: #ffa200;}
.c-666 {color: #666;}
.c-333 {color: #333;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}
.fs30 {font-size: 30px;}
button{outline: none!important;}
button :focus{outline:0;} 
h4 {font-size: 18px;font-weight: 500;margin-top: 4px;}
h6 {font-size: 13px;font-weight: 500;text-transform: uppercase;}
.img-circle {border-radius: 50%;}
.pr {position: relative;}
.vam {vertical-align: middle;}
.label {font-weight: normal;}
.bg-warning, .label-warning, .badge-warning, .panel-warning>.panel-heading {background-color: #ffa200; color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
.btn.btn-warning {background-color: #ffa200;}
.btn-rounded {border-radius: 50px;padding: 6px 20px;}
.course-info__wrap {background: #47484c;height: 460px;min-width: 1200px;}
.course-imgTxtAttr-free {padding-left: 500px;height: 280px;position: relative;width: 1030px;margin: 0 auto;padding-top: 15px;margin-top:70px;}
.course-imgTxtAttr-free .course-imgLeft-box{background: url(../images/course-info-img-bg.png) no-repeat;width: 478px;height: 313px;position: absolute; top: 0;left: 0;}
.course-imgLeft-free {position: absolute;left: 12px;top: 10px;bottom: 0;}
.course-imgLeft-bx {width: 454px;height: 256px;position: relative;}
.c-banner-cover-video {position: absolute;top: 50%;left: 50%;margin: -24px 0 0 -72px;z-index: 3;}
.c-banner-cover-video .btn-lg {box-shadow: 0 0 30px rgba(86,146,236,.6);font-size: 16px;padding: 12px 24px;opacity: .8;}
.course-imgLeft-bx>.c-img-left {display: block;width: 454px;height: 256px;}
.cm-desc-txt__twoLine, .cm-desc-txt__thrLine {height: 48px;line-height: 24px;overflow: hidden;white-space: normal; word-wrap: break-word;word-break: break-all;}
.course-buy-attr__wrap {margin-top: -40px;}
.cm-wbg__bx {background-color: #fff;border-radius: 3px;box-shadow: 0 4px 8px 0 rgba(7,17,27,0.1);padding: 10px;display:flex;display:-webkit-flex;flex-direction: row;justify-content: space-between;align-items: center;}
.cm-wbg__bx .col-md-4{display: -webkit-flex;display: flex;flex-direction: column;}

.cm-wbg__bx .col-md-7 .clearfix{display: flex;display: -webkit-flex;align-items: center;flex-wrap: nowrap;}
/* .cm-wbg__bx .cm-buy-group {display: -webkit-flex;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;} */
.cm-wbg__bx .cm-buy-group a button{border-radius: 0;font-size: 16px;width: 168px;padding: 15px;}
/* .cm-attr-alert .alert-info {background-color: #f2f8ff;margin: 0;padding: 0; border:none;}
.hLh20 {height: 20px;line-height: 20px;}
.txtOf {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} */
.c-info-tab {border-bottom: 1px solid #f2f2f2;}
.c-info-tab>h4 {border-bottom: 3px solid transparent;cursor: pointer;display: inline-block;padding: 0 20px 20px 20px;margin-bottom: 0;}
.c-info-tab>h4.active, .c-info-tab>h4:hover>span, .c-info-tab>h4.active>span {border-color: #30a4ff; color: #30a4ff;}
.loading {background: url(../images/loading.gif) no-repeat 0 0;display: inline-block; width: 175px;height: 59px;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.wm-info-teacher-desc__wrap p{display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-align: justify;}
.courseBox{padding: 25px 40px;background: #fff;padding-top: 0;}
.courseBox li{margin-top: 10px;background: #eee;padding: 10px;width: 100%;height: auto;float: left;}
.course-img{width: 30%;float: left;height: 110px;}
.course-img img {width: 100%;height: 100%;}

.course-info{margin-top:20px;display:flex;display:-webkit-flex;flex-direction: row;justify-content: space-around;}

.courses_wrap{}
.courses_wrap .tabs-content{}
.courses_wrap .tabs-content .course_catalogs{}
.courses_wrap .tabs-content .setMeal_catalogs{display: flex;flex-direction: column;margin-top:-10px;}
.courses_wrap .tabs-content .setMeal_catalogs .packCourTitle{font-size:24px;color:#333;height:30px;line-height: 30px;display: inline-block;margin-left:20px;margin-top:30px;font-weight: 500;}
.courses_wrap .tabs-content .setMeal_catalogs .course-list-item{display:flex;flex-direction: row;flex-wrap: nowrap;margin:5px 0;}