html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}
bbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
ub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}
ul,li{list-style: none;padding: 0;margin: 0;}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

html,body{height: 100%;overflow: hidden;width: 100%;}
body{background: url('/skin/login/images/background.png') no-repeat center;background-size: cover;}
.fr{float: right;}

.bg{position: absolute;left: 0;top: 0;height: 100vh;}
.bg img{position: absolute;left: 0;top: 0;height: 100%;aspect-ratio:auto;opacity: 0;pointer-events: none;}
.loginbg{position: absolute;right: 0;top: 0;height: 100vh;width:37.5vw;background: #fff;opacity: 0;min-width: 445px;}
.loginbox{position: absolute;width: 406px;height: 560px;margin: -280px 0 0 -203px;left:50%;top: 50%;z-index: 1;-webkit-animation:xs 0.5s linear 0.8s forwards;opacity: 0;}
.logintype{display: flex;justify-content: space-between;border-bottom: 1px solid #e6e9ee;height: 46px;padding: 0 25px;margin-bottom: 60px;}
.logintype li{color: #787e85;font-size: 22px;height: 48px;}
.logintype li.cur{color: #000;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAECAYAAAAAhVbqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpitG777snAwDAXiCUZ6A+eA3Ey0wA6gAFq71wmhoEHjCBHpADxiwFywFNQdAAEGAAq0AgKkL7kYgAAAABJRU5ErkJggg==) no-repeat center bottom;font-weight: bold;}
.logipt{width: 320px;height: 58px;background: #f2f4f8 no-repeat 26px 16px;padding-left: 86px;margin-bottom: 20px;border-radius: 2px;overflow: hidden;position: relative;}
.logipt2{height: 58px;position: relative;margin-bottom: 20px;}
.logipt.n1{background-image: url(../images/log1.png);}
.logipt.n2{background-image: url(../images/log2.png);width: 210px;background-position:27px 16px;}
.logipt.n3{background-image: url(../images/log3.png);background-position: 29px 16px;}
.pcode{position: absolute;right: 0;top: 0;}
.logipt input{height: 58px;line-height: 58px;width: 286px;font-size: 18px;background: none;border: 0px none;outline: 0px;position: absolute;}
.logipt input:selected{background: none;}
.logipt input:focus-visible,.logipt input:focus{outline: 0px;}
.logipt.n2 input{width: 170px;}
.pwdchange{position: absolute;right: 10px;width: 26px;height: 26px;top: 16px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdpJREFUeNqslEkohVEUxz2eoZfMGwtDUmTaWBjqWShSShZYPEkypJTCRillod7GwlIponh5SI8QJStsSKSMS0V55ikR/1P/r27XjZRTv/r67rn/czrDtXl9qwH/YEEgBLzoB/Y/iESAaGADV+BRER8DwaDmLwFiQTWoBLkgTjufo+AoKAXFJhFTgDDQC9rBDZgBw+AQ3DFzCebXxNPBCXj9KUAm8IJw0ASmwbshiSeeFVD8GvSDPlABTi3HQOVSHlgHRyALeBRxqXMzaGEzVfF9cA5ywA7YBNl6gGQwDxZBFbjXMvawFxMGccukNHVgijrxVgA7Lx0wyw9NvASEgloGsMQLQZLm+8ne7dHXJuKdIA1kgDdDvaWpLk18n81/BuOavyRYzz40BPLDwTKZbNsgLonF/DDi+ZzGDQkwCyY5PYmao6mhIu7m4q0ZxFM5vj0y2laTW8EFLyTwn4ONV2t+TL8O0MbpUS0FLLPJA+oeSJ3LeOhmsxc4buooikUCHxdPtXIwQvFG06JJZkWcLF08gMs0pImKrxN0caO7wSCnybjJsqEririL2WyxPH4uXzSfBilfFPdEXoGz396iDzZol5nLG3TJLXdyHx7ALUskw7GkvKzf7EuAAQC9rXl/Jtb6OAAAAABJRU5ErkJggg==) no-repeat 1px 5px;display: block;cursor: pointer;}
.pwdchange.eyeopen{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAASCAYAAABFGc6jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBVJREFUeNq8VXtsU1UY7330ubXdurZrV9yrOlBgD1hWp9mciZKQqBPnH2icspgRkWDUmBRHICoNgX80cQaji1EhmkEwKEYgGKc42RzqLGzZi1RWZ9uta7vutreve3uv3ym7yW3XLf7lSZpzzve8v+/8vq8Yz/MStEpvSCSVI5I7l5U1a5NgaP+v8pG9d+S2j1fLsaaPeB4cN0rWWTuo2bLa+GKDJp2ykjxXhGQshi9ThMw1qShxfqet/mc9/4U6yQy5llKbThIvLd5oNzH0bhmfroNPZBiMmOYwbAnpVRxTomPje6uSy+QjlHvML1X1nzTUn18m5Ol88fIiejEw1gAIHPD1d8dxcsAt0/T36zYNLZIqRmxXxkTlHUsz95enIh2QeAegdDmVxkOf6rc4xXZQ4ulViI74hl8oZWg7OHmcKuOzffraPwQdoJNBGe9B5yuaylteaWGy17jtKlyv7g5N1dho39HtsfkvzfP028dMtjNZiBAZgAg16PKWd2ifgY29msCJ4T593f4phY5GckCG9cyP7DEysZcxCa9BMl6CUQtSVe9Rc/Mpcbnt89ffhL3TJy1wOMzNpwVEuGD0in+0bSXJr8dNtm4hCVqHfcP7AOXBKCG9cq3Q0o5+cL4ECA9BBboEO/Q+PZYWB+ynzAzd0x242Zj1RkuNyfve8V67DHf8E/3WXTeVBkow2B5b0HYFxoZoXPaNfUNrj7gcxzyDR4CJu06YmprnZOqEIC/gGMLh+eULQK86aHnoSXcDMZVB1BmceADKUz6t0B0WJ8n0BO3dCs1BAsKzue8J9udRsIcjf1vFchqXpseV+hNSntvYFRyzIVkm0W259jZsaQMT25wbDMoQQruejd+Vq4PSZRIESGU4V7chFWmElmDhA12ogTOJUMNFcdnX8Eb7nwlNZlH9TPGmSQbDp8tTlB2oXC3InwrfqoJgb6QwYvSittoj9kExUCyKkPf/qC73Z7GuPubXdAXHz+E8r/heU9l5ocjqFhxRgrbI3GdQpqIETv4MjOOUHNMGe/Cytup5+NA5wfaJsKviUWr2NDR27ENDfQciVRbroGeoH9QV3WCQBMOzB/yjrYLuq+Kav/oMtY8FSNVJuMohoRLOH4CsXZwE+SBfFOOC1rpHzNxVk+HBqEcPZTmu4NgWeNRL1wvMveeKa1zrzbKnl2asTbTvALBtJ0ySn6Dc9t8KTGHxrMs7glCDvr7w++MWJvoanMvgHf6MELLBRVI5Tq2QQ5NO6gxsfIs6nWqBWdgAk8TrkRa+925p47dw5nOH6rrTW8cmyOdCE62WVGSnAgYrJK0Q6yGgO4ERTo9MffHzks2Daw3UvLNOvEKkgn3fuG0AjgNC4nsTwSIOODShLAmvFTjv9P6//vj+FWAAiFAHhifDX1IAAAAASUVORK5CYII=) no-repeat 0px 4px;}
.logt1{display: flex;justify-content: space-between;font-size: 16px;color: #999fa6;margin-bottom: 20px;}
.logt1 a,.logt1 a:hover{color: #999fa6;text-decoration: none;}
.un-login{width: 16px;height: 16px;margin-right: 8px;vertical-align: bottom;}
.submit{width: 100%;display: block;text-align: center;font-size: 18px;height: 60px;line-height: 60px;background: linear-gradient(to right,#28b1ff,#2f5ff2);border-radius: 2px;overflow: hidden;margin-bottom: 16px;border: 0px none;color: #fff;letter-spacing:10px;cursor: pointer;}
.logt2{font-size: 14px;color: #999fa6;margin-bottom: 48px;text-align: center;}
.logt2 a{color: #3b86f7;margin-left: 3px;text-decoration: none;}
.logt2 a:hover,.logt3 a:hover{text-decoration: none;}
.logt3{text-align: center;}
.logt3 a{font-size: 16px;color: #29343f;text-decoration: none;}

@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fade-out {
  0 { opacity: 1; }
  100% { opacity: 0; }
}
/* 旋转动画 */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotateZ(0deg);opacity: 1 }
  100% { -webkit-transform: rotateZ(360deg);opacity: 1 }
}
@-webkit-keyframes spin2 {
  0% { -webkit-transform: rotateZ(0deg);opacity: 1 }
  100% { -webkit-transform: rotateZ(-360deg);opacity: 1 }
}

/* 明暗闪动 */
@-webkit-keyframes flicker {
  0% { opacity: 0; }
  10% { opacity: 1; }
  40% { opacity: 1; }
  50% { opacity: 0; }
  60% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes 'zy' {
  0% { transform: translate3d(-120%, 0, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'yz' {
  0% { transform: translate3d(120%, 0, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}

@-webkit-keyframes 'dumpto' {
   0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes 'sx' {
  0% { transform: translate3d(0, -20%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'sx50' {
  0% { transform: translate3d(0, -100%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'xs' {
  0% { transform: translate3d(0, 20%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'yxzs' {
  0% { transform: translate3d(100%, 100%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'zxys' {
  0% { transform: translate3d(-100%, 100%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'zsyx' {
  0% { transform: translate3d(-100%, -100%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}
@-webkit-keyframes 'yszx' {
  0% { transform: translate3d(100%, -100%, 0) ; opacity: 0 }
  100% { transform: translate3d(0, 0, 0) ; opacity: 1 }
}