@charset "gb2312";
/* CSS Document */
*{font-size:12px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
a:hover{color:#fff;}

/*title*/
.title{margin-top:60px;opacity:0;}
.title h1{font-size:36px;font-weight:bold;text-align:center;color:#fe0056;}

@keyframes bt{
	from{margin-top:100px;opacity:0;}
	to{margin-top:60px;opacity:1;}
}
.go{animation:bt 0.3s;animation-fill-mode:forwards;}

.bg{width:100%;padding:5px 0;transition:all 0.5s;}
/*.bg:hover h2{color:#000;}
.bg:hover p{color:#000;}
.bg1:hover{background-color:#0080cb;}
.bg2:hover{background-color:#f8c100;}
.bg3:hover{background-color:#ec435a;}
.bg4:hover{background-color:#f1a720;}*/

/*header*/
/*.header-bg{background-color:#ccc;}*/
.header{max-width:980px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:36px;text-align:right;}
.header .right a{font-size:12px;}
.header .right a:hover{color:#f94a5b;}

/*banner*/
.banner img{width:100%;}

/*热点速递*/
.rd{
	max-width:980px;
	margin: auto;
	margin-top:30px;
}

.rd li{
	text-align:center;
	line-height:50px;
	width:100%;
	border:#555 solid 1px;
	border-radius:5px;
	margin:10px 0;
	transition:all 0.5s;
	opacity:0;
}

.rd li a{
	font-size:30px;
	display:inline-block;
	width:100%;
	height:100%;
	transition:all 0.5s;
}

@keyframes dh{
	from{margin-top:30px;opacity:0;}
	to{margin-top:10px;opacity:1;}
}

.go1{animation:dh 0.5s;animation-fill-mode:forwards;}
.go2{animation:dh 0.8s;animation-fill-mode:forwards;}
.go3{animation:dh 1.3s;animation-fill-mode:forwards;}
.go4{animation:dh 1.6s;animation-fill-mode:forwards;}
.go5{animation:dh 1.8s;animation-fill-mode:forwards;}

.rd li:hover{
	background-color:#fe0056;
	border:#fe0056 solid 1px;
}

.rd li:hover a{
	color:#fff;
}

/*2018上半年在线餐饮外卖大事件*/
.gc{
	max-width:980px;
	margin: auto;
	height:220px;
}

.gc-l{
	float:left;
	max-width:320px;
	height:100%;
	overflow:hidden;
	opacity:0;
}

.gc-r{
	float:right;
	width:600px;
	height:100%;
	padding:0 10px;
	display:table;
	opacity:0;
}

.gc-r h2{
	font-size:20px;
	font-weight:bold;
	color:#282828;
	margin-bottom:10px;
}

.gc-r p{
	color:#282828;
	font-size:16px;
}

.jz{
	display:table-cell;
	vertical-align:middle;
}

@keyframes dh2{
	from{margin-top:180px;opacity:0;}
	to{margin-top:0px;opacity:1;}
}

.go6{animation:dh2 0.6s;animation-fill-mode:forwards;}

@keyframes dh3{
	from{margin-top:60px;opacity:0;}
	to{margin-top:30px;opacity:1;}
}

.go7{animation:dh3 0.6s;animation-fill-mode:forwards;}

/*平台动态*/
.pt{
	max-width:980px;
	margin: auto;
	margin-top:30px;
}

.pt-box{
	border:#555 solid 1px;
	float:left;
	width:478px;
	margin-top:10px;
	opacity:0;
}

.pt-r{
	margin-right:20px;
}

.pt-title{
	height:30px;
	background-color:#fe0056;
}

.pt-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	color:#fff;
}

.pt-title a{
	float:right;
	margin-right:3px;
}

.pt-title img{
	height:28px;
	margin-right:1px;
}

/*研究篇*/
.yj{
	max-width:980px;
	margin: auto;
	margin-top:30px;
}

.yj-box{
	border:#555 solid 1px;
	float:left;
	width:320px;
	margin-top:10px;
	opacity:0;
}

.yj-r{
	margin-right:7px;
}

.yj-title{
	height:30px;
	background-color:#fe0056;
}

.yj-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	color:#fff;
}

.yj-title a{
	float:right;
	margin-right:5px;
	line-height:30px;
	font-size:14px;
}


/*专家点评*/
.zj{
	max-width:980px;
	margin: auto;
	margin-top:30px;
}

.zj-box{
	border:#555 solid 1px;
	width:980px;
	height:300px;
	margin-top:10px;
	opacity:0;
}

.zj-title{
	height:30px;
	background-color:#fe0056;
}

.zj-title a{
	font-size:16px;
	line-height:30px;
	float:right;
	margin-right:5px;
}

.zj-content{
	width:640px;
	margin: auto;
	margin-top:15px;
}

.zj-l{
	float:left;
	text-align:center;
	margin-right:10%;
}

.zj-l p a{
	font-size:16px;
	font-weight:bold;
	color:#111;
}

.zj-r{
	float:left;
}

/*相关专题*/
.zt{
	max-width:980px;
	margin: auto;
	margin-top:30px;
}

.zt li{
	width:320px;
	float:left;
	opacity:0;
}

.zt-c{
	margin-left:5px;
	margin-right:5px;
}


