/*start 通用样式部分*/
		html {background: #ffcf3c;height: 100%;}
		html,body, div, p, ol, ul, li, table, tbody, tr, td, textarea, 
		form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, 
		section, article, footer, figure, figcaption, menu, a  {padding: 0;margin: 0;}
		*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
		body {height: 100%; -webkit-user-select: none; -moz-user-select: none; -webkit-text-size-adjust: none;position: relative;margin: 0 auto;
		font: 14px "Helvetica Neue", Helvetica, STHeiTi, "\5FAE\8F6F\96C5\9ED1", sans-serif;width: 100%;min-width: 320px;max-width: 640px;}
		a { text-decoration: none;display: inline-block;}
		a, img {-webkit-touch-callout:none; /* 禁止长按链接与图片弹出菜单 */}
		li {list-style: none;}
		input{outline: none;}
		.box {display: -webkit-box;display: -moz-box;display: box;}
		.horizontal {-webkit-box-orient: horizontal;-moz-box-orient: horizontal; box-orient: horizontal;}
		.vertical {-webkit-box-orient: vertical;-moz-box-orient: vertical; box-orient: vertical;}
		.flex { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;}
		.hide {display: none!important;}
		body {min-width: 320px;max-width: 640px;margin: auto;background: #ffcf3c;}
		/*@media screen and (max-width: 400px){
			body {width: 400px;}
		}
		@media screen and (max-width: 360px){
			body {width: 360px;}
		}
		@media screen and (max-width: 320px){
			body {width: 320px;}
		}*/
	 /*end 通用样式部分*/
		
		#input-section{padding-top: 20px;}
		#tips{font-size: 16px;vertical-align: middle;color: #4d4d4d;padding: 0 20px;margin-bottom: 10px /*text-shadow:1px 0px 0px #ffe16b,-1px 0px 0px #ffe16b,0px -1px 0px #ffe16b,0px 1px 0px #ffe16b;*/}

		.input-control{height: 51px;padding: 0px 20px;position: relative;}
		.input-control input{background:#efefe5;border: none; line-height: 24px;width: 100%;font-size: 18px;}
		input{text-indent: 15px;}

		input[name="phoneNum"],input[name="verifyCode"]{background: url(../images/phone-btn.png) no-repeat 0 2px;background-size:1px 49px;height: 51px;}

		

		
		input[name="phoneNum"]{background: url(../images/phone-btn.png) no-repeat 0 0px;background-size:100% 49px;height: 51px;z-index: 99;}

		
		input[name="verifyCode"]{background: url(../images/msgcode.png) no-repeat 0 2px;background-size:100% 49px;height: 51px;z-index: 99;}

		input[name="imgcode"]{background: url(../images/imgcode.png) no-repeat 0 0px;background-size:100% 49px;height: 51px;}
		#img-code-input{padding-right: 127px;margin-top: -4px;position: relative;}

		.code-box{background: url("../images/code-img-box.png") no-repeat center;background-size: 100% 100%;height: 49px;width: 110px;position: absolute;top:0px;right: 20px;}
		#codeImg{position: absolute;top:2px;left: 2px;height: 43px}


		.input-left{position: absolute;display: block;height: 49px;width: 21px;background: url(../images/input-left.png)no-repeat;background-size: 100% 100%;z-index: 9;left:15px;top:2px;}
		.input-right{position: absolute;display: block;height: 49px;width: 21px;background: url(../images/input-right.png)no-repeat;background-size: 100% 100%;z-index: 9;right:15px;top:2px;}

		#code-control{margin-top: 10px;padding-right:127px; }

		.code-btn{width: 110px;height: 51px;position: absolute;top: 0;right: 20px;z-index: 99;}
		.before-code{background: url(../images/codebtngray.png)no-repeat 0 1px;background-size: 100% 50px;}
		.ing-code{background: url(../images/codebtn.png)no-repeat 0 1px;background-size: 100% 50px;}
		.re-code{background: url(../images/codebtngray.png)no-repeat 0 1px;background-size: 100% 50px;}
		.wait-code{background: url(../images/codebtngray.png)no-repeat 0 1px;background-size: 100% 50px;}

		.code-warn{display: block;position: absolute;left: 35px;top:51px;height:30px;line-height: 30px;font-size: 14px; background: url(../images/warn.png) no-repeat 0 6px;background-size: 17px 17px;width: 250px;color: #4d4d4d;/*text-shadow:1px 0px 0px #ff3c4d,-1px 0px 0px #ff3c4d,0px -1px 0px #ff3c4d,0px 1px 0px #ff3c4d;*/text-indent: 20px;display: none;}

		#submit-section{margin-top: 45px;position: relative;}
		#next-step-out{position: relative;display: block;margin-left: 15px;margin-right:15px;height: 50px;background: #17864d;color: #ffffff;;border-radius: 25px;border:1px solid #158a54;text-align: center;border-radius: 25px;border:2px solid #4d4d4d;z-index: 99;overflow: hidden;}
		#next-step{height: 50px;background: #1eb364;display: block;width: 100%;border-radius: 50px;color: #ffffff;position: absolute;top:-4px;line-height: 55px;font-size:22px;/*text-shadow:1px 0px 0px #1a8f51,-1px 0px 0px #1a8f51,0px -1px 0px #1a8f51,0px 1px 0px #1a8f51;*/}

		.timer{line-height: 52px;font-size: 14px;color: #808080;/*text-shadow:1px 0px 0px #959595,-1px 0px 0px #959595,0px -1px 0px #959595,0px 1px 0px #959595;*/position: absolute;right: 16px;display: none;}

		 .delete-input{position: absolute;display: block;width: 17px;height: 17px;background: url(../images/input-delete.png) no-repeat center;background-size: cover;right: 35px;z-index: 999;top:17px;}


	 .timer{line-height: 51px;font-size: 16px;color: #fff;text-shadow:1px 0px 0px #959595,-1px 0px 0px #959595,0px -1px 0px #959595,0px 1px 0px #959595;position: absolute;right: 11px;}
	 .code-warn{display: block;position: absolute;left: 35px;top:51px;height:30px;line-height: 30px;font-size: 14px; background: url(../images/warn.png) no-repeat 0 6px;background-size: 17px 17px;width: 250px;color: #fff;text-shadow:1px 0px 0px #ff3c4d,-1px 0px 0px #ff3c4d,0px -1px 0px #ff3c4d,0px 1px 0px #ff3c4d;text-indent: 20px;display: none;}
	 .code-warn{display: none;}

	 .delete-input{position: absolute;display: block;width: 17px;height: 17px;background: url(../images/input-delete.png) no-repeat center;background-size: cover;right: 35px;z-index: 999;top:17px;}

	 .smsg-tips{margin-bottom: 0px!important;margin-top: 10px}