@charset "utf-8";
@import url("/images/icon/fontawesome5pro/css/all.css");
@import url("weui.min.css");

/*全局样式
---------------------------------------------*/
body { margin: 0 auto; padding: 0; width: 100%; color: #333; font: 14px/1.5 Arial,"Microsoft Yahei"; text-align: center; background: #f5f5f5; -webkit-font-smoothing: antialiased; text-align:left;}
input, button, select, textarea, img, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; border: 0; font-family: 'Microsoft YaHei','微软雅黑'; outline:none;}
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
ol, ul, li, dl, dd { margin: 0 auto; padding: 0; list-style-type: none; }
i, em { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
.f-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.focusShadow:focus,.hoverShadow:hover{box-shadow: #ccc 0 0 6px 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.bodyPlaceholder{padding-top:44px;}
.section{margin:auto;width:100%;}
.sectionWrapper{margin:10px auto auto auto;background:#fff;}
.tips-gen { background-color:#000;opacity:0.8;}
.right {float: right;}
.grayTags{font-size: 12px;padding: 2px 4px; background: #eee;border-radius: 3px;}
/*顶部导航*/
.header{ height:44px; position:fixed;top:0;left:0;width:100%;background-size:cover;background-repeat:no-repeat;background-position:0 0;z-index:11;}
.header .logo{ float:left; margin:5px auto auto 10px; height:36px; }
.header .logo img{ height:34px; max-height:34px;}
.header .logo .links{display:block;line-height:36px;font-size:16px;}
.headerHistoryBar,.headerRightBar{height:44px;line-height:44px;text-align:center;}
.headerHistoryBar{float:left;width:40px;}
.headerRightBar{float:right;width:60px;color:#fff;padding-right:10px;text-align:right;font-size:15px;}
.headerHistoryBar a,.headerRightBar a{display:block;line-height:44px;}
.headerHistoryBar a i,.headerRightBar a i{font-size:24px;line-height:inherit;}
.headerRightBar i{margin-left:5px;}
.headerTitleBar{text-align:center;width:calc(100% - 110px);line-height:44px;float:left;font-size:16px;}
.pageNavSearch-wrap{position:absolute;width:calc(100% - 20px);height:30px;right:0;top:50%;margin-top:-15px;display:none;left:10px;z-index:2;}
.pageNavSearch-wrap #searchInput{width:calc(100% - 20px);padding:0 10px;height:100%;border-radius:5px;vertical-align: super;}
.pageNavSearch-wrap i{position:absolute;color:#333;right:10px;font-size:18px;top:5px;cursor:pointer;}
.pageNavSearch-ddl{width:calc(100% - 20px);position:absolute;left:10px;top:45px;background:#fff;box-shadow:0 0 5px #999;display:none;z-index: 2;}
.pageNavSearch-ddl ul{max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;}
.pageNavSearch-ddl li{padding:5px 10px;color:#333;cursor:pointer;height:60px;overflow:hidden;}
.pageNavSearch-ddl li:hover,.pageNavSearch-ddl li:hover span,.pageNavSearch-ddl li.skinBaseBgColor,.pageNavSearch-ddl li.skinBaseBgColor span{color:#fff !important;}
.pageNavSearch-ddl-left{width:108px;height:60px;float:left;}
.pageNavSearch-ddl-left img{object-fit:cover;object-position:center;width:100%;height: 100%;border-radius:5px;}
.pageNavSearch-ddl-right{float:left;width:calc(100% - 118px);height:60px;margin-left:10px;}
.pageNavSearch-ddl-right .stitle{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;line-height:20px;height:40px;}
.pageNavSearch-ddl-right .stag{line-height:16px;}
.pageNavSearch-ddl-right .stag span{font-size:12px;color: #333 ;background: #eee;padding: 2px 6px;border-radius: 3px;}
.pageNavSearch-ddl li:hover .stag span,.pageNavSearch-ddl li.skinBaseBgColor .stag span{color: #333 !important;}
.pageNavSearch-ddl h2{color:#333;padding:0 10px;font-size:14px;font-weight:normal;line-height: 26px;background:#eee;}
.pageNavSearch-mask{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 1;backdrop-filter: blur(2px);display:none;}
/*底部footer与tabbar*/
.footer{margin-top:10px;padding-bottom: 10px;}
.footTabbar .weui-tabbar{ position:fixed; }
.footTabbar .weui-tabbar .weui-tabbar__item{padding:8px 0 0;}
.footTabbar .weui-tabbar i.weui-tabbar__icon{ font-size:20px; color:#333;height:auto;}
.footTabbar .weui-tabbar .weui-tabbar__label{font-size:12px;color:#333;}
.footTabbar .weui-tabbar .item-box{ display:inline-block; position:relative; }
.footTabbar .weui-tabbar .item-box .weui-badge{ position:absolute; top:-2px; right:-13px; }
.footTabbar .weui-tabbar .item-box .weui-badge_dot{ position:absolute; top:0; right:-6px; }
.footTabbar{ padding:5px 0; }
.footerFixed{position: fixed;width: 100%;bottom: 0;}
/*选课组件*/
.CourseCenterMask{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:9999;backdrop-filter: blur(2px)}
.CourseCenterDialog{width:100%;height:calc(100vh - 100px);background:#fff;position:fixed;left:0;bottom:0;z-index:10000;box-shadow:0 0 10px #eee;}
.CourseCenterTabbar{height:44px;border-bottom:1px #ddd solid;position:relative;padding-right:20px;box-shadow:0 3px 5px  #eee;z-index: 1;}
.CourseCenterTabbar li{width:calc((100% - 20px) / 4);height:44px;line-height:44px;text-align:center;float:left;position:relative;}
.CourseCenterTabbar li span{width:100%;height:3px;display:inline-block;border-radius:2px;position:absolute;left:0;bottom:-2px;visibility:hidden;}
.CourseCenterTabbar li.skinBaseColor span{visibility:visible;}
.CourseCenterTabbar .CourseCenterClose{position:absolute;right:15px;font-size:20px;top:12px;}
.CourseCenterContent{height:calc(100% - 45px);overflow:hidden;position:relative;}
.CourseCenterFirstBar,.CourseCenterSecondBar{height:100%;float:left;overflow-x:hidden;overflow-y:auto;}
.CourseCenterFirstBar{background:#f2f2f4;width:45%;}
.CourseCenterSecondBar{background:#fff;width:55%;}
.CourseCenterFirstBar li,.CourseCenterSecondBar li{height:50px;line-height:50px;font-size:16px;padding:0 10px;}
.CourseCenterFirstBar li i,.CourseCenterSecondBar li i{margin-right:5px;}
.CourseCenterFirstBar li.skinBaseColor{background:#e8e8e9;}
.CourseCenterSecondBar ul{display:none;}
.CourseCenterSecondBar li{padding:0;}
.CourseCenterSecondBar li a{display:block;padding:0 10px;}

/*旋转*/
.rotate { animation: spin 1s infinite; -moz-animation: spin 1s infinite; /* Firefox */ -webkit-animation: spin 1s infinite; /* Safari and Chrome */ -o-animation: spin 1s infinite; /* Opera */ }
@-webkit-keyframes spin {
 from { -webkit-transform: rotate(0deg); }
 to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
}
/*客服工具条*/
.izl-rmenu { margin-right: 0; width: 40px; position: fixed; right: 5px; bottom: 60px; z-index: 999; }
.izl-rmenu .consult { background-image:url(/images/common/icon-phone.png);background-repeat:no-repeat;background-position:center center; display: block; height: 40px; width: 40px; background-size:26px;border-radius:50%;}
.izl-rmenu .consult:hover,.izl-rmenu .consult{background-image:url(/images/common/icon-phone-light.png);background-color:#5caa04;}
.izl-rmenu .consult .phone { background-color: #fff; position: absolute; width: 168px; padding: 15px; left: -208px; top: 5px; color: #000; font-size: 14px; display: none; box-shadow: 0 0 20px #ddd; color: #999; text-align: right; border-radius:10px;}
.izl-rmenu .consult .phone .consultPhone { font-size: 20px; color: #5caa04; height: 30px; line-height: 20px; }
.izl-rmenu .consult .phone .consultTime { height: 20px; line-height: 20px; }
.izl-rmenu a.consult:hover .phone { display: inline !important; line-height: 40px; }
.izl-rmenu .cart {  display: block; height: 40px; width: 40px;  background-repeat:no-repeat;background-position:center center;background-size:26px;border-radius:50%;margin-top:20px;}
/*.izl-rmenu .cart.weixin { background-image:url(/images/common/icon-weixin.png); }
.izl-rmenu .cart.weibo { background-image:url(/images/common/icon-weibo.png);}
.izl-rmenu .cart.qq { background-image:url(/images/common/icon-qq.png);}
.izl-rmenu .cart.douyin { background-image:url(/images/common/icon-douyin.png);}
.izl-rmenu .cart.redbook { background-image:url(/images/common/icon-redbook.png);}*/
.izl-rmenu a.weixin:hover,.izl-rmenu .cart.weixin{background-color:#2ec100;background-image:url(/images/common/icon-weixin-light.png);}
.izl-rmenu a.qq:hover,.izl-rmenu a.qq{background-color:#03a3e3;background-image:url(/images/common/icon-qq-light.png);}
.izl-rmenu a.weibo:hover,.izl-rmenu a.weibo{background-color:#e62227;background-image:url(/images/common/icon-weibo-light.png);}
.izl-rmenu a.douyin:hover,.izl-rmenu a.douyin{background-color:#170b1a;background-image:url(/images/common/icon-douyin-light.png);}
.izl-rmenu a.redbook:hover,.izl-rmenu a.redbook{background-color:#ff0000;background-image:url(/images/common/icon-redbook-light.png);}
.izl-rmenu a.cart:hover .pic { display: block; }
.izl-rmenu .cart .pic { display: none; position: absolute; right: 50px; top: 5px; width: 168px; box-shadow: 0 0 20px #ddd; border-radius:10px;background:#fff;}
.izl-rmenu .cart .pic img { width: 150px; height: 150px; text-align:center;}
.izl-rmenu .cart.qq .pic { background-color:#fff;  color: #999; text-align: right; padding: 15px; }
.izl-rmenu .cart.qq .pic .qqid { color: #5caa04; font-size: 20px; line-height: 20px; }
.izl-rmenu .cart.qq .pic .qqtitle { margin-top: 5px; }
.izl-rmenu .cart.weixin .pic, .izl-rmenu .cart.weibo .pic, .izl-rmenu .cart.douyin .pic, .izl-rmenu .cart.redbook .pic { height: 150px; padding:10px;width: 150px;}
.izl-rmenu .btn_top { display: block;border-radius:50%; height: 40px; width: 40px;margin-top:10px; text-align:center;line-height:40px !important;color: #fff;background-color:#770ae4;margin-top:20px;}
.izl-rmenu .btn_top i{font-size:16px;vertical-align: middle;}
.izl-rmenu .btn_top:hover { background-color:#770ae4;color:#fff !important;}
.izl-rmenu a:first-child{margin-top:0;}
/*无数据*/
.dataNothing{padding:10px;text-align:center;color:#999;}
.dataNothing i{display:block;font-size:36px;margin-bottom:10px;}
.dataNothing.larger{padding:100px 10px;}
.dataNothing.larger i{font-size:64px;}
.dataNothing.posmiddle{position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;width:200px;height:200px;}
/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.page-list a,
.page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list a:active{ background:#ececec; }
.page-list span{ color:#999; }
.page-list a{ color:#333; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
.page-list .current{ display:block; float:left; }
/*子页位置信息*/
.location1{color:#666;}
.location1 a{color:#666;}
.location1 i{margin:0 5px;color:#666;}
/*评论样式*/
.comment-box{ position:relative; margin:0; padding:0; }
.comment-add{ margin:15px 0 15px 15px; }
.comment-add .input-box{ position:relative; margin:0 15px 15px 0; font-size:12px; }
.comment-add .input-box .input{ display:block; margin:0; padding:5px 10px; width:calc(100% - 20px); height:auto; border:1px solid #ddd; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#262626; font-size:14px; line-height:1.3em; }
.comment-add .input-box .code{ display:inline-block; width:65px; }
.comment-add .input-box .weui-btn{ float:right; font-size:13px; }
    
.comment-list{ position:relative; margin:0; padding:0; }
.comment-list .nodata{ margin-left:15px; color:#999; font-size:13px; text-align:center; line-height:80px; border-top:1px solid #ececec; }
.comment-list li{ margin-left:15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
.comment-list li:first-child{ border-top:1px solid #ececec; }
.comment-list li .avatar{ position:relative; float:left; width:40px; height:40px; background:#fafafa; border-radius:40px; overflow:hidden; }
.comment-list li .avatar img{ width:100%; height:100%; }
.comment-list li .avatar i{ color:#666; font-size:40px; line-height:50px; }
.comment-list li .inner{ margin-left:50px; }
.comment-list li .inner .meta{ margin:0; padding:0 0 5px; color:#cecece; font-size:12px; border:none; }
.comment-list li .inner .meta .blue{ color:#666; }
.comment-list li .inner .meta .time{ float:right; }
.comment-list li .inner p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-list li .answer{ clear:both; margin:10px 0 0 50px; padding:10px; background:#f6f6f6; border:1px solid #e6e6e6; border-radius:5px; }
.comment-list li .answer .meta{ margin:0 0 5px 0; padding:0; color:#999; font-size:12px; border:none; }
.comment-list li .answer .meta .blue{ color:#1e7bb3; }
.comment-list li .answer .meta .time{ float:right; }
.comment-list li .answer p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-more{ margin:15px; }
.comment-more .weui-btn{ color:#555; font-size:13px; background:#fff; border:1px solid #e5e5e5; }

/*轮播图*/
.swiper-slide { position:relative;}
.swiper-wrapper-title { position:absolute;left:0;top:110px;color:#fff;height:30px;line-height:30px;text-align:center;text-align:left;font-size:16px;text-shadow: 1px 1px 1px #000;padding:0 5px;}
.swiper-wrapper img{height:140px;width:100%;object-fit:cover;object-position:center;}
.pagination { text-align:center;position:absolute;z-index:1;bottom:2px !important;}

/*首页快捷功能入口*/
.swiper{position: relative;overflow:hidden;}
.iconLinkItem{width:20%;height:70px;float:left;display:inline-block;padding-top:10px;text-align:center;font-size:14px;line-height:20px;color:#333 !important;position:relative;overflow:hidden;text-overflow:ellipsis;word-break: keep-all;}
.iconLinkItem img{width:36px;height:36px;object-fit:contain;}
.swiper-pagination{bottom:5px !important;}
.swiper-pagination .swiper-pagination-bullet{width:10px;height:2px;border-radius:2px;}

/*课程内容列表*/
.modulesWrapper{margin:10px auto auto auto;}
.oneModules{margin-bottom:10px;position:relative;padding:10px 10px 20px 10px;background:#fff;}
.modulesTitle{position:relative;height:40px;line-height:40px;}
.primTitle{font-size:18px;font-weight:600;}
.subTitle{font-size:12px;color:#999;margin-left:10px;}
.modulesTitle a{position:absolute;right:0;color:#333;}
.modulesList{min-height:150px;}
.modulesList::after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.modulesItem{width:calc((100% - 10px) / 2);height:230px;border-radius:10px;background:#fff;float:left;margin-right:10px;margin-top:10px;box-shadow:0 0 10px #eee;position:relative;}
.modulesHref{position:absolute;width:100%;height:100%;z-index:1;}
.modulesItem:nth-child(2n+0){margin-right:0;}
.modulesItem:hover{box-shadow:0 0 20px #ccc;}
.modulesItem:hover img{transform: scale(1.2);transition: all 0.5s linear;}
.modulesImageWrapper{height:96px;text-align:center;overflow:hidden;background:#eee;border-top-left-radius:10px;border-top-right-radius:10px;}
.modulesImageWrapper img{height:100%;border-top-left-radius:10px;border-top-right-radius:10px;object-position:center;text-align:center;width: 100%;object-fit: cover;}
.modulesItemTitle{font-size:16px;padding:10px;height:36px;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px);line-height:22px; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;}
.modulesItemTag{padding:0 10px;margin-top:5px;}
.modulesItemTag .tags,.modulesItemTag .classTags{font-size:12px;padding:2px 4px;background:#eee;border-radius:3px;margin-left:5px;}
.modulesItemTag .classTags{color: #cb913b;background:#fff3dc;background-image:linear-gradient(to right,#fcedd3,#eed1a3)}
.modulesItemTag span:first-child{margin-left:0;}
.modulesItemTag .livepaly{vertical-align:middle;height:18px;}
.modulesItemPrice{padding:0 10px;margin-top:15px;position:relative;}
.modulesItemPrice .priceMoney,.modulesItemPrice .freeMoney{font-size:16px;font-weight:600;}
.modulesItemPrice .priceMoney{color:#fb2104;}
.modulesItemPrice .freeMoney{color:#5fb41b;}
.modulesItemPrice .marketMoney{color:#fb2104;text-decoration:line-through;font-size:12px;margin-left:2px;}
.modulesItemPrice .priceMore{color:#999;position:absolute;right:10px;font-size:12px;top:5px;}

/*网授与直播课程播放与详情页面*/
.courseFullSection{height:210px;position:relative;}
.courseFullSection img{width:100%;height:100%;object-fit:cover;object-position:center;}
.courseFullSection .cflMask{width:100%;height:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.2));position:absolute;left:0;top:0;}
.cflPlay{font-size:56px;position:absolute;left:50%;top:50%;margin:-28px auto auto -28px;color:#fff;}
.cflBar{height:40px;line-height:40px;color:#fff;padding:0 10px;position:absolute;top:0;left:0;width:calc(100% - 20px);color:#fff;font-size:16px;}
.cflBar a{color:#fff;}
.cflHistory{font-size:24px;margin-right:5px;vertical-align:middle;}
.cflLink{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.courseInfoSection{background:#fff;padding:10px;width:calc(100% - 20px);}
.courseFullBuyBarWrap{position:relative;}
.courseFullBuyBarWrap span.saleprice,.courseFullBuyBarWrap span.freeprice,.courseFullBuyBarWrap span.salepoint{font-size:18px;font-weight:bold;}
.courseFullBuyBarWrap span.saleprice{color:#fb2104;}
.courseFullBuyBarWrap span.freeprice{color:#5fb41b;}
.courseFullBuyBarWrap .marketprice{color:#fb2104;margin-left:5px;font-size:14px;}
.courseFullBuyBarWrap .marketMoney{color:#fb2104;text-decoration:line-through;font-size:12px;margin-left:5px;}
.courseFullBuyBarWrap i.fa-plus{margin:0 5px;}
.courseFullBuyBarWrap span.salepoint{color:#fb2104;margin-right:2px;}
.courseFullBuyBarWrap span.awardpoint{display:inline-block;height:24px;line-height:24px;padding:0 10px;position:absolute;right:0;top:2px;color: #cb913b;background: #fff3dc;background-image: linear-gradient(to right,#fcedd3,#eed1a3);border-radius:5px;}
.courseFullTitle{font-size:18px;font-weight:bold;padding:10px 0;}
.courseFullItem{margin-top:10px;color:#666;}
.courseFullItem i.fa-tag{background: linear-gradient(to right,#358af9,#0364e4);-webkit-background-clip: text;color: transparent;margin-right:5px;font-size:16px;}
.courseFullItem i.fa-users-class{background: linear-gradient(to right,#009c0b,#02ca10);-webkit-background-clip: text;color: transparent;margin-right:5px;}
.courseFullItem i.fa-clock,.courseFullItem i.fa-stopwatch,.courseFullItem i.fa-play-circle,.courseFullItem i.fa-exclamation-square{background: linear-gradient(to right,#ffa04c,#fd8113);-webkit-background-clip: text;color: transparent;margin-right:10px;font-size:16px;}
.courseFullVip{margin-top:10px;display:flex;height:36px;background: #fff9f2;background-image: linear-gradient(to right,#fff9f2,#fff4e8);border-radius:5px;align-items:center;padding-right:50px;position:relative;}
.courseFullVip .vipItm{flex:calc(100% / 3);}
.courseFullVip .vipItm span{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;background-image: linear-gradient(to right,#fec52d,#fc9226);border-radius:50%;color:#fef2e1;margin:0 5px 0 10px;}
.courseFullVip .vipItm span i{font-size:14px;vertical-align: middle;}
.courseFullVip .vipMore{position:absolute;right:10px;color: #cb913b;}
/*目录评论区*/
.courseFullSwitch{height:40px;display:flex;align-items:center;flex-wrap:nowrap;justify-content: space-around;width: 100%;background: #fff;z-index: 2;top:0;left:0;position:static;}
.courseFullSwitch .switchItem{font-size:16px;position:relative;height:40px;line-height:40px;}
.courseFullSwitch .switchItem span{height:3px;display:inline-block;border-radius:2px;position:absolute;bottom:6px;margin-left:-8px;width:16px;left:50%;visibility:hidden;}
.courseFullSwitch .switchItem.activedTab{font-weight:bold;}
.courseFullSwitch .switchItem.activedTab span{visibility:visible;}
.cChapterTreeBox{padding:10px;background:#fff;}
.cChapterTreeBox .hitarea { display: none; }
.cChapterYear {margin-bottom:10px;display:none;}
.cChapterYear a{display: inline-block;padding: 0 20px;border-radius: 10px;height: 30px;line-height: 30px;margin-right:10px;}
.cChapterTree li a{display:block;height:50px;line-height:50px;position:relative;padding-right: 36px;}
.cChapterTree li a[data-layer='1']{padding-left:12px;}
.cChapterTree li a[data-layer='2']{padding-left:36px;}
.cChapterTree li a[data-layer='3']{padding-left:60px;}
.cChapterTree li a[data-layer='4']{padding-left:84px;}
.cChapterTree li a[data-layer='5']{padding-left:108px;}
.cChapterTree li a[data-layer='6']{padding-left:132px;}
.cChapterTree li a[data-layer='7']{padding-left:156px;}
.cChapterTree li a.vLayerMax{background:#f5f8fa;border-radius:10px;margin:2px 0;}
.cChapterTree li a i.fa-lock-alt{position:absolute;right:20px;top:16px;color: #b6b6b6;}
.cChapterTree li a i.fa-chevron-down,.cChapterTree li a i.fa-chevron-up{position:absolute;right:20px;top:16px;visibility:hidden;font-size:14px;}
.cChapterTree li.expandable>a.vLayerMax i.fa-chevron-down{visibility:visible;}
.cChapterTree li.collapsable>a.vLayerMax i.fa-chevron-up{visibility:visible;}
.cChapterTree li a .vTry{font-size:12px;background:#5caa04;padding:2px 5px;border-radius:3px;color:#fff;margin-left:5px;}
.cChapterTree li a .handout{font-size:12px;padding:1px 4px;border-radius:3px;margin-left:5px;border-width:1px;border-style:solid;}
.cChapterTree li i.fa-play-circle,.cChapterTree li i.fa-folder,.cChapterTree li i.fa-file,.cChapterTree li i.fa-folder-open{font-size:18px;margin-right:5px;}
.cChapterTree li .livePlayImg{vertical-align:middle;}
.cChapterTree li .liveStates{position:absolute;right:20px;top:0;font-size:12px;color:#999;}
.ppc-ChapterWrap .cChapterTree li .liveStates{right:0px;}
.cChapterTree li .liveClassRoom{color:#f14e29;border:1px #f14e29 solid;padding:0 3px;height:18px;line-height:18px;font-size:12px;margin-left:5px;display:inline-block;border-radius:3px;}
.cItemContent{padding:10px;background:#fff;margin-top:10px;}
.cItemTitle{height:40px;line-height:40px;font-size:16px;font-weight:bold;}
.csWrapper{border-radius:10px;}
.csTitle{height:40px;line-height:40px;padding:0 10px;border-bottom:1px #eee solid;}
.csTitle span{display:inline-block;width:3px;height:12px;vertical-align:middle;margin-right:5px;}
.csOneItem,.csOneBox,.csTesting{padding:10px 20px;border-bottom:1px #eee solid;}
.csOneItem:last-child,.csOneBox:last-child,.csTesting:last-child{border-bottom:0;}
.csOneItem::after,.csOneBox::after,.csTesting::after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.csOneImg{float:left;width:64px;height:64px;}
.csOneImg img{width:100%;height:100%;object-fit:cover;border-radius:50%;object-position:center;}
.csOneInfo{float:left;width:calc(100% - 89px);margin-left:15px;}
.csOneName{font-size:16px;font-weight:bold;padding-top:5px;}
.csOneIntro{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;line-height:20px; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;}
.csOneMore span{color:#fb2104;}
.csoImageWrapper{float:left;width:160px;height:90px;}
.csoImageWrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;object-position:center;}
.csoInfo{float:left;width:calc(100% - 175px);margin-left:15px;}
.csoItemTitle{font-weight:bold;overflow:hidden;text-overflow:ellipsis;line-height:20px; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;}
.csoItemChapter,.csoItemReport{margin-top:5px;}
.csoItemChapter span{font-size:12px;padding:2px 4px;background:#eee;border-radius:3px;}
.csoItemReport{color:#666;font-size:12px;}
.csTesting a{display:block;width:calc((100%  - 40px) / 3);float:left;text-align:center;}
.csTesting a:nth-child(2){margin:0 20px;}
.csTesting a span{display:inline-block;color:#fff;height:64px;line-height:64px;border-radius:50%;width:64px;margin-bottom:5px;}
.csTesting a i{font-size:36px;vertical-align:middle;}
.csTesting a:nth-child(1) span{background:#5caa04;}
.csTesting a:nth-child(2) span{background:#cc3c05;}
.csTesting a:nth-child(3) span{background:#7508e1;}
.csIntro{line-height:24px;padding:10px;}
.csIntro img{max-width:100%;}
.courserFooterbar{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 10px #ddd;position:fixed;bottom:0;left:0;background:#fff;}
.cfbItem{width:calc(45% /3);text-align:center;color:#888;}
.cfbItem a{color:#888;}
.cfbItem i{font-size:22px;display:block;}
.cfbItem span{font-size:12px;}
.cfbItemPay{width:70%;text-align:center;text-align: -webkit-center;}
.courserFooterbar a.optButton{width:calc(100% - 20px);height:42px;border-radius:20px;color:#fff;font-size:16px;display:block;line-height:42px;text-align:center;font-weight:bold;}
.courserFooterbar a.optButton i{margin-right:10px;}
.courserFooterbar a.optButton:hover{color:#fff !important;}
/*课程支付弹窗*/
.paywindow{ background:#fafafa;font-size:14px;}
.pw-course{text-align:left;}
.pw-course-img {width:100%;position:relative;height:140px;}
.pw-course-img img{width:100%;height:140px;object-fit:cover;object-position:center;}
.pw-course-img a{position:absolute;display:block;width:calc(100% - 20px);padding:0 10px;height:24px;line-height:24px;color:#fff;text-align:center;left:0;bottom:0;text-shadow: 1px 1px 1px #000;backdrop-filter: blur(5px)}
.pw-course-price{color:#999;padding:8px 5px;border-left: 1px solid #eee;border-right: 1px solid #eee;position:relative;}
.pw-course-buyprice{color: #f40;font-weight:bold;}
.pw-course-saleprice{margin-right:5px;}
.pw-course-plus{font-weight:bold;}
.pw-course-buypoint{color:#078d2f;margin-right:5px;}
.pw-course-price span.pointadd{position:absolute;right:5px;top:8px;}
.pw-other{border:1px #eee solid;padding:5px;color:#999;}
.pw-other-exam{padding-bottom:8px;border-bottom:1px #ccc dotted;text-align:left;max-height:70px;text-overflow:ellipsis; overflow:hidden;}
.pw-other-exam a{text-decoration:underline;}
.pw-other-amount{padding:8px 0 2px 0;text-align:left;}
.pw-other-amount span.am1{margin-right:10px;margin-left:2px;color:#333;}
.pw-other-amount span.am2{margin-left:2px;color:#333;}
.pw-other-amount span.am3{margin-right:10px;color:#333;}
.pw-other-tips{padding:2px 5px;text-align:left;color:#ff7200;border:1px #ffcc00 solid;background:#ffffdd;margin:5px 0;}
.pw-other-tips i{margin-right:5px;}
.pw-other-tips a{color:#f77e20;}
.fullcourse-wrapper p.nothing{position:absolute;width:200px;height:100px;left:50%;top:50%;margin-left:-100px;margin-top:-50px;text-align:center;color:#fff;}
.fullcourse-wrapper p.nothing i{display: block;font-size: 30px;color:#fff;}
/*播放器*/
.courseVideoSection{height:210px;position:fixed;width:100%;top:0;left:0;z-index:1;}
.course-video { width: 100%; position: relative; height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;background-color: #000;}
.course-video .prism-cover { background-color: none; display: block; }
.course-video .prism-marker-text { display: none; }
.course-video .prism-ErrorMessage { display: none; }
.course-video img.RT { position: absolute; right: 10px; top: 10px; width:60px;object-fit:contain;}
.course-video img.LT { position: absolute; left: 10px; top: 10px; width:60px;object-fit:contain;}
.course-video img.RB { position: absolute; right: 10px; bottom: 50px; width:60px;object-fit:contain;}
.course-video img.LB { position: absolute; left: 10px; bottom: 50px; width:60px;object-fit:contain;}
.course-video img.NONE { display: none; }
/*试看/上次播放时间*/
.vodTryoutLayer, .vodLastPlayLayer {  height: 30px; color: #fff; line-height: 30px; position: absolute; bottom:0;left: 0; border-radius: 20px; padding: 0 10px;text-shadow: 1px 1px 1px #000;backdrop-filter: blur(5px); width:calc(100% - 20px);}
.vodTryoutLayer a, .vodLastPlayLayer a { color: #f77e20; }
/*阿里云播放器*/
.prism-cc-btn,.prism-setting-cc,.prism-setting-audio{display:none;}
.prism-player .prism-info-display{padding:0 !important;}
.prism-player .prism-big-play-btn{left:50% !important;top:50% !important;margin:-32px 0 0 -32px !important;}
/*悬浮球*/
.floatBall{width:46px;height:46px;position:fixed;right:10px;bottom:120px;background:#fff;border-radius:50%;box-shadow:0 0 5px #ddd;line-height:46px;text-align:center;z-index:10;}
.floatBall i{font-size:16px;}