@media (max-width: 480px) {
  #banner {
    height: auto !important;
    padding-top: 60px !important;
    background-image: url("https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/banner.webp");
    background-position: center;
  }
  #banner .banner-login {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
  #banner .banner-login .banner-login-box {
    transform: unset;
    border-radius: 8px;
    margin: 16px 16px 32px 16px;
    background: rgba(255, 255, 255, 0.65);
    padding-bottom: 32px;
    backdrop-filter: unset;
  }
  #banner .banner-login .banner-login-box .banner-login-form input {
    border-radius: 3px;
    background-color: transparent;
    border-color: rgba(84, 84, 82, 0.3);
  }
  #banner .banner-login .banner-login-box .banner-login-form input::placeholder {
    color: rgba(84, 84, 82, 0.8);
  }
  #banner .banner-login .banner-login-box .banner-login-form .banner-login-submit {
    border-radius: 6px;
  }
  #banner .banner-login .banner-login-box .banner-login-form button {
    padding: 6px 0;
  }
  #banner #getSmsCodeBtn {
    font-size: 14px;
  }
  #storage-system {
    background-image: url("https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/bg_storage.webp");
    background-position: top;
    background-size: 100% 100%;
  }
  #storage-system .storage-system-title {
    display: none;
  }
  #storage-system .storage-system-box {
    margin-top: 80px !important;
  }
  #storage-system .storage-title {
    color: #333;
    font-size: 20px !important;
    font-weight: bold !important;
  }
  #storage-system span.desc {
    display: block;
    font-size: 14px !important;
  }
  #storage-system .storage-list-nub > div:first-child {
    font-weight: bold !important;
  }
  #storage-system .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #storage-system .storage-list {
    padding-left: 6px !important;
    padding-right: 12px !important;
  }
  #storage-system .storage-system-right img {
    width: 100% !important;
  }
  #platform {
    background-image: url("https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/bg_park.webp");
    background-position: top;
    background-size: 100% 100%;
  }
  #platform .platform-box {
    margin: 0;
  }
  #platform .platform-box .platform-left {
    margin-top: 0;
  }
  #platform .platform-title {
    color: #333;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-top: 100px !important;
  }
  #platform span.desc {
    display: block;
    font-size: 14px !important;
  }
  #platform .platform-list {
    padding-left: 6px !important;
    padding-right: 12px !important;
  }
  #platform .platform-list-nub > div:first-child {
    font-weight: bold !important;
  }
  #platform .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #platform .platform-system-right img {
    width: 100% !important;
  }
  #assistant {
    background-image: url(https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/bg_app.webp);
  }
  #assistant .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  #assistant .header .header-top {
    font-size: 20px;
  }
  #assistant .header .header-center {
    margin-bottom: 4px;
    font-size: 14px;
  }
  #assistant .header a {
    font-size: 14px;
    margin-top: 0 !important;
  }
  #assistant .tabs {
    flex-direction: column;
  }
  #assistant .tabs .app-img {
    background-image: url(https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/pda-app.webp);
    background-position-x: 70%;
    background-position-y: center;
  }
  #assistant .tabs .handheld-img {
    background-image: url(https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/report-app.webp);
    background-position-x: 70%;
    background-position-y: center;
  }
  #assistant .tabs .miniapp-img {
    background-image: url(https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/index/mobile/mini-app.webp);
    background-position-x: 70%;
    background-position-y: center;
  }
  #assistant .tabs .tab-title {
    font-size: 14px;
  }
  #assistant .tabs .tab-desc {
    font-size: 12px;
    width: 48%;
  }
  #assistant .tabs .tab-item {
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
    flex: none;
    justify-content: center;
  }
}