/**
 * 前台 PC / 大屏兼容：居中手机宽度容器，固定头尾跟随容器
 */
@media screen and (min-width: 768px) {
    html {
        background: #e8eaed !important;
        height: 100%;
        overflow-x: hidden;
    }

    body {
        width: 480px !important;
        max-width: 480px !important;
        margin: 0 auto !important;
        min-height: 100vh;
        background-color: #f7f7f7;
        box-shadow: 0 0 28px rgba(0, 0, 0, 0.12);
        /* 让 position:fixed 相对 body，而不是整屏 */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        overflow-x: hidden;
        position: relative;
    }

    /* 图片与宽元素不撑破手机框 */
    img,
    video,
    iframe,
    table {
        max-width: 100%;
    }

    .swiper-container,
    .inforMain,
    .van-grid,
    .regReward {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    body {
        width: 420px !important;
        max-width: 420px !important;
    }
}

.lang-switch{position:fixed;top:8px;right:10px;z-index:2000;}
.lang-switch select{appearance:none;-webkit-appearance:none;border:1px solid #d0d0d0;background:#fff;color:#333;font-size:12px;padding:4px 22px 4px 8px;border-radius:14px;line-height:1.4;max-width:110px;}
@media screen and (min-width: 768px) {
  .lang-switch{right:calc(50% - 230px + 10px);}
}
@media screen and (min-width: 1200px) {
  .lang-switch{right:calc(50% - 200px + 10px);}
}