html {
     font-size: calc(100vw / 3.75);
 }

 @media (min-width: 540px) {
     html {
         font-size: 144px;
     }
 }

 @media (max-width: 320px) {
     html {
         font-size: 85.333333px;
     }
 }

 * {
     padding: 0;
     margin: 0;
     line-height: normal;
     box-sizing: border-box;
 }

 html,
 body {
     width: 100%;
     max-width: 100vw;
     overflow-x: hidden;
 }

 body {
     margin: 0;
     color: #505050;
     -webkit-font-smoothing: antialiased;
     font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
     background: #fff;
 }

 .header-placeholder {
     height: calc(0.44rem + env(safe-area-inset-top));
     padding-top: env(safe-area-inset-top);
 }

 .g_top_header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     height: calc(0.44rem + env(safe-area-inset-top));
     padding-top: env(safe-area-inset-top);
     background: #3e83e5;
     z-index: 1000;
 }

 .g_top_header .g_top_header__inner {
     height: 0.44rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 0.12rem;
 }

 .g_top_header .g_logo {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 0.32rem;
     height: 0.32rem;
     border-radius: 0.06rem;
     overflow: hidden;
     text-decoration: none;
     flex: 0 0 auto;
 }

 .g_top_header .g_logo img {
     width: 0.24rem;
     height: 0.24rem;
     object-fit: contain;
 }

 .g_top_header .g_title {
     flex: 1;
     min-width: 0;
     text-align: center;
     padding: 0 0.12rem;
     font-size: 0.16rem;
     font-weight: 700;
     color: #fff;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .g_top_header .g_right {
     flex: 0 0 auto;
     min-width: 0.32rem;
     display: inline-flex;
     align-items: center;
     justify-content: flex-end;
     color: #fff;
     font-size: 0.14rem;
 }