@charset "utf-8";
body{ background:#f0f0f0; margin:0; padding:0;font-family:"Microsoft Yahei",Tahoma; text-align: center;}
#main{ background:#f5f5f5; height:580px;}
.header{ max-width:360px;height: 120px; line-height: 120px; font-size: 24px; font-weight: bold; color: #49babf; padding-left: 10px;}
.header img{ vertical-align:middle; margin-right: 4px;}
.wrap{ min-width: 320px; width:80%; margin:0 auto;}
.body{ background:url(../images/login_bg.jpg) left 20px no-repeat; }
.login{ max-width: 360px; margin: auto;}
.login .li{ height:85px;}
.login .txt{border:1px solid #d9d9d9;border-radius:3px;font-size:16px;height:23px;width:259px;color:#666;padding:14px 0 14px 9px; outline:0;}
.login .code{ width:125px; vertical-align: middle;}
img.code{ vertical-align: middle;}
.login .btn{width:270px;height:48px;border:none;cursor:pointer; margin-top:20px; background: #49babf; border-radius: 6px; color: #fff; font-size: 18px; letter-spacing: 4px;}
.login .li span{ display:block; color:#e00; clear:both; font:12px/28px arial; text-indent:2px;}
.foot .wrap{ padding:30px 0; text-align:center; font:12px/2em arial; color:#999;}
.foot .wrap a{ color:#06b; text-decoration:none;}
.foot .wrap a:hover{ text-decoration:underline;}