/****************************** 科技*************************** */
.left ul {
	display: block;
}

.left  ul li:last-child {
	margin-bottom: 30px;
}

.left  ul>li {
	display: block;
	/* display:flex; */
	position: relative;
	width: 160px;
	height: 30px;
	border-bottom: 1px solid #ddd;
	float: left;
	/* margin-right: 25px; */
	/* text-align: center; */
	/* display: list-item; */
}

.left  ul>li>i {
	display: inline-block;
	position: absolute;
	left: 0;
	line-height: 30px;
	/* flex:1; */
}

.left ul>li>a {
	position: absolute;
	left: 25px;
	line-height: 30px;
	/* flex:9; */
}
/* 清除浮动 */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

#文化
.fix ul>li {
	float: left;
	/* display: block; */
}

/* .fix ul>li>i {
	margin-right: 8px;
} */
/* 暂时不管用，可以给li设置高度后使用；*/
/* .fix ul>li>a {
	white-space: nowrap;
	text-overflow: ellipsis; 文本溢出隐藏
} */
#ul里的li里的li
.lifix {
	display: block;
}

.lifix li {
	display: block;
	float: left;
	width: 70px;
	height: 30px;
}
/***************** #tap栏**************** */
.tab {
	padding: 10px 10px 10px 10px;
	position: relative;
	height: 200px;
	width: 100%;
	border: 1px solid #fff;
	box-shadow: 0 5px 26px 0 rgba(68, 88, 144, 0.14);
	margin-bottom: 30px;
	/* border:1px solid #ccc; */
	/* background-color: #f1f1f1; */
}
/* 水平放新闻动态 */
.tabnew {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 67px;
	height: 24px;
	width: 67px;
}
/*  垂直放新闻动态*/
/*  .tabnew{
	position:absolute;
	padding:50px auto;
	width:30px;
	margin-top:20px;
	left:10px;
}  */
.tab_list {
	position: absolute;
	left: 10px;
	top: 30px;
	height: 126px;
	width: 67px;
	height: 126px;
	width: 67px;
	border: 1px solid #ddd;
}

.tab_list li {
	font-size: 14px;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	/* padding: 0 20px; */
	border-bottom: 1px solid #ccc;
	/* background-color: #f3f8fa; */
	/* margin-top: -1px; */
	text-align: center;
	cursor: pointer;
	float: left;
}

.tab_list .current {
	background-color: #53aad8;
	color: #fff;
}

.tab_con {
	position: absolute;
	top: 0px;
	left: 90px;
	padding: 20px 0 0 0;
	width: 600px;
	height: 160px;
}

.item {
	display: none;
}

.item li {
	width: 33%;
	float: left;
}

.tab .more {
	width: 60px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#大标题section-title /* .section-title  {
	margin-top: 30px;
}  */
	/* ****************************文化************************* */  
#书名ul里的li里的ul li /* 任务：找书里的名篇两行，把a放到li里面 */  

.lifix {
	display: block;
}

.lifix li {
	display: block;
	float: left;
	width: 70px;
	height: 30px;
}

#名句部分
 .fix ul {
	display: block;
}

.fix ul>li {
	position: relative; display : block;
	float: left;
	width: 50%;
	height: 30px;
	border-bottom: 1px solid #ddd;
	display: block;
}

.fix ul>li>i {
	display: inline-block; 
	position: absolute;
	left: 0;
	line-height: 30px;
	
	
}
/* 暂时不管用，可以给li设置高度后使用；*/

.fix ul>li>a{
	display:block;
	position:absolute;
	left:25px;
	text-align: left;
	line-height:30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width: 95%; 
} 

/*menu*/
.menu{
    padding: 22px 10px 0px;
}
.menu-item {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0px 6px;
}
.menu-item a{
    font-size: 0.6rem;
    color: rgba(0,46,140,0.8)!important;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    padding: 3px;
}
.menu-item a:hover{
    color: #EEB422!important;
}