/* init */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font-size:14px; font-family:  arial; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
/*ul, ol { list-style:none; } */
a { text-decoration:none; }
a:hover { text-decoration:none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
body{
	width:100%;
	height:100%;
	background:url("../../images/loginNew/bc.png")no-repeat;
	background-size: 100% 100%;
	overflow-y: hidden;
}



/* header    */
.header{
	width: 100%;
    height: 94px;
    margin:0 auto;
    line-height: 88px;
    background-color:#3793ea;
    background-size:100% 100% ;
}


/*1440分辨率以下*/
.header .logo{
    width: 1024px;
    margin: 0 auto;
    height: 94px;
    line-height: 94px;
    background: url("../../images/loginNew/logo.png")no-repeat left center;
    background-size: 90% 50%;
}
.zhanwei{
	height: 100px;
}
.container {
    width: 1024px;
    height: 768px;
    margin: auto;
    background:url("../../images/loginNew/pic_small.png")no-repeat;
    background-size: 65% 65%;
}
.container .box{
    display: block;
    float: right;
    height: 350px;
    border: 1px solid #eeeeee;
}
.container .box3{
    width: 360px;
    background: #f5f9fb;
    border: 1px solid #f5f9fb;
}

.box3 .controls .input-icon {
    width: 300px;
    margin-left: 20px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color:#ffffff ;
}

.box3 .controls div:focus{
    border: 1px solid #0098e9;
}

.box3 .controls .input-icon i{
    vertical-align: middle;
}
.box3 .controls .input-icon input{  outline: none;border: none !important; border-color: #ffffff;  width: 260px;  }

.box3 .controls .input-vercode{  width: 175px;  }

.box3 .controls .input-vercode input{  width: 130px;  }

.box3 .controls-vercode img{ display: inline-block;margin-left: 10px;
    width: 110px;  height: 37px;  vertical-align: middle; border: none;
}
.box3 .controls .control-group {  margin-bottom: 20px !important;  }

.box3 .controls .input-icon .m-wrap {
    margin: 0px !important;
    height: 32px;line-height: 30px;
    background:transparent;border:1px solid #f5f9fb;
}
.box3 .loginlogo{
    /*环境切换正式
    width: 360px; height: 72px;
    background: url("../../images/loginNew/welcome.png") no-repeat center center;*/


    width: 360px; height: 72px;
    font-size: 26px;
    line-height: 72px;
    text-align: center;
    /*font-weight: 700;*/
    color: #18a1ec;
    font-family: Arial, Helvetica, sans-serif;
}

.box3 .controls .dl{
    background: url("../../images/loginNew/button.png") center;
    color: #ffffff;
    cursor:pointer
}
.box3 .controls .zc{
    background: url("../../images/loginNew/button2.png") center;
    color: #777777;
    cursor:pointer
}
.box3 .controls button{
    width: 140px;
    height: 41px;
    font-size: 18px;
    border: none;
    margin-left: 20px;
    margin-top: 16px;
}
.box3 .input-checbox{  color: #7b7b7b; width: 300px;  height:30px;margin-left: 20px; }
.box3 .input-checbox label,.box3 .input-checbox div{ display: inline-block; font-size: 12px; }
.box3 .input-checbox input{vertical-align: middle; outline: none;}
.box3 .input-checbox div{float: right;}

.box3 .code-div{
	float:right;
	margin-right:40px;
	width:100px;
	height:37px;
}
.box3 .code{
	width: 100%;
	height:100%;
	border:none;
	font-family:PingFang SC Medium;
	font-style:italic;
	text-align:center;
	font-size:18px;
	background: white;
	outline:none;
}
.box3 .icon{  width: 24px;height: 24px;display: inline-block;  margin-left: 5px;  background-size: 100% 100%;  }
.forget-password{
	display: inline-block;
	font-size: 12px;
	font-family:PingFang SC Medium;
	color: #7b7b7b;
}


/*1440分辨率以上*/
.header .logo1{
    width: 1366px;
    margin: 0 auto;
    height: 94px;
    line-height: 94px;
    background: url("../../images/loginNew/logo_big.png")no-repeat center center;
    background-size: 80% 55%;
}
.zhanwei1{
	height: 150px;
}
.container1 {
    width: 1366px;
    height: 618px;
    margin: auto;
    background:url("../../images/loginNew/pic_big.png")no-repeat;
    background-size: 60% 92%;
    font-size:18px;
}
.container1 .box1{
    display: block;
    float: right;
    height: 450px;
    border: 1px solid #eeeeee;
}
.container1 .box31{
    width: 440px;
    background: #f5f9fb;
    border: 1px solid #f5f9fb;
}

.box31 .controls .input-icon {
    width: 380px;
    margin-left: 30px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    background-color:#ffffff ;
}

.box31 .controls div:focus{
    border: 1px solid #0098e9;
}

.box31 .controls .input-icon i{
    vertical-align: middle;
}
.box31 .controls .input-icon input{  outline: none;border: none !important; border-color: #ffffff;  width: 300px;  }

.box31 .controls .input-vercode{  width: 200px;  }

.box31 .controls .input-vercode input{  width: 150px;  }

.box31 .loginlogo{
    /*
    环境切换正式
    width: 450px; height: 80px;
    background: url("../../images/loginNew/welcome.png") no-repeat center center;
    */
    width: 450px; height: 80px;
    font-size: 26px;
    line-height: 80px;
    text-align: center;
    /*font-weight: 700;*/
    color: #18a1ec;
    font-family: Arial, Helvetica, sans-serif;
}

.box31 .controls .dl{
    background: url("../../images/loginNew/button.png") center;
    color: #ffffff;
    cursor:pointer
}
.box31 .controls .zc{
    background: url("../../images/loginNew/button2.png") center;
    color: #777777;
    cursor:pointer
}
.box31 .controls button{
    width: 172px;
    height: 54px;
    font-size: 22px;
    border: none;
    margin-left: 30px;
    margin-top: 20px;
}
.box31 .input-checbox{  color: #7b7b7b; width: 400px;  height:30px;margin-left: 30px; }
.box31 .input-checbox label,.box31 .input-checbox div{display: inline-block; font-size: 18px; }
.box31 .input-checbox input{vertical-align: middle; outline: none;}
.box31 .input-checbox div{float: right;}

.box31 .code-div{
	float:right;
	margin-right:30px;
	width:150px;
	height:50px;
}
.box31 .code{
	width: 100%;
	height:100%;
	border:none;
	font-family:PingFang SC Medium;
	font-style:italic;
	text-align:center;
	font-size:22px;
	background: white;
	outline:none;
}
.box31 .icon{  width: 30px;height: 30px;display: inline-block;  margin-left: 10px;  background-size: 100% 100%;  }

.box31 .forget-password1{
	display: inline-block;
	font-size: 18px;
	font-family:PingFang SC Medium;
	color: #7b7b7b;
}
/* footer    */
.footer{
	position:absolute;
    width: 100%;
    font-size: 14px;
   	font-family:PingFang SC Medium;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    bottom:20px;
}
.footer span{ margin-right:56px;}

/*  icon */
.more{
    width: 11px;height: 11px;display: inline-block;
    margin-left: 5px;
    background:url("../../images/loginNew/more.png")no-repeat left top;
}
.icon-user1{  background:url("../../images/loginNew/username.png")no-repeat center center;  }
.icon-password{  background:url("../../images/loginNew/password.png")no-repeat center center;  }
.icon-vercode{  background:url("../../images/loginNew/vercode.png")no-repeat center center;  }