@charset "utf-8";
html,body,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
header, footer, nav, section, article, aside, dialog, figure, figcaption, menu { display:block }
address,caption,cite,code,em,th{font-style:normal; font-weight:normal;}
canvas{display:block;vertical-align:bottom}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font: 14px/1.8 "Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"\5B8B\4F53"; color:#333; -webkit-font-smoothing:antialiased;  background:#F6F6F6; }
h1,h2,h3,h4,h5,h6,em,i{font-weight:normal; margin:0; padding:0}
ul,ol,dl{list-style-type:none}
p{word-wrap:break-word;}
i,b{ font-style:normal}
a{text-decoration:none; cursor:pointer; color:#404040; transition:all 0.2s ease-in}
a:not(.btn):hover{ color: #e60021;}
a:hover,a:active,a:focus{text-decoration:underline;outline:none}
a img,img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;}
img{border:0;vertical-align:middle; display: inline-block;}
::-webkit-input-placeholder{ color:#b4b4b4;}  :-moz-placeholder{ color:#b4b4b4;}  ::-moz-placeholder{ color:#b4b4b4;} :-ms-input-placeholder{ color:#b4b4b4;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],input[type='reset'],select.select{  -webkit-appearance: none;  -webkit-tap-highlight-color:rgba(0,0,0,0);  }
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow:visible;vertical-align:-2px;outline:none}
.cl:after,.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cl,.clearfix{zoom:1}

.radius{ border-radius:4px; overflow:hidden;}
.img100{ max-width: 100%;}
.text-c{text-align:center}
.text-r{text-align:right}
.text-l{text-align:left}
.text-indent{ text-indent:2em;}

/* =====Form===== */
.input-text,.textarea{box-sizing:border-box;border:solid 1px #e5e5e5;width:100%;
    -webkit-transition:all 0.2s linear 0s;
       -moz-transition:all 0.2s linear 0s;
            transition:all 0.2s linear 0s}
.textarea{ height:100px; padding:4px;resize:none}
/*只读状态*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/* 边框内阴影 -也可以是文字 */
.input-shadow{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.input-text[disabled]{ cursor:not-allowed;}
.input-text[disabled]:hover{ border:1px solid #DDD;}

/* =====按钮===== */
.btn{padding:4px 12px;box-sizing:border-box;display:inline-block;width:auto;cursor:pointer;text-align:center; font-weight:400;white-space:nowrap;vertical-align: middle;border:1px solid #DDD;background-color:#fff;*zoom:1;-webkit-transition:background-color .1s linear;transition:background-color .1s linear;}
/* 块级按钮 */
.btn-block{display: block; width: 100%;}

a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;}

.select{background-color:#fff;background-image:none;color:inherit;display:block;padding:6px 30px 6px 12px;width:100%;font-size:14px;outline:none;border:1px solid #DDD;transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
.select{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAu0lEQVRYR+2V0Q3CMAxErxswQkdgBEaAEbqBR7kR2IAVGIERGIERkKVWQlWKbBOpfFx+IkVW7uXZUgbsvIad8yEAGZABGZABGQgbMLMTyXvk88rUZgBeAG4kp28QZnYFcCZ5iMBmAI4A3MAmxBIOwG09ugL4ZWa2CVEJ9zvDBpbXtCCq4SWAtYkZ7JLR/tmatIGGCT8K93w9F2WA2cToO8lnZOBaNT8BVEO7tKBHeHkIe4ULQAZk4C8MvAEZIz4hR6v7+wAAAABJRU5ErkJggg==");
    background-repeat: no-repeat; background-position: right center;}


/* status: radio-checkbox */
.form-status input[type="radio"],.form-status input[type="checkbox"]{ display: none}
.form-status .radio-icon,.form-status .checkbox-icon{ position: relative; top: 3px; display: inline-block; height: 36px; line-height: 34px; box-sizing: border-box;  padding-right: 30px; border: 1px solid #888; border-radius: 2px; cursor: pointer; text-align: center;}
.form-status .radio-icon span,.form-status .checkbox-icon span{ display: inline-block; height: 100%; padding: 0 10px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.form-status .radio-icon i.iconfont,.form-status .checkbox-icon i.iconfont{ position: absolute; right: 0; width: 30px; line-height: 28px; font-size: 20px; color: #d2d2d2;}
.form-status input[type="radio"]:checked + .radio-icon,
.form-status input[type="checkbox"]:checked + .checkbox-icon{ border-color:#E95454;}
.form-status input[type="radio"]:checked + .radio-icon span,
.form-status input[type="checkbox"]:checked + .checkbox-icon span{ background: #E95454; color: #fff;}
.form-status input[type="radio"]:checked + .radio-icon i.iconfont,
.form-status input[type="checkbox"]:checked + .checkbox-icon i.iconfont{ color: #E95454;}
.form-status input[type="radio"]:disabled + .radio-icon,
.form-status input[type="checkbox"]:disabled + .checkbox-icon{cursor:not-allowed;}
/* status: radio-checkbox, no icon */
.form-status.no-icon .radio-icon,
.form-status.no-icon .checkbox-icon{ padding-right: 0}
.form-status.no-icon .radio-icon .iconfont,
.form-status.no-icon .checkbox-icon .iconfont{ display: none;}
/* status: radio-checbox, size */
.form-status.icon-size-m .radio-icon,
.form-status.icon-size-m .checkbox-icon{ height: 38px; line-height: 37px;}
.form-status.icon-size-m .radio-icon span,
.form-status.icon-size-m .checkbox-icon span{ padding: 0 16px;}
/* status: radio-checbox style1:nocolor */
.form-status.icon-nocolor input[type="radio"]:checked + .radio-icon span,
.form-status.icon-nocolor input[type="checkbox"]:checked + .checkbox-icon span{ background: none; color: #007aff; border-color: #007aff;}
.form-status.icon-nocolor span{ background: none; color: #666;}


/* 自定义错误显示位子 */
.CCForm .cc_item .valid_message,
.CCForm .cc_item.error .valid_message{top:8px; right: 16px; color: #e95454;}


/* begin*/
h1{ margin: 30px 0; font-weight: 600; color: #e87109;}
.logo{ text-align: center; }
.logo>img{width: 280px;}
.form-status .radio-icon, .form-status .checkbox-icon{ width: 106px; border-radius: 18px;}
.form-status input[type="radio"]:checked + .radio-icon, .form-status input[type="checkbox"]:checked + .checkbox-icon{ background: #E95454; overflow: hidden;}
.mod{ background-color: #fff; box-shadow: 0 3px 6px #eaeaea;   font-size: 14px; padding:30px 0;}
.mod>img{ width: 30px;}
.mod>.mod-header{ height: 60px; line-height: 60px; font-weight: 600; color: #f59038; font-size: 16px; padding-left: 16px; background: #f2e6e6; border-left: 10px solid #f59038;}
.mod>.mod-header>span{ margin-left: 20px; font-weight: 400;}
.mod .mod-body{ padding: 30px 30px 0 38px;}

.cc_item{ width: 335px; height: 33px;position:relative; padding:4px 0 4px 66px; overflow: hidden;  border:1px solid #ddd; border-radius: 4px; margin-bottom: 20px;}
.cc_item>label{ position:absolute; left: 0; width: 66px; line-height: 32px; text-align: center;}
.cc_item .select{ border:none;}
.cc_item .input-text1{ border:none; width: 80%;}
.mod .remind{ color: #888; font-size: 10px; padding:10px 0 50px 0;}
.mod .btn-primary-gradient{ width: 208px; height: 58px; border-radius: 30px; font-size: 24px; margin-top: 20px;; color: #fff; background: #36CB40;}

.form-status{ display: inline-block; margin: 0 30px 6px 0;}

.cc_item.error{ border-color: #E95454;}
.area{ width:750px; margin:0 auto;}

@media screen and (max-width: 767px){
  .area,.mod .btn-primary-gradient{ width: 100%;}
  .cc_item{ width: 230px;}
}





/* footer */
footer{ padding:20px 0; font-size:12px;text-align:center;}
footer p{  padding-top:6px; color: #888;}
footer a{color: #888;}




.animated.bounceInDown {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}
.bounceInDown {  animation-name: bounceInDown;  }
@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes bounceInDown {
    0%,100%,60%,75%,90% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }