page {
    background-color: #fff;
    padding-bottom: 0;
    min-height: 100vh;
}

image {
    width: 100%;
    height: 100%;
}

.searchBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20rpx;
    margin-top: 30rpx;
}

.searchBox_left {
    width: 622rpx;
    height: 70rpx;
    background: #F6F7FB;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    display: flex;
    box-sizing: border-box;
    padding: 0 30rpx;
    align-items: center;
}

.searchBox_left image {
    width: 30rpx;
    height: 30rpx;
    margin-right: 20rpx;
}

.searchBox_left .u-input {
    flex: 1;
    padding: 0;
    border: none;
}

.searchBox_right {
    width: 60rpx;
    position: relative;
}

.searchBox_right image {
    width: 40rpx;
    height: 40rpx;
}

.cars {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.u-badge {
    position: absolute;
    right: 0;
    top: -10rpx;
}

.his {
    margin: 0 20rpx;
    margin-top: 48rpx;
}

.hisTop{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hisTit {
    font-size: 33rpx;
    color: #222222;
    font-weight: 700;
}

.HisList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30rpx;
}

.HisItem {
    min-width: 130rpx;
    background: #F6F7FB;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    font-size: 26rpx;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10rpx 14rpx;
    box-sizing: border-box;
    margin-right: 40rpx;
    white-space: nowrap;
    margin-bottom: 20rpx;
}

.HisItem:nth-child(4n) {
    margin-right: 0;
}

.searchMoreItem {
    margin: 0 50rpx;
    padding: 20rpx 0;
    border-bottom: 1rpx solid #EBEBEB;
}

.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26rpx;
    color: #999999;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 118rpx;
}

.empty {
    width: 340rpx;
    height: 226rpx;
}

.iconBox {
    display: flex;
    flex-direction: column;
}

.iconBox image {
    width: 31rpx;
    height: 16rpx;
}

.searchSubItem {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: 33rpx;
    color: #222222;
}

.searchSubTit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50rpx;
}

.searchList {
    margin-top: 36rpx;
}

.searchItem {
    display: flex;
    align-items: center;
    margin: 0 20rpx;
}

.searchItem_left {
    width: 140rpx;
    height: 140rpx;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    overflow: hidden;
    margin-right: 20rpx;
}

.searchItem_right {
    flex: 1;
}

.tag {
    background-color: #ff7d00;
    color: white;
    font-size: 22rpx;
    padding: 5rpx 10rpx;
    border-radius: 20rpx 0 20rpx 20rpx;
}

.tag-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.tag-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20rpx;
}

.tag-name {
	background-color: #ff7d00;
	color: white;
	font-size: 22rpx;
	padding: 5rpx 10rpx;
	border-radius: 20rpx 0 20rpx 20rpx;
}

.searchItem_right_tit {
    font-size: 30rpx;
    color: #000000;
    font-weight: 600;
	display: flex;
}

.searchItem_right_subTit {
    font-size: 26rpx;
    color: #999999;
    margin-top: 10rpx;
}

/* 商品信息样式 */
.CateInfo_Item_Box {
    display: flex;
    padding: 20rpx 40rpx;
    border-bottom: 1rpx solid #EBEBEB;
    position: relative;
}

.CateInfo_Item_left {
    width: 140rpx;
    min-width: 140rpx;
    height: 140rpx;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    overflow: hidden;
    margin-right: 15rpx;
    position: relative;
}

.CateInfo_Item_left image {
    width: 100%;
    height: 100%;
}

.CateInfo_Item_right {
    flex: 1;
}

.CateInfo_Item_right_Tit {
    font-size: 30rpx;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10rpx;
}

.CateInfo_Item_right_subtit {
    font-size: 26rpx;
    color: #999999;
    margin-top: 10rpx;
}

.CateInfo_Item_Money {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 27rpx;
}

.CateInfo_Item_Money_left {
    font-size: 34rpx;
    color: #FF370B;
}

.CateInfo_Item_Money_left span {
    font-size: 28rpx;
}

.CateInfo_Item_Money_right .input {
    padding: 0;
}

/* 数量选择器样式 */
.minus {
    width: 22px;
    height: 22px;
    border-width: 1px;
    border-color: #E6E6E6;
    border-style: solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input {
    padding: 0 10px;
}

.plus {
    width: 22px;
    height: 22px;
    background-color: #FF0000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 规格选择样式 */
.gg {
    width: 142rpx;
    height: 40rpx;
    background: #FFEBEB;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24rpx;
    color: #FF370B;
    position: absolute;
    right: 100rpx;
    bottom: 20rpx;
}

.GGList {
    width: 550rpx;
    background: rgba(255, 239, 239, 0.5);
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    padding: 25rpx 16rpx;
    box-sizing: border-box;
    margin-left: 26rpx;
    position: relative;
    left: 22%;
}

.noneBor {
    border-bottom: none;
}

.GGItem {
    display: flex;
    align-items: center;
    margin-bottom: 10rpx;
}

.GGItem_Image {
    width: 120rpx;
    height: 100rpx;
    margin: 0 20rpx 20rpx 0;
    position: relative;
}

.GGItem_Image image {
    border-radius: 20rpx;
}

.GGItem_Con_Tit {
    font-size: 28rpx;
    color: #000000;
}

.GGItem_Con {
    flex: 1;
}

.GGItem_Con_Msg_left {
    display: flex;
    font-size: 30rpx;
    color: #FF370B;
}

.GGItem_Con_Msg_left span {
    font-size: 24rpx;
}

.GGItem_Con_Msg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20rpx;
}

.GGItem_Con_Msg_right .input {
    padding: 0;
}

.searchItem_right_Money {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Money_left {
    font-size: 34rpx;
    color: #FF370B;
    display: flex;
    align-items: flex-end;
    margin-top: 26rpx;
}

.money_unit {
    font-size: 28rpx;
}

.Money_dw {
    font-size: 26rpx;
}

.minus {
    border: 1rpx solid #999999;
    background-color: transparent !important;
    width: 30rpx;
    height: 30rpx;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus {
    width: 30rpx;
    height: 30rpx;
    background: linear-gradient(140deg, #FFA28D 0%, #FF370B 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* 测试用 */
.search-input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  /* border: 1px solid #ccc; */
}

.search-results {
  margin-top: 20px;
}

.result-item {
  padding: 10px;
  /* border-bottom: 1px solid #ddd; */
}
/* 测试用 */