
/*-------------- VIPABC | Author by Mike Li  ---------------*/
/*                   v3.1 | 2014-10-22                      */
/*      Fotorama 4.6.2 | http://fotorama.io/license/        */
/*----------------------------------------------------------*/

/*------------ 右侧浮动层（立即体验） ----------*/
.dropdown{
	position: relative;
	width: 100%;
	/*border: 1px solid #ccc;*/
	cursor: pointer;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.dropdown-sex{
	float:left;
	width: 47%;
	margin-right:6%;
	
}
.dropdown-age{float:left;width: 47%;}
.selectric-wrap{
	float:left;
	width: 100%;
	height:auto;
	z-index:100;
	
}
/*------------ 右侧浮动层（立即体验） end ----------*/


/*------------ 立即体验弹出层 ----------*/
.HEF-dropdown-wrap .selectric{border: 1px solid #dcdcdc;}
.HEF-dropdown-wrap .selectric .label{
	padding:11px 6px 11px 10px;
}
.HEF-dropdown-wrap .selectric .button{width:38px;height:38px;}
/*--------- 立即体验弹出层 end ---------*/




/* 自定义单选组样式 */
.free-form-sex{float:right;width:100%;height:35px;}
.free-form-sex dt, .free-form-sex dd{float:left;}
.free-form-sex dt{margin:0 6px 0 10px;}
.free-form-sex dt{
	line-height:33px;
	color:#aaa;
	font-size:14px;
}
label.sex-wrap{
	display:block;
	width:100%;
	height:33px;
	line-height:33px;
	color:#bbb;
	font-size:14px;
	text-align:center;
	text-indent:0;
}
.radio_wrap{
	display: inline-block;
	width: 30px;
	height: 33px;
	line-height:33px;
	border:solid 1px #bfbfbf;
	color:#999;
	background-color:#fff;
	text-align:center;
}
.radio_on_wrap{color:#fff;background-color:#8e8f8f; border-color:#8e8f8f;}
.radio_on_wrap label.sex-wrap{color:#fff;}
.radio_wrap input{
	display:none;
	width: 100%;
	height:33px;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
	cursor: pointer;
	vertical-align: -4px;
}
/* 自定义单选组样式 end */

/* 下拉菜单样式 */

.select_wrap{
	float:right;
	position: relative;
	display: inline-block;
	width: 100%;
	/*height: 33px;*/
	line-height: 33px;
	/*border:solid 1px #bfbfbf;*/
	/*background-color: #fff;*/
	cursor: pointer;
	text-align:left;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	z-index:200;
}





.select_wrap:hover,.select_wrap:focus{
	color:#000;
	border-color:#999;
}

.select_wrap select{
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: none;
	cursor: pointer;
}
.select_list{
	display: none;
	position: absolute;
	/*display: inline-block;*/
	width: 100%;
	max-height: 350px;
	top: 33px;
	left: 0;
	z-index: 100;
	overflow-y:auto; 
	border: solid 1px #dcdcdc;
	border-top:none;
	overflow:auto;
}

.select_list dl, .select_list dl dt, .select_list dl dd{
	float: left;
	width: 100%;
	background-color: #fff; 
}
.select_list dl dt, .select_list dl dd{
	line-height: 27px;
	margin:0;
	padding:0;
	
	color: #666;
	font-size:13px;
}
.select_list dl dt{
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color: #dcdcdc;
	text-indent: 5px;
}

.select_list dl dd{
	text-indent: 20px;
}



.select_list dl dd.selected{
	color: #fff;
	background-color: #8e8f8f;
}
.select_list dl dd:hover{
	color: #fff;
	background-color: #8e8f8f;
}

.select_current{
	float: left;
	display:inline-block;
	width:100%;
	height:33px;
	text-indent:6px;
	*text-indent:6px;
	color:#999;
	font-size:14px;
	background:#fff;
}

.select_btn{
	position: absolute;
	display: inline-block;
	width: 31px;
	height: 31px;
	top: 0;
	right: 0;
	margin: 1px;
	color: #fff;
	background: #f75c5c url(../RwdImages/freeForm/form-arrow.png) no-repeat center center;
	cursor: pointer;
}

.select_btn_on{
	background: #f75c5c url(../RwdImages/freeForm/form-arrow-on.png) no-repeat center center;
}

/* 下拉菜单样式 end */


.fe-column-R .select_wrap{
	width:170px;
}

.HEF-content .select_current{
	height:40px;
	line-height:40px;
	border:solid 1px #e6e6e6;
}
.HEF-content .select_btn{
	width:38px;
	height:38px;
	top:1px;
}



@media all and (max-width:790px){
	
.free-experience-wrap .select_current{
	border:solid 1px #e6e6e6;
}
.free-experience-wrap .select_btn{top:1px;}
.fe-column-M .select_wrap ul{padding-top:0;}

	
}
@media all and (max-width:550px){


.select_wrap{height:42px;}
.select_current{
	height:40px;
	line-height:40px;
	/*border:solid 1px #e6e6e6;*/
}
.select_btn{
	width:38px;
	height:38px;
	top:1px;
}



}