:host {
  display: inline-block;
  width  : 28.5%;
}

@font-face {
  font-weight : normal;
  font-family : 'cool-icon';
  font-style  : normal;
  font-display: auto;
  src         : url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAABd0AAAAVE9TLzI8dEoVAAABOAAAAGBjbWFwHhVOvQAAAdQAAALWZ2x5ZtVzc4MAAATkAAAPYGhlYWQepq6JAAAAvAAAADZoaGVhB94DgwAAAPQAAAAkaG10eAgAAAAAAAGYAAAAOmxvY2ExejTqAAAErAAAADhtYXhwACgAiQAAARgAAAAgbmFtZdgbJWoAABREAAACInBvc3RfcNsfAAAWaAAAAQwAAQAAAAEAAI3NugtfDzz1AAsEAAAAAADdaz5gAAAAAN4cLCwAAP+1BAADSwAAAAgAAgAAAAAAAAABAAADgP+AAFwEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAAgABAAAAGwCJAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOZe50UDgP+AAAAD3ACBAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAMAAAAsAAAABAAAANwAAQAAAAAB0AADAAEAAAAsAAMACgAAANwABACwAAAAKAAgAAQACOZg5mLmZOZo5m3mcuag5qfmquav5u7m+ucC5w3nKOc750HnQ+dF//8AAOZe5mLmZOZo5m3mcuag5qbmqeav5u7m+ecC5wvnKOc750HnQ+dF//8ZsBmvGa4ZqxmnGaMZdhlxGXAZUhkUGQoZAxj7GOEYzxjKGMkYyAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAD0AAAAAAAAABMAAOZeAADmYAAAAA4AAOZiAADmYgAAABEAAOZkAADmZAAAABIAAOZoAADmaAAAABMAAOZtAADmbQAAABQAAOZyAADmcgAAABUAAOagAADmoAAAABYAAOamAADmpwAAABcAAOapAADmqgAAABkAAOavAADmrwAAAAEAAObuAADm7gAAAAIAAOb5AADm+gAAAAMAAOcCAADnAgAAAAUAAOcLAADnDQAAAAYAAOcoAADnKAAAAAkAAOc7AADnOwAAAAoAAOdBAADnQQAAAAsAAOdDAADnQwAAAAwAAOdFAADnRQAAAA0AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEoAZADQAPwBHgGsAgACXgKMAsQDBANqBBwEQgRqBJIE/AVUBXoFuAYYBm4HHgdUB4AHsAACAAD/9QNVAwsAFwAvAAAlISIGFBYzIQcGFBYyPwE2NC8BJiIGFBcBITIWFAYjIRcWFAYiLwEmND8BNjIWFAcC+f3rDBERDAIRWAgRFwiGCgqICBgQCP3CAhUMEBAM/e9XCBAYCIYKCogJFxEJthEXEVcJFxEIhgodCogIERcIAWkRFxFXCRcRCYUKHQqICBAYCAAAAQAAAVoDNAGmAAwAAAEhIiY0NjMhMhYUBiMBwP5nEBcXEALmEBcXEAFaFiAWFiAWAAAAAAMAAP+5A44DRwAXACwAQQAAARcWBgcBBiIvAS4BPwE+AR8BFjY3JTYWATI3Njc2NCcmJyYiBwYHBhQXFhcWFyInJicmNDc2NzYyFxYXFhQHBgcGAtcIBQEF/r0IFQiNBQEEDQQOBXIEDgQBLQUO/vRsXVo1NjY1Wl3YXVo1NjY1Wl1sfGpnPD4+PGdq+GpnPD4+PGdqAiYHBQ0F/scHCIgFDQUQBQIDSgMBA+0EAf3INjVaXdhdWjU2NjVaXdhdWjU2OT48Z2r4amc8Pj48Z2r4amc8PgAAAAEAAP/mAzQDGgAbAAABERQGIiY1ESEiJjQ2MyERNDYyFhURITIWFAYjAcAWIBb+sxAXFxABTRYgFgFNEBcXEAFa/rMQFxcQAU0WIBYBTRAXFxD+sxYgFgABAAAAHgHJAtUADwAACQEGLgE1ETQ2MhcBHgEHBgG9/nIKFw4RFggBjgkDCAIBZP7BBwMRCgJ9DBAG/sEHFwkDAAAAAAQAAP+5A44DRwAUACkAVQBfAAAFIicmJyY0NzY3NjIXFhcWFAcGBwYDIgcGBwYUFxYXFjI3Njc2NCcmJyYHIgYdARQWMjY9ATQ3NjMyFhUUDwEGBwYHBhcxFBYyNj8BNjc2NzY3NjU0JgMiBwYUFjI2NCYBx2xdWjU2NjVaXdhdWjU2NjVaXWx8amc8Pj48Z2r4amc8Pj48Z2p1Rk8UGxQREisiJRELOA8JAgIBFBsRAgMDBQgRLAkYSkgUDA4aJxsZDjY1Wl3YXVo1NjY1Wl3YXVo1NgNVPjxnavhqZzw+PjxnavhqZzw+41BEAQ4TEw4BKhYbJiAYFgwxHBATCQYNFBIPDAwIEQ8lDB4uOEP+kg0MJxoaJxkAAAAAAQAA/9YCqwMrADgAABMeAQ8BDgEvBDUVPwQ2Mh4BDwIzMhcWFxYUBwYHBgchIiY0Nj8BITI3Njc2NCcuAScj2wgBBQQHFQgErQQCAQICA6sIGBABBQR66GBSUC8xLy1NT13+xgsRDQoFAS1RRUMnKSclg070Ac0HFQgEBwIGA60HBwgEBwUEA6wIEBQJBHouLU5PuE5MLi8DEBcPAgEmJkFCmEE/TgMAAQAA/7oDKAM6ADoAAAEXFhQPAQYuAT0BJgYHBgcGFxYXHgE3Njc2NzY/ATQ3PgEeAQcGBwYHBgcGJicmJyY3Njc+ARc1ND4BAeaqDQ2qCRUOSYo0NRofEBA3OapYVUNGHgoFAQEFGRoMBQUMJVNRZmrLRUMSFCUfPz2jVw4VAzRyCB4JcgYDEAtnBzIzNEdVWFZDRT0QDzg5VRobBAMEDQwKGQwgIWZEQxMTSlNQZ2pmVD49PAY6Cw8DAAABAAAAgAMeArkAFwAAEy4BPwE+AR8BFjY3ATYWHwEWBgcBBiInCQcCBhUGFQiyBxQHAdQIFgcLCAEI/gkMIQwBZwgVCBoIAwZ2BQEGAXwGAQYMCBUH/gkLDAAAAAMAAABHAxwCnAALABcAIwAAEyEyFhQGIyEiJjQ2FyEyFhQGIyEiJjQ2FyEyFhQGIyEiJjQ2MgK4FR0dFf1IFR0dFQK4FR0dFf1IFR0dFQK4FR0dFf1IFR0dApwdKR0dKR34HikdHSke+R0qHR0qHQADAAAA1QQAAisADAAZACYAACUiLgE0PgEyHgEUDgElIi4BND4BMh4BFA4BISIuATQ+ATIeARQOAQIALk8uLk9cTy4uTwFgHzQfHzQ+NB8fNPzFHzQfHzQ+NB8fNNUuT1xPLi5PXE8uOR80PjQfHzQ+NB8fND40Hx80PjQfAAAAAAQAAP+5A44DRwAUACkAOQBCAAAFMjc2NzY0JyYnJiIHBgcGFBcWFxYXIicmJyY0NzY3NjIXFhcWFAcGBwYDNDY7ATIWFQMUBisBIiYnFyImNDYyFhQGAcdsXVo1NjY1Wl3YXVo1NjY1Wl1sfGpnPD4+PGdq+GpnPD4+PGdqoQYEOwUGCQYEKgQGASARFxchGBgONjVaXdhdWjU2NjVaXdhdWjU2OT48Z2r4amc8Pj48Z2r4amc8PgK/BQYGBf6HBAYGBIIXIRgYIRcAAAQAAP+1A6oDSwArAFsAaAB1AAATFg4CBwYUFx4DBxYXPgEyFhc2NyY+Ajc2NCcuAzcmJw4BIiYnBiUeARcOAR4BNxYUByYOARYXDgEHLgEiBgcuASc+AS4BByY0NxY+ASYnPgE3HgEyNgMiDgEUHgEyPgE0LgEHMh4BFA4BIi4BND4BvgkIIzgiCQkiOCMICURYGEBGQBhYRAkIIzgiCQkiOCMICURYGEBGQBhYATdIfjERASA3HxYWHzcgARExfkgONkA2Dkh+MREBIDcfFhYfNyABETF+SA42QDZWLk8uLk9cTy4uTy4fNB8fND40Hx80Aq8hRT0pCSxcLAkpPUUhPxwZHBwZHD8hRT0pCSxcLAkpPUUhPxwZHBwZHF0QSTYaPzgeAUWSRQEeOD8aNkkQHCEhHBBJNho/OB4BRZJFAR44Pxo2SRAcISH+/C5PXE8uLk9cTy45HzQ+NB8fND40HwAAAQAAAI4DAQI7ABIAACUmJwEmNDYyFwkBNjIWFAcBDgEBdwwJ/qsNGSMNATgBOAwjGQz+qggVkQMIAVYNIxkM/sgBOAwZIw3+qggGAAEAAACyAwECXwASAAABFhcBFhQGIicJAQYiJjQ3AT4BAYoMCQFWDBkjDP7I/sgNIxkNAVUIFgJcAwj+qg0jGQwBOP7IDBkjDQFWCAYAAAAAAQAAAAEBrQMCABIAAAEGBwEGIiY0NwkBJjQ2MhcBHgEBqgMI/qoNIxkNATf+yQ0ZIw0BVggGAXgMCf6qDBkjDQE4ATcNIxkM/qoIFgAAAAADAAD/uQOOA0cAHQAyAEcAAAE1NDYzMTIWFQczMhYUBisBBxQGIiY9ASMiJjQ2MxMyNzY3NjQnJicmIgcGBwYUFxYXFhciJyYnJjQ3Njc2MhcWFxYUBwYHBgGrEAwMEAHJCxERC8kBEBcPyAsREQvkbF1aNTY2NVpd2F1aNTY2NVpdbHxqZzw+PjxnavhqZzw+PjxnagGcxwwREQzHEBgRyAsQEAvIERgQ/lY2NVpd2F1aNTY2NVpd2F1aNTY5PjxnavhqZzw+PjxnavhqZzw+AAAAAAQAAABHAuUCugAUACAALAA4AAABBwYiJjQ/ATY3Nh4CBxEUBiImNQEhMhYUBiMhIiY0NhchMhYUBiMhIiY0NhchMhYUBiMhIiY0NgKOQw0jGQyJCQ8LFRAGAhkjGf2dAXESGRkS/o8SGRkSAXESGRkS/o8SGRkSAXESGRkS/o8SGRkCJ0QMGSMNiAwEAgUQFAr96xIZGRICEBkjGRkjGeQZIxkZIxnjGSQZGSQZAAAAAQAAAAEBrAMCABIAABMmNjcBNjIWFAcJARYUBiInASYCAgYIAVUNIxkM/sgBOAwZIwz+qgkBeAoWCAFWDBkjDf7J/sgNIxkMAVYJAAIAAAAAAnMDAAAYACQAAAE2FwEWFAYiLwERFAYiJjURBwYiJjQ3ATYlMhYUBiMhIiY0NjMBOgwJARoIERcI6xEXEesIFxEIARoJASkMEREM/ccMEREMAoIBCf7mCBgQCOv9+QwQEAwCB+sIEBgIARoJfREXEREXEQAAAAAGAAAAKwLkAtUACAAUACAALAA1AD4AABMiJjQ2MhYUBjchMhYUBiMhIiY0NhMhMhYUBiMhIiY0NhMhMhYUBiMhIiY0NiciJjQ2MhYUBgMiJjQ2MhYUBjkXIiIvISGFAeMSGRkS/h0SGRkSAeMSGRkS/h0SGRkSAeMSGRkS/h0SGRmLFyIiLyEhGBciIi8hIQJkIS8hIS8hYxkjGRkjGf7kGSQZGSQZ/uMZIxkZIxm5ITAhITAh/uQhLyEhLyEAAAAEAAAARgMcArkAFAAgACwAOAAAJTc2MhYUDwEGBwYuAjcRNDYyFhUFITIWFAYjISImNDYXITIWFAYjISImNDYXITIWFAYjISImNDYCj0QMJBkNiQkPChYQBgIZIxn9nAFyEhkZEv6OEhkZEgFyEhkZEv6OEhkZEgFyEhkZEv6OEhkZ2UQMGSMNiAwEAgUQFAoCFRIZGRIMGSMZGSMZ5BkjGRkjGeMZJBkZJBkADAAA//IDHAMOAAUAFQAdACUALQA1AD8AVQBiAG8AfACIAAATMDEjNTM3IyIUMzEVFDsBMj0BMzA0BzAxNTQiHQEjMDE1NCIdATMwMzU0Ih0BJzMwNDEjIhQBFAYjISImNREhNyEiBhQWOwERFBYzITI2NREzMjY0JgMyNjURNCYiBhURFBYhMjY1ETQmIgYVERQWMzI2NRE0JiIGFREUFgMhMjY0JiMhIgYUFh4KCgINAQEBCgEBBAEEAQMBAQMHBwEClQEB/cwBAQI4Vv0cDBAQDB0iGQI0GSIdDBAQ8AwRERgQEP7wDBAQGBERmgwQEBgQELsBjgwREQz+cgwREQHDCgEBCgEBCgEJBQEBBQUBAQUFAQEFCgEB/l4BAQEBAjc4EBgQ/ckYIyMYAjcQGBD+ABEMARwMEREM/uQMEREMARwMEREM/uQMEREMARwMEREM/uQMEQI5ERgQEBgRAAEAAAAwAp0CzQAbAAAJARYUBiInCQEGIiY0NwkBJjQ2MhcJATYyFhQHAYsBBQ0ZJAz++v77DSMZDAEG/voMGSMNAQUBBgwkGQ0Bf/76DCQZDQEF/vsNGSQMAQYBBQ0jGQz++gEGDBkjDQAAAAMAAAFHAxwB1QAIABEAGgAAEzIWFAYiJjQ2ITIWFAYiJjQ2ITIWFAYiJjQ2Rx0qKjspKQFlHSoqOioqAWQeKSk7KioB1Sk7Kio7KSk7Kio7KSk7Kio7KQABAAD/uAKdA0cAGgAAATIWFRE3PgEXMRYUBwEOAScBJjQ+AR8BETQ2AU8SGdkMJA0NDP7nETAR/ucNGiMN2RoDRxoS/SzZDAENDSQM/uYQAREBGQ0kGQEN2QLUEhoAAAAAABIA3gABAAAAAAAAABMAAAABAAAAAAABAAkAEwABAAAAAAACAAcAHAABAAAAAAADAAkAEwABAAAAAAAEAAkAEwABAAAAAAAFAAsAIwABAAAAAAAGAAkAEwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQAAACYAbAADAAEECQABABIAoAADAAEECQACAA4AkgADAAEECQADABIAoAADAAEECQAEABIAoAADAAEECQAFABYAsgADAAEECQAGABIAoAADAAEECQAKAFYAyAADAAEECQALACYBHkNyZWF0ZWQgYnkgaWNvbmZvbnR2YW50LWljb25SZWd1bGFyVmVyc2lvbiAxLjBHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAdgBhAG4AdAAtAGkAYwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGwECAQMA7wEEAA4BBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYAKsBGQAIZXhjaGFuZ2UGcGFzc2VkBHBsYXkJcXVlc3Rpb25vBnJldm9rZQZyZXBsYXkHc3VjY2VzcwZ3YXBuYXYId2VhcHBuYXYId2FybmluZ28Ic2V0dGluZ28JYXJyb3dkb3duB2Fycm93dXAFYXJyb3cEYWRkbwlhc2NlbmRpbmcJYXJyb3dsZWZ0B2JhY2t0b3AEYmFycwpkZXNjZW5kaW5nB2RlbGV0ZW8FY3Jvc3MEZG93bgABAAAACgAwAD4AAkRGTFQADmxhdG4AGgAEAAAAAAAAAAEAAAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAA==') format('truetype');
}

