html,body{ height: 100% }
.regWarp{ height: 100%; padding:50px 20px;  max-width: 500px; margin: 0 auto;}
.regBox{ max-width: 500px; margin: 0px auto;  width: 100% }
.regMain{ padding:60px; border:solid 1px #999; }
.regTabs ul{ position: relative; top: 1px;  }
.regTabs ul li{ padding:10px 25px; font-size: 14px; border:solid 1px #999; margin-right:-1px; background:#ccc; position: relative;  cursor: pointer;  }
.regTabs ul li.active{ background: #fff; border-bottom-color: #fff;font-weight: 600 }
.form dl{ margin-bottom: 15px }
.form dl dt{ width:90px; font-weight: normal; font-size: 14px }
.form dl dd{ flex:1; width: 100% }
.form dl dd input{ border:solid 1px #ccc; display: block; padding:0 10px; font-size:14px; flex:1; height: 40px; line-height: 40px }
.form dl dd input:focus {outline:none;}
.imgCode{ height: 45px; margin-left: 15px }
.imgCode img{ height: 100% }
.button{ background: #e40011; color: #fff; height: 40px; cursor: pointer;border-radius: 5px; margin: 30px 0 15px; font-weight: 600 }
.send{ width: 110px; height: 40px; background: #ddd; cursor: pointer; }
.notmb{ text-align:center; }
.notmb a{ text-decoration: underline; }
.send[data-disabled='false']{ color: #999 }


@media(max-width:768px){
	.regMain{padding: 15px;}
	.form dl{ flex-direction: column; justify-content: flex-start!important; align-items: flex-start!important;}
	.regWarp { display: block!important; padding:12px;  height: auto;}
}