.mask {
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            z-index: 2;
            background: rgba(0, 0, 0, 0.6)
        }

        .test {
            width: 360px;
        }

        .alert {
            min-width: 360px;
            position: fixed;
            top: 50%;
            left: 50%;
            z-index: 3;
            transform: translate(-50%, -50%);
            background: #fff;
            border-radius: 5px;
            padding-bottom: 30px;
        }

        .alert > .head {
            line-height: 60px;
            background: #3a62f4;
            padding: 0 16px;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            border-radius: 5px 5px 0 0;
            letter-spacing:1px;
			text-align:center;
        }

        .alert > .body {
            padding: 0 16px;
        }

        .alert > .body > p {
            text-align: center;
            font-size: 16px;
            color: #555;
            line-height: 28px;
            margin-top: 12px;
        }

        form input[type=text], form button {
            width: 100%;
            height: 36px;
            background: #fff;
            border-radius: 4px;
            color: #252525;
            border: 1px solid #cccccc;
            text-indent: 10px;
            outline: 0;
            margin-top: 10px;
        }

        form button {
            margin-top: 30px;
            border-radius: 20px;
            border: none;
            background: #3a62f4;
            color: white;
        }

        .hide {
            display: none;
        }

        .photo img {
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.6s;
        }

        .photo img:hover {
            transform: scale(1.2);
        }

       

        .product li:hover {
            border-radius: 5px;
            box-shadow: 0 0 15px #c9c9ca;
            background: #fff;
        }

        .qrCode p {
            line-height: 20px !important;
        }

        @keyframes text-style {
            from {
                left: -100vw;
            }
            to {
                left: 0
            }
        }

       main .flutter h2, h3, h4, h5, h6, .product-title, table {
            position: relative;
            animation: text-style 2s;
            -webkit-animation: text-style 2s; /* Safari 与 Chrome */
        }