/**
  iPhone 各系列        逻辑分辨率(pt)       倍数       物理分辨率(px)    状态栏    导航栏    TabBar高度  底部安全距离
  iPhone 11 Pro Max    414 * 896           @3x         1242 * 2688       44       44         83          34
  iPhone 11 Pro        375 * 812           @3x         1125 * 2436       44       44         83          34
  iPhone 11            414 * 896           @2x          828 * 1792       44       44         83          34
  iPhone XS Max        414 * 896           @3x         1242 * 2688       44       44         83          34
  iPhone XS            375 * 812           @3x         1125 * 2436       44       44         83          34
  iPhone X             375 * 812           @3x         1125 * 2436       44       44         83          34
  iPhone XR            414 * 896           @2x          828 * 1792       44       44         83          34
  iPhone 8 Plus        414 * 736           @3x         1242 * 2208       20       44         49          ——
  iPhone 8             375 * 667           @2x          750 * 1334       20       44         49          ——
  iPhone 7 Plus        414 * 736           @3x         1242 * 2208       20       44         49          ——
  iPhone 7             375 * 667           @2x          750 * 1334       20       44         49          ——
  iPhone 6s Plus       414 * 736           @3x         1242 * 2208       20       44         49          ——
  iPhone 6s            375 * 667           @2x          750 * 1334       20       44         49          ——
  iPhone 6 Plus        414 * 736           @3x         1242 * 2208       20       44         49          ——
  iPhone 6             375 * 667           @2x          750 * 1334       20       44         49          ——
  iPhone SE            320 * 568           @2x          640 * 1136       20       44         49          ——
 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio:3) {
    #StatusBar {
        height: 20px;
    }
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio:2) {
    #StatusBar {
        height: 20px;
    }
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio:3) {
    #StatusBar {
        height: 20px;
    }
}
.container {
    width: 100%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

::-webkit-scrollbar {
    display: none;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

.flex-v {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.hc {
    justify-content: center;
}

.h-bt {
    justify-content: space-between;
}

.vc {
    align-items: center;
}

.vb {
    align-items: flex-end;
}

.baseline {
    align-items: baseline;
}

.flex-center {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.relative {
    position: relative;
}

.float-whole {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.float {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.whole {
    width: 100%;
    height: 100%;
}

.text-center {
    text-align: center;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0,0,0,0.45);
    display: none;
}

.loading div {
    width: 100%;
    height: 100%;
}

.loading div> img {
    /* width: 0.64rem; */
}

.bg {
    width: 100%;
    display: block;
}

.b {
    font-weight: bold;
}

.hidden {
    visibility: hidden;
}

.white {
    color: white
}

.font-10 {
    font-size: 0.2rem;
}

.font-12 {
    font-size: 0.24rem;
}

.font-13 {
    font-size: 0.26rem;
}

.font-14 {
    font-size: 0.28rem;
}

.font-16 {
    font-size: 0.32rem;
}

.font-18 {
    font-size: 0.36rem;
}

.font-20 {
    font-size: 0.4rem;
}

.font-22 {
    font-size: 0.44rem;
}

.font-24 {
    font-size: 0.48rem;
}

.font-26 {
    font-size: 0.52rem;
}

.font-28 {
    font-size: 0.56rem;
}

.font-30 {
    font-size: 0.6rem;
}

.font-40 {
    font-size: 0.8rem;
}