@charset "UTF-8";
body { background: url(../img/login-bg.jpg) no-repeat top center; }

/*公共样式*/
/*input 初始化*/
input { border: none; display: inline-block; width: 100%; height: 100%; outline: none; background: transparent; }
input:focus { outline: none; }

.icon-arrow-1 { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: url(../img/icon/rightarrow.png) no-repeat center; background-size: contain; transform: rotate(180deg); margin-left: 10px; }

.link-1 { font-size: 14px; color: #4A4A4A; }
.link-1:hover { color: #4A4A4A; }

form .input-item { margin-top: 10px; width: 100%; height: 80px; position: relative; padding-top: 30px; }
form .input-item label { position: absolute; width: 100%; height: 50px; line-height: 50px; left: 0; bottom: 0; font-family: STSongti-SC-Regular; font-size: 22px; color: #777777; letter-spacing: 1px; z-index: 5; transition: all .5s ease-out; z-index: -1; }
form .input-item label span { font-size: 20px; color: #ccc; }
form .input-item label.sm { position: absolute; left: 0; bottom: 55px; display: block; height: 20px; line-height: 20px; font-size: 14px; color: #777777; letter-spacing: 1px; }
form .input-item label.sm span { font-size: 14px; }
form .input-item .input { border-bottom: 1px solid #E2E2E2; height: 50px; box-sizing: content-box; background: transparent; position: relative; z-index: 10; }
form .input-item .input input { font-family: TimesNewRomanPSMT; font-size: 28px; color: #4A4A4A; letter-spacing: 1px; }
form .input-item .input.send { width: 250px; float: left; }
form .input-item .sendCode { display: inline-block; width: 135px; height: 50px; border: 1px solid #345B5E; text-align: center; line-height: 50px; font-size: 14px; color: #345B5E; border-radius: 3px; cursor: pointer; float: right; z-index: 100; }
form .input-item .testImg { display: inline-block; width: 135px; height: 55px; float: right; background: red; margin-top: -5px; }
form .input-item .testImg img { width: 100%; height: 100%; }

.btn { display: block; height: 48px; background: #345B5E; line-height: 48px; text-align: center; font-size: 20px; color: #FFFFFF; margin-top: 30px; border-radius: 24px; cursor: pointer; padding: 0; font-weight: normal !important; }
.btn:hover { color: #FFFFFF; }

/*header 头部*/
.header { width: 420px; margin: 60px auto 0; }
.header .logo { text-align: center; }
.header p { font-family: STSongti-SC-Regular; font-size: 20px; color: #345B5E; letter-spacing: 20px; text-align: center; margin-top: 20px; text-indent: 16px; }

/*login 登录部分*/
.login-wrap { width: 420px; margin: 0 auto; margin-top: 56px; }
.login-wrap .login-tab { border-bottom: 1px solid #E2E2E2; }
.login-wrap li { width: 50%; float: left; text-align: center; position: relative; top: 1px; }
.login-wrap li span { display: inline-block; padding: 10px 11px; height: 100%; font-size: 20px; color: #809899; line-height: 30px; cursor: pointer; }
.login-wrap li.active span { color: #345B5E; border-bottom: 6px solid #345B5E; }

.login-form .input-item { margin-top: 20px; }

.login-b { height: 20px; font-size: 14px; color: #4A4A4A; margin-top: 25px; line-height: 20px; }
.login-b .checkbox { width: 15px; height: 15px; display: inline-block; border: 1px solid #4A4A4A; border-radius: 3px; position: relative; top: 1px; margin-top: 0; margin-bottom: 0; margin-right: 10px; font-size: 12px; color: #345B5E; text-align: center; line-height: 15px; cursor: pointer; }
.login-b .checkbox input[type='checkbox'] { border: none; opacity: 0; width: 100%; height: 100%; display: inline-block; margin-left: 0; margin: 0; }
.login-b a { color: #4A4A4A; }
.login-b a:first-of-type { margin-right: 10px; }
.login-b a:last-of-type { margin-left: 10px; }

.login-multi { margin-top: 22px; height: 38px; line-height: 38px; }
.login-multi .one { font-size: 14px; }
.login-multi li { width: 38px; height: 38px; float: right; margin-left: 25px; }
.login-multi li a { display: inline-block; width: 100%; height: 100%; }
.login-multi li.weibo a { background: url(../img/public/weibo1.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.login-multi li.weibo a:hover { background: url(../img/public/weibo2.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.login-multi li.weixin a { background: url(../img/public/weixin1.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.login-multi li.weixin a:hover { background: url(../img/public/weixin2.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.login-multi li.qq a { background: url(../img/public/qq1.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }
.login-multi li.qq a:hover { background: url(../img/public/qq2.png) no-repeat center; -webkit-background-size: cover; background-size: cover; }

/*register 注册模块*/
/*page--forgetPassword  忘记密码页面*/
.forget-box .title { height: 30px; padding-bottom: 15px; border-bottom: 1px solid #E2E2E2; box-sizing: content-box; }
.forget-box .title h3 { font-family: MicrosoftYaHei; font-size: 24px; color: #335B5F; letter-spacing: 1.33px; }
.forget-box .title a { font-size: 18px; color: #809899; margin-top: 8px; }
.forget-box .tip { margin-top: 20px; font-size: 18px; color: #345B5E; letter-spacing: 0; line-height: 36px; }
.forget-box .msg { margin-top: 30px; font-size: 14px; color: #4A4A4A; letter-spacing: 0; line-height: 26px; }

@media (max-width: 767px) {  }
  /*公共部分*/
  form .input-item { width: 100%; height: 70px; padding-top: 20px; }
  form .input-item label { height: 50px; line-height: 50px; left: 0; bottom: 0; font-size: 20px; overflow: hidden; }
  form .input-item label span { font-size: 14px; letter-spacing: 0; }
  form .input-item label.sm { left: 0; bottom: 55px; height: 20px; line-height: 20px; font-size: 14px; }
  form .input-item .input { height: 50px; }
  form .input-item .input input { font-size: 24px; }
  form .input-item .input.send { width: 50%; }
  form .input-item .sendCode { width: 40%; height: 40px; line-height: 40px; font-size: 12px; margin-top: 10px; }
  form .input-item .testImg { width: 40%; height: 45px; margin-top: 5px; }
  .btn { height: 40px; line-height: 40px; font-size: 16px; margin-top: 25px; border-radius: 24px; }
  .header { width: 100%; margin: 30px auto 0; }
  .header p { font-size: 18px; letter-spacing: 10px; margin-top: 16px; text-indent: 5px; }
  /*other--------------------------------*/
  .login-wrap { width: 100%; padding: 0 20px; }
  .login-b .checkbox { margin-right: 10px; }
  .login-multi { margin-bottom: 40px; height: auto; }
  .login-multi li { float: left; margin-left: 0; margin-right: 25px; }
  .login-multi .flaot { float: none !important; }
  /*page--forgetPassword  忘记密码页面*/
  .forget-box .title { height: 20px; padding-bottom: 10px; }
  .forget-box .title h3 { font-size: 16px; margin-top: 4px; }
  .forget-box .title a { font-size: 14px; margin-top: 6px; }
  .forget-box .tip { margin-top: 14px; font-size: 14px; line-height: 24px; } }

/*# sourceMappingURL=login.css.map */