@charset "utf-8";

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0px;
  padding: 0px;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a:link,
a:visited,
a:active {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover {
  color: #1f604c;
  text-decoration: none;
  webkit-transition: 0.5s;
  transition: 0.5s;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
img {
  vertical-align: middle;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}

input,
select {
  font-family: '微软雅黑', '黑体';
}

html,
body {
  width: 100%; height:100%;
  padding: 0;
  margin: 0;
}

body {
  background: #f3f5f8;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  font-family: '微软雅黑', '黑体';
  width: 100%;
}

.login_bg{ background:url(../img/login_bg_new.jpg) no-repeat center center; background-size:100% 100%; height:100vh; position:relative;}

.login_logo{ position:absolute; top:20px; left:50%; margin-left:-600px; background:url(../img/login_logo_new.png) no-repeat center center; height:94px; width:452px;}

.login_con{ width:1200px; height:580px; background:url(../img/banner_img.png) #fff no-repeat left center;  box-sizing:border-box; position:absolute; top:50%;
left:50%; margin-left:-600px; margin-top:-280px; z-index:100; padding-left:700px; }


.login_infor{ padding:30px 40px;}


.login_con h2{ font-size:30px; font-weight: bold; color:#0090dd; line-height:40px; margin-bottom:25px; text-align:center;}



.login_con ul li{ margin-bottom:30px; color:#333; font-size:18px; line-height:60px; position:relative; }
.login_con ul{ }

.bor_inp{ border:1px solid #ccc; position:relative; height:60px; padding-left:50px;}
.bor_inp input{ height:58px; width:95%; border:none; background:none; outline:none; font-size:20px;}

.login_con ul li.active .bor_inp{border:1px solid #0090dd; background:#e4f5fe;}

.icon_one{ background:url(../img/login_icon1.png) no-repeat 12px center;}
.icon_two{ background:url(../img/login_icon2.png) no-repeat 12px center;}
.icon_three{ background:url(../img/login_icon3.png) no-repeat 12px center;}

.login_con ul li.active .icon_one{ background:url(../img/login_icon1.png) #e4f5fe no-repeat 12px center;}
.login_con ul li.active .icon_two{ background:url(../img/login_icon2.png) #e4f5fe no-repeat 12px center;}
.login_con ul li.active .icon_three{ background:url(../img/login_icon3.png) #e4f5fe no-repeat 12px center;}



.code_btn{ height:50px; position:absolute; width:150px; bottom:0px; cursor:pointer; right:0px; background:#059b55; border-radius:6px; color:#fff; font-size:17px; line-height:54px; text-align:center;}

.tx_img{ height:50px; width:150px; position:absolute; bottom:0px; cursor:pointer; right:0px; }

button.login_btn{ height:66px; width:100%; margin:25px auto; outline: none; border:none; cursor:pointer; line-height:66px;  text-align:center; background:#00b4ff; color:#fff; font-size:24px; display:block; text-decoration:none;}
button.login_btn:hover{ opacity:.9;}




input::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder {
    color: #ccc;
    opacity: 1; /* Firefox 18+ */
}
input:-ms-input-placeholder {
    color: #ccc;
}
input::-moz-placeholder {
    color: #ccc;
    opacity: 1; /* Mozilla Firefox 19+ */
}

.tx_img{ height:60px; width:150px; position:absolute; bottom:0px; cursor:pointer; right:0px;  }

.tx_img img{height:60px; width:150px;}

.rember{ line-height:18px; font-size:15px; }
.rember input{ outline:none; height:18px; width:18px; float:left; margin-top: 0px; margin-right:8px; cursor:pointer;}