page {
    background-color: #fff;
}

.page-hd {
    position: relative;
    z-index: 9;
}

.tabs {
    position: absolute;
    left: 0;
    width: 226rpx;
    top: 300rpx;
    bottom: 0;
    background-color: #f6f6f8;
    padding-top: 20rpx;
    box-sizing: border-box;
}

.tab {
    height: 90rpx;
    line-height: 90rpx;
    text-align: center;
    font-size: 29rpx;
    color: #323234;
}

.tab.active {
    background-color: #fff;
    color: #00a0e9;
    border-left: solid 8rpx #00a0e9;
}

.details {
    padding-left: 226rpx;
}

.cards {
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}

.card {
    width: 236rpx;
    margin-left: 16rpx;
    display: inline-block;
    margin-top: 18rpx;
    padding-bottom: 14rpx;
    border-radius: 4rpx;
    border: solid 2rpx #efefef;
}

.goods-img {
    width: 100%;
    height: 135rpx;
}

.card-name {
    font-size: 22rpx;
    color: #535353;
    padding-left: 14rpx;
}

.price {
    font-size: 23rpx;
    color: #fe2e48;
    padding-left: 14rpx;
    margin-top: 10rpx;
}

.slide-image {
    width: 100%;
    height: 300rpx;
}