.coolui-scroller-nav-item {
  width   : 100%;
  position: relative;
  z-index : 55;
}

.item-title {
  text-align     : center;
  font-size      : 28rpx;
  height         : 100rpx;
  display        : flex;
  justify-content: center;
  align-items    : center;
  color          : #333;
}

.item-title-inner {
  position     : relative;
  padding-right: 12px;
  max-width    : 4em;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

/* .item-title-inner::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid;
  border-color:  transparent transparent #dcdee0;
  right: 0px;
  bottom: 50%;
} */
.item-title-inner::after {
  content      : "";
  display      : block;
  position     : absolute;
  width        : 0;
  height       : 0;
  border       : 4px solid;
  border-color : #dcdee0 transparent transparent;
  right        : 0px;
  top          : 50%;
  /* margin-top: 5rpx; */
}

.item-title.sort .item-title-inner::after {
  margin-top: 7rpx;
}

.item-title.sort .item-title-inner::before {
  content      : "";
  display      : block;
  position     : absolute;
  width        : 0;
  height       : 0;
  border       : 4px solid;
  border-color : transparent transparent #dcdee0;
  right        : 0px;
  bottom       : 50%;
  margin-bottom: -2rpx;
}

.dropdown-menu {
  position      : absolute;
  left          : 0;
  width         : 100%;
  z-index       : 2;
  overflow      : hidden;
  pointer-events: none;
  /* visibility : hidden; */
}

.dropdown-menu.on {
  pointer-events: auto;
}

.dropdown-menu::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  display   : none;
  width     : 100%;
  height    : 1rpx;
  box-shadow: 0 0px 10px rgb(100 101 102);
  z-index   : 5;
}

.dropdown-menu.on::before {
  /* visibility: visible; */
  display: block;
}

.dropdown-menu-inner {
  background-color: #fff;
  transform       : translateY(-100%);
  transition      : transform 0.4s;
  /* opacity         : 0; */
}


.dropdown-menu-inner.on {
  transform    : translateY(0);
  /* transition: transform 0.4s; */
  /* opacity   : 1; */
}

.dropdown-menu-inner-scroll {
  max-height: 450rpx;
  overflow-y: scroll;
}

.option-item {
  line-height: 90rpx;
  padding    : 0 30rpx;
  font-size  : 28rpx;
}

.option-item.on {
  color          : #d13435;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

.option-item.on::after {
  font-family: 'cool-icon';
  content    : '\e728';
}

.action-bar {
  display  : flex;
  font-size: 28rpx;

}

.action-bar button {
  flex         : 1;
  border-radius: 0;
}

.action-bar button::after {
  /* display: none; */
  border-radius: 0;
}