.course-list {
    padding: 15px;
    padding-bottom: 0;
    &-title {
		 height: 30px;
		 @include  flexRowCenterCenter;
		&-cont{
			@include  flexRowSpaceAround;
		}
        &-left {
            width: 10px;
            height: 10px;
            border-color: #f92e2c;
            border-width: 2px;
            border-radius: 50%;
        }
        
        &-right {
            margin-left: 5px;
        	@include styleFont(#999999,15);
        }
        
        &-active {
            color: #434343;
            font-weight: bold;
        }
    }

    &-main {
        padding: 10px 0;
		@include borderBotton(#f6f3f7);

        &-title {
			@include styleFont(#202020,15);
            font-weight: bold;
			@include onlyLineEllipsis;
        }

        &-cont {
            padding: 10px 0;
			@include flexRowSpaceBetween;

            &-image {
                height: 90px;
                width: 130px;
                border-radius: 10px;
            }

            &-right {
                width: 410rpx;
                height: 80px;
                justify-content: space-between;

                &-title {
					@include styleFont(#999999,14);
                    line-height: 25px;
					@include moreLineEllipsis;
                }

                &-bottom {
					@include flexRowEnd;
                    align-items: center;
                }

                &-text {
					@include styleFont(#f92e2c,11);
                    margin-left: 5px;
                }

                &-show {
                    width: 410rpx;
					@include  flexRowSpace;

                    &-text {
						@include styleFont(#999999,11);
                    }
                }
            }
        }
    }
}