@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
html{font-size: 10px}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none
text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
  -webkit-user-select:auto;
}
textarea {  -webkit-appearance: none;-webkit-user-select:auto;}   
input:focus, textarea:focus {
outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
input:disabled{
  -webkit-opacity: 1;
} 
*:focus { outline: none; } 
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.middle{vertical-align: middle;} 
.cl{clear: both;display: block;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.zw{height:5.9rem;}
.public{padding: 0 5%}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}
.click_more{width: 50%;padding: 2% 0;margin:5% auto;text-align: center;border:2px solid #025786;color:#025786;font-size: 1.8rem;border-radius: 8px}
.header{margin: 0 auto; width:100%;max-width: 640px;z-index:3;position: relative;}
.headNav{position: absolute;width: 100%;height:4rem;line-height: 4rem;text-align: center;left: 0;top: 0;color: #fff;font-size: 1.8rem }
.headNav a{position: absolute;left: 3%;top: 0;height: 100%;width: 20%;text-align: left;}
.headNav a img{width: 1rem;vertical-align: middle;}
.container{max-width: 640px;margin: 0 auto;}
.container form{padding-bottom: 8%}
.navgation{margin:5% 0;padding: 3% 0;border-bottom: 1px solid #2b69b4}
.navgation li{width: calc(100% / 3);color: #999;font-size: 1.4rem}
.navgation li.on{color: #1f6fb7}
.regStepInput{border:1px solid #ddd;height: 4rem;border-radius: 4rem;margin-bottom: 5%;overflow: hidden;}
.regStepInput input{box-sizing:border-box;border:none;outline: none;height: 100%;width: 100%;padding: 0 4%;font-size: 1.4rem;color: #333}
.regStepInput-code{position: relative;}
.regStepInput-code input{width: 65%}
.regStepInput-code span {position: absolute;width: 35%;height: 4rem;top: 0;right: 0;color: #2b69b4;font-size: 1.4rem;line-height:4rem;text-align: center;}
.agreeReg {margin-bottom: 5%}
.agreeReg *{display: inline-block;vertical-align: middle;font-size: 1.4rem;color: #333}
.agreeReg a{color: #2b69b4}
.agreeReg{text-align: center;margin-top: 5%;font-size: 0;text-align: left;}
.agreeReg input{width: 8%;margin-right: 2%;vertical-align: middle;}
.agreeReg input.checkbox {-webkit-appearance: none;width: 20px;height: 20px;display: inline-block;cursor: pointer;vertical-align: text-top;background: url(../images/xycheck.png) no-repeat;background-size: 100% 100%;outline: none; vertical-align: middle; }
.agreeReg input.checkbox:checked {background: url(../images/xychecked.png) no-repeat;background-size: 100% 100%;}
.regStepInput-btn input{background-color: #2b69b4;color: #fff;font-size: 1.5rem;text-align: center;border-radius: 4rem;height: 4rem}