@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ color:#333; font-family: Microsoft Yahei;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-weight:normal; }
button{ cursor:pointer;}
ul,li{ list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#008cd1;}
img{ border:0; display:block; }
input, button, select, textarea { outline:none; border:none; }

.Top{width: 100%;height: 60px;background:url(../login/logo.png) no-repeat 50px 0;position: fixed;top: 10px;line-height: 60px;text-indent: 120px}
.Top img{margin: 0px}
body{  width: 100%;padding: 0;margin: 0; background:url(../login/bg.png) no-repeat; background-size:cover;  }
.backg{ width:100%; height:100%; overflow:hidden; }
.login{ width:500px; height:500px; margin:0 15% auto auto; padding-left:0px;background-color:#FFFFFF;box-shadow:0px 2px 20px  #8c8c8c;border-radius: 20px;margin-bottom: 30px}
.login .top{ width:500px; height:50px; margin-top:10px; line-height: 50px;text-indent: 30px;font-size: 20px;color: #515a73;float: right}
.login .lef{ width:480px; height:100%; float: left;display: block;background: url("../../static/login/left_img-eOp_TB13.png") no-repeat;background-size: contain;margin-left: 10px}

.login .ri{ width:500px; height:250px;  line-height: 50px;float: right;display: block;position: relative}

.login .ri .form-message{width:500px;height:30px; margin:5px auto; text-align:center; margin-bottom:5px;line-height: 30px;float: right}
.login .ri .form-message .form-text{color: #000; font-family: Microsoft Yahei; height: 26px; line-height: 26px; border-radius: 4px;}


.login .ri .input_div{float: right;display: block;width:500px;}
.login .ri .input_div span{ display:block; position:absolute; left:55px; height:78px; line-height:78px; font-size:26px; }
.login .ri .input_div input{ width:370px; height:48px; border:1px solid #dcdfe6; border-radius:5px;  padding-left:20px; margin:0px 0 20px 62px; font-size:16px;color: #8c8c8c;display: block;float: left;text-indent: 20px}
.login .ri .input_div .Code{ width:200px; height:38px; border:1px solid #dcdfe6; border-radius:5px;  padding-left:20px; margin:0px 0 20px 62px; font-size:16px;color: #8c8c8c;display: block;float: left}
.login .ri .input_div img{display: block;float: left;width: 160px;margin-left: 20px}

.txtaccount{ background:url("../../static/login/user.png") no-repeat 0px 0px;position: absolute;width: 20px;height: 20px;top: 116px;left: 75px}
.txtpassword{ background:url("../../static/login/password.png") no-repeat  0px 0px;position: absolute;width: 20px;height: 20px;top: 184px;left: 75px}
.txtcode{ background:url("../../static/login/code.png") no-repeat  0px 0px;position: absolute;width: 20px;height: 20px;top: 252px;left: 75px}
.login .ri a{ background:#247bb6; display:block; width:390px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:20px; margin:0px 0 30px 62px;border-radius: 4px;clear: both}
.login .ri p{  width:500px;text-align:center; line-height:30px; font-size:18px; color:#666; letter-spacing:1px; }
.login .ri p i{ font-style:normal; color:#ff0020; font-size:18px; }

@-webkit-keyframes animate-cloud {
  from {
    background-position:0 100%;
  }
    to {
        background-position: -1500px 100%;
    }
}
@-moz-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position:-1500px 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: -1500px 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: -1500px 100%;
  }
}
.form-message{height:12px; width:60%; margin-left:auto; margin-right:auto;}
.form-error-text{ color: red; font-family: Microsoft Yahei; height: 26px; line-height: 26px;   font-size:16px;}
.form-warning-text{ font-family: Microsoft Yahei; height: 26px; line-height: 26px; font-size:16px; color:red }
.form-succeed-text{  border-radius:3px; color: red; font-family: Microsoft Yahei;  height: 26px; line-height: 26px; font-size:16px;}
.form-account{margin-top: 26px; margin-left: 16px; font-family: Microsoft Yahei; font-size: 12pt; color: #999999;}
.form-password{margin-top: 38px; margin-left: 16px; font-family: Microsoft Yahei; font-size: 12pt; color: #999999;}