@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 "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; color:#333; -webkit-font-smoothing:antialiased;  background:#fff; }
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}
::-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;}

.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:hover,.textarea:hover{border: solid 1px #3bb4f2}
.input-text:focus,textarea:focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;-webkit-box-shadow:inset 0 2px 2px #e8e7e7;box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/* 字体阴影 */
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}
/* 边框下阴影 -也可以是文字 */
.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
/* 边框内阴影 -也可以是文字 */
.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;}

.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: url("../images/select-arrow.png") no-repeat scroll right center transparent;}

/* =====按钮---普通===== */
.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:active,.btn.active{background-color:#ccc}
.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;}

/* 要放在按钮的底部 input textarea lable: height*/
.input-text,.label{ font-size:14px; height:31px; padding:4px; line-height:1.42857;} /* 默认尺寸size-m */
.btn{font-size:14px; height:31px; line-height:1.42857;}

.btn-link{color:#337ab7;cursor:pointer; font-weight:400; border-color:transparent;background-color:transparent;}
.btn-link:hover,.btn-link:focus,.btn-link.active{color:#095f8a; box-shadow:none; text-decoration:underline;background-color:transparent}

.btn-bor{ width: 100%; height: 41px; font-size: 16px; padding: 8px; border: 1px solid #09bb07; color: #09bb07; margin-top: 40px;}

/* Begin */
.logo { margin-top: 40px;} 
.logo h2{ margin: 30px 0 20px 0; font-weight: 600; color: #d6102b;}
.CCForm{ width:460px; margin:0 auto; font-size:14px;}
.CCForm .cc_item{ margin-top:10px; }
.CCForm .cc_item .input-text,.cc_item .select,.radio-box{ width:75%; display:inline-block;}
.CCForm .cc_item label{ display:inline-block; width:20%; text-align:right; padding-right:10px; font-weight: 600;}
.CCForm label span{ color:red; margin-right:4px;}
.CCForm .btn-primary{ width: 100%; background: #d6102b; border: 1px solid #d6102b; color: #fff; font-weight: 600; margin-top: 30px;}
.CCForm .radio-box input{ margin-right: 10px}
.btn-link{ font-weight: 600; margin: 40px}
.btn-link:hover{ text-decoration: none; color: #d6102b;}
    
.CCForm .input-text,.CCForm .select,.CCForm .btn-primary{ font-size:16px; height:41px; padding:8px; line-height:1.42857143;}
.CCForm .cc_item .valid_message{top:7px;}


@media screen and (max-width: 769px){
    .CCForm{ width:100%; padding: 10px; box-sizing: border-box; }
}