/* Web Weixin */
* { margin:0;padding:0;border:none;}
html{
	background:#464a4f url(../images/connectkeyboad_bg17ced3.jpg);
	height:100%;
}
body { font-family:Helvetica,Arial,Verdana,serif;font-size:14px;color:#d2d6de;text-shadow:0 1px 0px #111;text-align:center;background:#464a4f url(../images/connectkeyboad_bg17ced3.jpg);line-height:1.2;height:100%;}
p { margin:10px 0; }
h1 { font-size:20px;color:#fff;font-weight:normal;padding:20px 0;}
h2 { color:#fff;margin-bottom:5px;}

.container { margin:0 auto;
	width: 100%;
	height: 100%;
	/*width:320px;height:480px;*/
	display:block;
	background:url("../images/connectkeyboad_bg17ced3.jpg");}
.header { padding-top:20px; /* background:url(../images/connectkeyboad_line.png) no-repeat center bottom; */}

.line { background:url(../images/connectkeyboad_line.png) no-repeat center bottom;}



.iconTitle { background-repeat:no-repeat;background-position:0 0;width:110px;height:110px; }
.iconTitleWebWx { background-image:url(../images/connectkeyboad_icon17ced3.png);background-repeat:no-repeat;background-position:0 0;width:121px;height:126px;margin-top:40px;  }
.iconTitleErrorCommon { background-image:url(../images/icon_failure.png); }
.iconTitleErrorQrCode { background-image:url(../images/icon_errorqrcord.png); }
.iconTitleErrorLeakIe { background-image:url(../images/webwechatlogin_ieicon.png); }


.info { border-radius:6px;padding:20px;border:1px solid rgba(32,32,32,0.5); background-color:rgba(0,0,0,0.15); box-shadow:0 1px 0 rgba(200,200,200,0.3); }

.appInfo { padding-bottom:20px;margin-bottom:20px;background:url(../images/connectkeyboad_line.png) no-repeat center bottom; }

.appInfo h2 { margin-bottom:5px; }

.authInfo { }

.authInfo label { margin-bottom:5px;display:block;}

.authList li { color:#fff;list-style-type:none;}


.content { margin:0 25px;}


.btnLarge { font-weight:bold; font-size:18px; color:#fff; border:1px solid #2d3135; border-radius:6px; text-decoration:none;display:inline-block;  margin:20px auto;box-shadow:0 1px 1px #565a5e;text-shadow:0 -1px 0 #333; }

.btnLarge span, .btnLarge input
 { border:1px solid #97da9b; display:inline-block; min-width:125px; white-space:nowrap; padding:5px 20px; border-radius:6px;background:#2aaa34; border-color:#97da9b #51ba59 #35a93d;background: -webkit-gradient(linear, 0 0, 0 100%, from(#4ec159), to(#03940e)); background: -moz-linear-gradient(top, #4ec159, #03940e); font-weight:bold; font-size:18px; color:#fff;text-decoration:none;text-shadow:0 -1px 0 #333;  }

.btnLarge:hover span,.btnLarge:hover input
 { background: -webkit-gradient(linear, 0 0, 0 100%, from(#5ed169), to(#23a42e)); background: -moz-linear-gradient(top, #5ed169, #23a42e);  }

.btnLarge:active span,.btnLarge:active input { background: -webkit-gradient(linear, 0 0, 0 100%, from(#3eb149), to(#03840e)); background: -moz-linear-gradient(top, #3eb149, #03840e);border-color:#97da9b #51ba59 #25992d;  }



.btnWarning { font-weight:bold; font-size:18px; color:#fff; border:1px solid #2d3135; border-radius:6px; text-decoration:none;display:inline-block;margin:20px auto;box-shadow:0 1px 1px #565a5e;text-shadow:0 -1px 0 #333; }

.btnWarning span, .btnWarning input
 { border:1px solid #f59392; display:inline-block; min-width:125px; white-space:nowrap; padding:5px 20px; border-radius:6px;background:#c12f25; border-color:#f59392 #cd5951 #b94b40;background: -webkit-gradient(linear, 0 0, 0 100%, from(#ec4a47), to(#a71e10)); background: -moz-linear-gradient(top, #ec4a47, #a71e10); font-weight:bold; font-size:18px; color:#fff;text-decoration:none;text-shadow:0 -1px 0 #333;  }

.btnWarning:hover span,.btnWarning:hover input
 { background:#d13f35; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc5a57), to(#b72e20)); background: -moz-linear-gradient(top, #fc5a57, #b72e20);  }

.btnWarning:active span,.btnWarning:active input { background: -webkit-gradient(linear, 0 0, 0 100%, from(#dc3a37), to(#970e00)); background: -moz-linear-gradient(top, #dc3a37, #970e00);border-color:#e58382 #bd5951 #a93b30;  }

/*scan confirm*/
.confirm a{
	display:block;
	text-decoration:none;
	color:#fff;
	font:17px '宋体';
	padding:9px 0px;
}

.confirm a input{
	background: none;
	color: #FFFFFF;
	font: 17px '宋体';
	text-shadow: 0 -1px 0 #206826;
}

.tipUsepc,.confirm{
	text-align:center;
	font:16px '宋体';
	color:#fff;
	margin:0px;
	padding:27px 35px 0px;
}
.section{
	margin:0px auto;
}
.headerIcon{
	height:131px;
	background:url(../images/connectkeyboad_icon17ced3.png) no-repeat center;
	margin-bottom:25px;
}
.greenBtn {
	padding: 9px 0px;
	border: none;
	background: transparent;
	color: white;
	font-size: 17px;
	display: block;
	text-align: center;
	width: 100%;
}
.loginBtn {
	display: block;
	width: 100%;
	padding: 9px 0;
	font-size: 17px;
	color: white;
}

.sectionPannel{
	margin:0px;
	margin-bottom:25px;
	padding:0px;
}
.sectionPannel .sectionContent{
	padding:5px 0px;
	text-shadow:0px 1px 0px #000;
}
.sectionPannel .sectionContent .firstP{
	margin-bottom:5px;
}
.sectionPannel .sectionContent .lastP{
	margin-top:0px;
}
.confirm .greenBtn{
	text-shadow:0px 1px 0px #032306;
	font-weight: bold;
	background-color:#26A730;
	background:-webkit-gradient(linear,
					left top,left bottom,
					from(#51C05A),to(#03940E),
					color-stop(0.1,#4ABC53),color-stop(0.3,#3FB649),color-stop(0.5,#26A730),color-stop(0.7,#109B1B),color-stop(1.0,#03940E));
	background-image:-moz-linear-gradient(top, #4ABC53 10%, #3FB649 30%, #26A730 50%, #109B1B 70%, #03940E 100%);
	border:1px solid #313438;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:15px;
	-webkit-box-shadow:0px 1px 0px #565A5F;
	-moz-box-shadow:0px 1px 0px #565A5F;
	box-shadow:0px 1px 0px #282A2E;
}
.confirm .redBtn{
	font-weight: bold;
	background-color:#BF2E24;
	background:-webkit-gradient(linear,
					left top,left bottom,
					from(#ED4B48),to(#A71E10),
					color-stop(0.1,#E84844),color-stop(0.3,#E0423E),color-stop(0.5,#BF2E24),color-stop(0.7,#B12519),color-stop(1.0,#A71E10));
	background-image:-moz-linear-gradient(top, #E84844 10%, #E0423E 30%, #BF2E24 50%, #B12519 70%, #A71E10 100%);
	border:1px solid #1C1E20;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:29px;
	margin-top:15px;
	-webkit-box-shadow:0px 1px 0px #6B6E72;
	-moz-box-shadow:0px 1px 0px #6B6E72;
	box-shadow:0px 1px 0px #282A2E;
}
.confirm .greenBtn a{
	border-top:1px solid #98DA9D;
	border-right:1px solid #51B959;
	border-bottom:1px solid #35A93D;
	border-left:1px solid #55BA5D;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-shadow:0px -1px 0px #206826;
}
.confirm.redBtn a{
	font-weight: bold;
	border-top:1px solid #F59492;
	border-right:1px solid #D55D57;
	border-bottom:1px solid #B94B40;
	border-left:1px solid #D75E58;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-shadow:0px -1px 0px #2d0400;
}


@media all and (-webkit-min-device-pixel-ratio: 2) {
	html{
		background:url("../images/connectkeyboad_bg.2x17ced3.jpg");
		-webkit-background-size:320px 568px;
		background-size:320px 568px;
	}
	.container {
		background:url("../images/connectkeyboad_bg.2x17ced3.jpg");
		-webkit-background-size:320px 568px;
		background-size:320px 568px;
	}
	body { 
		background-image:url(../images/connectkeyboad_bg.2x.png);
		-webkit-background-size:320px 568px;
		background-size:320px 568px;
	}
	/* .header,.line { background-image:url(../images/connectkeyboad_line.2x.png);background-size:216px 3px;} */
	.iconTitleWebWx { background-image:url(../images/connectkeyboad_icon.2x.png);background-size:121px 126px;-webkit-background-size:121px 126px; }
	.iconTitleErrorCommon { background-image:url(../images/icon_failure.2x.png);background-size:110px 110px;-webkit-background-size:110px 110px; }
	.iconTitleErrorQrCode { background-image:url(../images/icon_errorqrcord.2x.png);background-size:110px 110px;-webkit-background-size:110px 110px; }
	.iconTitleErrorLeakIe { background-image:url(../images/webwechatlogin_ieicon.2x.png);background-size:110px 110px;-webkit-background-size:110px 110px; }
	
	/*scan confirm*/
	.headerIcon{
		background-image:url(../images/connectkeyboad_icon.2x.png);
		-webkit-background-size:126px 131px;
		background-size:126px 131px;
	}
}