shares/pages/search/search.wxss

/* pages/news/search.wxss */
.key{
  width:auto;
  height:48rpx;
  line-height: 48rpx;
  background:rgba(246,246,246,1);
  border-radius:30rpx;
  padding: 5rpx 30rpx;
  font-weight:300;
  color: #4A4A4A;
  float:left;
  margin-right: 10rpx;
  margin-bottom: 30rpx;
  margin-left: 10rpx;
}

.list{
  padding-left: 10rpx;
}

.search_title{
   margin: 40rpx 20rpx 40rpx 30rpx;
}
.search_title image{
    width: 48rpx;
    height: 48rpx;
}

.search_result{
  position:fixed;
  left:0;
  right:0;
  top:100rpx;
  bottom:0;
  /* background:#ffffff; */
  background:#000000;
  font-size: 26rpx;
  overflow: scroll;
  padding-bottom: 30rpx;
}

.search_result>view{
  width: 690rpx;
  border-bottom:1rpx solid rgba(239,239,239,1);
  margin: auto;
  padding:15rpx 0;
  /* color: #070707; */
  color: #ffffff;
  font-weight:400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* .search_result>view:nth-last-child(1){
   border-bottom: none;
} */

.cancle_btn{
  position: absolute;
  right: 40rpx;
  top:15rpx;
  width: 48rpx;
  height: 48rpx;
  z-index: 999;
}

.search_input {
  width: 620rpx;
  height: 72rpx;
  background: rgba(247, 247, 247, 1);
  border-radius: 36rpx;
  padding-left: 80rpx;
  margin:20rpx auto;
  font-size: 24rpx;
}

.search_input input{
  line-height:72rpx;
  height:72rpx;
  width:500rpx;
}

.search_icon {
  position: absolute;
  left: 60rpx;
  top: 43rpx;
}

.search_placeholder {
  /* color: #cacaca; */
}

.cancle_btn{
  position: absolute;
  right: 40rpx;
  top:30rpx;
  width: 48rpx;
  height: 48rpx;
  z-index: 999;
}

.container2 {
  padding: 0 0 50rpx;
  font-size: 29rpx;
  overflow: scroll;
}

.no_more {
  text-align: center;
  font-weight: 400;
  color: rgba(107, 107, 107, 1);
  margin-bottom: 30rpx;
}


.flex {
  display: flex;
  color: #ffffff;
}

.space_between {
  justify-content: space-between;
}

.space_around {
  justify-content: space-around;
}

.align_center {
  align-items: center;
}
.hot_search{
  margin: 10rpx 20rpx 40rpx 30rpx;
  color: #ffffff;
}
  
.swiper-box {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #fff;
}

 .swiper-box-view {
 display: flex;
 justify-content: space-between ;
 align-items: center;
 margin: 10rpx;
 border-bottom: 1rpx slategray solid;
}
  .swiper-box-view .swiper-box-left .swiper-box-subtitle{
    color: slategray;
  }
 .swiper-box-view .swiper-box-right{
    display: flex;
    align-items: center;
  }
 .swiper-box-view .swiper-box-right .swiper-box-canvas {
  height: 120rpx;
  width: 300rpx;
}
 .swiper-box-view .swiper-box-right .swiper-box-button{
  text-align: right;
}
 .swiper-box-view .swiper-box-right .swiper-box-button button{
  width: 180rpx;
  color: #fff;
  background: #D81E06;
}