@charset "utf-8";
body{
    color:#000;
    background:#fff;
    font-size:12px;
    font:12px/200% Arial, Helvetica, sans-serif,宋体;
}
body,p,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,div,a{
    margin:0;
    padding:0;
}
a{
    color:#1a8ebd;
    text-decoration:none;
}
li{
    list-style-type:none;
}
.head,.head div,.appArea .tips,.submit,.reset,.sub1,.ret1,input.w,input.w2{
    background:url(http://mat1.gtimg.com/app/oauth/images/mini_n.gif) no-repeat;
}
.head{
    background-repeat: repeat-x;
    background-position: top;
    height:35px;
    overflow:hidden;
}
.head div{
    width:500px;
    height:35px;
    margin:0 auto;
    background-position:0 -36px;
}
.body{
    width:500px;
    margin:0 auto;
}
.foot{
    background:#f1f1f1;
    height:32px;
}
.foot div{
    width:500px;
    margin:0 auto;
    text-align:center;
    line-height:32px;
    color:#666;
}
.appArea{
    padding-top:24px;
    width:360px;
    height:54px;
    margin:0 auto;
}
.appArea .userImg,.appArea .appImg{
    float:left;
    padding:3px;
    border-radius:3px;
    border:1px solid #c9d6db;
}
.appArea .appImg{
    float:right;
}
.appArea .tips{
    float:left;
    margin:4px 0 0 20px;
    width:203px;
    height:47px;
    background-position:0 -72px;
}
.appTips{
    padding-top:30px;
    width:360px;
    height:24px;
    margin:0 auto;
    text-align:center;
}
.loginForm{
    width:360px;
    margin:0 auto;
}
.loginForm li{
    padding:4px;
}
.loginForm .botArea{
    padding-left:40px;
}
.submit,.reset{
    width:88px;
    height:32px;
    border:none;
    background-position:0 -120px;
}
.submit{
    color:#fff;
}
.reset{
    background-position:0 -153px; 
}

.userArea{
    background:#e1eaed;
    height:51px;
    border-bottom:1px solid #e4e6e6;
}
.userArea div{
    width:440px;
    padding:10px 0;
    margin:0 auto;
}
.userLImg{
    background:#fff;
    padding:2px;
    border-radius:2px;
    border:1px solid #c9d6db;
}
.bodyL{
    width:440px;
    height:220px;
    margin:0 auto;
}
.bodyL .tips{
    padding:20px 0;
}
.tips1,.tips2 p{
    background:url(http://mat1.gtimg.com/app/oauth/images/mini_n.gif) no-repeat -129px -119px;
}
.tips1{
    float:left;
    padding-left:35px;
    width:265px;
    height:99px;
    line-height:30px;
}
.tips2{
    float:right;
    width:130px;
}
.tips2 p{
    float:left;
    display:block;
    background-position:-89px -120px;
    width:39px;
    height:120px;
}
.tips2 div{
    float:right;
    text-align:center;
}
.tips2 img{
    background:#fff;
    padding:3px;
    border-radius:3px;
    border:1px solid #c9d6db;
}
.sub1,.ret1{
    width:88px;
    height:32px;
    border:none;
    margin-left:10px;
    background-position:0 -186px
}
.sub1{
    color:#fff;
}
.ret1{
    background-position:0 -219px;
}
.liExt{
    
    width:360px;
    padding:30px;
    margin:0px 36px auto;
}
input:focus {
    outline:0 none;
}
input.w,input.w2{
    width:204px;
    height:24px;
    /*line-height:24px;*/
    border:none;
    padding:4px 0 5px 6px;
    background-position:0 -252px;
}
input.w:hover {
    background-position:0 -286px; 
}
input:focus {
	outline:0 none;
}
input.w,input.w2{
	width:204px;
	height:24px;
	line-height:24px;
	border:none;
	padding:4px 0 5px 6px;
	background-position:0 -252px;
}
input.w:hover {
	background-position:0 -286px; 
}
/*  |xGv00|90c41439c615105fbf4b35a02340a965 */