/*全局布局*/
*{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
    /*font-family: "Helvetica Neue","Helvetica","Lucida Grande","Arial","Hiragino Sans GB","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";*/
    font-family: Microsoft YaHei;
}
body{
	background: #1966BC url("../img/background.jpg") center center no-repeat;
}

.container{
    position: fixed;
    width: 100%;
    height: 100%;
}

.picture{
    position: relative;
    display: inline-block;
    width: 49%;
}


.picture .title{
    position: absolute;
    top: 110px;
    left: 10vw;
    font-size: 46px;
    color: #ffffff;
}

.picture .title div{
    display: inline-block;
    width: 71px;
    height: 70px;
    background-image: url("../img/skyworth.png");
}

.picture .title label{
    vertical-align: top;
    margin-left: 20px;
}

.login-panel,.forgot-panel,.register-panel{
    display: inline-block;
    position: relative;
    width: 49%;
    height: 100%;
    vertical-align: top;
    padding-top: 18vh;
}

@media (max-height: 800px) {
    .login-panel,.forgot-panel,.register-panel{
        padding-top: 2vh;
    }
}

.agreement{
    margin-top: 20px;
}


.login,#getAccess,#setPassword{
    margin: 10% auto;
    width: 60%;
    height: 100%;

}

#register{
    margin: 0 auto;
    width: 70%;
    height: 100%;
}

.register-panel #randomCode{
    width: 360px;
    display: inline-block;
}

#imgCode{
    vertical-align: top;
    display: inline-block;
    width: 120px;
    height: 38px;
    margin-left: 13px;
}

.form{
    /* height: 60%;
   background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 5px;
    -webkit-box-shadow:0 0 10px rgba(88, 102, 122, 0.67);
    -moz-box-shadow:0 0 10px rgba(88, 102, 122, 0.67);
    box-shadow:0 0 10px rgba(88, 102, 122, 0.67);*/
    padding-bottom: 50px;
}

/*标题部分*/
.title{
    height: 20%;
}
.title_Info{
	position:relative;
	width: 100%;
	height:100%;
	font-size: 40px;
	color: #336699;
	text-indent: 100px;
}


/*表单部分*/

.dataForm{
    height: 60%;
}

.remember{
    float: left;
    font-size: 14px;
    color: #4a5482;
}
.rememberMe p{
    font-size: 14px;
}
.rememberMe a{
    text-decoration: none;
    color: #4a5482;
}


.input-control{
    width: 500px;
    height: 50px;
    margin-top: 40px;

}
.rememberMe{
    width: 320px;
    height: 30px
}
.error_info{
    display: table-cell;
    vertical-align: middle;
    width: 320px;
    height: 30px;
    /*   background-color: #0e1e3a;*/
    color: red;
}

input[type="text"],input[type="password"],input[type="phone"]{
    box-sizing: border-box;
    text-align: left;
    font-size: 1em;
    height: 2.5em;
    border-radius: 4px;
    color: #6e6696 !important;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
    background-color: #f4f3fa !important;

}

#getAccess input[type="phone"]{
    width: 360px;
    display: inline-block;
}

#sendCodeBtn{
    display: inline-block;
    background-color: #1eccb6;
    border: navajowhite;
    padding: 10px 10px;
    /*margin-left: 30px;*/
    float: right;
    cursor: pointer;
}
.register-panel #btnLogin{
    background-color: white;
    color: #EEEEEE;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    background-color: #f4f3fa !important;;
}

.input-normal input{
    border: 1px solid #c8cccf;
}

.input-normal input:focus{
    border: 2px solid #bddbff;
}

.input-error input{
    border: 1px solid #cf3732;
}

.input-error input:focus{
    border: 2px solid #cf3732;
}

/*模块切换部分*/
.model{
    height:40px;
    width: 80%;
}
.model_switch{
    height: 95%;
}
.cag{
    float: left;
    width: 50%;
    /*width: 100%;*/
    color: #4a5482;
    text-align: center;
    padding-top: 20px;
}
.ids{
    float: left;
    width: 50%;
    color: #4a5482;
    text-align: center;
    padding-top: 20px;
}
.slider{
    height: 5%;
    /*padding: 0 50px;
    background-color: #556d97;*/
}
.slider_left{
    height: 100%;
    background-color: #556d97;
    width: 40%;
    float: left;
    margin-left: 5%;
}
.slider_right{
    height: 100%;
    background-color: #556d97;
    width: 40%;
    float: left;
    margin-left: 55%;
}



/*按钮区域*/
/*.buttons{
    margin: 40px auto;
}*/

#btnLogin,#nextStepBtn,.register-panel #btnRegister,#confirmBtn,#success a[href="login"],#retryBtn,#btnReTry{
    display: table-cell;
    vertical-align: middle;
    border: #6674a6;
    width: 500px;
    height: 50px;
    border-radius: 4px;
    color: #6e6696;
    cursor: pointer;
    text-align: center;
    color: white;
    margin-bottom: 20px;
   /* font-size: 24px;*/
}

#btnLogin,#nextStepBtn,#confirmBtn,#success a[href="login"],#retryBtn,#btnReTry{
    background-color: #336699;
}
#btnLogin{
	font-size: 18px;
}
#btnRegister{
    background-color: #888c92;
}

#success a[href="login"]{
    margin-top: 20px;
}

#btnRegister{
    margin-top: 10px;
    cursor: pointer;
}
#btnRegister a{
    text-decoration: none;
    color: #EEEEFF;
    position: absolute;
    /* text-decoration: underline; */
    top: 100px;
    right: 50px;
}

#registerSuccess,#registerFail,#setPassword,#success,#fail{
    display: none;
}

#btnLogin a,#registerSuccess a,#registerFail a,#success a,#fail a{
    text-decoration: none;
    color: #0e1e3a;
    text-decoration: underline;
}

#registerSuccess img,#registerFail img,#success img,#fail img{
    width: 200px;
    height: 200px
}
#registerSuccess span,#registerFail span,#success span,#fail span{
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* 重写登录页面  单独写 */

#loginView{
    padding: calc((100vh - 500px) / 2) 0;
}

#loginView .picture{
    position: initial;
    width: 50vw;
    height: 500px;
}

#loginView .login-panel{
    width: 50vw;
    height: 500px;
    float: right;
    padding-top: 0 !important;
}

#loginView .picture .title{
    top: calc((100vh - 600px) / 4);
    color: #EEEEEE;
    font-size: 36px;
}

@media (max-height: 800px) {
    #loginView .picture .title{
        top: calc((100vh - 640px) / 4);
    }
}


#loginView #btnRegister{
    position: fixed;
    top: calc((100vh - 600px) / 4);;
    right: 100px;
    width: 100px;
}

#loginView #btnRegister a{
    top: 0 !important;
    right: 0 !important;
}

#loginView .formBg{
    background-color: white;
    border-radius: 10px;
    margin-bottom: 0 !important;
    padding-left: 60px;
}

#loginView .login{
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: 40px;
}

.copyRight{
    text-align: center;
    color: #EEEEEE;
    margin-top: 15px;
}

#loginForm .input-control,#btnLogin {
    width: 85% !important;
}

.login .slider{
    margin-top: 20px;
}

#loginView #changeLocal{
    position: fixed;
    top: calc((100vh - 600px) / 4);
    right: 180px;
    width: 100px;
    margin-top: 10px;
}
#loginView #changeLocal select{
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #555;
    border-radius: 4px;
}