.category {
  background: #fff;
}
.lst-hd-category .g_wrap {
  padding-top: 24px;
  padding-bottom: 32px;
}
.g_sub_hd .g_wrap {
  position: relative;
  padding: 0px 0px;
}
.filter-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: block;
  margin-bottom: 4px;
}
.filter-wrap a {
  display: inline-block;
  margin-top: 6px;
  margin-right: 3px;
  padding: 3px 6px;
  transition: 0.2s;
  text-transform: capitalize;
  color: #6c6e7a;
  border-radius: 5px;
  border-bottom: 3px solid transparent;
  border: 1px solid rgba(71,105,221,.1);
  background-color: rgba(71,105,221,.1);
}
.filter-wrap ._on {
  font-weight: 700;
  color: #4c5fe2;
  border-bottom-color: #4c5fe2;
}
.filter-wrap a:hover {
  text-decoration: none;
  color: #4c5fe2;
  border-bottom-color: #4c5fe2;
}
select {
  display: inline-block;
  height: 48px;
  margin: 0;
  vertical-align: middle;
  border: 1px solid rgba(18, 18, 23, 0.1);
  border-radius: 100px;
}
.ui-select {
  font-size: 16px;
  position: relative;
  display: inline-block;
  height: 48px;
  animation: fadeIn 0.2s;
  vertical-align: middle;
  width: 224px;
}
.ui-select-button {
  line-height: 20px;
  display: block;
  /*height: 20px;*/
  padding: 13px 27px 13px 15px;
  cursor: pointer;
  -webkit-transition: border-color 0.15s, background-color 0.15s;
  transition: border-color 0.15s, background-color 0.15s;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  background-color: #fff;
}
.ui-select-text {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-select-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…tlPSIjOTY5QUIzIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFsNiA2IDYtNiIvPjwvc3ZnPg==);
}
.ui-select-icon {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 20px;
  height: 20px;
  /*background: url(../lulu/lulu/lulu/ui/images/Select/icon-arrow.png) no-repeat center;*/
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTY5QUIzIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFsNiA2IDYtNiIvPjwvc3ZnPg==);
  background-size: 12px 12px;
  background-position: center;
}
.ui-select-datalist {
  position: absolute;
  top: 47px;
  right: 0;
  left: 0;
  display: none;
  overflow: auto;
  max-height: 304px;
  padding: 0;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
}
.ui-select-datalist-li:hover,
.ui-select-datalist > .selected {
  color: #fff;
  background-color: #3b66f5;
}
.ui-select-datalist-li:hover a {
  color: #fff;
}
.ui-select-button:hover {
  text-decoration: none;
}
.ui-select-datalist-li a:hover {
  color: #fff;
  background-color: #3b66f5;
  text-decoration: none;
}
.ui-select-datalist-li {
  line-height: 20px;
  display: block;
  overflow: hidden;
  padding: 9px 12px;
  cursor: pointer;
  transition: 0.15s;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}
.ui-select-datalist-li a {
  color: #1f2129;
  width: 100%;
  display: block;
}
.lis-mn {
  position: relative;
  min-height: 248px;
}
.lis-mn .list-items li {
  margin-bottom: 40px;
}
.g_book_item {
  position: relative;
  height: 208px;
  padding-left: 172px;
}
.g_book_item a:hover{
  text-decoration: none;
}
.g_book_item .g_thumb {
  position: absolute;
}
.g_book_item ._txt {
  display: -webkit-box;
  display: block;
  overflow: hidden;
  max-height: 4.5em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.g_book_item .title {
  color: #000;
}
.lis-mn .g_loading {
  position: absolute;
  top: 120px;
  left: 50%;
  margin: 0 0 0 -30px;
}
.g_book_item_ph {
  margin-bottom: 3px;
}
.g_book_item_ph ._ph {
  display: block;
  height: 20px;
  margin: 15px 0;
}
.g_book_item_ph ._ph,
.g_book_item_ph .g_thumb {
  background-color: #f5f6fb;
}
.g_book_item_ph ._ph_m {
  width: 68%;
}
.g_book_item_ph ._ph_s {
  width: 44%;
}
.ui-select.active {
  z-index: 3;
}
.active > a.ui-select-button {
  border-radius: 24px 24px 0 0;
}

@media screen and (max-width: 549px) {
  .lis-mn .list-items .j_placeholder .g_col_6 {
    width: 100%;
    margin: 0px;
  }
  .g_book_item_ph ._ph {
    height: 9px;
  }
  .lst-hd-category {
    padding: 10px 0;
  }
  .lst-hd-category .filter-wrap {
    padding: 10px 10px;
  }
  .g_wrap .g_row {
    margin: 0 auto;
    display: flex;
  }
  .g_wrap .g_row .g_col_3 {
    width: 50%;
    margin: 0px;
    padding: 0px 10px;
  }
  .g_wrap .g_row .g_col_3 .ui-select {
    width: 100%;
  }
  .category .j_bookList .list-items li {
    width: 100%;
    margin: 0px;
    padding: 10px 0px;
  }
  .category .g_book_item {
    padding-left: 0px;
    display: flex;
    padding: 0px 10px;
    height: auto;
  }
  .category .g_book_item .g_thumb {
    position: unset;
    width: 100px;
    height: 133px;
  }
  .category .g_book_item .g_thumb img {
    position: unset;
  }
  .category .g_book_item a .title {
    display: none;
  }
  .category .g_book_item .info a .title {
    display: block;
    font-size: 16px;
  }
  .category .g_book_item .info {
    width: calc(100% - 100px);
    padding-left: 10px;
  }
  .g_book_item ._txt {
    display: none;
  }
}