body {
	background-color: #efefef;
}
.head-wrap {
	font-size: 30px;color:#0e5fc2;line-height: 44px;height: 44px;text-align: center;padding-left: 10px;margin-top: 30px;
}
.topic-list {
	margin-top: 20px;
}
.title-wrap {
	float: left;
}
.title-wrap .logo {
	width: 44px;float:left;
}
.title-wrap .title {
	font-size: 30px;
	color:#0e5fc2;
	float: left;
	margin-left: 10px;
}
i.arrow-right {
	width:10px;
	height:10px;
	border-top:1px solid #bfbfbf !important;
	border-right:1px solid #bfbfbf !important;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	position:absolute;
	right:15px;bottom:50%;margin-bottom: -5px;
}
ul.topic-list {
	position: relative;
}
ul::before {
	content: ' ';
	position: absolute;
	left: 0px;
	top: -1px;
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
}
ul.topic-list li {
	position: relative;
    height: 44px;
    background-color: #fff;
}
ul.topic-list li::after {
	content: ' ';
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #d9d9d9;
	width: 100%;
	height: 1px;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
}
.fl {float: left;}
.topic-list .dot{
	margin-top: 19px;
	margin-left: 15px;
	border-radius: 3px;
	height: 6px;
	width: 6px;
	background-color: #d9d9d9;
	float: left;
}
.topic-list .topic-title{
	height: 44px;float: left;line-height: 44px;margin-left: 10px;font-size: 18px;
}
ul.topic-list a {
	text-decoration: none;
	color: #000;
}
#example_video_1_html5_api {
	border-bottom: 1px solid #d9d9d9;
}
.video-title {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom:10px;
    font-size: 20px;
    padding-right: 15px;
    line-height: 25px;
}
.video-wrap {
	margin-top: 20px;
	background-color: #fff;
}