.select {float:right;display: inline-block; position: relative; display: block; margin: 0 auto; width: 80%; max-width: 325px; color: #cccccc; vertical-align: middle; text-align: left; user-select: none; -webkit-touch-callout: none;}
.select .placeholder { position: relative; display: block; background-color: #393d41;  padding:0 10px; border-radius: 2px; cursor: pointer;}
.select .placeholder:hover { background: #34383c;}
.select .placeholder:after { position: absolute; right: 1em; top: 50%; transform: translateY(-50%);display:inline-block;content:" "; width:32px;height:32px;background:url(../images/d.png);}
.select.is-open .placeholder:after {display:inline-block;content:" "; width:32px;height:32px;background:url(../images/u.png);}
.select.is-open ul { display: block;}
.select.select--white .placeholder { background: #fff; color: #333;font-weight:600;}
.select.select--white .placeholder:hover { background: #fafafa;}
.select ul {height:300px;overflow:scroll;display: none; position: absolute; width: 100%; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100;}
.select ul li { display: block; text-align: left; padding: 0 10px;border-bottom:1px solid #eee; color: #999; cursor: pointer;}
.select ul li:hover { background: #4ebbf0; color: #fff;}