@media (max-width:767px) {

  body { max-width: 46.875rem; padding: 0px 2.25rem; margin: 0 auto; }

  .tilte { margin-top: 2.625rem; font-size: 1.675rem; color: #E2313A; font-family: PingFang-SC-Heavy; font-weight: 700; }

  .smalltitle { margin-top: 0.9375rem; font-size: 0.9375rem; color: #AA8B83; font-family: PingFang-SC-Regular;  }

  .middlecontent { margin-top: 3.2625rem; }

    .middlecontent .switchLoginMode { font-size: 1rem; color: #B2ACAB; }

  .input1, .userInput { margin-top: 0.9375rem; }

  .password { position: relative; }

    .password .fa { position: absolute; right: 0.9375rem; top: 2rem; font-size: 0.9375rem; cursor: pointer; }

    .smalla { margin-top: 0.90625rem; font-size: 0.8125rem; color: #666; text-align: center; padding: 0 0.40625rem; font-family: PingFang-SC-Medium; display: flex; }

    .smalla div { width: 33%; float: left; }
  .xy { margin-top: 3.53125rem; color: #666; font-size: 0.75rem; font-family: PingFang-SC-Medium; padding: 0 0.8075rem; }
  .checkbox_align { vertical-align: text-bottom; margin-bottom: 1px; }
}

.show { display: block; }

.hide { display: none; }

.usernameText { margin-left: 5px; text-decoration: none; color: #666 }
.phoneText { margin-left: 15px; text-decoration: none; color: #666 }
.active { color: #ff5400; font-weight: bold; }

.layui-layer-btn { text-align: center; }
.layui-layer-btn0 { border: 1px solid #dedede !important; background-color: #fff !important; color: #333 !important; }
.layui-layer-title { padding: 0px !important; text-align: center; }

@media (min-width:768px) {
  .tilte { padding-top: 56px; font-size: 40px; color: #E2313A; font-family: PingFang-SC-Heavy; font-weight: bold;  }

  .smalltitle { padding-top: 22px; font-size: 26px; color: #AA8B83; font-family: PingFang-SC-Regular; }

  .middlecontent { margin-top: 70px; }

    .middlecontent .switchLoginMode { font-size: 22px; color: #B2ACAB; }

  .input1, .userInput { margin-top: 30px; }
  .password { position: relative; }
    .password .fa { position: absolute; right: 30px; top: 60px; font-size: 22px; cursor: pointer; }


    .smalla { margin-top: 30px; font-size: 18px; color: #666; text-align: center; padding: 0 14px; font-family: PingFang-SC-Medium; display: flex; }

    .smalla div { width: 33%; float: left; }

 

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

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