/* common */
.clearfix:after,.clearfix:before{
    display: table;
    content: ' ';
}
.clearfix:after{
    clear: both;
}
/* login */
::-webkit-input-placeholder{color: #d9d8d8;}
:-moz-placeholder{color: #d9d8d8;}
::-moz-placeholder {color: #d9d8d8;}
:-ms-input-placeholder{color: #d9d8d8;}

html,body{width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}
body{font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif;}
header{height: 10%;background-color: #E4E4E4FF;}
header>img{width: auto;height: 4.5%;position: absolute;left: 100px;top: 12%;}
footer{height: 11%;background-color: #E4E4E4FF;}
.content{background-color: #E4E4E4FF;height:80%;}
.content>div{height: 100%}
.content>div.left{background: url(../img/login.png) no-repeat left center;background-size: auto 100%;
    width: 65%;}
.form{width: 380px;height: 390px;background-color: white;border-radius: 5px;}
.form{
    position: relative;
    top: 50%;
    left: 35px;
    -webkit-transform: translate(0px,-47%);
    -moz-transform: translate(0px,-47%);
    -o-transform: translate(0px,-47%);
    transform: translate(0px,-47%);
    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);
    box-shadow:0 0 10px rgba(0, 0, 0, .5);

}
#loginForm{
    margin: 0px;
}
.form>div:nth-child(1) img{
    width: 33%;
    padding-top: 6px;
}
.form>div:nth-child(1) p{
   margin: 0px;
    line-height: 20px;
}
.form>div:nth-child(1){font-size: 16px;font-weight: bold;color: #FFFFFFFF;height:58px;line-height: 58px;text-align: center;
    background-color: #EF7421FF;padding-left: 12px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.form>div>input{outline: none;border: 1px solid #b7babf;border-radius: 3px;height: 38px;font-size: 14px;display: block;width: 246px;margin-top: 25px;margin-left: 15px;padding-left: 58px;}
.form>div>input{background-repeat:no-repeat;background-position: left center;background-size: 39px 38px;}
.form>div>input:focus {
    border: 1px solid #f29700;
    -webkit-box-shadow:0 0 10px rgba(242, 151, 0, 1);
    -moz-box-shadow:0 0 10px rgba(242, 151, 0, 1);
    box-shadow:0 0 10px rgba(242, 151, 0, 1);
}
.form>div>input[type=text]{background-image: url(../img/login-user.png);}
.form>div>input[type=password]{background-image: url(../img/login-lock.png);}
.form>div>input[type=text]:focus{background-image: url(../img/login-user-hl.png);}
.form>div>input[type=password]:focus{background-image: url(../img/login-lock-hl.png);}
.form>div>div{margin-top: 25px;}
.form>div>div>a{display: block;font-size: 12px;text-decoration: none;}
.form>div>div>a:first-child{float: left;color: #848181;margin-left: 15px;padding-left: 20px;background-repeat: no-repeat;background-position: left center;background-size: 12px 12px;}
.form>div>div>a:first-child.uncheck{background-image: url(../img/login-uncheck.png);}
.form>div>div>a:first-child.check{background-image: url(../img/login-check.png);}
.form>div>div>a:last-child{float: right;color: #f29700;margin-right: 15px;}
.form>div>a{display: block;background-color: #EF7421FF;margin: 25px 15px;height: 36px;line-height: 36px;color: white;border-radius: 3px;text-align: center;text-decoration: none;}
.form input{
    width: 82%;
    font-size: 18px;
    height: 40px;
    margin:15px 0px;
    border: none;
    padding-left: 10px;
    background: rgba(247,247,247,1);
}
.form .form-group span{
    font-size: 32px;
    margin-left: 20px;
    position: relative;
    top: 5px;
    background: rgba(247,247,247,1);;
}
.form .form-group:nth-child(2) span{
    font-size: 20px;
}
.form #submitBtn,#submitPhoneBtn{
    width:87%;
    height:40px;
    background:rgba(239,116,33,1);
    opacity:1;
    margin-left: 20px;
    margin-top: 20px;
    border: none;
    border-radius:5px;
    color: #FFFFFFFF;
}
.form .desc{
    font-size:12px;
    font-family:Helvetica;
    font-weight:bold;
    line-height:17px;
    color:rgba(139,136,136,1);
    margin-left: 20px;
    margin-top: 10px;
}
.form .changeForm{
    text-align: right;
    margin-right: 30px;
    margin-top: 10px;
}
.form .changeForm a{
    font-size: 12px;
    color: rgb(62,137,242);
    text-decoration:none;
}
.form #phoneLogin .form-group:nth-child(2) input{
    width: 50%;
}
.form .input_row input:nth-child(2){width:40% !important;}
.form .input_row input:nth-child(3){margin:0 10px;}


.form #getMsgCode{
     width: 38% !important;
    padding: 0px;
    color: rgb(62,137,242);
    font-size: 14px;
}
html,body{
		   height: 100%;
		   margin: 0;
		   padding: 0;
		  }
		  .content{
		   height: 100%;
		   background: url(../img/login.png) no-repeat;
		   background-size: cover;
		  }
		  .content>div{
		  	float:none !important;
		  }
		  .left{
		   display: none;
		  }
		  .form{
		   position: inherit;
		   margin: 25% auto;
		  }
		  #loginError{
		   margin-left: 45px;
		   margin-top: 5px;
		  }
		  .form .desc{
		   margin-top: 20px;
		  }
		  .form #submitBtn{
		   margin-top: 35px;
		  }