@media (max-width:767px) {
  .image { margin-top: 3.215rem; text-align: center; }

  /* .smalltitle {
        color: #666;
        font-family: PingFang-SC-Regular;
        font-size: 0.875rem;
        margin-top: 0.9375rem;
    }*/

  .img { width: 6.375rem; }
  .pwd { margin-top: 0.875rem; }
  .acconut { position: relative; }
  .yzm { height: 2rem; width: 7rem; border-radius: 1.5rem; background-color: #ff5400; border: none; position: relative; color: aliceblue; }

  .hqdiv { position: absolute; right: 0rem; top: 0.4rem; }
  .huoqu { color: #ff5400; position: absolute; left: 1.35rem; top: 0.28rem; font-size: 0.8125rem; font-family: PingFang-SC-Regular; }

  .bottom { margin-top: 1.125rem; color: #666; font-size: 0.875rem; font-family: PingFang-SC-Medium; padding: 0rem 0.5rem; }

  .xy { margin-top: 1.875rem; color: #666; font-size: 0.75rem; font-family: PingFang-SC-Medium; /*padding: 0 0.8075rem;*/ }

  .checkbox_align { vertical-align: text-bottom; margin-bottom: 1px; }

  .span { text-align: right; color: #ff5400; font-family: PingFang-SC-Medium; font-size: 0.8125rem; margin-top: 1.3125rem; }

  .button { margin-top: 1.5rem; }

  .telarea { position: absolute; top: 1.7rem; left: 1rem; color: #333; text-decoration: none; font-size: 0.9rem; }

  .input2 { text-indent: 3.3rem; }

  .letter { right: 35px !important; }
}

.zc { color: #ff5400; }

.span { cursor: pointer; }


@media (min-width:768px) {
  .telarea { position: absolute; top: 50px; left: 40px; color: #333; text-decoration: none; }
  .letter { right: 25% !important; }
  .input2 { text-indent: 90px; }
  .telcode { max-width: 1080px; }
  .containercity { width: 100% !important; height: 100%; }
  .image { padding-top: 62px; text-align: center; }
  .img { width: 206px; }
  .pwd { margin-top: 40px; }
  .acconut { position: relative; }
  .yzm { height: 40px; width: 140px; border-radius: 20px; background-color: #ff5400; border: none; position: relative; color: aliceblue; }

  .hqdiv { position: absolute; right: 10px; top: 10px; cursor: pointer; }

  .huoqu { color: #ff5400; position: absolute; left: 20px; top: 8px; font-size: 20px; font-family: PingFang-SC-Regular; }

  .bottom { margin-top: 28px; color: #666; font-size: 18px; font-family: PingFang-SC-Medium; padding: 0rem 10px; }

  .xy { margin-top: 60px; color: #666; font-size: 18px; font-family: PingFang-SC-Medium; }

  .span { text-align: right; color: #ff5400; font-family: PingFang-SC-Medium; font-size: 18px; margin-top: 40px; }
}