.rc-top{
  position: relative;
}

/deep/ .el-drawer{
  height: 60%;
}
ul li ol li em strong i {
  list-style: none;
  font-style: normal;
  
}
.rc-main {
  position: relative;
  margin-top: 5.25rem;
  .usersearch {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 20px;
  }
  .active{
    border: 2px solid #E2001A;
    color: #E2001A;
    cursor: pointer;
  
  }
  .unactive{
    border: 2px solid #d7d7d7;
    color:#999999;
    cursor: pointer;
  
   }
}
//手机端
@media screen and (max-width: 768px) {
  .active{
    border: 2px solid #E2001A;
    color: #E2001A;
    cursor: pointer;
  
  }
  .unactive{
    border: 2px solid #d7d7d7;
    color:#999999;
    cursor: pointer;
  
   }
//搜索
.usersearch {
strong{
  font-size: 18px;
  color: #333333;
  display: block;
  font-weight: bold;
}
}
.rc-max-width--xl{
/deep/ .van-search__content {
  width: 7rem;
  height: 2rem;
  border: 1px solid #d7d7d7;
  border-radius: 12.5rem;
  background: white;
}
/deep/.van-search{
  padding: 0;
}
.rc-search {
  width: 4.31rem;
  height: 2rem;
  background: #e1001a;
  border-radius: 2rem;
  text-align: center;
  color: white;
  font-size:0.87rem ;
}
.rc-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  color: #333333;
  margin-top: 1.5rem;

  span {
    font-size: 14px;
    color: #666666;
    border-bottom: 1px solid #666666;
    display: block;
  }
}
//  热门搜索
.rc-variety {
  margin-top: 1.06rem;
  ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
    
  }
  ul li {
    width: 80px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 100px;
    text-align: center;
    font-size: 14px;
    float: left;
    line-height: 32px;
    margin-left: 5px;
  }
  li:first-child{
    margin-left: 0;
  }
}
//  我想搜
.usercontentshow{
  position: relative;
  .rc-productcat {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 1rem;
    ol{
      display: flex;
      align-items: center;
      flex-flow: row;
      .ts-standard-btn{
        width: 7.87rem;
        height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
color: #999999;
img {
width: 1.5rem;
height: 1rem;
}
span {
margin-left: 0.18rem;
}
      }
    }
//筛选
    .userselect{
      display: flex;
      align-items: center;
      justify-content: center;
      color: #666666;
      font-size: 0.87rem;
      margin-left: 0.94rem;
      margin-top: 0;
      img{
        width: 1rem;
        height: 1rem;
      }
      span{
        display: block;
        margin-left: 0.5rem;
        display: block;
    
      }
    }
  
  }
  .ts-scrollable-container{
    margin-top: 0.93rem;
  }

}
.usersearch{
  .rc-column{
    strong{
       font-size: 0.875rem;
       font-weight: normal;
    }
  }
  
}



.rc-prefecture{
    display: flex;
    h2{
        font-size: 16px;
color: #333333;
margin-left: 12px;
    }
      ol{
        display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
    text-align: center;
    width: 80%;
    overflow-x: auto;
white-space: nowrap;
      }
      li{
        display: inline-block;
        text-align: center;
        display: flex;
        align-items: center;
height: 26px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
padding: 0 5px 0 5px;
border-radius: 100px;
        
      }
}

.rc-bottom{
  position: fixed;
    background: white;
    bottom: 0;
    left: 0;
    z-index: 9;
  ol li{
    background: none;
    width: 7.87rem;
      height: 2.25rem;
      background: #FFFFFF;
      border-radius: 6.25rem;
      background: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 1rem;
  }

}
  
