veterans_H5/h5_web/pages/schoolDetails/schoolDetails.scss

/* 学校详情 */
.school-details {
	min-height: calc(100vh - 88rpx);
	background-color: #f2f2f2;
	padding-bottom: 50rpx;
	&-bg {
		height: 606rpx;
		background-image: url(../../static/img/details-bg.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	&-content {
		margin: -606rpx auto 0;
		text-align: center;
		&-logo {
			background-color: rgba(255, 255, 255, 0.3);
			width: 156rpx;
			height: 156rpx;
			border-radius: 50%;
			margin: 45rpx auto 25rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			image {
				width: 139rpx;
				height: 139rpx;
				border-radius: 50%;
				background-color: rgba($color: #fff, $alpha: 0.8);
			}
		}
		&-name {
			font-family: 'PingFangSC-Heavy, PingFang SC';
			font-size: 32rpx;
			font-weight: bold;
			color: #fff;
		}
		&-evaluate {
			width: calc(100% - 60rpx);
			height: 64rpx;
			line-height: 64rpx;
			margin: 36rpx auto 0;
			background-color: rgba($color: #fff, $alpha: 0.8);
			border-radius: 32rpx;
			padding: 0 31rpx;
			display: flex;
			justify-content: space-between;
			.left {
				display: flex;
				align-items: center;
				.evaluate {
					font-size: 26rpx;
					color: #EF651F;
					margin-right: 19rpx;
				}
				.describe {
					font-size: 24rpx;
					color: #000;
					font-weight: 400;
					margin-right: 14rpx;
				}
				.grade {
					color: #EF651F;
					margin-left: 14rpx;
					font-weight: 400;
				}
			}
			.right {
				color: #666;
				font-size: 24rpx;
				.icon {
					margin-left: 9rpx;
				}
			}
		}
		/* 学校信息 */
		&-survey {
			width: calc(100% - 60rpx);
			margin: 63rpx auto 0;
			background-color: #fff;
			border-radius: 10rpx;
			padding: 28rpx 33rpx;
			text-align: left;
			.title {
				color: #000;
				font-size: 32rpx;
				font-weight: 400;
				margin-bottom: 10rpx;
			}
			.item {
				color: #545454;
				font-size: 24rpx;
				line-height: 48rpx;
				.home {
					display: flex;
					justify-content: space-between;
					text {
						color: #EF651F;
					}
				}
				.address {
					display: flex;
					justify-content: space-between;
					image {
						width: 20rpx;
						height: 26rpx;
						vertical-align: middle;
						margin-right: 10rpx;
					}
					view:last-child {
						color: #058fff;
						margin-left: 60rpx;
					}
				}
			}
		}
		
		/* 公司介绍 */
		&-introduce {
			width: calc(100% - 60rpx);
			margin: 20rpx auto 0;
			background-color: #fff;
			border-radius: 10rpx;
			padding: 28rpx 33rpx;
			text-align: left;
			.title {
				color: #000;
				font-size: 32rpx;
				font-weight: 400;
				margin-bottom: 10rpx;
			}
			.content {
				font-size: 24rpx;
				color: #545454;
				line-height: 40rpx;
			}
		}
		
		/* 公司相册 */
		&-album {
			width: calc(100% - 60rpx);
			margin: 20rpx auto 0;
			background-color: #fff;
			border-radius: 10rpx;
			padding: 28rpx 33rpx;
			text-align: left;
			.title {
				color: #000;
				font-size: 32rpx;
				font-weight: 400;
				margin-bottom: 20rpx;
			}
			.pic-list {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				&-item {
					width: calc(50% - 8rpx);
					margin-bottom: 8rpx;
					image {
						width: 100%;
						height: 206rpx;
						border-radius: 5rpx;
					}
				}
			}
		}
		
		/* 特色专业 */
		&-major {
			width: calc(100% - 60rpx);
			margin: 20rpx auto 0;
			background-color: #fff;
			border-radius: 10rpx;
			padding: 28rpx 33rpx;
			text-align: left;
			.title {
				color: #000;
				font-size: 32rpx;
				font-weight: 400;
				margin-bottom: 20rpx;
			}
			.major-list {
				&-item {
					display: flex;
					justify-content: space-between;
					border-bottom: dashed 1px #DBDBDB;
					padding: 20rpx 0;
					color: #545454;
					font-size: 24rpx;
					font-family: 'PingFangSC-Regular, PingFang SC';
				}
			}
		}
	}
}