veterans_H5/h5_web/pages/skillsTraining/achievementCertificate/achievementCertificate.scss

/*  成绩和证书  */
.navbar-right {
	font-size: 26rpx;
	color: #fff;
	padding-right: 30rpx;
}
.achievement {
	padding: 32rpx 30rpx;
	font-family: 'PingFangSC-Medium, PingFang SC';
	
	&-content {
		
		&-list {
			
			&-item {
				padding: 30rpx 32rpx;
				border-radius: 16rpx;
				margin-bottom: 20rpx;
				color: rgba($color: #fff, $alpha: 0.8);
				font-size: 24rpx;
				line-height: 40rpx;
				
				.title {
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 40rpx;
					font-weight: bold;
					color: #fff;
					.delete-btn {
						background: rgba(255, 255, 255, 0.7);
						color: #FE5862;
						font-weight: 400;
						padding: 4rpx 22rpx;
						font-size: 22rpx;
						border-radius: 20rpx;
					}
				}
				.result {
					font-size: 26rpx;
					font-weight: 500;
					margin: 10rpx 0 6rpx;
					text {
						font-size: 30rpx;
						margin-left: 10rpx;
					}
				}
			}
			.bg1 {
				background-image: url(../../../static/img/certificate-bg-1.png);
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;
				background-color: #FE5862;
			}
			.bg2 {
				background-image: url(../../../static/img/certificate-bg-2.png);
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;
				background-color: #FE9C37;
			}
		}
	}
}
.view {
	width: 600rpx;
	height: 340rpx;
	padding: 20rpx;
	background-color: #fff;
}