.rc-bottoma{
  margin-bottom:2rem;
  }
  
  .rc-footer{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
     span{
    width: 1.55rem;
    height: 0.48rem;
    border: 2px solid #E1001A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    color: #E1001A;
    border-radius: 0.30rem;
     }
     em{
       width: 1.55rem;
       margin-left: 0.25rem;
  height: 0.48rem;
  background: #E2001A;
  border-radius: 0.30rem;
  font-size: 0.14rem;
  color:#FFFFFF;
  display: flex;
  align-items: center;
  font-style: normal;
  justify-content: center;
  list-style: none;
     }
  }
   .rc-cat{
     margin-top: 0.24rem;
   }
  
   .rc-product {
    h2 {
      font-size: 18px;
      color: #333333;
      margin-left: 12px;
    }
    .ts-scrollable{
      margin-top: 1rem;
    }
  
    .rc-productcat {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      margin-top: 1rem;
      .rc-cat {
        width: 32%;
        height: 0.34rem;
        background: #ffffff;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0.16rem;
         font-size: 0.14rem;
        span {
          margin-left: 0.03rem;
        }
  
        img {
          width: 0.24rem;
          height: 0.16rem;
        }
     
      }
    }
  }
  }
  
}
//pc端
@media screen and (min-width: 768px){
strong{
  font-size: 26px;
  color: #333333;
  display: block;
}
.ts-scrollable{}
.active{
border: 2px solid #E2001A;
color: #E2001A;
cursor: pointer;

}
.unactive{
border: 2px solid #d7d7d7;
color:#999999;
cursor: pointer;

}
.rc-main {
  margin-top: 7.25rem;

}
.ts-scrollable-container{
  margin-top: 40px;
}
/deep/.el-dialog {
  width: 920px;
  height: 570px;
  background: #FFFFFF;
  }
  /deep/.van-search__action{
    display: block;
  }
  .rc-search {
    width: 100%;
    text-align: center;
    font-size:1.25rem ;
    color: #666666;
  }
  .rc-productcat {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 32px;
    ol{
      display: flex;
      align-items: center;
      flex-flow: row;
      .ts-standard-btn{
        width: 237px;
        height: 48px;
background: #FFFFFF;
border-radius: 30px;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 40px;
img {
width: 24px;
height: 24px;
}
span {
margin-left: 8px;
}
      }
    }
//筛选
    .userselect{
      display: flex;
      align-items: center;
      justify-content: center;
      color: #666666;
      font-size: 0.87rem;
      margin-left: 0.94rem;
      margin-top: 0;
      img{
        width: 1rem;
        height: 1rem;
      }
      span{
        display: block;
        margin-left: 0.5rem;
        display: block;
    
      }
    }
  
  }
  .rc-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    color: #333333;
    margin-top: 12px;
    h2 {
      font-size: 18px;
      color: #333333;
      margin-left: 12px;
    }
    span {
      font-size: 14px;
      color: #666666;
      border-bottom: 1px solid #666666;
      display: block;
      margin-right: 8px;
    }
    .rc-change{
        display: none;
    }
  }
  
  .rc-button
  {
    display: flex;
    justify-content: center;
    font-size: 16px;
    width: 100%;
    padding: 40px 0 40px 0;
    span
    {
      width: 160px;
      height: 48px;
      border: 2px solid #E2001A;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #E2001A;
      cursor: pointer;
    }
    em{
      font-style: normal;
      width: 164px;
      height: 48px;
      background: #E2001A;
      cursor: pointer;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      margin-left: 40px;
    }
  }

.rc-bottom{
      .rc-productcat {  
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    .rc-cat {
    width: 237px;
height: 48px;
border-radius: 30px;
      background: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 16px;
       font-size: 14px;
      span {
        margin-left: 3px;
      }

      img {
        width: 24px;
        height: 16px;
      }
   
    }
  }



}
  .form-search {
    width: 100%;
    height: 110px;
  }
  /deep/.van-search__content--square{
   background: white;
  }
  .van-search__content--square{
    height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
  }
  /deep/.van-field__left-icon
  {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /deep/.van-field__body
  {
  height: 110px;
  }


  .rc-variety {
      margin-top: 30px;
    ul {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      overflow: hidden;
      width: 100%;
      
      
    }
    ul li {
      width: 130px;
      height: 40px;
      background: #ffffff;
      border: 2px solid #D7D7D7;
      border-radius: 30px;
      text-align: center;
      font-size: 14px;
       display: flex;
       align-items: center;
       justify-content: center;
      margin-left: 32px;
    }
    li:first-child{
      margin-left: 0;
    }
  }
  .rc-product {
    h2 {
      font-size: 18px;
      color: #333333;
      margin-left: 12px;
    }
  }
  .rc-productcat {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    .rc-cat {
      width: 327px;
      height: 48px;
      border-radius: 30px;
      background: #ffffff;
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
    &:last-child{
      margin-left: 16px;
    }
    span {
      margin-left: 0px;
    }
    img {
      width: 24px;
      height: 16px;
    }
  
    }
  }

  .rc-productright {
    display: flex;
    align-items: center;
    img {
      width: 24px;
      height: 20px;
      margin-left: 15px;
    }
    span {
      font-size: 14px;
      color: #666666;
      margin-left: 8px;
    }
  }
  }