潮流搭配样式

+.trend-coll-wrapper {
+	width: 100%;
+	height: 645rem / $pxConvertRem;
+}
+.trend-coll-header {
+	position: relative;
+	widows: 100%;
+	.trend-coll-title {
+		width: 100%;
+		height: 100rem / $pxConvertRem;
+		line-height: 100rem / $pxConvertRem;
+		text-align: center;
+		font-size: 34rem / $pxConvertRem;
+		color: #747474;
+	}
+	.more {
+		position: absolute;
+		right: 24rem / $pxConvertRem;
+		top:20rem / $pxConvertRem;
+	}
+}
+.trend-coll-content {
+	width: 100%;
+	.lspan {
+		float: left;
+		box-sizing: border-box;
+		width: 50%;
+		padding-left: 15rem / $pxConvertRem;
+	}
+	.rspan {
+		float: right;
+		box-sizing: border-box;
+		width: 50%;
+		padding-right: 15rem / $pxConvertRem;
+	}
+}
+.lspanimg {
+			display: block;
+			float: right;
+			width: 277rem / $pxConvertRem;
+			height: 277rem / $pxConvertRem;
+		}
+.rspanimg {
+			display: block;
+			float: right;
+			width: 277rem / $pxConvertRem;
+			height: 277rem / $pxConvertRem;
+		}
+.trend-coll-tail {
+	box-sizing: border-box;
+	width: 100%;
+	height: 267rem / $pxConvertRem;
+	clear: both;
+}
+.recommend-title {
+	widows: 100%;
+	height: 100rem / $pxConvertRem;
+	line-height: 100rem / $pxConvertRem;
+	text-align: center;
+	font-size: 34rem / $pxConvertRem;
+}
+.recommend-list {
+	overflow: hidden;
+	box-sizing: border-box;
+	width: 100%;
+	padding-left: 30rem / $pxConvertRem;
+	padding-right: 30rem / $pxConvertRem;
+	height: 120rem / $pxConvertRem;
+}
+.recommend-item {
+	float: left;
+	box-sizing: border-box;
+	margin-right: 15rem / $pxConvertRem;
+	width: 120rem / $pxConvertRem;
+	height: 120rem / $pxConvertRem;
+	border: 1px solid #000;
+	img {
+		width: 100%;
+		height: 100%;
+	}
+}
\ No newline at end of file