*{font-family:"Microsoft YaHei", "宋体";font-size:14px;}
body,html {	 margin: 0;padding: 0; color:#333; font-size:14px;}
h1,h2,h3,h4,h5,input,button,textarea,select{font-family:"Microsoft YaHei", "宋体";padding:0; margin:0;}
html,body{width: 100%; height: 100%; padding: 0; margin: 0}
img{border: 0;}
ol, ul,li {padding-left: 0em; list-style:none}
ul,li, p { padding:0; margin:0; font-size:14px;}
a{color:#888; text-decoration: none;}
em,i{ font-style:normal}
a, a:hover { color: #2e68dc; }
a:hover{ text-decoration: underline}

.login-warp{  width:100%; min-width: 1000px; height: 720px; margin: auto;    position: absolute;  top:-20px;left: 0;  bottom: 0; right: 0;}
.login-topbox{ width: 1000px; margin: auto; height: 70px; position: relative;}
.login-mainBox{ height: 600px; background: url("../images/bg.png") #2a90fe center no-repeat; background-size: cover;position: relative; }
.islogo{ width: 360px; height: 55px; float: left; position: relative;}
.islogo img{ position: absolute; top: -20px;}
.top-right{ position: absolute; right: 0; bottom:20px; color: #848585; font-size: 12px;}
.top-right a,.top-right span{color: #848585;font-size: 12px;}
.top-right a:hover{color: #2e68dc;}
.login-mainBox{  margin: auto;}
.login-main{width: 1000px; margin: auto;position: relative; }
.box-bgbtm{ position: absolute; bottom: 0; width:100%; height:198px;background: url("../images/bg-btm.png") center bottom no-repeat; z-index: 10 }
.leftimg{ position: absolute; left: -100px; top: 78px; z-index: 9}

.login-FormBox{ width: 400px; height: 455px; position: absolute; top: 72px; right: 0; background: #fff; box-shadow: 2px 2px 5px #304ecb;  border-radius: 6px; border:1px solid #eee;z-index: 99}
.is-login-title{ width: 100%;margin: 0 auto 25px; color: #333;  font-size: 18px; font-weight: 400;}
.is-input-box{  border: 1px solid #ccd5db;border-radius:4px;  font-size: 14px;  color: #333; margin-top: 20px; position: relative;}
.is-input{ width: 255px; border: 0; padding: 10px 0; height: 22px;}
.is-input-box label{position: relative;width: 30px;font-size: 14px;color: #333;text-align: left;z-index: 1;float: left;display: block;padding: 12px 0px 0px 10px;}
.is-btn{border-radius: 4px;width: 100%;height:42px;line-height:42px;border:0;color: #fff;background: #2e68dc;margin-bottom: 15px;font-size: 16px;cursor: pointer;}
.login-forget{width: 100%; height: 40px; line-height: 40px; margin:10px 0; overflow: hidden}
.login-forget .vp-check { float: left;  background: url(../images/check.png) left center no-repeat;   background-size: 14px auto; height: 14px; line-height: 14px; padding-left: 20px; cursor: pointer;}
.login-forget .forget{ float: right; height: 18px; line-height: 18px; position: relative; }

.zw-btn{ width: 49%; float: left; background: #48d5b2;}
.xz-btn{ width: 49%; float: right;background: #7cb0ff;}
.zw-btn span{ background: url("../images/icon4.png") left no-repeat; padding-left: 25px;}
.xz-btn span{ background: url("../images/icon5.png") left no-repeat; padding-left: 25px;}

.login-tabs{width:100%;float:left;  border-top-left-radius: 6px;  border-top-right-radius: 6px;   }
.login-tabs .login-tab {width:199px;float:left;text-align: center;position: relative;height: 48px;line-height:48px;font-size: 16px;cursor: pointer;}
.login-tabs .login-tab-qrcode.active {float:left;  border-right: 1px solid #dee3e6; border-bottom: 0; background: #fff; border-top-left-radius: 6px; }
.login-tabs .login-tab-account.active {float:left;   border-left: 1px solid #dee3e6;border-bottom: 0;  background: #fff; border-top-right-radius: 6px;  }
.login-tabs .active{ font-weight: bold; color: #024f9f}
.login-tabs .active span{display: block;width: 100%;height: 5px;background: #ffffff;position: absolute;bottom: -4px;z-index: 99;}
.login-tabs{background: #f1f3f5;border-bottom: 1px solid #dee3e6;position: relative;}
.login-input-main{width: 88%;min-height:350px;padding: 25px;overflow:hidden;position: relative;float: left;}
.login-tab-account i{background: url("../images/icon1.png") left no-repeat; padding-left: 25px; font-size: 16px;}


.checkbox{font-size:14px;margin: 25px 0;height: 16px;line-height:16px;}
.checkbox-icon {position:absolute;left:0; top:2px; display:block;width:15px;height:15px;float:right;z-index:10;background:url(../images/checkicon.png) no-repeat;background-size:cover;}
.checkbox-icon-checked {background:url(../images/checkiconH.png) no-repeat;background-size:cover;}
.idsave-check { position:relative; float: left; margin-right: 20px; cursor: pointer  }
.global-check {position:absolute;left:0;top: 3px; width:0px;height:0px;border: none;z-index:-10; }
.check-span{ font-size: 14px; margin-left: 20px;  cursor: pointer; }

.checkbox em{ float:left;  padding:0 5px; color: #959595}
.checkbox span{ float:right; }

.formLinks{ width: 100%; margin-top:80px;  }
.formLinks .txt{  text-align: center; font-size: 14px; color: #9898a2; line-height: 20px; }

.login-btm{ text-align: center; line-height: 40px; font-size: 12px;}
.login-btm a{color: #848585;font-size: 12px;}
.login-btm a:hover{color: #2e68dc;}
.login-qrcode{ text-align:center}
.login-qrcode img{ width: 180px; height: 180px;}
.er{display: block; padding-left: 25px;width: 88%;position: absolute;bottom:25px;}


.login-warpH{ top: 5px;  height:650px;  bottom: inherit;}
.login-warpH .login-mainBox{height: 550px;}
.login-warpH .login-FormBox{ top: 52px;  }
.login-warpH .leftimg{top: 25px;  }