search.wxss 3.3 KB

page{
  background: #F2F2F2
}
.searchhead{
  display:flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.searchheaditem{
  width:116rpx;
  height:54rpx;
  background:rgba(255,255,255,1);
  border:2rpx solid rgba(232,24,37,1);
  border-radius:0rpx 4rpx 4rpx 0rpx;
  text-align: center;
  line-height: 54rpx;
  color:#E81825;
  font-size: 28rpx;
}
.searchheaditem:nth-child(2){
  border-radius: 0;
}
.searchheaditem:first-child{
  border-top-right-radius:0; 
   border-bottom-right-radius:0;
  border-right-style: none
}
.searchheaditem:last-child{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-style: none;
}
.selectactive{
  background: #E81825;
  color:#fff;
}
.searimg{
  width:28rpx;
  height:28rpx;
  font-size: 0;
}

image{
  width:100%;
  height:100%;
}
.searcontent{
  color:#B3B3B3;
  font-size: 26rpx;
  margin-left:11rpx;
  width:545rpx;
  height:60rpx;
  line-height: 60rpx;
}
.searcontent input{
  height:60rpx;
  line-height: 60rpx;
}
.searchtent{
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 31rpx;
  box-sizing: border-box;
  background: #fff;
}
.searchtentleft{
  display:flex;
  align-items: center;
  background: #EBEBEB;
  width:600rpx;
  height:60rx;
  padding: 0 20rpx;
  box-sizing: border-box

}
.searchtentr{
  color:#666666;
  font-size: 28rpx;
}
.textbox{
  padding: 0 34rpx 0 14rpx;
}
.seahead{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top:20rpx;
}
.searword{
  padding:10rpx 20rpx;
  box-sizing: border-box;
  background: #fff;
  font-size: 26rpx;
  color:#666;
  margin-left:20rpx;
  margin-top:20rpx;
}
.hisword{
  color:#1A1A1A;
  font-size: 32rpx;
  margin-left:8rpx;
}
.hisimg{
  width:30rpx;
  height:30rpx;
  font-size: 0
}
.historyrecord{
  display:flex;
  align-items: center;
  margin:58rpx 0 0 20rpx
}

/* 搜索框的遮罩层 */
.searchregister{
     width: 100%;
     height: 100%;
     background: #fff;
     position:fixed;
     top:150rpx;
     left:0;
     right:0;
     z-index: 5;
 }
 .searchitem{
   display:flex;
   align-items: center;
   justify-content: space-between;
   padding: 37rpx 31rpx;
   box-sizing: border-box;
   border-bottom: 1rpx solid #f5f5f5;
   background: #FFF;
 }
 .searchitemleft{
   display:flex;
   align-items: center
 }
 .searchtitle{
   color:#666666;
   font-size: 28rpx;
   margin-left:21rpx;
 }
 .closeimg{
   width:30rpx;
   height:30rpx;
   font-size: 0
 }
 .searchresult{
   background: #fff;
 }
 .itemleftimg{
   width:80rpx;
  height:80rpx;
  border-radius:2rpx;
  font-size: 0
 }
 .itemiddle{
   margin-left:34rpx;
 }
 .itemiddle:first-child{
   margin-left:0
 }

 .itemidelename{
   color:#1A1A1A;
   font-size: 28rpx;
 }
 .namebottomitem{
   color:#999999;
   font-size: 24rpx;
   padding: 0 20rpx;
   border-right:1rpx solid #f5f5f5;
 }
.namebottomitem:last-child{
  border-right:none;
 }
 .branditemleftimg{
   width:80rpx;
   height:80rpx;
   font-size: 0;
   border-radius: 50%;
 }
 .jiuqiimg{
   width:80rpx;
   height:80rpx;
 }
 .noatten{
   width: 100rpx;
  height: 50rpx;
  background: #999;
  border-radius: 2rpx;
  font-size: 26rpx;
  color: #fff;
  text-align: center;
  line-height: 50rpx;

 }
 .nodata{
   color:#999;
   font-size: 30rpx;
   text-align: center;
   margin-top:30rpx;
 }
 .cannodataimg{
   margin: 300rpx auto 0;
 }