@charset "utf-8";
/* CSS Document */
.sod_select { box-sizing: border-box;  position: relative;  text-transform: uppercase; width: 100%; height: 100%; cursor: pointer; background: #fff;} /*下拉框边框*/
.sod_select:before{	content: ""; position: absolute; top: 0; right: 20px; width: 15px; height: 100%; background:url("../images/select_ico.png") center no-repeat;}/*箭头*/
.sod_select.open:before{ transform: rotate(180deg)}
.sod_select .sod_label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;	padding:12px 20px; font-size: 16px;} /*下拉框文字*/

/*下拉列表*/
.sod_select .sod_list {	position: absolute;	top: 100%; left: 1px; display: none; width: 100%; background: #fff; border: 1px solid #000;  margin: 0 -2px; z-index: 1;} /**/
.sod_select .sod_list ul{ max-height: 210px; overflow-y: auto;}
.sod_select .sod_list li{list-style: none; padding: 10px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; overflow: hidden;}
.sod_select .sod_list li:hover{background: #0078d7; color: #fff;}
.sod_select.open .sod_list{display: block;}
.sod_select select{display: none!important;}
.sod_select.touch select{ -webkit-appearance: menulist-button; position: absolute;  top: 0; left: 0;  display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}


@media screen and (max-width:758px) {
	.sod_select .sod_label{font-size: 14px; padding: 10px 15px;}
	.sod_select:before{right: 15px;}
}