.wi-select{cursor:pointer;width:auto;margin:10px 0 15px;position:relative;overflow:hidden}.wi-select:after{content:"";z-index:9;border-bottom:1px solid #777;border-right:1px solid #777;width:6px;height:6px;margin-top:-3px;-webkit-transition:-webkit-transform .2s,transform .2s;transition:-webkit-transform .2s,transform .2s;display:block;position:absolute;top:50%;left:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wi-select>span{z-index:9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-indent:10px;background-color:#fff;border:1px solid #e7e7e7;padding:8px 0;display:block;position:relative}.wi-select>ul{opacity:0;z-index:10;background-color:#fff;border:0;border-left:1px solid #dfe5e8;border-right:1px solid #dfe5e8;width:100%;margin:0;padding:0;list-style:none;-webkit-transition:opacity .3s;transition:opacity .3s;position:absolute}.wi-select>ul>li{color:#757575;height:36px;padding:0 15px 0 30px;line-height:36px;display:block;margin:0!important}.wi-select>ul>li:last-child{border-bottom:1px solid #dfe5e8}.wi-select>ul>li:hover{background-color:#f0f1f2}.wi-select>ul>li.selected{color:#111}.wi-select.active{overflow:visible}.wi-select.active:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.wi-select.active>span{background-color:#f0f1f2}.wi-select.active>ul{opacity:1}