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

body {
  background: #113e89;
}
input[type=text]:focus{
-webkit-transition:all linear .2s;
-moz-transition:all linear .2s;
transition:all linear .2s;
outline:none;
border-color:rgba(38,130,188,.75);
-webkit-box-shadow:0 0 8px rgba(38,130,188,.5);
-moz-box-shadow:0 0 8px rgba(38,130,188,.5);
box-shadow:0 0 8px rgba(38,130,188,.5);
}
input[type=password]:focus{
-webkit-transition:all linear .2s;
-moz-transition:all linear .2s;
transition:all linear .2s;
outline:none;
border-color:rgba(38,130,188,.75);
-webkit-box-shadow:0 0 8px rgba(38,130,188,.5);
-moz-box-shadow:0 0 8px rgba(38,130,188,.5);
box-shadow:0 0 8px rgba(38,130,188,.5);
}



.platform-bj>img {
  position: absolute;
}

.platform-bj1 {
  position: absolute;
  left: 242px;
  top: 164px;
}

.platform-bj2 {
  position: absolute;
  left: 122px;
  bottom: 32px;
}

.platform-bj3 {
  left: 40%;
  top: 192px;
}

.platform-bj4 {
  left: 40%;
  bottom: 42px;
}

.platform-bj5 {
  position: absolute;
  right: 116px;
  top: 116px;
}

.platform-bj6 {
  position: absolute;
  right: 104px;
  bottom: 104px;
}




.platform-content {
  position: relative;
  width: 1280px;
  height: 100%;
  margin: auto;
  transition: all ease .3s;
}

.platform-title {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-top: 76px;
  opacity:0.9;
}

.platform-login {
  width: 316px;
  height: 435px;
  padding: 0 50px;
  border-radius: 6px;
  background: #fff;
  position: absolute;
  left: 0;
  /*top: 28%;*/
  z-index: 10;
}

.platform-login-title {
  letter-spacing: 5px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #2268e7;
  padding-top: 34px;
  padding-bottom: 14px;
}

.platform-login-input {
  position: relative;
  width: 316px;
  height: 48px;
  margin-top: 14px;
}

.platform-login-input-sl {
  width: 251px;
  height: 48px;
  background-color: #f4f4f4;
  color: #444;
  border: 0;
  outline: none;
  line-height: 48px;
  padding: 0 10px 0 55px;
}

.platform-login-input-sl::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: #9d9c9c;
}

.platform-login-input-sl:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #9d9c9c;
}

.platform-login-input-sl::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #9d9c9c;
}

.platform-login-input-sl:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #9d9c9c;
} 

.platform-login-input-icon {
  position: absolute;
  width: 18px;
  height: 22px;
  left: 20px;
  top: 13px;
  display: block;
}

.icon-user {
  background-image: url(../img/user.png);
}

.icon-psw {
  background-image: url(../img/psw.png);
}

.platform-login-line {
  width: 100%;
  height: auto;
  font-size: 13px;
  color: #939eaa;
  margin-top: 24px;
  margin-bottom: 31px;
}

.platform-login-line:after {
  content: '';
  display: table;
  clear: both;
}

.platform-login-line-jzps {
  float: left;
  margin-left: 11px;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.platform-login-line-jzps>input {
  position: absolute;
  left: 0;
  top: 2px;
  margin: 0;
}

.platform-login-line-wjps {
  float: right;
}

.platform-login-line-wjps:link,
.platform-login-line-wjps:visited {
  text-decoration: none;
  color: #939eaa;
}

.platform-login-line-wjps:hover {
  color: #2268e7;
}

.platform-login-btn {
  width: 100%;
  height: auto;
}

.platform-login-btn>button {
  width: 100%;
  height: 50px;
  background: #098dff;
  color: #f4f4f4;
  letter-spacing: 5px;
  text-align: center;
  line-height: 50px;
  border: 0;
  font-size: 18px;
  transition: all ease .3s;
  outline: none;
  cursor: pointer;
}

.platform-login-btn>button:hover {
  background: #0582ef;
}

.platform-banner {
  position: absolute;
  right: -120px;
  top: 22%;
  width: 954px;
  height: 687px;
  background-image: url(../img/banner1.png);
  transition: ease .3s all;
}

.platform-banner2 {
  position: absolute;
  left: 420px;
  top: 180px;
  animation: mymove 4s infinite;
  -webkit-animation: mymove 4s infinite;
  /* Safari 和 Chrome */
}

@keyframes mymove {
  0% {
    top: 180px;
  }

  50% {
    top: 160px;
  }

  100% {
    top: 180px;
  }
}

@-webkit-keyframes mymove {
  0% {
    top: 180px;
  }

  50% {
    top: 160px;
  }

  100% {
    top: 180px;
  }
}


@media (max-width:1500px) {
  .platform-content {
    width: 1100px;
  }

  .platform-banner {
    top: 18%;
    transform: scale(.8, .8)
  }
}