.unit-product-sort { padding: 0px 0; color: rgb(var(--font-color)); --font-color: 0,0,0;}
[sort-style="1"] { --font-color: 255,255,255;  }
[sort-style="2"] { --font-color: 0,0,0; }

.unit-product-sort__filter {padding: 8px 20px;display: flex;flex-direction: row;
	align-items: center;position: relative; border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.unit-product-sort__filter-text {width: 100%;flex-grow: 1;text-transform: capitalize; cursor: pointer;}
.unit-product-sort__filter-text .iconfont {font-size: inherit;opacity: .8;display: inline-block;transition: .3s;font-size: 10px;}
.unit-product-sort__filter-text.is_active .iconfont {transform: rotate(-180deg);}
.unit-product-sort__filter-posi {
  position: absolute;top: calc(100% + 8px);left: 10px;background: #fff;z-index: 2;display: none; width: 160px;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);color: #333;
}
.unit-product-sort__filter-text.is_active .unit-product-sort__filter-posi {display: block;}
.unit-product-sort__filter-posi p{padding: 5px 30px;opacity: .8;cursor: pointer;position: relative;}
.unit-product-sort__filter-posi p.is_active::before{content: '\e6b3';font-family: "iconfont" !important;font-size: 12px;transform: scale(.7) ;position: absolute;left: 10px;top: 13px;opacity: .5;font-weight: 600;}
.unit-product-sort__filter-posi p:hover{opacity: 1;background-color: #f8f9fa;color: #16181b;text-decoration: none;}
.unit-product-sort__filter-posi p.is_active::before { content: '\e6b3'; font-family: "iconfont" !important; font-size: 12px; transform: scale(.7); position: absolute; left: 10px; top: 13px; opacity: .5; font-weight: 600; }
.unit-product-sort__filter-posi::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; content: ''; border-width: 6px; top: -6px; border-bottom-color: #fff; border-top-width: 0; left: 40%; }
@media (min-width: 768px) {
  /* 款式参数、属性参数 */
  .unit-product-sort__filter {border-radius: 10px;}
  .unit-product-sort__filter-posi {box-shadow: 0px 5px 15px 0px rgba(40, 47, 54, 0.08);border-radius: 5px;padding: 5px 0;font-weight: normal;}
}