.container{
    min-width: 1200px;
    height: 100%;
    max-height: 1080px;
    min-height: 960px;
    background: #1F2733 url(../Images/bg.jpg) no-repeat center top;
    background-size: 1920px 1080px;
    position: relative;
}
.logo-wrap{
    padding: 90px 0 40px 0;
}
.login-wrap{
    width: 1210px;
    font-size: 0;
    border-radius: 10px;
    overflow: hidden;
}
.login-wrap .img{
    vertical-align: top;
}

/*登录输入框*/
.Login{
    display: inline-block;
    width: 605px;
    height: 570px;
    background: #ffffff;
    vertical-align: top;
}
.Login h1{color:#35C3B8; font-size:34px;line-height: 48px; font-weight:bold; margin:94px 0 40px 0;text-align: center;}
.Form{width:365px; height:52px; line-height:20px; margin:0 auto 24px auto; position:relative; z-index:1;}
.Input{color:#5C5C5C;width:317px; height:52px;padding:0; line-height:52px; padding-left:48px; border:0; border-radius:3px; position:relative; z-index:2;border-radius: 10px;}
.Input-Code{color:#5C5C5C;width:165px; height:52px;padding:0; float:left; line-height:52px; padding-left:48px; border:0; border-radius:3px; position:relative; z-index:2;border-radius: 10px;}
.Input-Password{width:40px; height:40px; background:none; position:relative; z-index:3; overflow:hidden; display:inline-block; right:0px;}
.togglePassword{z-index:3; position:relative; right:1px;}
.Input-Password input[type=checkbox],.Input-Password input[type=radio ]{width:28px; height:40px; opacity:0; filter:"alpha(opacity=0)"; cursor:pointer;}
.Input-Password input[type=checkbox]+ label{display:inline-block; float:right; width:40px; background:url(../Images/ico-1.png) no-repeat -121px -78px; line-height:120px; opacity:1; font-size:1px;}
.Input-Password input[type=checkbox]:checked + label{background:url(../Images/ico-1.png) no-repeat -155px -78px;}
.Login-Link{margin:32px 0 0 0;}
.Login-Link a{
    display:block;
    text-align:center;
    background:#35C3B8; 
    color:#fff; 
    font-size:16px; 
    border-radius:10px;
    width: 365px;
    line-height: 52px;
    margin:0 auto;
    box-shadow: 0 20px 10px -10px rgba(53, 195, 184, 0.2);
    -webkit-box-shadow: 0 20px 10px -10px rgba(53, 195, 184, 0.2);
    -moz-box-shadow: 0 20px 10px -10px rgba(53, 195, 184, 0.2);
    -ms-box-shadow: 0 20px 10px -10px rgba(53, 195, 184, 0.2);
}
input::-webkit-input-placeholder {
    color: #BDBDBD;
}
input::-moz-input-placeholder {
    color: #BDBDBD;
}
input::-ms-input-placeholder {
    color: #BDBDBD;
}

.Account input{background:#F5F6F7 url(../Images/user.png)no-repeat 2px 7px;}
.Account input:focus{outline: none;}
.PasswordBox input{background:#F5F6F7 url(../Images/password.png) no-repeat 2px 7px;}
.PasswordBox input:focus{outline: none;}
.Verification input{background:#F5F6F7 url(../Images/code.png) no-repeat 2px 7px;}
.Verification input:focus{outline: none;}
.Verification .code-img-wrap{padding:0 0 0 20px;float: right;font-size: 0;line-height: 0;}

.Check{width:180px; height:36px; background:none; position:absolute; z-index:3; overflow:hidden; display:inline-block; left:0px;}
.Check input[type=checkbox],.Check input[type=radio ]{width:128px; height:36px; opacity:0; filter:"alpha(opacity=0)"; cursor:pointer;}
.Check input[type=checkbox]+ label{display:inline-block; float:left; width:120px; color:#0077ff; padding-left:25px; background:url(../Images/ico-1.png) no-repeat -199px -277px; line-height:36px; opacity:1; font-size:1px;}
.Check input[type=checkbox]:checked + label{background:url(../Images/ico-1.png) no-repeat -199px -241px; color:#666;}
.Check-Password{z-index:3; position:absolute; left:1px;}
.reveal-modal .close-reveal-modal{font-size:32px; reveal-modal:6px; line-height:0.5; font-family:"宋体"; position:absolute; top:15px; right:31px; color:#333; text-shadow:0 -1px 1px rbga(0, 0, 0, .6); cursor:pointer;}

/*未输入提示*/
.form-group erroru, .form-group errorp{position:absolute; width:100%; left:0; top:100%; font-size:11px; color:#0077ff; font-weight:300; transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -moz-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -webkit-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; opacity:0;}
.form-group erroru i,.form-group errorp i,.form-group errored i{right:0; margin-top:12px; width:15px; height:15px; border-radius:50%; display:inline-block; float:right; color:#fff; border-radius:15px; background:#0077ff; text-align:center; line-height:15px;}
.form-group[errr] erroru, .form-group[errr] errorp, .form-group[errred] errored{opacity:1;}
.form-group errored{position:absolute; width:100%; left:0; top:92%; font-size:11px; color:red; font-weight:300; transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -moz-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -webkit-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; opacity:0;}
.form-group .resMessage{position:absolute; width:100%; left:0; top:244%; font-size:11px; color:red; font-weight:300; transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -moz-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all; -webkit-transition:0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all;}
