@charset "utf-8";
.selectBox{ position: relative; color: #333;}
.selectBox .selectTxt{ width:158px; height: 38px; line-height: 38px; font-size: 18px; color: #fff; cursor: pointer; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;border-bottom: 1px solid #d7d7d7;}
.selectBox .selectTxt:after{display: none; pointer-events: none;content: ''; width: 13px; height: 100%; position: absolute; top: 0; right: 0;background: url(arrow.png) no-repeat right center;}
.selectBox .selectModel{ display: none; width: 498px; border: 1px solid #e9e9e9; position: absolute; top: 44px; left: 0; background: #fff;z-index: 10;}
.selectBox .selectModel .selectTop{padding-top: 21px; padding-left: 24px; position: relative;}
.selectBox .selectModel .selectTop input{ display: none;}
.selectBox .selectModel .selectTop .close{ width: 14px; height: 14px; background: url(close.png) no-repeat center center; cursor: pointer; padding: 10px; position: absolute; top: 5px; right: 0;}
.selectBox .selectModel ul{ max-height: 204px; padding: 17px 0 4px 0; overflow: auto;}
.selectBox .selectModel ul li{ width: 72px; padding-left: 24px; margin-bottom: 16px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.selectBox .selectModel label{ height: 12px; overflow: hidden; font-size: 14px; padding-left: 22px; cursor: pointer; position: relative;}
.selectBox .selectModel label:before{ content: ""; width: 14px; height: 14px; background: url(checkbox.png) no-repeat right 0; position: absolute; left: 0; top: 2px;}
.selectBox .selectModel label.check{ color: #da6035;}
.selectBox .selectModel label.check:before{ background-position: left 0;}
.selectBox .selectModel label input{ width: 0; position: absolute; right: 1000px;}

.selectBox-1 .selectModel{ width: 290px;}
.selectBox-1 .selectModel ul li{ width: auto; display: block; padding: 0 20px; float: inherit;}