veterans_H5/h5_web/pages/myInterview/myInterview.scss

/* 我的面试 */
.interview {
	&-list {
		padding: 44rpx 40rpx;
		&-item {
			border: solid 1px #e5e5e5;
			border-radius: 24rpx;
			padding: 24rpx 32rpx;
			margin-bottom: 30rpx;
			&-status {
				color: #505050;
				font-size: 32rpx;
				font-weight: bold;
				margin-bottom: 16rpx;
			}
			&-time {
				color: #2a82e4;
				font-size: 48rpx;
				margin-bottom: 16rpx;
			}
			&-address {
				font-size: 28rpx;
				color: #505050;
				margin-bottom: 40rpx;
			}
			&-company {
				display: flex;
				justify-content: space-between;
				.left {
					display: flex;
					image {
						width: 102rpx;
						height: 102rpx;
						border-radius: 10rpx;
						border: solid 1px #f2f2f2;
						margin-right: 38rpx;
					}
					&-info {
						color: #a6a6a6;
						font-size: 22rpx;
						view {
							line-height: 40rpx;
							&:first-child {
								color: #383838;
								font-weight: bold;
								font-size: 28rpx;
							}
						}
					}
				}
				.right {
					text-align: right;
					view {
						font-size: 22rpx;
						&:first-child {
							color: #ff5733;
						}
						&:last-child {
							margin-top: 10rpx;
							color: #a6a6a6;
						}
					}
				}
			}
			&-btn {
				.single-btn {
					color: #fff;
					font-size: 32rpx;
					border-radius: 46rpx;
					text-align: center;
					height: 80rpx;
					line-height: 80rpx;
					margin-top: 52rpx;
				}
				.not-arrive {
					background-color: #a6a6a6;
				}
				.arrive {
					background-color: #2a82e4;
				}
				.double-btn {
					display: flex;
					justify-content: space-between;
					view {
						width: 280rpx;
						height: 80rpx;
						line-height: 80rpx;
						text-align: center;
						font-size: 36rpx;
						border-radius: 46rpx;
						margin-top: 52rpx;
						&:first-child {
							background-color: #2a82e4;
							color: #fff;
						}
						&:last-child {
							border: solid 1px #2a82e4;
							color: #2a82e4;
						}
					}
				}
			}
		}
	}
}