coupons.scss 1.17 KB
.employ{
	width: 100%;
	height: 90rem / $pxConvertRem;
	overflow: hidden;
	border-bottom:1px solid #e0e0e0;
	span{
		width: 49%;
		height: 48rem / $pxConvertRem;
		line-height: 48rem / $pxConvertRem; 
		overflow: hidden;
		border-right: 2px solid #e0e0e0;
		margin: 21rem / $pxConvertRem 0;
		float: left;
		text-align: center;
		font-size: 48em / $pxConvertRem;
		color: #b0b0b0;
		&:last-of-type{
			border:none;
		}
		&.active{
			color: #444444;
		}
	}
}
.employ-list{
	width:100%;
	height: auto;
	overflow:hidden;
	.employ-main{
		width: 90.625%;
		height: 180rem / $pxConvertRem;
		overflow: hidden;
		margin: 20rem / $pxConvertRem auto;
		background: url('../img/me/employ/employ.jpg') top center no-repeat;
		background-size: 100% 100%;
		color: #fff;
		span{
			width: 34.482759%;
			height: 100%;
			float: left;
			text-align: center;
			line-height: 180rem / $pxConvertRem;
			font-size: 180em / $pxConvertRem;
		}
		p{
			width: 55.517241%;
			height: auto;
			padding: 0 5% 10em / $pxConvertRem;;
			float: left;
			font-size: 44em / $pxConvertRem;
			&:first-of-type{
				padding-top:30em / $pxConvertRem;
				font-size: 60em / $pxConvertRem;
			}
		}
	}

}
.none{
	display: none;
}