html,body{background:#fafafa;text-align:center;}
h2,a:link, a:active, a:visited, a:hover{color:#00A4E3;}
.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}
table{width:800px;height:400px;background:#fff;margin:auto auto 32px auto;}
table > tbody > tr > td{width:400px;}
td:nth-child(1) > div {
	position: relative;
	margin:auto;
	width:180px;
}
.fieldbox{position:relative;}
.wingLine {color: #bbb;}
.wingLine::before, 
.wingLine::after {
    content: " ";
    position: absolute;
    top: 97%;
    height: 1px;
    width: 47px;
    background: rgba(120, 130, 140, 0.13);
    transform: translateY(-50%);
}
.wingLine::before{left: 0;}
.wingLine::after {right: 0;}
.disabled {
	background: #d4d0c8!important;
	color:#888!important;
	text-shadow: 0 1px 0 #fff;
}
.disabled:hover{border:none!important;}
img.qr{
	/* width:180px; */
	/* height:180px; */
	/* margin-top:22px; */
	/* margin-bottom:32px; */
	width:100%;
}
#wxqrloginimg {
	width:180px;
	height:180px;
	/* margin-top:22px; */
	/* margin-bottom:32px; */
}
#wxqrloginimg > iframe {
	width:100%;
	height:180px;
}
form {position:relative;margin:auto;}
input[type="text"], input[type="password"], input[type="number"], input[type="button"], input[type="submit"] {
    width: 276px;
    height: 40px;
    line-height: 38px;
    border-radius: 2px;
    padding: 0 12px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
	display: block;
	margin:14px auto 14px auto;
}
.verifybox input{
	margin-top:0px;
	/* margin-bottom:0px; */
	display: inline-block;
	width:170px;
}
.verifybox input[type="button"]{
	width:100px;
	background:#fff;
	color:#666;
}
.verifybox input[type="button"]:hover{
	border:1px solid #00a4e3;
	color:#00a4e3;
}
.verifybox img{
	position: relative;
    top: -8px;
    height: 35px;
    width: 100px;
	border-radius: 3px;
	cursor:pointer;
}
.signup .verifybox img{
    top: 0px;
}
.row{
	width: 276px;
	clear:both;
	margin:auto;
}
input[type="submit"]:disabled {
	background:#ddd;
	color:#666;
	cursor:text;
	text-shadow: 2px 2px 2px #fff;
}
input[type="checkbox"] {
    width: auto;
    padding: 6px;
    -webkit-appearance: auto;
	cursor:pointer;
	position:relative;
	top:2px;
	left: 3px;
}
label{cursor:pointer;color:#666;}
.signway, .signway > a {
	color:#666!important;
}
.signway > a {
	background:#fff;
	border:1px solid #666!important;
}
.signway > a:hover{
	color:#00a4e3!important;
	border:1px solid #00a4e3!important;
}
#progress{height:22px;}
/* #progress a{color:#00a4e3;} */
#imgVerifyCodeTooltip{
	box-shadow: rgba(0, 0, 0, 0.8) -5px 5px 50px!important;
}
#imgVerifyCodeTooltip .verifyCodeBox > img {
	height:35px;
	width: 100px;
	position:relative;
	top:-1px;
	border:1px solid #ddd;
	border-radius:3px;
	padding:1px;
	cursor:pointer;
}
#imgVerifyCodeTooltip .verifyCodeBox > input[type=text]{width:140px;display:inline-block;}
#imgVerifyCodeTooltip #dialogfoot > a:hover{color:#fff;}
@media only screen and (max-width: 767px) {
	table {
		width:100%;
	}
	table > tbody > tr > td:nth-child(1) {
		display:none;
	}
	h2{
		display: none;
	}
}