/******自定义下拉******/

.selectSelf{ position: relative; }
.selectSelf .selectWord{ position: relative; cursor: pointer; border: solid 1px #f0f0f0; padding-left:12px; padding-right:35px; line-height:46px; font-size: 14px; color:#777777; }
.selectSelf .selectWord::after{ position: absolute; top:50%; right:18px; margin-top:-2px; background-color:transparent; background-position:99px 99px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #cccccc; }
.selectSelf .selectWord.icons_Type_1{ padding-right:30px; }
.selectSelf .selectWord.icons_Type_1::after{ right: 9px; border:0 none; width:12px; height: 8px; margin-top:-4px; background-position:-198px 1px; }
.selectSelf .selectList{ display: none; position: absolute; left:0; width:100%; max-height:211px; overflow-y:auto; background-color:#fff; border:1px solid #f27c01; }
.selectSelf .selectList li{ cursor: pointer; padding-left:12px; padding-right:12px; padding-top:7px; padding-bottom:7px; line-height:20px; font-size: 14px; color:#888; }
.selectSelf .selectList li+li{ border-top:0px solid #f27c01; }
.selectSelf .selectList li.on,
.selectSelf .selectList li:hover{ background:#f27c01; color:#fff; }
.selectSelf.on{ z-index:2; }
.selectSelf.on .selectList{ display: block; }
.selectSelf.on .selectWord::after,
.selectSelf .selectWord:hover::after{ border-top-color:#f27c01; }
.selectSelf.on .selectWord,
.selectSelf .selectWord:hover{ color:#f27c01; }