input, textarea, select {border: 1px solid #ddd;} 

	.hide{ display:block !important}
 button { outline:0; font-size: 12px; padding:0 40px; background:#985ea8; border:none; color:#fff; }
	@media screen and (min-width:960px){.item .width { width:280px } } /*最小960 */
@media only screen and (max-width: 959px) {.item .width { width:85% }   }  /*最大是959*/

input,select,textarea,button { outline:0; font-size: 12px;   }
			.form { border:1px solid #DDD; font-size:12px; padding:0 20px; overflow:hidden;  }
			.item { padding:20px 0; border-bottom:1px solid #EEE; line-height:38px; }
			.item span { display:inline-block; vertical-align:top; width:70px }
			.item select { width:50%; }
		
			
			.inElement { display:inline-block; _zoom:1; *display:inline; }
			.inElement label { transition:all .5s; }
			.inElement label:focus { background:#eee; }
			.inRadio label { display:block; background:url(bg/form-radio-check-normal.png) no-repeat left center; padding-left:22px; cursor:pointer; }
			.inRadio label.hover { background-image:url(bg/form-radio-checke-hover.png); }
			.inRadio label.checked { background-image:url(bg/form-radio-checked-normal.png); }
			.inRadio label.focus { background-image:url(bg/form-radio-checked-hover.png); }
			.inRadio label.full { background-image:url(bg/form-radio-full.png); }
			.inRadio label.disabled { background-image:url(bg/form-radio-disabled.png); color:#999; cursor:not-allowed; }
			.inRadio.checked label.hover { background-image:url(bg/form-radio-checked-hover.png); }
			.inRadio.checked label.focus { background-image:url(bg/form-radio-checked-hover.png); }
			.inCheckbox label { display:block; background:url(bg/form-check-check-normal.png) no-repeat left center; padding-left:22px; cursor:pointer; }
			.inCheckbox label.hover { background-image:url(bg/form-check-check-hover.png); }
			.inCheckbox label.checked { background-image:url(bg/form-check-checked-normal.png); }
			.inCheckbox label.focus { background-image:url(bg/form-check-check-hover.png); }
			.inCheckbox label.full { background-image:url(bg/form-check-full.png); }
			.inCheckbox label.disabled { background-image:url(bg/form-check-disabled.png); color:#999; cursor:not-allowed; }
			.inCheckbox.checked label.hover { background-image:url(bg/form-check-checked-hover.png); }
			.inCheckbox.checked label.focus { background-image:url(bg/form-check-checked-hover.png); }
			.inText label { display:block; _zoom:1; *display:inline; border:1px solid #DDD; }
			.inText label.hover { border-color:#1E5EBF; }
			.inText label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
			.inText input { border:0; margin:0; padding:10px; box-sizing:border-box; }
			.inTextarea label { display:block; border:1px solid #DDD; }
			.inTextarea label.hover { border-color:#1E5EBF; }
			.inTextarea label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
			.inTextarea label textarea { border:0; margin:0; padding:10px; box-sizing:border-box; }
			.inSelect label { display:block; width:100%; border:1px solid #DDD; font-weight:normal; color:#353535; vertical-align:top; overflow:hidden;  margin:0; padding:0; z-index:2; position:relative; box-sizing:border-box; }
			.inSelect label span,
			.inSelect label em { height:36px; line-height:36px; display:inline-block; vertical-align:top;}
			.inSelect label span { float:left; padding:0 10px; left:0; }
			.inSelect label em { float:right; width:30px; background:url(bg/form-select-arrow-down.png) no-repeat center center; transition:all .5s; }
			.inSelect label em.open { background-image:url(bg/form-select-arrow-up.png); }
			.inSelect label.hover { border-color:#1E5EBF; }
			.inSelect label.hover em { background-image:url(bg/form-select-arrow-down-on.png); }
			.inSelect label.hover em.open { background-image:url(bg/form-select-arrow-up-on.png); }
			.inSelect label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
			.inSelect label.focus em { background-image:url(bg/form-select-arrow-down-on.png); }
			.inSelect label.focus em.open { background-image:url(bg/form-select-arrow-up-on.png); }
			.inSelect label.disabled { background:#F5F5F5; color:#999; cursor:not-allowed; }
			.inSelect .dropbox { width:100%; margin:0; padding:0; border:1px solid #DDD; clear:both; background:#FFF; z-index:1; left:0; box-sizing:border-box; border-top:0; z-index:-1; }
			.inSelect .dropbox .listbox dl,
			.inSelect .dropbox .listbox .option,
			.inSelect .dropbox .listbox .optgroup { list-style:none; margin:0; padding:0;}
			.inSelect .dropbox .listbox .option a,
			.inSelect .dropbox .listbox .optgroup a { display:block; text-decoration:none; color:#353535; margin:0px; cursor:default; }
			.inSelect .dropbox .listbox .option a span,
			.inSelect .dropbox .listbox .optgroup a span { display:block; margin-left:10px; line-height:25px; }
			.inSelect .dropbox .listbox .optgroup dt a { color:#000; font-weight:bold; margin:0px; }
			.inSelect .dropbox .listbox .selected { background-color:#F3F3F3; }
			.inSelect .dropbox .listbox .hover a { background-color:#1E5EBF; color:#FFF; }
			.inSelect .dropbox .listbox .option a:hover { background-color:#1E5EBF; color:#FFF; }
			.inSelect .dropbox .listbox .option a:hover span.selected { background-color:#1E5EBF; color:#FFF; }
			.inSelect .dropbox .listbox dd.disabled a { background-color:#FFF; color:#999; cursor:not-allowed; }
			.inSelect .dropbox .listbox dd.disabled a:hover { background-color:#FFF; color:#999; }
			.inSelect .dropbox .listbox dd.disabled a span.selected { background-color:#FFF; }
			.inSelect .dropbox .listbox dd.disabled a:hover span.selected { background-color:#FFF; color:#999; }
			.inSelect .dropbox .listbox dd.option { overflow:hidden; }
			.inSelect .dropbox .listbox dd.option a span { display:inline-block; }
			.inSelect .dropbox .listbox dd .option a span { margin-left:20px; }
			.inSelect .dropbox .multiple dd.option a span { background:url(bg/form-select-check-normal.png) no-repeat left center; padding-left:22px; }
			.inSelect .dropbox .multiple dd.option a:hover span { background-image:url(bg/form-select-check-hover.png); }
			.inSelect .dropbox .multiple dd.selected a span { background-image:url(bg/form-select-checked-normal.png); }
			.inSelect .dropbox .multiple dd.selected a:hover span { background-image:url(bg/form-select-checked-hover.png); }
			.inSelect .dropbox .multiple dd.disabled a span { background-image:url(bg/form-select-check-disabled.png); }
			.inSelect .dropbox .multiple dd.disabled a:hover span { background-image:url(bg/form-select-check-disabled.png); }
			.inSelect .dropbox .multiple dd.disabled a span.selected { background-image:url(bg/form-select-checked-disabled.png); }
			.inSelect .dropbox .multiple dd.disabled dt a span { background-image:none; }
			.inSelect .dropbox .multiple dd.disabled dt a:hover span { background-image:none; }