@charset "utf-8";

.plate {margin-top: 50px; margin-bottom: 300px;}
.plate .plate-nav {width: 20%; float: left; text-align: center;}
.plate .plate-nav h3 {letter-spacing: 2px;color: #329fd7; margin-bottom: 0;}
.plate .plate-nav > span {display: block; font-size: 12px; margin-bottom: 10px; color: #329fd7;}
.plate .plate-nav ul li {position: relative; display: block; color: #fff; font-size: 16px; text-align: center; line-height: 40px; margin: 0 0 20px 0; background: #329fd7; cursor: pointer;	transition: 0.2s;}
.plate .plate-nav ul li:hover {transform: scale(1.1);}
.plate .plate-nav ul li span {position: absolute; right: 5px; font-size: 12px; line-height: 40px; color: #fff;}
.plate .plate-nav ul li:hover span {animation: nav-span 2s infinite; -webkit-animation: nav-span 1.5s infinite;}

@keyframes nav-span {
	from {right: 15px; opacity: 1;}
	to {right: 5px;	opacity: 0;}
}
@-webkit-keyframes nav-span {
	from {right: 15px; opacity: 1;}
	to {right: 5px; opacity: 0;}
}

.plate .plate-main {width: 70%;	float: right;}
.plate .plate-main h3 {text-align: center; color: rgb(18, 18, 19); margin: 0; line-height: 50px;	background: -webkit-linear-gradient(#329fd7, #329fd7, #329fd7);	background: -o-linear-gradient(#329fd7, #329fd7, #329fd7); background: -moz-linear-gradient(#329fd7, #329fd7, #329fd7);	background: -linear-linear-gradient(#329fd7, #329fd7, #329fd7); margin-bottom: 20px;}

.plate-main-box {padding: 10px;}
.plate-main-box > div {border-bottom: 1px solid #ccc; padding: 10px;}
.plate-main-box > div .title {color: #111;}
.plate-main-box > div .title:hover {color: rgb(41, 192, 109);}
.plate-main-box > div .time {float: right;}
/*------------------------------------------------媒体查询*/
@media only screen and (max-width: 768px) {
	.plate .plate-nav {display: none;}
	.plate .plate-main {width: 100%;}
}