/* PC */

@media (min-width: 769px) {
  /* 面包屑 */
  /* base中公共面包屑样式 */
  /* 面包屑end */
  /* 登入开始 */
  .login-con {
    display: flex;
    margin-top: 28px;
    margin-bottom: 100px;
    box-shadow: 0 12px 30px rgb(0 0 0 / 15%);
  }
  .login_l {
    width: 660px;
  }
  .login_r {
    padding-top: 60px;
    margin: 0 auto;
    width: 320px;
  }
  .fm-text {
    min-height: 75px;
  }
  .fm-text span {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 40px;
  }
  .fm-text span em {
    position: relative;
    color: #d9344c;
    font-size: 20px;
    top: 7px;
  }
  .fm-text input {
    width: 300px;
    height: 34px;
    border: 1px solid #e5e5e5;
    padding: 7px;
    box-sizing: border-box;
    background: #eeeeee;
    outline: none;
  }
  .VerificationCode {
    display: flex;
    align-items: center;
  }
  .VerificationCode input {
    width: 120px;
  }
  .captcha-img {
    width: 100px;
    height: 32px;
    margin-left:5px;
  }
  .captcha-img img {
    width: 100%;
    height: auto;
    cursor:pointer;
  }
  .fm-sub input {
    width: 300px;
    height: 40px;
    border: none;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .fm-sub input:hover {
    opacity: 0.96;
  }
  .fm-sub input:nth-of-type(1) {
    color: #FFF;
    background: #d9344c;
  }
  .fm-sub input:nth-of-type(2) {
    color: #898989;
    background: #eeeeee;
  }
  .tip {
    width: 300px;
    display: flex;
    justify-content: space-between;
  }
  .tip a {
    font-size: 12px;
    color: #898989;
  }
  .fm-error {
    width: 300px;
    color: #d9344c;
    font-size: 12px;
    line-height: 25px;
    padding: 7px;
    box-sizing: border-box;
    background: #eeeeee;
    display: none;
  }
  /* 登入 end */
}

/* Mobile */

@media (max-width: 768px) {
  /* 面包屑 */
  /* base中公共面包屑样式 */
  /* 面包屑end */
  /* 登入开始 */
  .login-con {
    display: flex;
    flex-direction: column;
    margin-top: 28px;
    margin-bottom: 100px;
    box-shadow: 0 12px 30px rgb(0 0 0 / 15%);
  }
  .login_l {
    width: 100%;
    display: none;
  }
  .login_r {
    padding: 30px 15px;
    margin: 0 auto;
    width: 100%;
  }
  .fm-text {
    min-height: 75px;
  }
  .fm-text span {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 40px;
  }
  .fm-text span em {
    position: relative;
    color: #d9344c;
    font-size: 20px;
    top: 7px;
  }
  .fm-text input {
    width: 100%;
    height: 34px;
    border: 1px solid #e5e5e5;
    padding: 7px;
    box-sizing: border-box;
    background: #eeeeee;
    outline: none;
  }
  .VerificationCode {
    display: flex;
    align-items: center;
  }
  .VerificationCode input {
    width: 120px;
  }
  .captcha-img {
    width: 100px;
    height: 36px;
  }
  .captcha-img img {
    width: 100%;
    height: auto;
  }
  .fm-sub input {
    width: 100%;
    height: 40px;
    border: none;
    font-size: 14px;
    margin-bottom: 15px;
  }
  .fm-sub input:hover {
    opacity: 0.96;
  }
  .fm-sub input:nth-of-type(1) {
    color: #FFF;
    background: #d9344c;
  }
  .fm-sub input:nth-of-type(2) {
    color: #898989;
    background: #eeeeee;
  }
  .tip {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .tip a {
    font-size: 12px;
    color: #898989;
  }
  .fm-error {
    color: #d9344c;
    font-size: 12px;
    line-height: 25px;
    padding: 7px;
    box-sizing: border-box;
    background: #eeeeee;
    display: none;
  }
  /* 登入 end */
}