/***********************
模块名：select

************************/

/*原生下拉选择*/
.sel{width:200px;height:24px;border: 1px solid #e6e6e6;padding:3px 8px;}


/*模拟下拉框*/
.tui-select { min-width:60px; position: relative; cursor: pointer;min-height: 28px;}
.tui-select,.tui-select .dropdown-toggle {position: relative;display: block;box-sizing: border-box;}
.tui-select .dropdown-toggle {width: 100%;border:1px solid rgba(0, 0, 0, 0.3);border-radius:2px;color:#333;
  position: relative;height: 24px;padding:2px 20px 1px 8px;text-align: left;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;font-size: 13px;}
.tui-select .dropdown-toggle span{margin-right:16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tui-select .dropdown-toggle:before{content: "";width:18px;height:20px; position: absolute;top: 1px;right:1px;z-index: 2;}
.tui-select .dropdown-toggle:hover:before{background: #e8e8e8}
.tui-select .dropdown-toggle:after{content: ""; width: 8px;height: 4px; position: absolute;top: 9px;right:5px;z-index: 2;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAS0lEQVQImWXMwQ2AIABD0Sf7GCZxAEfQxHV0D06uwJG4CzcSL3DRXpr2N53iHE9s/rrKU/aAA+kDU+8FNKzIHeae2xhAxYK7ex1XL+3lDsLeHSs4AAAAAElFTkSuQmCC") no-repeat; background-size: 8px 4px;}

/*下拉框菜单*/
.tui-select .dropdown-menu {width:100%; border: 1px solid #b2b2b2;max-height: 124px;
  overflow: hidden;overflow-y:auto;position: absolute;top:23px;animation:dropdown 0.4s;
  background: #fff;z-index: 20;border-radius: 3px;margin-top:4px; display:none;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .2);

}
.tui-select .dropdown-menu ul { position: relative; width: 100%; clear: both;
  overflow: hidden;
  margin: 0;padding: 0;}
.tui-select .dropdown-menu li { height: 30px; display: block; margin-top: -1px;padding:0 10px;width:100%; }
.tui-select .dropdown-menu li a {display: block;height: 30px;color: #333;line-height: 30px;
  font-size: 13px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  text-decoration: none;}
.tui-select .dropdown-menu li:hover{ background:#f0f0f0;   -webkit-transition: background ease-in-out .3s}

/*展开交互*/
.tui-select.cur .dropdown-toggle,.tui-select.open .dropdown-toggle{border:1px solid rgba(0, 0, 0, 0.8);}
.tui-select.cur .dropdown-menu,.tui-select.open .dropdown-menu{display: block;}
.tui-select.cur .dropdown-toggle:before,tui-select.open .dropdown-toggle:before{background: #e8e8e8}
.tui-select .dropdown-menu .menu-cur{background:#f0f0f0;}


/*禁用态*/
.tui-select.disabled .dropdown-toggle{border-color: rgba(0,0,0,0.1);background-color: rgba(0,0,0,0.04);color:#adadad;}
.tui-select.disabled  .dropdown-toggle:hover:before{background: transparent;}
.tui-select.disabled{cursor: default;}
.tui-select.disabled.open .dropdown-menu,.tui-select.disabled.cur .dropdown-menu{display: none;}



@keyframes dropdown{from {transform: scale(1,0); transform-origin: 0 0;-webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;  }to {transform: scale(1,1);transform-origin: 0 0;-moz-transform-origin: 0 0;  }}