.body {
    padding: 0;
    margin: 0;
    display: flex;
    font-family: sans-serif;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.loader {
    position: relative;
    font-size: 2em;
    background: #FFF;
    padding: 10px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5em;
}
.loader span {
    color: #FFF;
    mix-blend-mode: difference;
}
.loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background: #000;
    animation: animate 3s linear infinite;
}
@keyframes animate {
    0% {
        left: 0;
    }
    50% {
        left: calc(100% - 80px);
    }
    100% {
        left: 0;
    }

}
.tips{
    text-align: center;
    margin-top: 2.34rem;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: default;
}

        body{
            margin: 0px;
            padding: 0px;
        }
        .sm {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            font-size: 0.8rem;
        }
        .total{
            font-size: 2rem;
            text-align: center;
            margin: 0.5rem;
        }
        .paybg{
            text-align: center;
        }
        .paybg img{
            width: 8rem;
            text-align: center;
        }
        #qrcode {
            text-align: center;
            margin-top: 5.2rem;
        }
        #orderExpireTime{
            color: red;
            text-align: center;
            margin-top: 1rem;
        }
        .paystate{
            text-align: center;
            margin-top: 5.2rem;
            display: none;
        }
        .paystate img{
            width: 4.56rem;
            display: none;
        }
        .bottom{
            position: absolute;
            /*left: 50%;*/
            /*transform: translate(-50%, 0%);*/
            bottom: 3.45rem;
            text-align: center;
            width: 100%;
        }
        .link{
            color: #fff;
            background: #ffbf05;
            border: 1px solid #ffbf05;
            border-radius: 2rem;
            padding: 0.68rem 3.21rem;
            cursor: pointer;
            text-align: center;
            margin: 1rem auto;
            letter-spacing: 1px;
            max-width: 12.34rem;
            margin-top: 6.78rem;
            color: #fff;
            text-decoration: none;
        }
        .tip{
            text-align: center;
            color: #9E9E9E;
            font-size: 0.9rem;
            margin-top: 1.35rem;
        }
        .lang{
            border: 1px solid #4CAF50;
            color: #4CAF50;
            width: calc(100% - 5rem);
            text-align: center;
            padding: 0.25rem 1rem;
            cursor: pointer;
            margin: auto;
            font-size: 0.68rem;
            display: flex;
            text-decoration: unset;
            align-items: center;
            justify-content: space-between;
        }
        .lang a{
            color: #4CAF50;
            text-decoration: unset;
        }
        
        
        .codepay{
            border: unset;
            background: #b9b9b9;
            padding: 0.8rem;
            /*border-radius: 2rem;*/
            margin: 1rem auto;
            display: block;
            outline: none;
            width: 12rem; 
            color: #fff;
            letter-spacing: 1px;
            transition: all .3s;
        }
        .codepay:hover{
            width: 15rem;
        }
        .codepay::placeholder {
            color: #fff; /* 将 placeholder 文本颜色改为红色 */
            opacity: 1; /* 确保颜色完全显示（某些浏览器默认有透明度） */
        }