@charset "utf-8";
*{ padding: 0; margin: 0; }
a{ text-decoration: none !important; }
body{ 
    background: #2e3e4e;
}

.logo {
    margin: auto;
    margin-top: 8%;
    width: 983px;
    height: 100px;
}

.img {
   margin-top:20px;  
 }

.contain {
    /*background: url(../../Images/Login.png) top center no-repeat #fff;*/
    margin: auto;
    width: 983px;
    height: 332px;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0,0,0,.6);
    margin-top: -50px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    display: inline-block;
}

.title {
    text-align: center;
    margin: 20px;
    /*font-family: Microsoft Yahei;*/
    font-family: sans-serif, SimHei;
    color: #fff;
    margin: auto;
    width: 983px;
    padding-top: 30px;
}

.copyright {
    text-align: center;
    color: #fff;
    position: absolute;
    /*top: 100%;*/
    /*margin-top: -50px;*/
    width: 97%;
    /*font-family: Microsoft Yahei, sans-serif;*/
    font-family: sans-serif, SimHei;
    line-height: 25px;
}

.Loginform {
    margin-top: 71px;
    float: right;
    width: 367px;
    height: 200px;
}

.form-account {
    margin-top: 10px;
    margin-left: 25px;
    font-family: sans-serif, SimHei;
    font-size: 12pt;
    color: #999999;
}

.form-password {
    margin-top: 10px;
    margin-left: 25px;
    font-family: sans-serif, SimHei;
    font-size: 12pt;
    color: #999999;
}
.form-message {
    visibility:visible;
    height: 30px;
    width: 65%;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
}

.loading {
    margin-left:40px;
    color:black;
    font-size:small;
    display:none;
}

 .box{width: 270px; background:#ffffff;
 position: absolute; left: 50%; top:15%; padding:5px 15px 15px 15px; }
 .box h3{ color: #f0c80d; line-height: 30px; }
 .box .yzm span{ width:90px; height: 30px; background: #ff0000;
 display: inline-block; vertical-align: middle; margin-left: 10px;  }
 .Loginform button{ border: 0 none; border-radius: 5px;border:1px solid #cf870b; background: #f0ac35; color: #ffffff;
  padding: 5px 20px;  vertical-align: middle; display: inline-block;font-size:large;
  cursor: pointer; width: 315px; line-height: 30px; margin-top: 20px;margin-left:25px}
 .Loginform input{ height: 30px; width: 300px;}
 .Loginform input.user{ background:url(./../Images/user.png) no-repeat; background-position:280px center; }
 .Loginform input.mima{ background:url(./../Images/mima.png) no-repeat; background-position:280px center; }
 .Loginform .tag{
    border:1px solid #fb6565;
    background-color:#fef4fe;
    color: #bebebe;
    border-radius: 3px;
    text-indent: 25px;
    background:url(./../Images/cuowu.png) no-repeat; background-position:5px center; 
    margin: 0 auto;
    display:none;
    padding:3px;
}

.demo--radio {
    display: none
}

.demo--radioInput {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    width: 16px;
    line-height: 1
}

.demo--radio:checked + .demo--radioInput:after {
    background-color: #03c2ec;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 2px;
    width: 12px
}

.demo--checkbox.demo--radioInput,
.demo--radio:checked + .demo--checkbox.demo--radioInput:after {
    border-radius: 0
}