@charset "utf-8";
html { height: 100%; background: #0171f1; min-width: 320px; font-size: 62.5%; /* 16*0.625=10px */ }

.body { width: 100vw; height: 100vh; min-width: 320px; background-image: url("../images/bg_1.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }

.container { width: 85%; max-width: 1260px; margin: 0 auto; }

.header { padding: 6vh 0; position: relative; }

.logo { width: 70%; }

.logo img { max-width: 100%; }

.top-link { position: absolute; top: 50%; right: 0; bottom: auto; left: auto; z-index: 1; transform: translateY(-50%); }

.top-link a { font-size: 1.6rem; font-weight: 500; line-height: 3rem; color: #fff; text-align: left; }

.input-text { padding: 0 1.4rem; font-size: 1.4rem; font-weight: 500; height: 3.2rem; line-height: 3rem; color: #333; text-align: left; border: 1px solid #ccc; border-radius: 4px; vertical-align: middle; overflow: hidden; }

.input-text:focus { border-color: #86c0f7; -o-box-shadow: 0px 0px 7px 0px rgba(2, 121, 233, 0.4); box-shadow: 0px 0px 7px 0px rgba(2, 121, 233, 0.4); }

.a-link { font-size: 1.4rem; font-weight: 500; line-height: 32px; color: #0279e9; text-align: left; }

.a-link:hover { text-decoration: underline !important; }

.submit-btn { display: inline-block; *display: inline; *zoom: 1; font-size: 1.6rem; font-weight: 500; line-height: 32px; color: #fff; text-align: center; background: #0279e9; border-radius: 4px; }

.submit-btn:hover { background: #3d9ffb; }

.reset-btn { display: inline-block; *display: inline; *zoom: 1; font-size: 1.6rem; font-weight: 500; line-height: 32px; color: #333; text-align: center; background: #d8d8d8; border-radius: 4px; }

.reset-btn:hover { background: #c8c8c8; }

.send-btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 9rem; font-size: 1.4rem; font-weight: 500; line-height: 32px; color: #fff; text-align: center; background: #f39800; border-radius: 4px; }

.send-btn:hover { background: #ffc107; }

.send-btn.code-id { width: 10rem; line-height: 30px; color: #666; background: #fff; border: 1px solid #ccc; }

.section { padding: 4.5vh 0 0; position: relative; }

.section > .fl { width: 48%; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; padding: 0 5vw 0 0; margin: 0 0 6vh; }

.section > .fl img { max-width: 100%; }

.section > .fr { width: 52%; margin: 0 0 6vh; }

.column { margin: 0 auto 4vh; font-size: 3.6rem; font-weight: 700; line-height: 7rem; color: #fff; text-align: center; }

.column span { display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 8.5rem; background-image: url("../images/icon1.png"); background-repeat: no-repeat; background-position: 0% 50%; background-color: transparent; background-size: auto; }

.form { width: 100%; padding: 6% 16%; background: #fff; border-radius: 1.2rem; }

.form .submit-btn { width: calc(100% - 25rem); margin-left: 10rem; }

.form.login .submit-btn { width: 100%; margin: 0; line-height: 36px; }

.form.login .login-btn { padding: 0vh 0 .8vh; }

.form.login .login-btn.pass-btn { text-align: center; }

.form.login .login-btn.pass-btn .submit-btn { width: 38%; margin: 0 2.5% 0; line-height: 32px; }

.form.login .login-btn.pass-btn .reset-btn { width: 38%; margin: 0 2.5% 0; line-height: 32px; }

.item { font-size: 0; padding: 1.7vh 0; }

.item .tip { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 10rem; padding: 0 1rem 0 0; font-size: 1.8rem; font-weight: 500; line-height: 32px; color: #666; text-align: right; }

.item .input-text { width: calc(100% - 10rem); }

.item.code .input-text { width: calc(90% - 19rem); }

.item:first-child { padding-top: 1vh; }

.wjma { margin: .8rem 0 0; text-align: right; }

.w100 { display: block; width: 100% !important; }

/* 用户中心 */
.user .header { height: 34vh; padding: 0; display: table; }

.user .logo { width: 100%; text-align: center; display: table-cell; vertical-align: middle; }

.user .logo a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.user .logo h3 { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 0 0 3rem; font-size: 4.8rem; font-weight: 700; line-height: normal; color: #fff; text-align: left; }

.user .section { height: 66vh; padding: 16vh 0 0; background-image: url("../images/bg_2.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: cover; }

.user-list { font-size: 0; }

.user-list li { display: inline-block; *display: inline; *zoom: 1; width: 20%; padding: 0 2rem; text-align: center; }

.user-list li .img { display: table-cell; vertical-align: middle; width: 11.5rem; height: 11.5rem; text-align: center; background: #fff; border-radius: 50%; -o-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); position: relative; }

.user-list li .img img { width: 80%; max-width: 6.5rem; height: auto; }

.user-list li .img .num { width: 3rem; height: 3rem; font-size: 2rem; font-weight: 500; line-height: 3rem; color: #fff; text-align: center; background: #f00; border-radius: 50%; position: absolute; top: 6%; right: -9%; bottom: auto; left: auto; z-index: 1; }

.user-list li p { font-size: 3.6rem; font-weight: 500; line-height: 7rem; color: #666; text-align: center; }

.user-list li a:hover p { color: #0279e9; }

.user-list li a:hover .img { transition: all 0.35s ease 0s; background-color: #f6f6f6; transform: rotateY(360deg); }

@media screen and (max-width: 1600px) { .form { padding: 5% 10%; } }

@media screen and (max-width: 1300px) { .user-list li p { font-size: 3rem; } }

@media screen and (max-width: 1024px) { html { font-size: 50%; }
  .body { height: auto; }
  .form { padding: 4% 8%; }
  .column { font-size: 3rem; }
  .column span { background-size: auto 100%; }
  .logo img { height: auto; }
  .logo h3 { font-size: 4.4rem; }
  .user-list li p { font-size: 2.4rem; line-height: 5rem; } }

@media screen and (max-width: 768px) { .section > .fl { display: none; }
  .section > .fr { width: 100%; max-width: 655px; }
  .user-list li { width: 33.33%; margin: 0 0 2rem; }
  .user-list li p { font-size: 2.2rem; }
  .user .header { height: 28vh; }
  .user .section { height: 72vh; padding: 10vh 0 0; } }

@media screen and (max-width: 468px) { .container { width: 92%; }
  .form { padding: 4% 5%; }
  .form .submit-btn { width: calc(100% - 23.5rem); }
  .item.code .input-text { width: calc(90% - 17rem); }
  .user-list li { padding: 0 1rem; }
  .user-list li p { font-size: 2rem; }
  .user-list li .img { width: 10rem; height: 10rem; } }

@media screen and (max-width: 360px) { .form { padding: 4% 4%; } }
/*# sourceMappingURL=login.css.map */