.nava { position: relative; }
.nava a{ color: #fff;}
.nava::after{ content: ''; display: block; width: 2px; height: 20px;  background: url(../img/bgline.png) center center; background-size: 100% 100%;  position: absolute; right: 0; top: 50%; margin-top: -10px; }
.navaa::before{ content: ''; display: block; width: 2px; height: 20px; background: url(../img/bgline.png) center center; background-size: 100% 100%; position: absolute; left: 0; top: 50%; margin-top: -10px; }

.nava.active{ background-color: rgba(0,0,0,0.2); }


.banner {
	background:url(../img/indexbg.png)center center no-repeat; background-size: 100% 100%;
	padding-bottom: 5%;
	margin-bottom: 30px;
}
.qingjiaologo{ 
	width: 100%; margin: 15% auto 10% auto;
}
.rownav {
	color: #fff; 
	font-size: 16px;
	text-align: center;
	line-height: 2.5;
	padding: 0 0 15px 0;
	position: relative; 
}

.navbg{background: url(../img/navbg.png)center center no-repeat; background-size: 100% 100%; z-index: 2;}
/* 内容卡片区域 */
.content-card {
	background: url(../img/livecontentbg.png)center center no-repeat; background-size: 100% 100%; 
	padding: 60px 30px 30px; 
	margin-top: -35px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;  
}

.img1{ width: 100%;}
.keynote_speaker .title {margin-bottom: 30px;}

/* 左侧卡片 */
.left-card {
	flex: 3;
	min-width: 300px; 
	margin-right: 20px;
	border-radius: 10px;
	display: block;
}
.left-card .topic-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #2a6052;
}
.left-card .topic-content {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 20px;
}
.left-card .period {
	font-size: 16px;
	color: #c0392b;
	font-weight: bold;
}

/* 右侧直播区域 */
.right-card {
	flex: 5;
	min-width: 300px;
	text-align: left;
	color: #fff;
}
.logo1{ height: 35px;}
.btn1{ height: 30px;  }
.live-tag { 
	width: 100%;   
	font-size: 12px;
	margin-bottom: 16px;
	display: flex; 
	justify-content: space-between;
	align-items: center;
}
.live-tag .icon {
	margin-right: 8px;
}
.live-desc {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 22px 20px 20px;
	background: url(../img/contentbg.png)center center no-repeat; background-size: 100% 100%; 
}
.live-desc .decbox {
	height: 102px;
	overflow-y: scroll;
}
.live-desc span{ 
	display: block;
	color: #feeca0;
	margin-top: 10px;
}

