html{ width: 100%; height: 100%;}
body{ width: 100%; height: 100%; position: relative; background:#fff center top no-repeat; background-size: cover;}

.login-wrap{ width: 550px; height: 535px; background-color: rgba(255,255,255,.47);  z-index: 999;
    position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top: -267px; }
.logo{ width: 520px; height: 505px; background-color: #fff; margin-left: 15px; margin-top: 15px; }
.logo .hd{ width: 100%; height: 69px;border-bottom:1px solid #e8e7e8; text-align: center; position: relative;}
.logo .hd h2{ line-height: 69px; font-size: 18px; color: #3e3e3e;}
.logo .com{ width: 390px; height: auto; margin: 40px auto 0;}
.logo .inpCom{ width: 100%; overflow: hidden;}
.logo .inpCom .item{ width: 100%; height: 74px; overflow: hidden; position: relative;}
.logo .inp{ width: 388px; height: 42px; line-height: 42px; border: 1px solid #e8e7e8;  border-radius: 4px; overflow: hidden; position: relative;}
.logo .inp .tp{ width: 44px; height: 44px; display: inline-block; overflow: hidden; position: absolute; left: 0; top: 0;}
.logo .inp .tp img{ width: 100%;}
.logo .inp input{ width: 316px; padding-left: 44px; padding-right: 10px; height: 44px; line-height: 44px;background-color: rgba(255,255,255,1);
    font-size: 14px; color: #999; border-radius: 4px; overflow: hidden;}
.logo .inp03{  height: 44px; line-height: 44px; border: none; }
.logo .inp03 .inp03-div{ width: 248px;  height: 42px; line-height: 42px;  border:1px solid #e8e7e8; border-radius: 4px; overflow: hidden; float: left;}
.logo .inp03 input{ width: 184px; }
.logo .getCode{ width: 118px; height: 44px; overflow: hidden; position: absolute; right: 0; top: 0; cursor: pointer;}
.logo .remPwd{ color: #999; font-size: 14px;}
.logo .remPwd .che{ width: 18px; height: 18px; background: url("../img/che.png") no-repeat; display: inline-block; vertical-align: middle; cursor: pointer;}
.logo .remPwd .che.hover{ background-position: right top;}
.logo .remPwd span{ vertical-align: middle; margin-left: 5px;}
.logo .btn{ width: 100%; height: 44px; line-height: 44px; text-align: center; background-color: #e0340e; border-radius: 4px; margin-top: 30px;
    transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s;cursor: pointer;}
.logo .btn:hover{ background-color: #e0340e;}
.logo .btn a{ display: block; font-size: 18px; color: #fff;cursor: pointer;}
.copyright{ width: 460px; text-align:center; position: fixed; bottom: 40px;  left: 50%; margin-left: -230px; z-index: 999; color: #fff; font-size: 16px;}
.tip{ position: absolute; bottom: 5px; left: 45px; color: #ff253b; font-size: 14px;}