/** * selectFilter --v1.0 * **/
.filter-box *{margin: 0;padding: 0;box-sizing: border-box;}
.filter-box li{list-style: none;}
.filter-disabled{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.filter-box{position: relative;}
.filter-box select{display: none;}
.filter-text{height: 100%;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff;}
.filter-text input{font-size: 14px;}
.filter-text .filter-title{width: 100%;height: 50px;line-height: 50px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;font-size:18px;color:#757575;text-indent:24px;}
.filter-list{display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 14px;position: absolute;top: 42px;left: 0;z-index: 99;border: 1px solid #e6e6e6;overflow: auto;}
.filter-list li.filter-null a{color: #d2d2d2;}
.filter-list li a{display: block;padding: 0 10px 0 32px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.filter-list li:hover{background-color: #058ac8;color:#fff;}
.filter-list li:hover a{color:#fff}
.filter-list li.filter-selected{background-color: #058ac8;}
.filter-list li.filter-selected a{display: block;color: #fff;}
.filter-list li.filter-disabled{background-color: #fff;}
.filter-list li.filter-disabled a{display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a{cursor: not-allowed!important;background-color: #fff;}
.icon{position: absolute;}
.icon-filter-arrow{width: 8px;height: 6px;background-repeat: no-repeat;background-image: url(i_down.png);background-size: 100%;right: 10px;top: 23px;transition: all .2s;}
.icon-filter-arrow.filter-show{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar{width: 4px;height: 4px;}
.filter-list::-webkit-scrollbar-track{background: #fff;}
.filter-list::-webkit-scrollbar-thumb{background: #CBCBCB;}