@mixin threeDot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.had_courses{
	width: 100%;
	padding: 24rpx 26rpx 40rpx;
}

.my_courses {
	.titles {
		font-size: 32rpx;
		color: #222;
		margin: 56rpx 0rpx 32rpx;
		font-weight: 500;
		display: block;
	}
	.course_item {
		width: 100%;
		background: #F8F8FA;
		border-radius: 24rpx;
		margin-bottom: 26rpx;
		.cou_titles {
			font-size: 36rpx;
			font-weight: 500;
			color: #222222;
			line-height: 42rpx;
			padding: 32rpx 26rpx 16rpx 26rpx;
			// margin-bottom: 16rpx;
			@include threeDot();
		}
		.learn_ranges {
			font-size: 26rpx;
			font-weight: 500;
			color: #888691;
			padding: 0rpx 26rpx;
			// .l_range {
			// 	width: 20rpx;
			// 	height: 24rpx;
			// 	margin-right: 9rpx;
			// }
			// .l_time {
			// 	color: #333;
			// }
		}
		.c_downs {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 24rpx;
		}
		.study_btns {
			width: 100%;
			margin-top: 40rpx;
			padding: 40rpx 26rpx 0rpx;
			border-radius: 0rpx 0rpx 24rpx 24rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			background: #F3F4F6;
		}
		.box_appoint {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			.img {
				width: 32rpx;
				height: 32rpx;
				margin-right: 10rpx;
			}
			
		}
		.exam_word {
			display: flex;
			align-items: center;
			flex-direction: column;
			margin-bottom: 40rpx;
			margin-right: 40rpx;
			.btns_icon {
				width: 44rpx;
				height: 44rpx;
			}
			.paper_name {
				font-size: 24rpx;
				font-weight: 500;
				color: #222222;
				margin-top: 20rpx;
			}
		}
	}
	// .lefts {
	// 	width: 204rpx;
	// 	height: 120rpx;
	// 	border-radius: 12rpx;
	// 	margin-right: 48rpx;
	// 	position: relative;
	// 	top: 0;
	// 	left: 0;
	// 	.lefet_img {
	// 		width: 100%;
	// 		height: 100%;
	// 		display: block;
	// 		border-radius: 16rpx;
	// 	}
	// 	.live_icon {
	// 		width: 65rpx;
	// 		height: 35rpx;
	// 		line-height: 35rpx;
	// 		border-radius: 12rpx 0rpx 12rpx 0rpx;
	// 		background-color: #FFB102;
	// 		color: #fff;
	// 		font-size: 20rpx;
	// 		text-align: center;
	// 		position: absolute;
	// 		top: 0;
	// 		left: 0;
	// 	}
	// }
	// .rights {
	// 	width: 380rpx;
	// 	height: 120rpx;
	// 	display: flex;
	// 	flex-direction: column;
	// 	justify-content: space-between;;
		
	// 	.learn_progress {
	// 		width: 100%;
	// 		height: 100%;
	// 		display: flex;
	// 		align-items: center;
	// 		justify-content: space-between;
	// 	}
	// 	.progress_up {
	// 		font-size: 24rpx;
	// 		color: #999999;
	// 		width: 100%;
	// 		.progress_bar {
	// 			margin-top: 16rpx;
	// 		}
	// 	}
	// 	.progress_down {
	// 		// width: 100%;
	// 		display: flex;
	// 		justify-content: space-between;
	// 		align-items: center;
	// 	}
	// 	.enter_into {
	// 		width: 144rpx;
	// 		height: 52rpx;
	// 		line-height: 52rpx;
	// 		background: #FFB102;
	// 		border-radius: 16rpx;
	// 		font-size: 26rpx;
	// 		font-weight: 500;
	// 		color: #FFFFFF;
	// 		text-align: center;
	// 	}
	// }
	// 收藏集，做题记录
	.bottons {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.items {
			width: 216rpx;
			height: 104rpx;
			border-radius: 24rpx;
			padding: 0rpx 24rpx 0rpx 28rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.record_icon {
				width: 40rpx;
				height: 40rpx;
			}
		}
		.words {
			font-size: 28rpx;
			font-weight: 500;
			color: #222222;
		}
		.one {
			background: #E8F6FF;
		}
		.two {
			background: #FFF6DE;
		}
		.three {
			background: #E9FAF0;
		}
	}
	// .bottoms {
	// 	display: flex;
	// 	justify-content: space-between;
	// 	margin-bottom: 32rpx;
	// 	.item {
	// 		width: 335rpx;
	// 		&.collect {
	// 			position: relative;
	// 			font-size: 32rpx;
	// 			color: #FFFFFF;
	// 			height: 240rpx;
	// 			border-radius: 24rpx;
	// 			padding:32rpx;
				
	// 			.text {
	// 				position:relative;
	// 				z-index: 10;
	// 				font-size: 32rpx;
	// 				font-weight: bold;
	// 				color: #FFFFFF;
	// 			}
				
	// 			.img {
	// 				position:absolute;
	// 				left:0;
	// 				top:0;
	// 				width:100%;
	// 				height:100%;
					
	// 			}
	// 		}
			
	// 		&.list {
	// 			.list-in {
	// 				position:relative;
	// 				width: 335rpx;
	// 				height: 112rpx;
	// 				background: #007AFF;
	// 				border-radius: 24rpx;
	// 				display: flex;
	// 				align-items: center;
	// 				font-size: 32rpx;
	// 				color: #fff;
					
	// 				&:first-of-type {
	// 					margin-bottom:16rpx;
	// 				}
					
	// 				.text {
	// 					padding-left:91rpx;
	// 					position:relative;
	// 					z-index: 10;
	// 					font-size: 32rpx;
	// 					font-weight: bold;
	// 					color: #FFFFFF;
	// 				}
					
	// 				.img {
	// 					position:absolute;
	// 					left:0;
	// 					top:0;
	// 					width:100%;
	// 					height:100%;
	// 				}
	// 			}
	// 		}
	// 	}
	// }
}
.no_datas {
	margin-top: 70rpx;
	display: flex;
    flex-direction: column;
    align-items: center;
	// .courses {
	// 	width: 360rpx;
	// 	height: 349rpx;
	// }
	// .no_learns {
	// 	font-size: 32rpx;
	// 	color: #999;
	// 	margin: 46rpx 0rpx 56rpx;
	// }
	.empty_status {
        width: 160rpx;
        height: 160rpx;
        margin-bottom: 14rpx;
        margin-top: 300rpx;
    }
    .word_tip {
        font-size: 30rpx;
        color: #888691;
		margin-bottom: 56rpx;
    }
	.choose {
		width: 280rpx;
		height: 64rpx;
		line-height: 62rpx;
		border-radius: 32rpx;
		background-color: #007AFF;
		color: #fff;
		font-size: 30rpx;
		text-align: center;
	}
}