body.bg {}
body.bg:before {content:' '; }
body.bg:before,.background { position:fixed; z-index:-1; width:100%; height:100%; top:0; left:0; background:url(images/bg.jpg) center center no-repeat; background-size:cover;}


.commbox {font-size:14px; overflow:hidden; }
.commbox .box_head {height:42px; border-bottom:2px solid #E8E8E8; text-align: center;}
.commbox .box_head li {width:50%; float: left;}
.rtl .commbox .box_head li {float: right;}
.commbox .box_head li span,.commbox .box_head li a {height:40px; display: inline-block; *display:inline; *zoom:1; font-size:20px; line-height:40px; padding: 0 20px; color:#6C7890; top:2px; position:relative; letter-spacing:.1em;}
.commbox .box_head a:hover,.commbox .box_head a.active {text-decoration: none; border-bottom:2px solid #1784FD; color:#1784FD;}

.box_body {margin:0 auto; min-height:361px}
.box_body:before {content:' '; display: block; height:15px;}
.nverify .box_body:before { height:50px;}


.centerbox { width:450px; margin:0 auto; position: relative; background:#FFF; padding:15px 0 20px 0; max-width:100%; margin-top:100px; overflow: hidden; transition:margin-top .3s;}
.centerbox .box_head {padding:0 10%;}
.centerbox .box_head {padding:0 10%;}

.box2l { width:1000px; margin:0 auto; margin-top: 100px;}
.box2l .appimgbox {width:54%; float: left; position: relative; padding-top:45%;}
.box2l .appimgbox img {display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.box2l .commbox {width:30%; margin-right:5%; float: right;}

.box2l .third-login li a {transform:scale(0.8,0.8);}
.box2l .commbox .box_head li span,.box2l .commbox .box_head li a {display: block; padding:0;}


.centerbox .box_body { width:294px; margin:0 auto; max-width:95%; min-height:361px;}




/*.pwdMap { margin-bottom:20px;}
.pwdMap .pwdMap_bg,.pwdMap .pwdMap_activ {background-image:url(images/pwd-map.png); background-repeat:no-repeat;}
.pwdMap .pwdMap_bg {position: relative; background-position:left top;  background-size:100% auto; height:0; padding-top:15.3%; width:95%; margin:0 auto;}
.pwdMap .pwdMap_activ {background-position:left bottom; background-size:auto 200%; position: absolute; left:0; top:0; height:100%; width:0;}
.pwdMap.step2 .pwdMap_activ {width:55.13%;}
.pwdMap.step3 .pwdMap_activ {width:100%;}

.pwdMap .sp2,.pwdMap .sp3,
.pwdMap.step2 .sp1,.pwdMap.step2 .sp3,
.pwdMap.step3 .sp1,.pwdMap.step3 .sp2 {color:#BBB;}
.pwdMap .sp1,
.pwdMap.step2 .sp2,
.pwdMap.step3 .sp3 {color:#3397DA;}*/

/*body.bg .footer {margin: 0 auto 10px; position:fixed; width:100%; left: 0; bottom:40px;}*/



@media all and (max-height: 640px) {
/*	body.bg .footer {position:static; margin-top:20px;}*/
	.centerbox {margin-top:50px;}
}

@media all and (max-width: 1000px) {
	.box2l {width:100%;}
}

@media all and (max-width: 800px) {
	.box2l {width:100%;}
	.box2l .appimgbox {display: none;}
	.box2l .commbox {width:350px; float:none; margin:0 auto; max-width:100%;}
}

@media all and (max-width: 450px) {
	body {background:#FFF;}
	body.bg:before {display: none;}
/*	body.bg .footer {position:static; margin-top:20px;}*/
	.centerbox { margin-top:0; padding:0; overflow:initial;}
	.box_body,.centerbox .box_body {min-height:initial; width:auto; max-width:95%;}
	.box2l {margin-top:0;}
}