.top {
    position: relative;
    &-show {
		@include positionAbsolute;
        width: 750rpx;
        height: 390rpx;
        background-color: #F62C43;        
    }
    &-title{
        padding: 40rpx 28rpx;
        height: 190rpx;
        @include flexRowSpaceBetween;
        &-left {
            height: 110rpx;
            justify-content: space-between;
            &-title{
                @include  flexRowCenter;
                &-text{
                    font-size: 28rpx;
                    color: rgba($color: #ffffff, $alpha: 0.8);
                    margin-right: 10rpx;
                }
                &-right{
                    width: 22rpx;
                    height: 22rpx;
                    background-color: #fff;
                    border-radius: 50%;
                }
            }
            &-bottom {
                @include flexRowEnd;
				align-items: flex-end;
                &-text{
                    font-size: 22px;
                    color: rgba($color: #ffffff, $alpha: 1);
                    margin-right: 10rpx;
					line-height: 22px;
                }
                &-right{
                    color: rgba($color: #ffffff, $alpha: 0.8);
                    font-size: 14px;
                }
                
            }
        }
        &-right {
            width: 182rpx;
            height: 61rpx;
            background-color: #ffffff;
            border-radius: 30rpx;
            text-align: center;
            line-height: 61rpx;
            font-size: 28rpx;
            color: #FE2525;
        }
    }
    &-center{
        padding: 0 28rpx;
        height: 100rpx;
        @include flexRowSpaceBetween;
        &-list{
            width: 200rpx;
            height: 80rpx;
            justify-content: center;
			align-items: center;
            &-title{
                font-size: 22rpx;
                color: rgba($color: #ffffff, $alpha: 0.8);
            }
            &-price{
                font-size: 31rpx;
                color: #ffffff;
            }
        }
    }
    &-bottom{
        margin: 0 28rpx;
        margin-top: 50rpx;
        width: 694rpx;
        padding: 20rpx;
        background-color: #fff;
        box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
        border-radius: 10rpx;
        justify-content: space-between;
        &-title{
            @include flexRowSpaceBetween;
            &-left {
                height: 80rpx;
                justify-content: space-between;
                &-title{
                    font-size: 28rpx;
                    color: #343434;
                    font-weight: bold;
                }
                &-intro {
                    font-size: 22rpx;
                    color: #999999;
                }
            }
            &-right {
                font-size: 22rpx;
                color: #343434;
				&-wrap{
					@include  flexRowCenter;
				}
            }
        }
        &-ul{
            flex-direction: row;
            justify-content: space-around;
            &-list {
                width: 100rpx;
                align-items: center;
                &-title {
                    width: 61rpx;
                    height: 61rpx;
                    position: relative;
                    &-show{
                        width: 60rpx;
                        height: 60rpx;
                        border-radius: 50%;
						@include positionAbsolute;
                    }
                }
                &-text{
					width: 100rpx;
                    margin-top: 10rpx;
                    font-size: 19rpx;
                    color: #999999;
					text-align: center;
					@include onlyLineEllipsis;
                }
            }
        }
    }
}