.class-left{background: #16161a; margin-bottom: 24px; border-radius: 6px; }
.class-left .tt-name{ padding:30px; padding-bottom: 30px; border-bottom: 1px solid #202025;} 
.class-left .tt-name .title{ font-size: 24px; font-weight:500;color:#d3d3d3;line-height:32px; text-align: justify; margin-bottom: 12px; }
.class-left .tt-name .pitem{ font-size: 14px; margin-top: 4px; color:#8c8c8c;line-height:24px; text-align: justify; }
.class-left .tt-name .pitem span{ color: #888;}

.class-left .tt-name .d-meta{ margin-top: 16px; margin-bottom: 16px; padding-top: 10px; border-top: 1px dashed #202025;}
.class-left .tt-name .d-meta .item{ margin-top: 6px; } 
.class-left .tt-name .d-meta .item .auth{ float: left; width: 72px; color: #8c8c8c; font-weight: 300; line-height: 24px;  }
.class-left .tt-name .d-meta .item .cont{  margin-left: 72px; color: #d3d3d3; line-height: 24px;  }

.class-left .tt-name .destit{ color: #666; padding-top: 20px; }
.class-left .tt-name .shadow{  display: flex;}
.class-left .tt-name .tternoll{flex: 1 }
.class-left .tt-name .tternoll .er-column{background:#FFC95E; background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);
 background:linear-gradient(117deg,#f8e2c4,#f3bb6c); font-weight: 500;border:1px solid #f3bb6c; font-size:15px; border-radius:2px; display:inline-block; padding: 2px; }
.class-left .tt-name .tternoll .er-column .er-left{ background-color:#fff; color:#754e19; padding: 0 12px; height:36px;display:inline-block; text-align:center;line-height:36px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.class-left .tt-name .tternoll .er-column .er-right{margin-left:12px;color:#754e19;font-weight:700;cursor:pointer;display: inline-block;line-height: 36px;}
.class-left .tt-name .tternoll .er-column .iconfont{display:inline-block; font-size: 20px; position:relative; top: 2px; font-weight: 600;}

.class-left .tt-name .ttshare{ flex: 1; text-align: right;   padding-top:12px; }
.class-left .tt-name .ttshare .shitem{ margin-left: 34px;height: 24px; line-height: 24px; float: right; }
.class-left .tt-name .ttshare .shitem a{ margin-left: 22px;width: 24px;height: 24px;background-color: #999; text-align:center; border-radius: 2px; display: inline-block; }
.class-left .tt-name .ttshare .shitem .iconfont{ font-size: 22px; color: #fff; vertical-align: top; }
 


.class-left .tt-file{  padding:30px;border-bottom: 1px solid #202025;}
.class-left .tt-file .fileh2{font-size:18px;font-weight:700;color:#d3d3d3;line-height:1.2;border-left:3px solid #CE9940;padding-left:12px; }
.class-left .tt-file .fileh2 span{}

.class-left .tt-intr{ margin-top: 22px  }
.class-left .tt-intr p{font-size: 16px;line-height: 32px;letter-spacing: .2px;margin-bottom: 12px;text-align: justify;}
.class-left .tt-intr p:last-child{ margin-bottom: 0; }

.class-left .tt-cont{  padding:30px; }
.class-left .tt-cont .fileh2{font-size:18px;font-weight:700;color:#d3d3d3;line-height:1.2;border-left:3px solid #CE9940;padding-left:12px; }
.class-left .tt-cont .fileh2 span{}


/*讲师介绍*/
.class-teach{ padding-top: 20px; }
.class-teach .teachinfo{ display: block; border-bottom: 1px solid #202025; width: 100%; margin-bottom: 12px; padding-bottom: 12px;  box-sizing: border-box;  } 
.class-teach .teachinfo:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.class-teach .teachinfo .leftimg{ float: left; width: 80px; max-height: 80px; border-radius: 4px; overflow: hidden; text-align: center; }
.class-teach .teachinfo .leftimg img{ width: 100%; }
.class-teach .teachinfo .rightinf{ margin-left: 100px; }
.class-teach .teachinfo .rightinf .t-name{ font-size: 18px; color: #d3d3d3 }
.class-teach .teachinfo .rightinf .t-des{ font-size: 14px; margin-top: 8px; color: #8c8c8c;line-height:26px; text-align: justify; }



/*课件下载*/
.class-cour{ padding-top: 20px; }
.class-cour .d-meta{ display: block;  padding: 8px 12px;  margin-bottom: 10px; box-sizing: border-box;background:#111114; border-radius: 2px;  } 
.class-cour .d-meta:last-child{ border-bottom: none; margin-bottom: 0; }
.class-cour .d-meta .leftimg{ float: left; width:24px; height: 24px; line-height: 24px; border-radius: 4px; overflow: hidden; text-align: center; background:#f3bb6c; }
.class-cour .d-meta .leftimg .iconfont{ color: #fff; }
.class-cour .d-meta .rightinf{ margin-left:30px;display: flex; }
.class-cour .d-meta .rightinf .t-name{ font-size: 14px; color: #d3d3d3; text-align: justify;flex: 1; }
.class-cour .d-meta .rightinf .t-des{ display: flex;   margin-top: 4px; color:#666;  }
.class-cour .d-meta .rightinf .t-des .info{ flex: 1 }
.class-cour .d-meta .rightinf .t-des .down{ flex: 1; text-align: right; }
.class-cour .d-meta .rightinf .t-des .down a{ width:60px; margin-left: 12px; text-align: center; border:1px solid #f3bb6c; color: #f3bb6c;font-size: 12px;font-weight: 300;padding: 2px 0;border-radius: 4px;display: inline-block;}
.class-cour .d-meta .rightinf .t-des .down a:hover{opacity: 0.86 }
.class-cour .d-nodata{font-size: 14px; color: #666; text-align: center;}




/****正文内容-左侧****/  
.article_content{font-size:14px;color: #d3d3d3; position:relative; padding-top: 20px; } 
.article_content a{ color:#ed8052; padding-bottom:4px}
.article_content a:hover{text-decoration:none!important; border-bottom:1px solid #ed8052;}

.article_content img{width:auto;max-width:100%;display:block;margin:0 auto}
.article_content table{width:100%!important}
.article_content embed{max-width:100%;margin-bottom:1em}
.article_content p{font-size:14px;line-height:26px;letter-spacing:.2px;margin-bottom:20px;text-align:justify}
.article_content p:last-child{margin-bottom:0px;}
.article_content ul{margin-bottom:30px}
.article_content li{list-style:circle;margin-left:20px;margin-bottom:30px}
.article_content hr{margin:1em auto;border:none;padding:0;width:100%;height:1px;background:#8c8c8c}
.article_content blockquote p{font-size:15px;letter-spacing:.2px;line-height:30px; }
.article_content blockquote p:last-of-type{margin-bottom:0}
.article_content audio,.article_content canvas,.article_content video{display:inline-block}
.article_content button,.article_content input,.article_content select,.article_content textarea{font:500 14px/1.8 Hiragino Sans GB,Microsoft YaHei,sans-serif}
.article_content table{border-collapse:collapse;border-spacing:0}
.article_content th{text-align:inherit}
.article_content fieldset,.article_content img{border:0}
.article_content img{-ms-interpolation-mode:bicubic}
.article_content iframe{display:block}
.article_content blockquote{border-left:1px solid #222;position:relative;font-size:15px;letter-spacing:.2px;line-height:30px;margin-bottom:40px;padding:20px;background:#f2f3f4}
.article_content blockquote blockquote{padding:20px;margin-left:2em;background:#d1d7e1}
.article_content abbr,.article_content acronym{border-bottom:1px dotted;font-variant:normal}
.article_content abbr{cursor:help}
.article_content del{text-decoration:line-through}
.article_content address,.article_content caption,.article_content cite,.article_content code,.article_content del,.article_content em,.article_content th,.article_content var{font-style:normal;font-weight:500}
.article_content em{font-style:italic}
.article_content caption,.article_content th{text-align:left}
.article_content q:after,.article_content q:before{content:""}
.article_content sub,.article_content sup{font-size:75%;line-height:0;position:relative;vertical-align:text-top}
.article_content :root sub,.article_content :root sup{vertical-align:baseline}
.article_content sup{top:-.5em}
.article_content sub{bottom:-.25em}
.article_content a:hover{text-decoration:underline}
.article_content a,.article_content ins{text-decoration:none}
.article_content .typo-u,.article_content u{text-decoration:underline}
.article_content mark{background:#fffdd1}
.article_content code,.article_content pre{font-family:Courier New,Courier,monospace}
.article_content pre{border:1px solid #ddd;border-left-width:.4em;background:#fbfbfb;padding:10px;white-space:normal}
.article_content small{font-size:12px; }
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6{font-weight:500;font-weight:800\9;line-height:1.5em;margin-bottom:.3em; }
.article_content h2{font-size:20px;font-weight:700; line-height:1.4; margin:14px 0 20px}


/* 音频样式 */
.voice-layer{ position: absolute; background-color: rgba(62,62,72,0.6); left: 50%;margin-left: -257px;bottom: 50px; z-index: 9999999; }
.voice-layer .audio_wrp { padding: 6px 20px 6px 12px; background-color: rgba(62,62,72,0.3);border: none; }
.voice-layer .audio_area .audio_title{ font-size: 16px; }
.volayer-open{width:500px;position: relative;display: inline-block;float: left;  }
.volayer-close{width: 50px; position: relative;display: inline-block;float: left; }
.volayer-close .audio_info_area,
.volayer-close .audio_length{ display: none; }
.volayer-fun{display: inline-block;float: right; background: rgba(62,62,72,1); width: 14px; text-align: center;}
.volayer-fun .close{ height: 18px;  text-align: center;  background: rgba(62,62,72,.9);  }
.volayer-fun .close .iconfont{ font-size: 12px; }
.volayer-fun .open,.volayer-fun .open-retutn{ height: 38px; line-height: 38px; display: inline-block;  }
.volayer-fun .open .iconfont,.volayer-fun .open-retutn .iconfont{ font-size: 12px; }
.volayer-fun a{ display: block; }
.volayer-fun .iconfont{ color: #fff; font-weight: 700; }
.audio_area .audio_source {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.enroll-tip{text-align: center;padding: 20px;}
.enroll-tip h3{font-size: 24px;font-weight: 500;line-height: 32px;margin-bottom: 12px;}
.enroll-tip img{width: 200px;height: 200px;}


.about{background: #16161a;padding: 30px;margin-top: 20px;}
.about .fileh2{font-size: 18px;font-weight: 700;color: #d3d3d3;line-height: 1.2;border-left: 3px solid #CE9940;padding-left: 12px;margin-bottom: 20px;}
.about .item-f{position:relative; padding: 16px 18px; border-bottom:1px solid #202025; }
.about .item-f:hover{ background:#25252c; } 

.about .item-f .title{  font-size:18px; margin-bottom: 16px; text-align: justify; font-weight:700; color:#d3d3d3;line-height:26px;max-height:52px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	
.about .item-f .line{ border-top: 1px solid #f5f5f5; margin-top: 12px; padding-top: 12px;  }
.about .item-f .eninfo{ display: inline-block; width: 100%; }
.about .item-f .eninfo .img-info{color:#8c8c8c;margin-right:10px; text-align:center; float: left;} 
.about .item-f .eninfo .img-info .g-img{ max-width: 116px; overflow: hidden; }
.about .item-f .eninfo .img-info .g-img img{ width: 116px; height:116px; object-fit: cover; border-radius: 4px;}
.about .item-f .eninfo .detail{color:#8c8c8c;font-size:14px;margin-left:132px}
.about .item-f .eninfo .detail span{ color:#7c7c7c; }
.about .item-f .eninfo .detail .place{color:#8c8c8c; } 
.about .item-f .eninfo .detail .time{color:#8c8c8c; margin:5px 0; } 
.about .item-f .eninfo .detail .guest{color:#8c8c8c; line-height:20px;height:20px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

.about .item-f .state{ position: absolute; left: 152px; bottom: 18px; }
.about .item-f .state .attend button{ border-radius: 20px; }
.about .item-f .state .attend .overing{background-color: #F3F3F3;border: 1px solid #F3F3F3;color: #999;}
.about .item-f .state .attend .signUping {background: #FFC95E;background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);background: linear-gradient(117deg,#f8e2c4,#f3bb6c);color: #754e19;font-weight: 500;border: 1px solid #f3bb6c;}