.page-top{
 	width:100%;
 	background-color: #fff;
 	box-shadow: 0 3px 5px rgba(0,0,0,.03);

 }
 .page-top-container{
    height:50px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
  }
  .page-top-container .logo{
    margin-top:5px;
     margin-left:16px;
  }
  .page-top-container .login a{
     color:rgba(0,0,0,.6);
     line-height:50px;
     letter-spacing: 1px;
  }
  .page-top-container .login .weibo,.page-top-container .login .list-page{
     width:120px;
   }
  .page-top-container .login .weibo::before,.page-top-container .login .list-page::before{
    	content:'';
    	display: inline-block;
    	width:20px;
    	height:20px;
    	background-image: url(../img/weibo.png);
    	background-repeat: no-repeat;
    	vertical-align:middle;
    	transition: all .3s;
    }
  .page-top-container .login .list-page::before{
    	background-image: url(../img/list-page.png);
    }
     .page-top-container .login a:hover{
     	text-decoration: underline;
     	color:#e4353c;
     }
     .page-top-container .login .list-page:hover::before{
     	background-position:0  -20px;
     }
     .page-top-container .login .weibo:hover::before{
     	background-position:0  -20px;
     }

/*banner*/
.banner{
	width: 100%;
	min-width: 1200px;
	position: relative;
}
.banner>img{
	width: 100%;
}
.banner>div>img{
	position: absolute;
	top: 40%;
	width: 15%;
}
.banner>div>img:first-child{
	left:13.5%;
	animation: anims 5s infinite 1s;
	animation-direction:alternate;
}
@keyframes anims{
	0%{
		transform:rotate(15deg);
	}
	20%{
		transform:rotate(0deg);
	}
	40%{
		transform:rotate(15deg);
	}
	60%{
		transform:rotate(0deg);
	}
	80%{
		transform:rotate(15deg);
	}
	100%{
		transform:rotate(0deg);
	}
}
.banner>div>img:last-child{
	right: 13%;
	animation: anim 5s infinite 1s;
	animation-direction:alternate;
}
@keyframes anim{
	0%{
		transform:rotate(-15deg);
	}
	20%{
		transform:rotate(0deg);
	}
	40%{
		transform:rotate(-15deg);
	}
	60%{
		transform:rotate(0deg);
	}
	80%{
		transform:rotate(-15deg);
	}
	100%{
		transform:rotate(0deg);
	}
}
/*暴走大事件*/
.first{
	/*margin-top: 89px;*/
}
.titleFirst{
	text-align: center;
}
.firstsTxt{
	border: 20px solid #6c0c00;
	margin-top: -20px;
	padding:40px 20px;
	height:680px;
}
/*名家细语*/
.second{
	margin-top: -20px;
}
.titleSecond{
	text-align: center;
	margin-top: -20px;
}
.secondTxt{
	border: 20px solid #6c0c00;
	margin-top: -20px;
	color: #fff;
}
.secondTxt>ul{
	margin: 20px 0;
	padding:10px 30px;
	width: 50%;
}
.secondTxt>ul:first-child{
	border-right: 1px solid #f9ef0a;
}
.secondTxt>ul>li{
	background: rgba(249,239,10,0.3);
	padding: 10px 20px;
	margin: 20px 0;
}
.secondTxt>ul>li>div{
	width: 365px;
}
.secondTxt>ul>li>div>p>a{
	color: #f9ef0a;
}
.secondTxt>ul>li>div>h4{
	border-bottom: 1px solid #f9ef0a;
	height: 49px;
}
.img{
	width: 100%;
	margin-top: 30px;
}
.img>img{
	width: 100%;
}
/*学术点睛*/
.thirdTxt{
	border: 20px solid #6c0c00;
	margin-top: -20px;
}
.thirdTxt>ul>li{
	padding: 10px;
	/*border: 1px solid #f9ef0a;*/
	float: left;
	margin: 19px;
	width: 30%;
	text-align: center;
	background: url(../img/bg1.png);
}
.thirdTxt>ul>li>a>h4{
	padding-top: 4px;
}
.thirdTxt>ul>li>a>p:last-child{
	height: 48px;
	padding: 0 10px;
	line-height: 20px;
}
.thirdTxt>ul>li>a{
	color: #000;
}
.thirdTxt>ul>li:hover{
	color: #000;
	transform: scale(1.1);
}
.thirdTxt p{
	text-indent: 0;
}
/*百家讲堂*/
.forth{
	/*background: url(../img/bg2.jpg);*/
	padding: 40px 32px 0;
	border: 20px solid #6c0c00;
	margin-top: -20px;
	/*margin-top: 40px;*/
}
.forth>ul>li{
	position: relative;
	cursor: pointer;
	float: left;
	margin:14px;
}
.forth>ul>li>div{
	text-align: center;
	width: 246px;
	height: 190px;
	background: rgba(35,34,34,0.5);
	color: #e8d808;
	padding: 10px;
	position: absolute;
	top: 0;
	display: none;
}
/*巅峰盛会*/
.fifthTxt{
	border: 20px solid #6c0c00;
	margin-top: -20px;
	padding: 20px 0 10px;
}
.fifthTxt>ul>li{
	width: 447px;
	text-align: center;
	float: left;
	margin: 16px 66px;
}
.fifthTxt>ul>li>a{
	color: #fff;
}
/*世界之窗*/
.sixthTxt{
	border: 20px solid #6c0c00;
	margin-top: -20px;
	padding: 34px 145px;
}
.sixthTxt>ul{
	margin-top: 60px;
	width: 392px;
}
.sixthTxt>ul>li{
	border-bottom: 1px solid #680c00;
}
.sixthTxt>ul>li>a{
	color: #fff;
}
.sixthTxt>ul>li>a:hover{
	color: #f9ef0a;
}
.footer{
	text-align: center;
	background: #680c00;
	padding: 20px 0;
	width: 100%;
	min-width: 1200px;
	color: #fff;
}
.footer>p>a{
	margin-left: 12px;
	font-weight: 700;
	color: #fff;
}