*{
    padding: 0;
    margin: 0
}
 a{
    text-decoration: none;
}
 li{
    list-style: none;
}
 body{
    font-family: arial, "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    background-color:#f5f5f5;
    height: 100%;
}
 html{
    height:100%
}
 .box{
    width:1000px;
    height:100%;
    background:#f5f5f5;
    margin: 0 auto;
    position: relative;
}
 .box .to-home{
    font-size: 13px;
    color:#008ad2;
    display: block;
    position:absolute;
    right:20px;
    top:20px;
    line-height:30px;
    padding: 0 10px 0;
    border: 1px solid #008ad2;
    border-radius: 2px;
}
 .box .to-home:hover{
    background-color:#ebf0f3;
}
 .box .main{
    clear:both;
    background: url(../images/new-login/light.png) no-repeat center top;
    height:600px;
}
 .box .main .logo{
    display: block;
    margin: 0 auto;
    padding-top:68px;
}
 .signin-choose{
    font-size: 16px;
    padding:50px 0;
    margin: 0 auto;
    line-height: 20px;
    width:230px;
}
 .signin-choose #normal-signin{
    cursor: pointer;
    color:#333;
}
 .signin-choose span{
    color:#999;
    padding:0 1.5em;
}
 .signin-choose #wechat-signin{
    cursor:pointer;
    color:#333;
    padding-left: 1.4em;
    background:url(../images/new-login/ico-wechat.png) no-repeat left 1px;
     white-space:nowrap;
}
 .signin-choose a:hover{
    text-decoration: underline;
}
 .box .main .card{
    width:400px;
    height:390px;
    margin: 0 auto 60px;
    background: url(../images/new-login/shadow.png) no-repeat center bottom;
    position:relative;
}
 .box .main .card form{
    width:290px;
    height:100%;
    margin: 0 auto;
    padding: 30px;
}
 .box .main .card #card-box{
    width:356px;
    height:350px;
    background-color:#fff;
    border:1px #ddd solid;
     border-radius: 4px;
    margin: 0 auto;
}
 .box .main .card .form-item {
    margin-bottom:16px;
    display: block;
    position: relative;
}
 .box .main .card form .input-wapper .prompt{
    position: absolute;
    left:8px;
    top:0;
    line-height: 38px;
    font-size: 14px;
    color:#bbbbbb;
    padding-left: 2em;
    display:none;
    font-family: "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
 .box .main .card .input-label{
  	width: 31px;
  	height: 38px;
    position: absolute; 
    display:block;
    z-index: 20;
}
 .box .main .card .ico-username{
    background: url(../images/new-login/ico-email.png) no-repeat 8px center;
}
 .box .main .card .ico-password{
    background: url(../images/new-login/ico-lock.png) no-repeat 12px center;
}
 .box .main .card form .input{
     height:38px;
     line-height:38px;
     width:263px;
     border:1px solid #ddd;
     background-color: rgb(255, 255, 255);
     box-shadow: 0 0 4px #eee inset;
     padding-left:35px;
     border-radius: 2px;
     outline:none;
     font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
 .box .main .card form input:-webkit-autofill {  
	-webkit-box-shadow: 0 0 0px 100px white inset; /*���chrome input ��ɫ������ɫ*/
}
 #btnSubmit{
    width:300px ;
     background-color:#008ad2;
    text-align: center;
    line-height: 40px;
    color:#fff;
    border: none;
    margin-top:10px;
    border-radius: 4px;
    font-family: arial, "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    font-size: 16px;
    cursor: pointer;
    display:block;
}
 #btnSubmit:hover{
    background-color:#11a0ea;
}
 #btnSubmit:active{
    background-color:#007aba;
    box-shadow: 0 0 10px #666 inset;
}
 #remember_me{
    display: inline;
    width:1em;
    height:15px;
    border: none;
    padding-left: 0;
    vertical-align: middle;
    margin-right:5px;
     float:left;margin-top:2px;
}
 .box .main .card form .rem-me{
    color:#888;
    font-size:12px;
    line-height:20px;
    float:left;
    margin:10px 0 0 0; 
}
 .forget-password{
    float:right;
    display: block;
    color:#888;
    font-size:12px;
    line-height:20px;
    cursor: pointer;
     padding-top:12px;
}
 .forget-password:hover{
    color:#008ad2;
}
 .gry-btn-box{
     clear:both;
     width:300px;
     margin-top:20px;
     border-top:1px solid #eee;
     position:relative;text-align:center;
 }
 .gry-btn-box p {color:#999;font-size:12px;background-color:#fff;width:80px; position:absolute;left:113px;top:-8px;}
 .gry-btn{
     width:300px;
     display: block;
     line-height: 40px;
     background-color:#ccc;
     text-align: center;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
     margin-top:8px;
 }
 .gry-btn:hover{
    background-color: #aaa;
}
 .qq-login{
     width:24px;
     height:24px;display:inline-block;text-indent:-200px;
     background:url(../images/new-login/qq2.png) no-repeat;
     margin-top:18px;
 }
 .wx-login{
     width:24px;
     height:24px;display:inline-block;text-indent:-200px;
     background:url(../images/new-login/weixin2.png) no-repeat;
 }
 #wechat-signin-img{
    text-align: center;
    padding:20px 0 0;
}
 #wechat-signin-img p{
    font-size:13px;
}
 #arrow{
    display: block;
    position: absolute;
    width:26px;
    height:16px;
    background:url(../images/new-login/ico-choose.png);
    z-index: 100;
    top:-15px;
    left:105px;
}
 .copy{
    font-size: 12px;
    color:#bbb;
    display: block;
    width: 250px;
    margin: 60px auto 0;
    text-align: center;
}
 .copy:hover{
    text-decoration: underline;
}
 #popup{
    position:absolute;
    top:130px;
    font-size: 13px;
    color:red;
}

.clear{zoom:1;}
.clear:after{clear:both;content:"";display:block;}