/* -------------------------------- Form-------------------------------- */.cd-form {width:90%;max-width:600px;margin:0px auto;}
.cd-form::after {clear:both;content:"";display:table;}
/*.cd-form fieldset {margin:24px 0;}
*/.cd-form legend {padding-bottom:10px;margin-bottom:20px;font-size:20px;border-bottom:1px solid #ecf0f1;}
.cd-form div {/* form element wrapper */  position:relative;margin:20px auto;height: auto;overflow: hidden;}
.cd-form h4,.cd-form .cd-label {font-size:13px;color:#94aab0;margin-bottom:10px;}
.cd-form .cd-label {display:block;}
.cd-form input,.cd-form textarea,.cd-form select,.cd-form label {font-family:"Microsoft YaHei","黑体","宋体",sans-serif;font-size:16px;color:#2b3e51;}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="phone"],.cd-form textarea,.cd-form select,.cd-form legend {display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="phone"],.cd-form textarea,.cd-form select {/* general style for input elements */  padding:12px;border:1px solid #cfd9db;background-color:#ffffff;border-radius:.25em;box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);}
.cd-form input[type="text"]:focus,.cd-form input[type="email"]:focus,.cd-form input[type="phone"]:focus,.cd-form textarea:focus,.cd-form select:focus {outline:none;border-color:#e83928;box-shadow:0 0 5px rgba(44,151,222,0.2);}
.cd-form .cd-select {/* select element wapper */  position:relative;}
.cd-form .cd-select::after {/* arrow icon for select element */  content:'';position:absolute;z-index:1;right:16px;top:50%;margin-top:-8px;display:block;width:16px;height:16px;background:url("../svg/cd-icon-arrow.svg") no-repeat center center;pointer-events:none;}
.cd-form select {box-shadow:0 1px 3px rgba(0,0,0,0.08);cursor:pointer;}
.cd-form select::-ms-expand {display:none;}
.cd-form .cd-form-list {margin-top:16px;}
.cd-form .cd-form-list li {/* wrapper for radio and checkbox input types */  display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 20px 16px 0;}
.cd-form input[type=radio],.cd-form input[type=checkbox] {/* hide original check and radio buttons */  position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;opacity:0;z-index:2;}
.cd-form input[type="radio"] + label,.cd-form input[type="checkbox"] + label {padding-left:24px;}
.cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after {/* custom radio and check boxes */  content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;}
.cd-form input[type="radio"] + label::before,.cd-form input[type="checkbox"] + label::before {border:1px solid #cfd9db;background:#ffffff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.08);}
.cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after {border-radius:50%;}
.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after {border-radius:.25em;}
.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::after {background-color:#2c97de;background-position:center center;background-repeat:no-repeat;box-shadow:0 0 5px rgba(44,151,222,0.4);display:none;}
.cd-form input[type="radio"] + label::after {/* custom image for radio button */  background-image:url("../svg/cd-icon-radio.svg");}
.cd-form input[type="checkbox"] + label::after {/* custom image for checkbox */  background-image:url("../svg/cd-icon-check.svg");}
.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::after {display:block;}
.cd-form input[type="radio"]:checked + label::before,.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::before,.cd-form input[type="checkbox"]:checked + label::after {-webkit-animation:cd-bounce 0.3s;-moz-animation:cd-bounce 0.3s;animation:cd-bounce 0.3s;}
.cd-form textarea {min-height:150px;resize:vertical;overflow:auto;}
.cd-form input[type="submit"] {/* button style */  border:none;background:#e83928;border-radius:.25em;padding:16px 30px;color:#ffffff;cursor:pointer; margin-top:30px; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.no-touch .cd-form input[type="submit"]:hover {background:#e83928;}
.cd-form input[type="submit"]:focus {outline:none;background:#e83928;}
.cd-form input[type="submit"]:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9);}
.cd-form .required {background:url("../svg/cd-required.svg") no-repeat top right;}
.cd-form .error-message p {background:#e83928;Letter-spacing:1px;color:#ffffff;font-size:14px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:.25em;padding:16px;}
.cd-form .error {border-color:#e83928 !important;}


.cd-form input[type="text"].code { width:50%; float:left; }
.yzm img { float:left; border:1px solid #f3efef; width:156px; height:52px; margin-left:5px;}
.error-message { display:none;}
@media only screen and (min-width:600px) {.cd-form div {/* form element wrapper */    margin:32px 0;}
.cd-form legend + div {/* reduce margin-top for first form element after the legend */    margin-top:20px;}
.cd-form h4,.cd-form .cd-label {font-size:14px;margin-bottom:10px;}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="phone"],.cd-form textarea,.cd-form select {padding:16px; line-height:20px;}
}
@-webkit-keyframes cd-bounce {0%,100% {-webkit-transform:scale(1);}
50% {-webkit-transform:scale(0.8);}
}
@-moz-keyframes cd-bounce {0%,100% {-moz-transform:scale(1);}
50% {-moz-transform:scale(0.8);}
}
@keyframes cd-bounce {0%,100% {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
50% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
}
/* -------------------------------- Custom icons-------------------------------- */.cd-form .icon input,.cd-form .icon select,.cd-form .icon textarea {padding-left:54px !important;}
.cd-form .user {background:url("../svg/cd-icon-user.svg") no-repeat 16px center;}
.cd-form .required.user {background:url("../svg/cd-icon-user.svg") no-repeat 16px center,url("../svg/cd-required.svg") no-repeat top right;}
.cd-form .company {background:url("../svg/cd-icon-company.svg") no-repeat 16px center;}
.cd-form .required.company {background:url("../svg/cd-icon-company.svg") no-repeat 16px center,url("../svg/cd-required.svg") no-repeat top right;}
.cd-form .email {background:url("../svg/cd-icon-email.svg") no-repeat 16px center;}
.cd-form .required.email {background:url("../svg/cd-icon-email.svg") no-repeat 16px center,url("../svg/cd-required.svg") no-repeat top right;width:50%;float:left;}
.cd-form .phone {background:url("../svg/phone.svg") no-repeat 16px center;}
.cd-form .required.phone {background:url("../svg/phone.svg") no-repeat 16px center,url("../svg/cd-required.svg") no-repeat top right;}
.cd-form .code {background:url("../svg/yzm.svg") no-repeat 16px center;}
.cd-form .required.code {background:url("../svg/yzm.svg") no-repeat 16px center,url("../svg/cd-required.svg") no-repeat top right;}
.cd-form .budget {background:url("../svg/cd-icon-budget.svg") no-repeat 16px center;}
.cd-form .message {background:url("../svg/cd-icon-message.svg") no-repeat 16px 16px;}
.cd-form .required.message {background:url("../svg/cd-icon-message.svg") no-repeat 16px 16px,url("../svg/cd-required.svg") no-repeat top right;}
/* -------------------------------- FLoating labels -------------------------------- */.js .floating-labels div {margin:28px 0;}
.js .floating-labels .cd-label {position:absolute;top:16px;left:16px;font-size:16px;cursor:text;-webkit-transition:top 0.2s,left 0.2s,font-size 0.2s;-moz-transition:top 0.2s,left 0.2s,font-size 0.2s;transition:top 0.2s,left 0.2s,font-size 0.2s;}
.js .floating-labels .icon .cd-label {left:56px;}
.js .floating-labels .cd-label.float {/* move label out the input field */  font-size:12px;top:-16px;left:0 !important;}
@media only screen and (min-width:600px) {.js .floating-labels legend + div {margin-top:16px;}
.js .floating-labels .cd-label {top:20px;}
}
@media screen and (max-width:600px) {
	.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="phone"],.cd-form textarea,.cd-form select {padding:10px;}
	.cd-form input[type="text"].code {
   	 max-width: 150px;
	}
	.cd-form div {margin: 10px auto;}
	.yzm img { height:42px;width: 120px;}
	.cd-form .error-message p {
    	padding: 10px;
	}
	.cd-form input[type="submit"] {
    	padding: 10px 20px;
	}
}
