.h1 {
		font-size: 32rpx;
		color: #333;
		font-weight: 500;
		position: relative;
		padding: 0 0 0 32rpx;
		line-height: 108rpx;
		height: 108rpx;
		&::before {
			position: absolute;
			content: '';
			width: 8rpx;
			height: 32rpx;
			background: #1F6EFA;
			border-radius: 4rpx;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
		}
	}
	
	  .card {
	  	background: #FFFFFF;
	  	border-radius: 16rpx;
	  	padding: 28rpx 32rpx;
		margin-bottom: 20rpx;
		&.mb0 {
			margin-bottom: 0;
		}
	    .flex-b {
	  	  align-items: center;
	  	  
	      .lab {
	  		font-size: 28rpx;
	  		color: #333;
	      }
	  	
	      .btn {
	  		width: 144rpx;
	  		height: 56rpx;
	  		background: #1989FA;
	  		border-radius: 8rpx;
	  		font-size: 28rpx;
	  		color: #fff;
	  		text-align: center;
	  		line-height: 56rpx;
			&.disable {
				opacity: 0.3;
			}
	      }
	    }
		.date {
			font-size: 28rpx;
			color: #333;
		}
	  }
	
	  .learnStatus {
	    .more {
			display: flex;
			align-items: center;
	      .txt {
	    	font-size: 24rpx;
			color: #686B73;
	      }
	    	
	      .moreIcon {
	    	
	      }
	    }
		.bg {
			background: rgba(25,137,250,0.1);
			border-radius: 16rpx;
			margin-top: 22rpx;
			padding: 20rpx 20rpx 0 20rpx;
			.row {
				padding-bottom: 20rpx;
				display: flex;
				justify-content: space-between;
				width: 100%;
				align-items: center;
				&.oneBtn {
					justify-content: center;
				}
			}
			.text {
				color: $themC;
				font-size: 28rpx;
			}
		}
	  }
	  
	  .tpsLine {
		  font-size: 24rpx;
		  color: #ADADAD;
		  border-top: 1px solid #E8E9EC;
		  margin-top: 20rpx;
		  padding-top: 18rpx;
	  }
	  .cancel {
		  font-size: 28rpx;
		  font-weight: 400;
		  color: #ADADAD;
		  margin-top: 22rpx;
		  text-decoration: underline;
	  }