.mselect{position: relative; width: 100%; height: 35px; font: 14px 'UbuntuRegular'; color: #333333; border: 1px solid #00ad5d; box-sizing: border-box;}
.mselect__text{height: 100%; padding: 0 10px; line-height: 35px; background: #fff; cursor: pointer;}
.mselect__arrow{position: absolute; top: -1px; right: -1px; width: 35px; height: 35px; background: url(/images/tpl/select-arrow.png) center center no-repeat; cursor: pointer; box-sizing: border-box; pointer-events: none;}
.mselect--open .mselect__arrow{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.mselect__list{display: none; border: 1px solid #00ad5d;/* border-radius: 0 0 5px 5px;*/ background: white; position: absolute; left: -1px; top: 33px; width: 100%; box-sizing: content-box; z-index: 1000;}
.mselect__list--overflow{max-height: 280px; overflow-y: scroll;}
.mselect__option{position: relative; height: 28px; line-height: 28px; padding: 0 5px; cursor: pointer;}
.mselect__option:hover{background: #4ba9fc; color: white;}
.mselect__option a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}