.qsk_Con{width:100%;border-top:1px solid #eee;margin-top:60px;min-height:calc(100vh - 60px - 112px);}
.slideCont .slideLeft{width:860px;}
.slideRight{width:100%;}
.slideList{padding-top:20px;}

.qsk_smallCon{width:1200px;overflow:hidden;margin:0 auto;}
.speekbanner {
    height: 360px;
    margin: 20px 0;
}
.qsk_Tag_Con{display:flex;height:70px;line-height:70px;background: url('../images/HonSeQuanShiKong/tagBG.png') right 0px center no-repeat;}
.tagCardCon{margin:auto 0;}
.tagCardCon span{font-size:14px;padding:4px 8px;margin-right: 26px;cursor:pointer;}
.tagCardCon span:last-of-type{margin-right:0px;}
.tagCardCurr {background: rgba(242, 69, 64, 0.08);border-radius:2px;color:#f24540;}
.qsk_Title{display:flex;justify-content:space-between;line-height:70px;height:70px;background: url('../images/HonSeQuanShiKong/TitleBG.png') left 0px center no-repeat;}
.qsk_Title div:first-child{font-size:18px;}
/*.qsk_Title div:last-child{font-size:16px;color:#666;}*/
.qshCard{height:241px;width:282px;position:absolute;position:relative;margin:0 20px 20px 0;display:inline-block;filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
    border-radius: 4px;overflow:hidden;}
.qshCard:nth-child(4n){margin-right:0px;}
.qshCard img{width:100%;height:160px;object-fit:cover;position:absolute;top:0px;}
.typetag{background: linear-gradient(90.12deg, #DB482D 0.11%, #E39134 99.9%);border-radius: 2px;padding:3px 8px;color:#fff;font-style:normal;}
.ftypetag{position:absolute;top:0px;left:0px;z-index:2;}
.qskCard_info{background:#fff;padding:14px;position:absolute;bottom:0px;left:0px;width: 100%;height: calc(100% - 160px);}
.qshC_title{font-size:16px;line-height:24px;}
.qshC_remark span{font-size:14px;line-height:21px;color:#666;margin:4px 10px 0 0}
.qshC_remark span:last-child{margin-right:0px;}
.qshC_remark span span{color:#f24540;}

.qshRead_Card{width:100%;height:246px;margin-bottom:30px;display:flex;}
.qshRead_Card img{width:384px;height:216px;margin-bottom:30px;border-radius:4px;overflow:hidden;}
.qskRead_Card_info{width:calc(100% - 384px);border-bottom:1px solid #eee;height:100%;padding-left:20px;}
.qskRead_Card_info:nth-child(3n) {border-bottom:none;}
.qshRC_title{font-size:20px;line-height:30px;color:#000;margin:10px 0 20px;}
.qshRC_intor{margin:10px 0 20px;color:#999;line-height:30px;font-size:14px;width:100%;height:60px;overflow:hidden;
             -webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}

.slideLeft, .slideRight{padding:0 20px 0;background:#fff;margin-bottom:20px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);}
.main_TopCon{width:100%;height:311px;background: url('../images/HonSeQuanShiKong/mainTopBG.png') center no-repeat;backdrop-filter: blur(10px);margin-top:74px;}
.main_TopSmallCon{height:100%; width:1200px;margin: 0 auto;}
.TopMenu{color:#999;padding:18px 0;}
.TopMenu a{color:#999;}
.TopMenu span{margin:0 12px;}
.TopMianContent{width:100%;height:225px;display:flex;}
.TopMianContent>img{width:400px;height:100%;object-fit:cover;overflow:hidden;border-radius:4px;}
.TopMianContent_text{width:calc(100% - 400px);padding-left:30px;}
.TopMianContent_text h2, .TopMianContent_text p, .TopMianContent_text button, .TopMianContent_text i{color:#fff;font-style:normal;}
.TopMianContent_text h2{font-size:24px;line-height:36px;margin:10px 0 20px;}
.whiteTag{background: rgba(255, 255, 255, 0.2);border: 0.5px solid #FFFFFF;border-radius: 4px;font-size:12px;line-height:18px;padding:0 6px;display:inline-block;}
.TMC_text_BtnCon{display:flex;justify-content:space-between;}
.TMC_text_BtnCon button{cursor:pointer;}
.redBtn{padding:6px 16px;border-radius:4px;background:#f24540;border:none;}
.iWhiteBtn{padding:6px 21px;border-radius:4px;background:#fff;border:none;color:#666!important;margin-left:16px;}
.smallSlideTitle span{position:absolute;position:relative;display:inline-block;}
.smallSlideTitle span.curr_small:after{width:50%;height:2px;background:#f24540;position:absolute;bottom:0px;transform:translateX(-50%);content:'';left:50%;}
.curr_small{color:#f24540!important;}

.b_iconCollect {background: url('../images/HonSeQuanShiKong/collect.png') center no-repeat;width:16px;height:15px;display:inline-block;margin-right:4px;}
.b_iconShare {background: url('../images/HonSeQuanShiKong/share.png') center no-repeat;width:16px;height:15px;display:inline-block;margin-right:4px;}
.b_iconLearning {background: url('../images/HonSeQuanShiKong/icon_1.png') center no-repeat;width:18px;height:16px;display:inline-block;margin:auto 7px auto 0;}
.b_iconData {background: url('../images/HonSeQuanShiKong/icon_2.png') center no-repeat;width:20px;height:20px;display:inline-block;margin:auto 6px auto 0;}
.b_iconCatalogue {background: url('../images/HonSeQuanShiKong/icon_3.png') center no-repeat;width:16px;height:14px;display:inline-block;margin:auto 8px auto 0;}
.collection.curr .b_iconCollect {background: url('../images/UserManager/collectionCurr.png') center no-repeat;}


.progressSvg {transform-origin: 8px 8px;transform: rotate(-90deg);transition: stroke-dasharray .3s ease-in;}
.readCon_InfoPro{margin-top:16px;}
.readCon_InfoPro li{height:56px;line-height:56px;padding:0 16px 0 26px;border-radius:4px;display:flex;justify-content:space-between;}
.readCon_InfoPro li p{color:#666;max-width: 80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.readCon_InfoPro li a{display:none;color:#f24540;cursor:pointer;}
.readCon_InfoPro li svg{display:inline-block;}
.readCon_InfoPro li:hover p{color:#262626;}
.readCon_InfoPro li:hover{background:#f7f8f9;}
.readCon_InfoPro li:hover svg{display:none;}
.readCon_InfoPro li:hover a{display:inline-block;}

.teacherInfo{padding:20px 0;}
.teacherInfo_Main{display:flex;height:60px;margin-bottom:10px;}
.teacherInfo_Name{display:flex;flex-direction:column;justify-content:space-around;width:calc(100% - 60px - 48px);margin-left:16px;}
.teacherInfo_Name p{font-size:16px;line-height:24px;}
.teacherInfo_Name span{font-size:12px;line-height:18px;color:#999;}
.teacherInfo_Main img{width:60px;height:60px;border-radius:50px;overflow:hidden;object-fit:cover;margin:0;}

.recommendR li{display:flex;margin-bottom:20px;}
.recommendR li img{width:96px;height:54px;overflow:hidden;border-radius:4px;}
.recommendR li .recommendInfo{margin-left:16px;width:calc(100% - 96px - 16px);display:flex;flex-direction:column;justify-content:space-around;}
.recommendR li .recommendInfo span{width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;}




.slideTitle span{font-size:16px;}
.detailsRight{padding:20px;}
.detailsRight .readCon_InfoPro li{padding:0px;}

.videoCon{padding:0px;height:484px;}
#videoContainer{width:100%;height:100%;}
.videoRight{min-height:484px;overflow:auto;}


/*评论留言*/
.b_iconCommon {background: url('../images/HonSeQuanShiKong/icon_4.png') center no-repeat;width:16px;height:14px;display:inline-block;margin:auto 8px auto 0;}
.i_Title{font-size:16px;line-height:24px;display:flex;}
.i_Title span{color:#999;}
.readArticle{padding:20px 0;}
.readCon_intor,.readCon_intorBG{background: linear-gradient(180deg, #F7F8F9 0%, rgba(247, 248, 249, 0) 100%);border-radius: 4px;
            color:#666;font-size:14px;line-height:30px;}
.readCon_intorBG{padding:27px 16px;background-image: url('../images/HonSeQuanShiKong/QuotesL.png'),url(../images/HonSeQuanShiKong/QuotesR.png);background-repeat:no-repeat;
        background-position:top 16px left 16px,right 16px bottom 16px;}
.readCon_Info{margin-top:32px;}
.readCon_InfoUL{margin-left:26px;}
.readCon_InfoUL li{color:#666;font-size:14px;line-height:21px;margin-top:14px;}
.readCon_InfoUL li:first-child{margin-top:16px;}
.talkBox{width:calc(100% - 26px);border: 1px solid #EEEEEE;border-radius: 4px;height:123px;position:absolute;position:relative;margin:16px 0 10px 26px;}
.talk{width:calc(100% - 32px);height:88px;position:absolute;top:0px;left:0px;border:0 none;resize:none;padding:16px;}
.talkBtn{position:absolute;right:16px;bottom:12px;border:1px solid #f24540;background:#fff;color:#f24540;padding:6px 16px;}
/* 评论区 */
.talkList li{padding:20px 0;border:none;}
.userIcon{width:36px;height:36px;}
.talkTxt h2{line-height:1;font-size:16px;line-height:24px;color:#262626;}
.talkTxt h2 span{color:#999;margin: 0 2px;}
.talkTxt pre{font-size:16px;color:#666;line-height:24px;margin:8px 0 10px;}
.talkData span b{color:#999;}

/*自制音频背景*/
.audioBG{height:144px;background: linear-gradient(180deg, rgba(242, 69, 64, 0.15) 0%, rgba(255, 255, 255, 1) 70%);border-radius: 4px;}