MD_YOSwechat/pages/classroom/modules/list/index.scss

.main {
	padding: 20rpx 30rpx;
	width: 100vw;
    background-color: #fff;
	.item {
		position: relative;
		display: flex;
		height: 128rpx;
		width: 100%;
		margin-top: 20rpx;

		.img {
			width: 128rpx;
			height: 128rpx;
			border-radius: 16rpx;
			overflow: hidden;
			margin-right: 20rpx;
			flex-shrink: 0;

			image {
				width: 100%;
				height: 100%;
			}

			view {
				background-color: #EEEEEE;
				width: 100%;
				height: 100%;
				line-height: 128rpx;
				text-align: center;
			}
		}

		.right {
			flex: 1;
			width: 0;

			.title {
				width: 75%;
				line-height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #333333;
			}

			.exp {
				width: 93%;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				color: #666666;
				margin-top: 10rpx;
			}

			.time {
				width: 90%;
				display: flex;
				height: 28rpx;
				line-height: 28rpx;
				font-size: 20rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				color: #999999;
				margin-top: 16rpx;

				.line-1 {
					width: 230rpx;
				}
			}
		}

		.tag {
			position: absolute;
			top: 4rpx;
			right: 50rpx;
			width: 96rpx;
			height: 36rpx;
			line-height: 36rpx;
			text-align: center;
			background: #3874F6;
			border-radius: 4rpx;
			font-size: 20rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			color: #FFFFFF;
		}
	}

	.item:nth-child(1) {
		margin-top: 0 !important;
	}


}

.line-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}