/***  ====select start=====  ***/
.h-select-controls {
  position: relative;
  box-sizing: border-box;
  width: 240px;
  height: 40px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 41px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,1);
  outline: none;
  /*top: -1px;*/
}

.h-select-controls:hover {
  border-color: #1db887;
}

.h-select-controls .h-select-controls-arrow {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/arrow-down.png") no-repeat center center;
  background-size: 12px auto;
  transform: rotateZ(0);
}

.h-select-controls .h-select-controls-title-wrap {
  padding: 0 30px 0 10px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}

.h-select-controls .h-select-controls-title {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 8px;
  line-height: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

.h-select-controls.h-select-disabled .h-select-controls-title {
  cursor: not-allowed;
}

.h-select-controls  .h-select-controls-title:focus {
  outline: none;
}

.h-select-controls .arrow-up {
  background-position: 0 -16px;
}

.h-select-controls .arrow-up:hover {
  background-position: 0 -48px;
}

.h-select-controls .h-select-controls-content {
  position: absolute;
  top: 39px;
  left: -1px;
  z-index: 100;
  width: 240px;
  overflow: auto;
  background: #fff;
  border: 1px solid #e4e7ed;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  max-height: 200px;
  /* IE滚动条 */
  scrollbar-arrow-color: #e1e1e3; /*  *//* 三角箭头的颜色 */
  scrollbar-face-color: #e1e1e3; /*  *//* 立体滚动条的颜色 */
  scrollbar-3dlight-color: #fff; /*  *//* 立体滚动条亮边的颜色 */
  scrollbar-highlight-color: #fff; /*  *//* 滚动条空白部分的颜色 */
  scrollbar-shadow-color: #ffff; /*  *//* 立体滚动条阴影的颜色 */
  scrollbar-darkshadow-color: #fff; /*  *//* 立体滚动条强阴影的颜色 */
  scrollbar-track-color: #fff; /*  *//* 立体滚动条背景颜色 */
  scrollbar-base-color: #e1e1e3; /*  *//* 滚动条的基本颜色 */
}

.h-select-controls .h-select-controls-content::-webkit-scrollbar {/* 滚动条整体样式 */
  width: 4px;     /* 高宽分别对应横竖滚动条的尺寸 */
  height: 1px;
}

.h-select-controls .h-select-controls-content::-webkit-scrollbar-thumb {/* 滚动条里面小方块 */
  background: #e1e1e3;
  border-radius: 2px;
  cursor: pointer;
}

.h-select-controls .h-select-controls-content::-webkit-scrollbar-track {/* 滚动条里面轨道 */
  background: #fff;
  border-radius: 2px;
}


.h-select-controls .h-select-controls-content li {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.h-select-controls .h-select-controls-content li a {
  display: block;
  padding: 0 10px;
  color: #595959;
  text-decoration: none;
}

.h-select-controls .h-select-controls-content li a:hover {
  background-color: #f2f4f5;
  cursor: pointer;
  font-weight: 400;
}

.h-select-controls .h-select-controls-content li.current a {
  background-color: #d9f4ee;
}

.h-select-controls .h-select-controls-content li.h-select-controls-item-disabled a {
  color: #ccc;
}

.h-select-controls .h-select-controls-content li.h-select-controls-item-disabled a:hover {
  background-color: transparent;
  cursor: not-allowed;
}

/* 选中 */
.h-select-controls.h-select-open {
  color: #00ab7a;
  border-color: #00ab7a;
}

.h-select-controls.h-select-open .h-select-controls-arrow {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.h-select-controls.h-select-open .h-select-controls-content {
  display: block;
}

/* disabled */
.h-select-controls.h-select-disabled,
.h-select-controls.h-select-disabled:hover {
  color: #8c8c8c;
  background-color: #f5f5f5;
  border-color: #e6e6e6;
  cursor: not-allowed;
}

.h-select-controls.h-select-disabled:hover .h-select-controls-arrow {
  background-position: 0 0;
}

.h-select-controls.h-select-disabled:hover .h-select-controls-title-wrap {
  cursor: not-allowed;
}

/***  ====select end=====  ***/