@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%; }
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px; background:url(../images/bg.jpg) no-repeat; background-size:100% 100%; overflow:hidden}
a:hover{ text-decoration:underline}


.loginBox
{ 
	width:520px;
	 height:500px; 
	 background:url(../images/bg.png) no-repeat;
	 background-size:100% 100%; 
	 margin:0 auto;
	  overflow:hidden;
	  }

.loginBox h1
{ 
	color:#fff; 
	text-align:center; 
	font-weight:bold;
	 font-size:20px; 
	 margin-top:115px;
	  letter-spacing:2px; 
	  margin-bottom:40px;
	  }
.loginBox .item
{
	width:300px;
	 height:45px; 
	 margin-left:105px;
	  border:1px solid rgba(255,255,255,0.3); 
	  margin-bottom:-15px; 
	  margin-top:50px; 
	  /* background:rgba(11,116,180,0.8); */
	   display:flex;
	   }
.loginBox .item .icon{ float:left; width:45px;}
.loginBox .item .icon img{display:block; width:20px; margin:12px;}
.loginBox .item .txt{ flex:1;}
.loginBox .item .txt input{ border:0; background:none; outline:none; width:100%; height:45px; line-height:45px; color:#fff; letter-spacing:1px; font-size:14px}
.loginBox .item .yzm{ float:right; width:100px; overflow:hidden; padding-left:10px}
.loginBox .item .yzm img{ display:block; width:100px; height:45px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;opacity:1;
}

input:-ms-input-placeholder{
    color: #fff;opacity:1;
}

input::-webkit-input-placeholder{
    color: #fff;opacity:1;
}


.loginBox .item_2{width:300px; margin-left:105px; overflow:hidden; padding-bottom:20px}
.loginBox .item_2 a{ float:right; color:#fff; font-size:12px}
.loginBox .item_2 input{ float:left;}
.loginBox .item_2 span{ float:left; color:#fff; font-size:12px}

.loginBox .item_3
{
	width:300px;
	margin-left:105px;
	margin-top:50px;
	 overflow:hidden;
	  }
	  
.loginBox .item_3 .btn
{
	width:300px;
	 height:45px; 
	 background:#387702;
	 border:0; 
	 outline:none; 
	 text-align:center; 
	 line-height:45px;
	  color:#fff; 
	  letter-spacing:5px; 
	  font-size:22px; 
	  font-weight:bold;
	  border:1px solid #387702;
	   margin-bottom:10px;
		cursor:pointer
		}


input[type=checkbox] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width:11px;
  height:10px;
  position: relative;
}

input[type=checkbox]:after {
  position: absolute;
  width:6px;
  height:13px;
  top: 0;
  content: " ";
  background:rgba(11,116,180,1);border:1px solid #1d90c5;
  color: #fff;
  display: inline-block;
  visibility: visible;
  padding: 0px 3px;
  border-radius: 3px;
}

input[type=checkbox]:checked:after {
  content: "✓";
  font-size: 12px;
}


.loginBox .item_4{width:300px; margin-left:105px; overflow:hidden; margin-top:10px; color:#fff; font-size:12px; letter-spacing:0.5px}
.loginBox .item_4 a{color:#1d90c5; font-size:12px; font-weight:bold; padding-left:3px}


.loginBox .item_5{width:300px; margin-left:105px; overflow:hidden; margin-top:80px;letter-spacing:0.5px; margin-bottom:70px}
.loginBox .item_5 p{ text-align:center; color:#fff; font-size:14px;}