.live-btn {
	background: linear-gradient(to right, #c0392b, #e74c3c);
	color: #fff;
	border: none;
	padding: 10px 40px;
	border-radius: 25px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	transition: all 0.3s ease;
}
.live-btn:hover {
	background: linear-gradient(to right, #e74c3c, #c0392b);
	transform: translateY(-2px);
}

.theme { width: 60%; margin: 0 auto;}

.title {
    background:  none;
    text-align: center;
    padding: 15px 0;
}



/* 往期回顾 */
.review_content { 
	background: url(../img/reviewbg.jpg) top right no-repeat; background-size: 100% 100%; padding: 15px 15px 12px 0;    
	 overflow: hidden;
}


.issue_list {
    height: 640px; 
    overflow-y: scroll;
	 box-shadow: 5px 0px 5px 0px rgba(13, 65, 57, 0.2);
	background-image: -moz-linear-gradient( left, #fff 0%, #defcec 30%, #defcec 100%);
 	background-image: -webkit-linear-gradient( left, #fff 0%, #defcec 30%, #defcec 100%);
  	background-image: -ms-linear-gradient( left, #fff 0%, #defcec 30%, #defcec 100%); 
}
 
.issue_list ul li{ display: flex; align-items: center; justify-content: flex-start; }
.issue_list ul li.selected{ 
	background: linear-gradient(left, #ffffff 0%, #78b6a1 10%, #78b6a1 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, #78b6a1 10%, #78b6a1 100%);
  	color: #fff;
	text-shadow: -1.5px 2.598px 6px 0px rgba(153, 222, 181, 0.6);
}
.issue_list ul li.selected h6{  
  	 color: #fff;}
.review li.selected p{
	color: #fff;  
	text-shadow: 0px 3px 3px rgba(48, 152, 106, 0.6);
 } 

/* .leftgreen { 
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: -moz-linear-gradient( left, #fff 5%, rgba(119, 174, 165,.8) 30%, rgba(49, 132, 118,1) 100%);
 	background-image: -webkit-linear-gradient( left, #fff 5%, rgba(119, 174, 165,.8) 30%, rgba(49, 132, 118,1) 100%);
  	background-image: -ms-linear-gradient( left, #fff 5%, rgba(119, 174, 165,.8) 30%, rgba(20, 112, 96, 1) 100%); 
	 position:relative;
} */

.review li h6 {
    display: inline-block;
    margin: 0; 
    margin-left:20px; 
    height: 64px;
    width: 15%;
    position: relative;
	font-size:14px; 
	padding-top: 17px;
	color:#019d7b;
}
.review li p { 
    width: 64%; 
}


.review .tab_cont { border-top:none; width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; margin-top: 15px; margin-bottom: 10px;}
	.review .tab_cont .mark_issue{ color: #fff; font-size: 18px; font-weight: bold; align-items: center; margin-right: 30px; white-space: nowrap;} 
	.review .tab_cont ul{ float: none; } 
	.review .col-md-8 .mark_issue{ display:inline-block; position:relative; float: right; }
	.review h5 {color: #a3e7ca;}
	.review .col-md-6 p{color: #fff;}
	
 
	.review .tab_cont ul li {
		float: left;
		font-size: 16px;
		font-weight: bold;
		line-height:34px;
		height: 32px;
		width: 90px;
		margin-left: 10px;
		margin-bottom: 10px;
		border: none;
		border-radius: 5px;
		color: #fff;  
		background:#6aada6;}
	.review .tab_cont ul li.select {
		background: url(../img/reviewbtnbg.png)center center no-repeat; background-size: 100% 100%;;
		color: #fff;}


	.review li>span {
		width: 2px;
		height: 2px;
		display: inline-block;
		border-radius: 2px;
		background-color: #00ac87;
		margin: 0px 20px 0 20px; 
	}
 
.reviewimg {width: 100% ;}

.tidbitsbg {padding: 100px 0; background: url(../img/tidbitsbg.png) 65% center no-repeat; background-size: 950px auto; }

.tidbits_img .row{ padding: 10px 5px 0; background-color: #fff; border-radius: 8px;}

.tidbits_img .col-sm-4 { 
	background-color: #fff;
} 

@media (max-width: 991px){ 
	.theme {
   		width: 80%; 
	}
	.review .col-md-6 p {height: auto;}
 	.review .down{ z-index:3; height:400px; overflow-y: scroll; margin-top:0; -webkit-overflow-scrolling: touch; padding-bottom: 0!important;}
	.issue_list{ height:64px; overflow:hidden; margin-bottom:0px; border-radius: 5px;}
		.tidbitsbg {padding: 60px 0; background: url(../img/tidbitsbg.png) center top no-repeat; background-size: 800px auto; }
}

@media (max-width: 767px){ 
		.live-tag{    justify-content: center; }
		.content-card .forum { 
			margin: 10px 0 20px 0; 
			padding-bottom: 10%;
		}
		.logo1 {display: none; }
		.content-card {  
			padding: 40px 20px 30px;
			margin-top: -35px; 
		}

		.review li p{ display:block; padding-right:20px; width: 70%; }
		.review_content {padding: 15px ; background-size:150% 100%;}
		.issue_list .show_down{ display:block; z-index:4; }

		.review .tab_cont ul li { 
		font-size: 14px; 
		line-height:30px;
		height: 30px;
		width: 65px;
		margin-left: 10px;
		margin-bottom: 10px; }

		.tidbitsbg {padding: 60px 0; background: url(../img/tidbitsbg.png) center top no-repeat; background-size: 800px auto; }
} 
 
 

/* 滚动条样式 */
::-webkit-scrollbar { width: 3px; }  
::-webkit-scrollbar-track { background-color: #fff; }
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
::-webkit-scrollbar-corner { display: none; }