
// 文字益处处理
.text-ellipsis{
	overflow:hidden; //超出的文本隐藏
	text-overflow:ellipsis; //溢出用省略号显示
	white-space:nowrap; //溢出不换行
}
.text-ellipsis-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box; //作为弹性伸缩盒子模型显示。
	-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
	-webkit-line-clamp:2; //显示的行
}
.text-ellipsis-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box; //作为弹性伸缩盒子模型显示。
	-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
	-webkit-line-clamp:3; //显示的行
}


.share{
	padding: 0;
	margin: 0;
	background-color: #fff;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	font-size: 26rpx;
}
.share::after{
	border: none;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}

.head-box {
    background: url('@/static/image/nav-bg.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 534rpx;
    position: absolute;
}

.contentPosition_ {
    position: absolute;
    width: 100%;
    color: #fff;
    padding-top: calc(var(--status-bar-height) + 100rpx);
}

.cardStyle_ {
    display: flex;
    padding: 24rpx 35rpx;
    background: $uni-color-card-background;
    .left {
        width: 228rpx;
        height: 228rpx;
        border-radius: 20rpx;
        overflow: hidden;
        image {
            width: 100%;
            height: 100%;
        }
    }
    .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 1;
            margin-left: 26px;
            color: $uni-text-color-grey;
            font-size: 24rpx;
            .detailed {
                .title {
                    font-size: 32rpx;
                    color: #fff;
                    padding-top: 11rpx;
                }
                .date {
                    padding: 25rpx 0 19rpx;
                    display: flex;
                    align-items: center;
                    &::before {
                        content: '';
                        display: block;
                        background: url('@/static/image/cart/timeIcon.png') no-repeat;
                        background-size: 100% 100%;
                        width: 24rpx;
                        height: 24rpx;
                        margin-right: 10rpx;
                    }
                }
                .address {
                    display: flex;
                    align-items: center;
                    &::before {
                        content: '';
                        display: block;
                        background: url('@/static/image/cart/addressIcon.png') no-repeat;
                        background-size: 100% 100%;
                        width: 22rpx;
                        height: 26rpx;
                        margin-right: 10rpx;
                    }
                }
            }
            .price {
                font-size: 28rpx;
                color: #fff;
                text-align: right;
                text {
                    color: $uni-text-color-grey;
                    font-size: 25rpx;
                    padding-right: 10rpx;
                }
            }
        }
}
.fixedBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    /deep/.uv-button-wrapper {
        padding: 65rpx 35rpx;
    }
}

.cardBackground_ {
    background: url('data:image/png;base64,[encoded data, 264628 characters]') no-repeat;
    background-size: contain;
    width: 100%;
    .grayBg {
        background-color: $uni-color-card-background;
        border-radius: 26rpx;
        padding: 24rpx 35rpx;
    }
}

