body,html { box-sizing: border-box; margin: 0; padding: 0; line-height: 1.5; color: #141414; background-color: #f1f5f8; }
    a { text-decoration: none;  color: #141414;}
    a:hover { color: #1abe96;}
    .head { background: #fff; }
    .head_inner { height: 60px; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; padding: 0 1rem; background: #fff; }
    .head_nav { display: flex; align-items: center; margin-left: 32px;}
    .head_nav a { padding: 0 8px;}
    .body {
      box-sizing: border-box;
      display: flex; align-items: center; justify-content: center;
      height: calc(100vh - 60px);
    }
    .body_inner {
      box-sizing: border-box;
      max-width: 480px; min-width: 320px;
      margin: 0 auto; margin-top: -100px; padding: 40px 48px;
      border: 1px solid #e6e6e6; background-color: #fff;
    }
    .body_tit {line-height: 30px; margin-bottom: 8px;font-size: 24px; }
    .body_info { font-size: 16px; color: #666; }
    .foot { display: flex; align-items: center; margin-top: 24px; }
    .btn-primary {
      display: block;
      height: 38px; line-height: 38px; width: 160px;
      color: #fff; text-align: center;
      background-color: #1abe96; border-radius: 2px;
    }
    .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
      color: #fff; background-color: #159c7b; border-color: #149173;
    }
    @media (max-width: 767px){
      .head_nav { display: none; }
    }