/** * selectFilter --v1.0 * **/
*{margin: 0;padding: 0;box-sizing: border-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 35px 0 15px;background: #fff;border: 1px solid #e6e6e6;border-radius:8px;}
.filter-text input{font-size: 16px;}
.filter-text .filter-title{width: 100%;height: 50px;line-height: 48px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;}
.filter-list{display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 16px;position: absolute;top: 50px;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;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.filter-list li:hover{background-color: #f2f2f2;}
.filter-list li.filter-selected{background-color: #E67F2C;}
.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;}
.filter-text .icon{position: absolute;}
.filter-text .icon-filter-arrow{width:14px;height:14px;background-repeat: no-repeat;/*background-image: url(../images/icon_arrow_down_x2.png);*/background-size: 100%;right: 20px;top: calc(50% - 7px);transition: all .2s;}
.filter-text .icon-filter-arrow img{max-width:100%;display: block;}
.filter-text .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;}