.ul {
    padding: 10px 0;
    &-list {
        margin: 5px 10px;
        height: 150px;
        border-radius: 7px;
        background-color: #ffffff;
        box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
        @include  flexRowCenter;
        padding: 0 10px;
        &-left {
            width: 122px;
            height: 122px;
            position: relative;  
            &-show {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 30px;
                width: 122px;
                @include  flexRowCenter;
                padding-left: 10px;  
                &-intro {
					@include styleFont(#ffffff,10);
                    margin-left: 5px;
                }
            }
        }
        &-right {
            margin-left: 10px;
            height: 122px;
            justify-content: space-between;
            &-title {
                &-name {
					@include styleFont(#202020,15);
					@include moreLineEllipsis;
                }
                &-intro {
					@include styleFont(#999999,12);
                    margin: 5px 0;
                }
                &-bottom {
                    position: relative;
                    &-text {
						@include styleFont(#ffffff,11);
                        line-height: 18px;
                        padding: 0 3px;
                    }
                }
            }
            &-bottom {
                @include  flexRowSpace;
                align-items: flex-end;
                &-left {
                    &-title {
						@include styleFont(#999999,14);
                        text-decoration: line-through;
                    }
                    &-bottom {
                        flex-direction: row;
                        &-text {
							@include styleFont(#202020,14);
                        }
                        &-price {
							@include styleFont(#ff0619,15);
                            font-weight: bold;
                        }
                    }
                }
                &-right {
                    height: 25px;
                    line-height: 25px;
                    border-radius: 30px;
                    padding: 0 10px;
					@include styleFont(#ffffff,15);
                    background-image: linear-gradient(to right, #f42e14, #ff8a00);
                }
            }
        }
    }
}