.area-class {
    position: relative;
    margin: 5px 15px;
    border-radius: 10px;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);

    &-title {
        height: 105px;
        border-radius: 10px; 
    }

    &-cont {
        position: relative;
        padding: 0 6.5px;
        bottom: 10px;
        background-color: #ffffff;
        border-radius: 10px;
        flex-direction: row;
        &-list{
            margin: 0 3.5px;
            margin-top: 10px;
        }
        &-title {
            border-radius: 5px;
            position: relative; 
            &-bottom {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 25px;					
                z-index: 99;					
                @include  flexRowCenter;
                padding-left: 10px;
                
                &-intro {
					@include styleFont(#ffffff,10);
                    margin-left: 5px;
                }
            }
        }
        &-name {
            margin-top: 5px;
			@include styleFont(#202020,12);
			@include moreLineEllipsis;
        }
        &-intro{
            margin-top: 5px;
			@include styleFont(#999999,12);
            text-decoration: line-through;
        }
        &-bottom{
            @include  flexRowCenter;
            &-left {
				@include styleFont(#202020,12);
            }
            &-right {
				@include styleFont(#FF0619,12);
                font-weight: bold;
                margin-left: 5px;
            }
        }
    }
}