.select {
  display: block;
  max-width: 360px;
  width: 100%;
  position: relative;
}
.new-select {
  position: relative;
  border: 1px solid #E4E5E6;
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
  user-select: none;
  height: 50px;
  background: #F8F9FA;
}

.new-select__list {
  position: absolute;
  top: 55px;
  left: 0;
  border: 1px solid #ced4da;
  cursor: pointer;
  width: 100%;
  z-index: 2;
  background: #fff;
  user-select: none;
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
}

.new-select__list
{
  scrollbar-width: thin;
}

.new-select__list::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.new-select__list::-webkit-scrollbar-track {

}
.new-select__list::-webkit-scrollbar-thumb {

}

.new-select__list.on {
  display: block;
}

.new-select__item span {
  display: block;
  padding: 10px 15px;
}

.new-select__item span:hover {
  color: #0099DA;
}

.new-select:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 9px;
  top: 12px;
  background: url('../images/ico/arrowDown.svg') no-repeat center center;
  opacity: 0.6;

  -webkit-transition: all .27s ease-in-out;
      -o-transition: all .27s ease-in-out;
          transition: all .27s ease-in-out;

  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}

.new-select.on:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}