@charset "utf-8";

/* 嘉宾介绍部分 */
.lectureDetailsImgText {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 20px;
}
.lectureDetailsText {margin-right: 40px; flex: 4;}
.lectureDetailsTextAuto {
	padding: 0 10px 10px;
	max-height: 435px;
	overflow-y: auto;
	overflow-x: hidden;
    max-width: 505px;
	margin-bottom: 10px;
}

/* 定义了滚动条整体的样式 */
.lectureDetailsTextAuto::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
/* 滑块部分 */
.lectureDetailsTextAuto::-webkit-scrollbar-thumb {
	background-color: #999999;
}
/* 轨道部分 */
.lectureDetailsTextAuto::-webkit-scrollbar-track {
	background-color: #eeeeee;
}
.lectureDetailsImg {flex: 6;}
.lectureDetailsImgText h2 {position: relative;width: 270px;font-size: 20px; font-weight: 700; color: #333333; line-height: 1.6em; margin-bottom: 20px;    display: -webkit-box;  overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.lectureDetailsImgText h2 span { position: absolute;left: 270px;top: 0;display: inline-block;font-size: 12px;color: #999;font-weight: normal;width: 240px; }
.lectureDetailsImgText .lectureDetailsTextContent {font-size: 14px; color: #666666; line-height: 1.4em; margin-bottom: 30px;}
.lectureDetailsImgText .lectureDetailsTextTime {font-size: 12px; color: #999999;}
.lectureDetailsImg ul {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.lectureDetailsImg li {width: 48%; margin-right: 2%; margin-bottom: 2%;}
.lectureDetailsImg li a:hover { color: #333 }
.lectureDetailsImg li:nth-child(2n) {margin-right: 0;}
.lectureDetailsImg dl {background-color: #f1f1f1; border-radius: 60px; align-items: center; display: flex; justify-content: flex-start; padding: 10px; overflow: hidden;}
.lectureDetailsImg dt { margin-right: 10px;height: 100px;width: 100px;display: inline-block; vertical-align: top;}
.lectureDetailsImg dd { display: inline-block;width: 188px; }
.lectureDetailsImg dt img {border-radius: 50%; display: block; width: 100%;}
.lectureDetailsImg dd h5 {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
.lectureDetailsImg dd span { margin-bottom: 5px;font-size: 12px;display: inline-block; }
.lectureDetailsImg dd h6 {font-size: 14px; margin-bottom: 5px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}
.lectureDetailsImg dd p {
	font-size: 14px; 
	height: 40px; 
	line-height: 1.6em; 
	color: #666666;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 视频模块 */
.lectureDetailsVideo ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.lectureDetailsVideo ul li {width: 49%; margin-right: 2%; margin-bottom: 2%; background-color: #202326;}
.lectureDetailsVideo ul li:nth-child(2n) {margin-right: 0;}
.lectureDetailsVideoTitle {
	padding: 20px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.lectureDetailsVideoTitle h3 {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 415px;
}
.lectureDetailsVideoTitle h3 span {
	position: absolute;
	left: 435px;
	top: 22px;
	font-size: 12px;
	font-weight: normal;
}
.lectureDetailsVideoTitle p {font-size: 12px; color: #FFFFFF;}

.lectureDetailsVideoGuest {
	display: table;
	width: 100%;
	height: 248px
}
.lectureDetailsVideoGuestLeft {
	background-color: #171a1d;
	display: table-cell;
	width: 10%;
	height: 100%;
}
.lectureDetailsVideoGuestConten {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	position: relative;
}
.lectureDetailsVideoGuestRight {
	display: table-cell; 
	width: 40%; 
	padding: 10px 10px 0;
	vertical-align: top;
}
.lectureDetailsVideoGuestLeft p {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
}
.lectureDetailsVideoGuestConten dl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	height: 93px;
}
.lectureDetailsVideoGuestConten dt {margin-right: 10px; padding: 10px; flex: 1;}
.lectureDetailsVideoGuestConten dt img {display: block; width: 100%;}
.lectureDetailsVideoGuestConten dd {flex: 3;}
.lectureDetailsVideoGuestConten dd h5 {font-size: 15px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px;}
.lectureDetailsVideoGuestConten dd p {font-size: 12px; color: #FFFFFF; line-height: 1.6em;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.lectureDetailsVideoGuestContenManual {padding: 10px 10px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: space-between;}
.lectureDetailsVideoGuestContenManual span {flex: 1;}
.lectureDetailsVideoGuestContenManual img {display: block; width: 100%;}
.lectureDetailsVideoGuestContenManual p {
	flex: 7; 
	margin: 0 10px 0 10px; 
	line-height: 1.4em; 
	font-size: 14px; 
	color: #333333;
	height: 40px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.lectureDetailsVideoGuestContenManual a {flex: 3; border: solid #fb7333 2px; font-size: 12px; font-weight: 700; color: #fb7333; text-align: center; line-height: 25px; border-radius: 15px;}
.lectureDetailsVideoGuestContenButton {bottom: 20px;text-align: center;position: absolute;left: 50%;margin-left: -72px;}
.lectureDetailsVideoGuestContenButton a {display: inline-block; line-height: 35px; padding: 0 30px; text-align: center; background-color: #fb8427; font-size: 14px; color: #FFFFFF; border-radius: 10px;}
.lectureDetailsVideoGuestRight h6 {font-size: 16px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px;}
.lectureDetailsVideoGuestRight p {
	font-size: 14px;
	color: #f17a3e;
	line-height: 1.6em;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}


/* 左侧视频 */
.lectureGuestDetails {
	display: table;
}
.lectureGuestDetailsVideo {
	width: 70%;
	display: table-cell;
	background-color: #202326;
	vertical-align: top;
	padding: 15px;
	box-sizing: border-box;
}
.lectureGuestDetailsRight {
	width: 30%;
	display: table-cell;
	background-color: #202326;
}

.lectureDetailsVideoTitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.lectureDetailsVideoBox {
	position: relative;
}
.lectureDetailsVideoIcon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	z-index: 8;
	display: none;
}
.lectureDetailsVideoIconOn {
	display: block;
}
.lectureDetailsVideoIcon img {
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 9;
}

.lectureDetailsVideoBox .tip {
	position: absolute;
	left: 0;
	top: -40px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #10141a;
	padding: 0 20px;
	z-index: 9;
	box-sizing: border-box;
}
.lectureDetailsVideoBox .tip b {
	font-size: 16px;
	font-weight: 400;
	color: #fb8427;
}
.lectureDetailsVideoBox .tip span {
	background-color: #fb8427;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	padding: 3px 10px;
}
.lectureDetailsVideoBox .continue {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*height: 280px;*/
	height: 100%;
	background-color: #0d1618;
	z-index: 10;
}
.lectureDetailsVideoBox .continue span {
	color: #666;
	font-size: 12px;
}
.lectureDetailsVideoBox .continue p {
	margin-top: 100px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.8em;
}
.lectureDetailsVideoBox .continue p span {
	font-size: 16px;
	color: #fb8427;
}
.lectureDetailsVideoBox .continue div {
	text-align: center;
}
.lectureDetailsVideoBox .continue b {
	display: inline-block;
	margin: 0 auto;
	background-color: #fb8427;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	border-radius: 5px;
}



.lectureGuestDetailsVideoBox h3 {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
}
.lectureGuestDetailsVideoBox p {font-size: 12px; color: #FFFFFF;}

/* 右侧嘉宾 */
.lectureGuestDetailsRightBoxTitle {
	background-color: #171a1d;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.lectureGuestDetailsRightBoxTitle p {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
}

.lectureGuestDetailsRightContent {
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px;
}

.lectureGuestDetailsRightContent dl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}
.lectureGuestDetailsRightContent dt {margin-right: 10px; padding: 10px; flex: 1;}
.lectureGuestDetailsRightContent dt img {display: block; width: 100%;}
.lectureGuestDetailsRightContent dd {flex: 3;}
.lectureGuestDetailsRightContent dd h5 {font-size: 15px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px;}
.lectureGuestDetailsRightContent dd p {font-size: 12px; color: #FFFFFF; line-height: 1.6em;}
.lectureGuestDetailsRightContentManual {padding: 10px 10px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.lectureGuestDetailsRightContentManual span {flex: 1;}
.lectureGuestDetailsRightContentManual img {display: block; width: 100%;}
.lectureGuestDetailsRightContentManual p {
	flex: 7; 
	margin: 0 10px 0 10px; 
	line-height: 1.4em; 
	font-size: 14px; 
	color: #333333;
	height: 40px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.lectureGuestDetailsRightContentManual a {flex: 3; border: solid #fb7333 2px; font-size: 12px; font-weight: 700; color: #fb7333; text-align: center; line-height: 25px; border-radius: 15px;}

.lectureGuestDetailsRightContentText {box-sizing: border-box; padding: 10px; margin-bottom: 15px;}
.lectureGuestDetailsRightContentText h6 {font-size: 15px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px;}
.lectureGuestDetailsRightContentText p {
	font-size: 13px;
	color: #f17a3e;
	line-height: 1.5em;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
}

.lectureGuestDetailsRightContentButton {margin: 10px 0; text-align: center;}
.lectureGuestDetailsRightContentButton a {display: inline-block; line-height: 35px; padding: 0 30px; text-align: center; background-color: #fb8427; font-size: 14px; color: #FFFFFF; border-radius: 10px;}



/* 活动详情 */
.lectureDetailsImgText{
	display: flex;
	flex-direction: column;
}
.lectureDetailsImgText>div{
	display: none;
}
.navTop{
	width: 100%;
	display: flex;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}
.navTop li{
	padding: 8px 26px;
	color: #999;
	font-size: 18px;
	cursor: pointer;
}
.Highlight{
	background-color: #ff820c;
	color: white !important;
	font-size: 18px;
	cursor: pointer;
	font-weight: 700;
	border-radius: 10px 10px 0 0;
}
.activityDetails{
	width: 100%;
}
.activityDetails .stroke{
	width: 100%;
	height:298px;
	background-color: #e7f5f8;
	display: flex;
	border-radius: 20px;
	margin-bottom: 20px;
}
/* .activityDetails .stroke div:first-child{
	background-color: #1192af;
	width: 12%;	
	border-radius: 20px;
	box-sizing: border-box;
	padding: 10px;
	font-size: 22px;
	text-align: center;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 700;
} */
.activityDetails .stroke .strokeContent{
	position: relative;
	width: 75%;
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	box-sizing: border-box;
}
.activityDetails .stroke .strokeContent h3{
	font-size: 18px;
	margin: 20px 0 10px 0;
}
.activityDetails .stroke .strokeContent p{
	font-size: 14px;
	font-weight: 700;
	color: #1193af;
	margin-bottom: 15px;
}

.activityDetails .stroke .strokeContent b{
	font-size: 14px;
	color: #1193af;
	font-weight: 700;
	margin-bottom: 5px;
}
.activityDetails .stroke .strokeContent span{
	font-size: 12px;
	color: #000;display: block;
	margin: 5px 0;
}
.activityDetails .stroke .strokeContent  a{
	color: white;
	display: block;
	width: 160px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #ff820d;
	border-radius: 15px;
	position: absolute;
	top:255px;
	left: 290px;
}

.activityDetails .stroke .strokeImg{
	width:528px;
	height: 100%;
	border-radius: 10px;
	background-color: rgb(231, 216, 231);
	display: flex;
	align-items: center;
	justify-content: center;
}
.activityDetails .stroke .strokeImg img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	border-radius: 10px;
}

























.banner{
	width: 1120px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.banner img{
	display: block;
	width: 100%;
}
.titleName{
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 24px;
}
.companyIntroduce{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.companyIntroduce>div{
	width: 49%;
	border-radius: 20px;
	box-shadow: 0px 0px 6px 1px #ddd;;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.companyIntroduce div div .companyDetails{
	width: 70%;
	padding-left: 10px;
	box-sizing: border-box;
}
.companyIntroduce div div .companyDetails h3{
	font-size: 14px;
	margin-bottom: 5px;
}
.companyIntroduce div div .companyDetails p {
	font-size: 12px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.companyIntroduce div div .companyDetails p:last-child{
	text-align: right;
}
.companyIntroduce div div .companyDetails p a{
	color: rgb(6, 138, 226);
	text-decoration: underline;
	cursor: pointer;
}
.companyIntroduce div div .companyLogo{
	width: 25%;
	height:86px;
	overflow: hidden;
	/*display: inline-block;*/
	border: 1px solid #f2f2f2;
	align-items: center;
}
.companyIntroduce div div .companyLogo img{
	display: block;
	width: 100%;
}
.companyIntroduce div div:first-child{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.companyIntroduce div div:last-child div{
	display: inline-block;
	width: 30%;
	font-size: 14px;
	font-weight: 700;
}
.companyIntroduce div div:last-child div>p :first-child{
	border: 1px solid #f2f2f2;
}
.companyIntroduce div div:last-child div p:first-child{
	width: 150px;
	height: 150px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.companyIntroduce div div:last-child div p:first-child img{
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 10px;
}
.participants{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.participants p{
	background-color: white;
	padding: 5px 60px;
	margin: 0 10px;
	color: #1192af;
	font-weight: 700;
	font-size: 18px;
	border-radius: 15px;
	border: 2px solid #1192af;
}
.eventBackground{
	border-radius: 10px;
	border: 2px solid #1192af;
	margin-bottom: 20px;
	padding: 30px 100px;
	box-sizing: border-box;
}

.eventBackground p {
	font-size: 14px;
	text-indent: 2rem;
	text-align: center;
	color: black;
}
.eventBackground p span{
	text-align: center;
	color: #666;
	line-height: 25px;
	font-weight: 700;
}
.contactInformation{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.contactInformation div:first-child{
	width: 158px;
	height: 58px;
	/* background-color: rgba(224, 63, 63, 0.1); */
	margin-right: 50px;
}
.contactInformation div:last-child{
	height: 58px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.contactInformation div:last-child h3{
	font-size: 18px;
}
.contactInformation div:last-child p span{
	font-size: 14px;
}

/* 活动回顾图片 */
.reviewImages{
	width: 100%;
}
.reviewImages >h3{
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
.carouselChart h2 {
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
	font-size: 24px;
	font-weight: 700;
}
.activitiesBox {
	margin-bottom: 30px;
}
.activitiesBoxText {
	font-size: 16px;
	line-height: 1.5em;
}

.imagesList {
	box-sizing: border-box;
    background-color: #dedede;
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 30px;
}
.imagesList h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.imagesListBox {
	display: flex;
	justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.imagesItem {
	display: flex;
	width: 48%;
    margin-right: 4%;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 30px;
    height: 400px;
    overflow: hidden;
}
.imagesItem:nth-child(2n) {
    margin-right: 0;
}
.imagesItem img {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
/* 活动回顾视频 */
.reviewVideo {
	width: 100%;
}
.reviewVideo .videoBox{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}
.reviewVideo .videoBox div{
	width: 570px;
	/* height: 240px; */
	margin-bottom: 25px;
	margin-right: 20px;
}
.reviewVideo .videoBox div p{
	width: 100%;
	height: 240px;
	margin-bottom: 10px;
}
.reviewVideo .videoBox div:nth-child(2n) {
    margin-right: 0;
}
.reviewVideo .videoBox div span{
	font-size: 16px;
	font-weight: 700;
}
.reviewVideo .videoBox div p video{
	width: 100%;
	height: 240px;
}

/* 大讲堂 */
.lectureHall{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.lectureHall .lectureHallLeft{
	width: 870px;
}
.lectureHall .lectureHallLeft .videoBox{
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .videoBox .videoTitle{
	height: 60px;
	background-color: #202427;
	font-size: 20px;
	line-height: 60px;
	color: white;
	box-sizing: border-box;
	padding-left: 20px;
}
.lectureHall .lectureHallLeft .videoBox .videoContent{
	width: 100%;
	position: relative;
}
.lectureHall .lectureHallLeft .videoBox .videoContent .directSeeding{
	position: absolute;
	top: 15px;
	left: 15px;
	color: #666;
	cursor: pointer;
	z-index: 10;
}
.lectureHall .lectureHallLeft .videoBox .videoContent .directSeeding:hover{
	color: #ccc;
}
.lectureHall .lectureHallLeft .videoBox .videoContent video{
	width: 100%;
	display: block;
	background-color: black;
}
#complete_mask{
	display: none;position: absolute;top: 0;height: 100%;left: 0;width: 100%;background-color: #0d1618;
}
.lectureHall .lectureHallLeft .videoBox .videoContent .complete{
	position: absolute;
	top: 35%;
	left: 43%;
	text-align: center;
	color: #ccc;
}
.lectureHall .lectureHallLeft .videoBox .videoContent .complete button{
	background-color: #ff820c;
	color: white;
	border: 0;
	border-radius: 5px;
	width: 80px;
	height: 30px;
	font-size: 14px;
	margin-top: 20px;
	cursor: pointer;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	padding: 10px 0;
	background-color: white;
	border-radius: 0 0 10px 10px;
	position: relative;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharingBox{
	display: none;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing{
	background-color: white;
	box-shadow: 0px 0px 9px 2px #ccc;
	border-radius: 10px;
	position: absolute;
	z-index: 2;
	top: 50px;
	right: 10px;
	width: 386px;
	height: 195px;
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .shtEwm{
	width: 170px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #eee;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .shtEwm p{
	width: 110px;
	height: 110px;
	background-color: rgb(230, 221, 230);
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .shtEwm span{
	color: #999;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .shtEwm p img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin{
	width: 216px;
	line-height:42px;
	position: relative;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin>p{
	text-align: center;
	margin-bottom: 10px;
	color: #666;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin>p b{
	color: #ccc;
	margin: 0 5px;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin>span{
	display: block;
	color: #999;
	text-align: right;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .joinItem{
	display: flex;
	justify-content: space-around;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .close2{
	position: absolute;
	width: 20px;
	top: -12px;
	right: -12px;
	cursor: pointer;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .close2 img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .close2:hover{
	width: 21px;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .joinItem>p{
	width: 35px;
	text-align: center;
	cursor: pointer;
}
.lectureHall .lectureHallLeft .videoBox .videoDsc .otherSharing .qitaJoin .joinItem p img{
	width: 100%;
	display: block;
}
.videoBox .videoDsc .videoLogo2 {
	width: 120px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.videoBox .videoDsc .videoLogo2 p {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	overflow: hidden;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.videoBox .videoDsc .videoLogo2 p img{
	width: 100%;
	display: block;
}
.videoBox .videoDsc .playbackBox{
	width: 620px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.videoBox .videoDsc .playbackBox>div{
	display: flex;
}
.videoBox .videoDsc .playbackBox>div p{
	margin-right: 30px;
	display: flex;
	align-items: flex-end;
}
.videoBox .videoDsc .playbackBox>div p img{
	margin-right: 5px;
}
.videoBox .videoDsc .playbackBox img{
	width: 15px;
	height: 15px;
}
.videoBox .videoDsc .playbackBox  h3{
	font-size: 20px;
	display: flex;
}
.videoBox .videoDsc .playbackBox h3 .playback{
	color: white;
	width: 30px;
	height: 16px;
	line-height: 1.5;
	display: block;
	text-align: center;
	border-radius: 4px;
	font-size: 10px;
	background: linear-gradient(to top right, #ff5821, #ffbe82);
	margin: 4px 0 0 10px;
}

.videoBox .joinBox{
	width: 120px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
}

.videoBox .joinBox p{
	width: 65px;
	height: 20px;
	background-color: #22af6b;
	border-radius: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #fdfef9;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.videoBox .joinBox p img {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.videoBox .joinBox>div a{
	width: 120px;
	height: 34px;
	border-radius: 10px;
	background-color: #ff820c;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	display: block;
	color: white;
	cursor: pointer;
}
.lectureHall .lectureHallRight .lectureHallRightTop{
	width: 320px;
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.lectureHall .lectureHallRight .selectTop{
	display: flex;
	border-bottom: 1px solid #eee;
	padding: 0 0 15px 0;
	align-items: center;
}

.lectureHall .lectureHallRight .selectTop p{
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: #666;
	font-weight: 700;
	cursor: pointer;
}
.lectureHall .lectureHallRight .selectTop .originBtn {
	color: #ff820c;
	font-size: 18px;
}
.lectureHall .lectureHallRight .selectTop p:first-child{
	border-right: 1px solid #eee;
}
.lectureHall .lectureHallRight .discuss{
	width: 100%;
	/*display: none;*/
	height:600px;
	position: relative;
}
.lectureHall .lectureHallRight .synopsis{
	display: none;
}
.lectureHall .lectureHallRight .discuss .liaotian{
	width: 107%;
	height: 500px;
	overflow:auto;
}
.lectureHall .lectureHallRight .discuss .liaotian>div{
	background-color: white;
	display: flex;
	margin: 15px 0;
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div{
	width: 220px;
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div>p{
	overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
}
.lectureHall .lectureHallRight .discuss .liaotian>div .Avatar{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #eee;
	margin: 0 10px;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
}
.lectureHall .lectureHallRight .discuss .liaotian>div .myAvatar{
	border: 1px solid #ff800f;
}
.lectureHall .lectureHallRight .discuss .liaotian>div .Avatar img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div>p{
	font-size: 14px;
	margin-bottom: 10px;
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div .myName {
	color: #ff800f;
	font-weight: 700;
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div>span{
	background-color: #f2f2f2;
	color: #666;
	display: inline-block;
	padding: 10px;
	border-radius: 0 20px 20px 20px;
	
}
.lectureHall .lectureHallRight .discuss .liaotian>div>div> .myText{
	background-color: #fcebdb;
}
.lectureHall .lectureHallRight .discuss .liaotianIpt{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.lectureHall .lectureHallRight .discuss .liaotianIpt .inputBox{
	width:210px;
	height: 42px;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	display: inline-block;
}
.lectureHall .lectureHallRight .discuss .liaotianIpt .inputBox .iptText{
	height: 100%;
	border: 0;
	box-sizing: border-box;
	width: 210px;
	outline: none;
}
.lectureHall .lectureHallRight .discuss .liaotianIpt .iptSubmit{
	width: 60px;
	height: 42px;
	box-sizing: border-box;
	border: 0;
	background-color: #22af6b;
	color: white;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: -15px;
	right: 5px;
	border-radius: 2px;
	}
.lectureHall .lectureHallRight .discuss .liaotianIpt .biaoqin p{
	width: 20px;
	height: 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
.lectureHall .lectureHallRight .discuss .liaotianIpt .biaoqin p img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallRight .synopsis .avatar{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.lectureHall .lectureHallRight .synopsis .synopsisTit{
	font-size: 20px;
	text-align: center;
	margin: 15px 0;
}
.lectureHall .lectureHallRight .synopsis .avatar p{
	width: 88px;
	height: 88px;
	border-radius: 44px;
	border: 1px solid #eee;
}
.lectureHall .lectureHallRight .synopsis .avatar p img{
	border-radius: inherit;
	width: 100%;
	display: block;
}
.lectureHall .lectureHallRight .synopsis .synopsisContent{
	line-height: 24px;
	font-size: 14px;
}
.lectureHall .lectureHallRight .synopsis .synopsisContent b{
	margin-right: 10px;
	font-weight: 700;
}
.lectureHall .lectureHallRight .synopsis .synopsisPpt{
	display: flex;
	background-color: #f2f2f2;
	width: 280px;
	height: 50px;
	align-items: center;
	margin:10px 0 15px 0;
}
.lectureHall .lectureHallRight .synopsis .synopsisPpt .pptText{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.lectureHall .lectureHallRight .synopsis .synopsisPpt .pptImg{
	width:36px;
	margin: 0 10px;
}
.lectureHall .lectureHallRight .synopsis .synopsisPpt .pptImg img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallRight .synopsis .synopsisPpt .receive a{
	display: block;
	width: 70px;
	height: 20px;
	margin: 0 10px;
	color: #ff820c;
	border: 1px solid #ff820c;
	text-align: center;
	border-radius: 10px;
	line-height: 20px;
}
.lectureHall .lectureHallRight .synopsis .synopsisDsc{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	height: 303px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 14;
	-webkit-box-orient: vertical;
}


.lectureHall .lectureHallLeft .allVideo{
	background-color: white;
	border-radius: 10px;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
/*.lectureHall .lectureHallLeft .allVideo .allVideoBox{*/
/*	display: none;*/
/*}*/
.lectureHall .lectureHallLeft .allVideo .videoIntroduce{
	display: none;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div{
	margin-right: 5px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div .current{
	background-color: #fcebdb;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div{
	display: flex;
	justify-content: space-between;
	width: 270px;
	height: 80px;
	box-sizing: border-box;
	padding: 10px;
	background-color: #f2f2f2;
	border-radius: 10px;
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .headImg{
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background-color: white;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .headImg img{
	width: 100%;
	display: block;
	border-radius: 5px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .allVideoText {
	width: 180px;
	padding-left: 10px;
	position: relative;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .allVideoText .playing{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	color: #22af6b;
	font-weight: 400;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .allVideoText .playing img{
	width: 12px;
	display: block;
	margin-right: 2px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .allVideoText h2{
	font-size: 20px;
	margin-bottom: 5px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoBox>div>div .allVideoText p{
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.lectureHall .lectureHallLeft .allVideo .allVideoTop{
	display: flex;
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .allVideo .allVideoTop p{
	font-size: 16px;
	color: #747474;
	margin-right: 30px;
	border-bottom: 4px solid white;
	padding-bottom: 10px;
	cursor: pointer;
}
.lectureHall .lectureHallLeft .allVideo .allVideoTop .orangeSolid{
	color: #ff820c;
	font-weight: 700;
	border-bottom: 4px solid #ff820c;
}
.lectureHall .lectureHallLeft .allVideo .videoIntroduce{
	color: #666;
	font-size: 14px;
	line-height: 20px;
	/* height: 303px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 14;
	-webkit-box-orient: vertical; */
}
.lectureHall .lectureHallLeft .recommendation{
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
}
.lectureHall .lectureHallLeft .recommendation .recommendationTop{
	display: flex;
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .recommendation .recommendationTop .orangeSolid{
	font-size: 16px;
	font-weight: 700;
	color: #ff820c;
	margin-right: 30px;
	border-bottom: 4px solid #ff820c;
	padding-bottom: 10px;
	cursor: pointer;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal{
	display: flex;
	flex-wrap: wrap;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal>div{
	width: 270px;
	margin: 0 10px 10px 0;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal>div .playbackBox{
	width: 100%;
	height: 180px;
	border-radius: 10px;
	background-color: pink;
	position: relative;
	margin-bottom: 10px;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal>div .playbackText{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal>div .playbackBox img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallLeft .recommendation .recommendationVal>div .playbackBox .playback{
	color: white;
		width: 30px;
		height: 16px;
		line-height: 1.5;
		display: block;
		text-align: center;
		border-radius: 4px;
		font-size: 10px;
		background: linear-gradient(to top right, #ff5821, #ffbe82);
		position: absolute;
		top: 10px;
		right: 10px;
}

/* 大讲堂相关产品推荐 */
.lectureHall .lectureHallRight .lectureHallRightBottom{
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjTit{
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjTit p{
	padding-bottom: 15px;
	font-weight: 700;
	font-size: 16px;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox{
	width: 100%;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox>div{
	width: 280px;
	display: flex;
	margin-bottom: 10px;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div .tjImg{
	width: 120px;
	height: 120px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div .tjImg img{
	width: 100%;
	display: block;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div div:last-child{
	width: 160px;
	display: flex;
	flex-direction: column;
	padding-left: 10px;
	box-sizing: border-box;
	position: relative;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div div:last-child h2{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div div:last-child>span{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.lectureHall .lectureHallRight .lectureHallRightBottom .ProductTjBox div div:last-child>.cjcp{
	width: 96px;
	height: 32px;
	background-color: #ff820c;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: white;
	position: absolute;
	bottom: 5px;
	right: 0;
	cursor: pointer;
}

/*
www/template/sht1011/article/show-djt_new.htm  line
*/
#face {z-index:1000;width:290px;position:absolute;margin:10px 0 0 25px;background:#FFFFFF;border:#CCCCCC 1px solid;cursor:pointer;}
#face td {width:28px;height:28px;border-right:#CCCCCC 1px solid;border-top:#CCCCCC 1px solid;text-align:center;}
#face td:hover {background:#D8E8F9;}
#face span {float:right;}
#face div {background:#EEEEEE;padding:0 10px;line-height:32px;}
.liaotian img{width: 25px;}

/*www/template/sht1011/article/show-tour.htm*/
.activityDetails .stroke .strokeContent .mainProductsBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.activityDetails .stroke .strokeContent .mainProductsBox >div{
	width: 50%;
}