@charset "UTF-8";
@media (max-width: 768px){

  .categoryList {
    display: flex;
    background-color: #fff;
    align-items: center;
    padding: 3%;
    border-top: 1px solid #dddddd;
    margin-top: -1px;
  }
  .circle {
    display: flex;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #dddddd;
  }
  .categoryTxt {
    font-size: 13px;
    font-weight: bold;
    color: #2d2d2d;
    margin-left: 4%;
  }
  .weui--arrow-outlined {
    display: inline-block;
    margin-left: auto;
    width: 5vw;
    height: 5vw;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'%3E%3Cdefs%3E%3Cpath id='weuiArrowOutlined0' fill='%23000' d='m7.588 12.43l-1.061 1.06L.748 7.713a.996.996 0 0 1 0-1.413L6.527.52l1.06 1.06l-5.424 5.425z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' href='%23weuiArrowOutlined0' transform='rotate(-180 5.02 9.505)'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

}