/* banner */
.m-banner {
    height: 420px;
}
/* end banner */

/* news */
.left {
	float: left;
    width: 845px;
	margin: 25px 0;
	background: #fff;
}

.news {
    padding: 0 25px;
    margin-top: 30px;
}
.news li {
    margin-bottom: 45px;
}
.news li .cover {
    min-width: 225px;
    max-width: 225px;
    height: 150px;
    border-radius: 4px;
    margin-right: 24px;
    overflow: hidden;
	background-size: cover;
	background-position: center;
}
.news li .info {
    width: 480px;
    padding: 10px 0;
}
.news li h1 {
    line-height: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}
.news li:hover h1 {
    color: #0084FF;
}
.news li p {
    line-height: 24px;
    font-size: 13px;
    color: #999;
}

.news .page {
    margin-bottom: 46px;
}
/* end news */

/* recommend */
.right {
	float: right;
	align-self: flex-start;
	width: 370px;
	margin: 25px 0;
}
.recommend {
    align-self: flex-start;
    padding: 0 20px 20px;
	background: #fff;
}
.recommend:nth-child(2) {
	margin-top: 20px;
}
.recommend dt {
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
}
.recommend.article dt {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.recommend.article li {
    margin-bottom: 16px;
    line-height: 22px;
    font-size: 13px;
}
.recommend.article li:before {
    content: '';
    display: block;
    min-width: 5px;
    height: 5px;
    border: 1px solid #666;
    border-radius: 100%;
    margin-right: 7px;
    margin-top: 7px;
}
.recommend.article li a:hover {
    color: #0084FF;
}
.recommend.label {
	position: sticky;
	top: 100px;
}
.recommend.label ul {
	margin-left: -10px;
	margin-top: -10px;
}
.recommend.label li {
	border: 1px solid #ddd;
	padding: 0 13px;
    margin: 10px 0 0 10px;
    line-height: 32px;
    font-size: 13px;
	background: #F8F8F8;
}
.recommend.label li:hover {
	border-color: #1664FF;
	color: #fff;
	background: #1664FF;
}
/* end recommend */ 

@media screen and (max-width: 1024px) {
	.m-banner {
		height: 2.9rem;
	}
	.m-banner img {
		left: 0;
		width: 13.26rem;
	}

	/* news */
	.left {
		width: 7.5rem;
		padding-top: .12rem;
		margin: 0;
	}

	.news {
		padding: 0 .2rem;
		margin-top: .32rem;
	}
	.news li {
		margin-bottom: .4rem;
	}
	.news li .cover {
		min-width: 2.8rem;
		max-width: 2.8rem;
		height: 1.86rem;
		border-radius: .08rem;
		margin-right: .3rem;
	}
	.news li .info {
		width: 3.58rem;
		padding: .1rem 0;
	}
	.news li h1 {
		line-height: .52rem;
		font-size: .3rem;
	}
	.news li p {
		line-height: .48rem;
		font-size: .26rem;
	}
	.news li p:nth-child(2) {
		display: none;
	}

	.news .page {
		margin-bottom: .2rem;
	}
	/* end news */

	/* recommend */
	.right {
		width: 7.5rem;
		margin: .2rem 0;
	}
	.recommend {
		padding: 0 20px 20px;
	}
	.recommend:nth-child(2) {
		margin-top: .2rem;
	}
	.recommend dt {
		line-height: 1.2rem;
		font-size: .36rem;
	}
	.recommend.article li {
		margin-bottom: .32rem;
		line-height: .44rem;
		font-size: .26rem;
	}
	.recommend.article li:before {
		min-width: .1rem;
		height: .1rem;
		margin-right: .14rem;
		margin-top: .14rem;
	}

	.recommend.label {
		position: relative;
		top: 0;
	}
	.recommend.label ul {
		margin-left: -.2rem;
		margin-top: -.2rem;
	}
	.recommend.label li {
		padding: 0 .26rem;
		margin: .2rem 0 0 .2rem;
		line-height: 32px;
		font-size: .26rem;
	}
	/* end recommend */ 
}