body{background: #f6f7f8;}
input[type="checkbox"]:checked{border: 1px solid #1795ef; background: #1795ef;}
.main{ width: 1100px; margin: 0 auto;}
.main:before,
.main:after {
	content: ' ';
	display: table; 
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clear{ clear: both;}

.header{ width: 100%; height: 70px; background: #1b2830;float: left;}
.header .main img{ height: 50px; float: left; margin: 10px 10px 10px 0;}
.header .main span{ float: left; line-height: 64px; font-size: 28px; color: #fff;}

.content{ width: 100%; float: left; height: 700px; position: relative;}
.login{ width: 800px; margin: 0 150px; height: 400px; background: #fff; float: left; margin-top: 80px;}
.login .left{ width: 360px; height: 400px; float: left;}
.login .left img{ width: 360px; height: 400px; float: left;}
.login .right{ width: 360px; height: 400px; float: left; padding-left: 60px; padding-right: 20px; position: relative;}
.login .right h5{ width: 100%; float: left; margin-top: 32px; line-height:80px; color: #1b2830; font-size: 22px; font-weight: normal;}
.login .right .item{ width: 100%; float: left; margin-bottom: 20px; }
.login .right .inp{ width: 313px; height: 42px; float: left; border: #eee solid 1px; border-radius: 4px; overflow: hidden;}
.login .right span{ width: 46px; height: 42px; float: left; border-right: #eee solid 1px; background: #f6f9fc;}
.login .right .i-name{ width:38px; height: 38px; float: left; margin: 2px 5px; background: url(../images/input-form.png) no-repeat -1px -42px;}
.login .right .i-pwd{ width:38px; height: 38px; float: left; margin: 2px 5px; background: url(../images/input-form.png) no-repeat -1px 0;}
.login .right .focus{ border: #82bee5 solid 1px;}
.login .right .focus .i-name{background: url(../images/input-form.png) no-repeat -41px -42px;}
.login .right .focus .i-pwd{background: url(../images/input-form.png) no-repeat -41px 0;}
.login .right .rfl{ width: 100%; float: left; margin-bottom: 30px; line-height: 20px; color: #666; font-size: 12px;}

.login .right .item input{ width: 240px; height: 42px; float: left; padding: 0 12px; font-size: 14px; color: #333}
.login .right .sub{ width:315px; height: 44px; float: left; border-radius: 4px; background: #1795ef; line-height: 44px; text-align: center;
 color: #fff; font-size: 16px;}
.login .right .sub:hover{ opacity: 0.8;}

.login .right .mbot{ width:270px; float: left; margin-top: 40px; line-height: 30px;text-align: center;}
.login .right .mbot a{font-size: 16px; color: #333; padding-left: 30px; background: url(../images/zzh.png) no-repeat left center; background-size: 24px;}
.login .right .mbot a:hover{ text-decoration: underline; }

.login .right .change{ width: 40px; height: 40px; position: absolute; top:62px; right:45px; z-index: 2; cursor: pointer;}
.login .right .change img{ width: 40px; height: 40px; float: left;}
.login .right .code{ width: 160px; float: left; margin-left: 55px; margin-top: 20px; display: none;}
.login .right .code img{ width: 100%; float: left;}
.login .right .code font{ width: 100%; text-align: center; font-size: 14px; line-height: 21px; color: #666; margin-top: 10px; float: left;}

.footer{ width: 100%; height: 200px; float: left; position: relative; bottom: 0; left: 0; z-index: 2; background:url(../images/foot.png) no-repeat center center;}
.footer .bot{ width: 100%; text-align: center;margin-top:140px; font-size: 12px; color: #666;}