.input-invalid:not(.input-novalidate) .input,
.form-validate .input:focus:invalid {
    border-color: var(--color-main) !important
}

.input {
    -webkit-appearance: none;
}

.input-invalid>.input-validate {
    color: var(--color-main) !important;
}

.bg1 {
    background: linear-gradient(60deg, #000, #333, #000);
}

.bg2 {
    background: linear-gradient(300deg, #000, #333, #000);
}

.index body {}

.container {
    max-width: 540px;
}

.index header,
.index footer {}

.case {}

.case .grid .imgbox {
    overflow: hidden;
    text-align: center;
}

.case .grid .imgbox img {
    max-width: 100%;
}

.flip>.flip-prev,
.flip>.flip-next {
    font-size: 30px;
    color: var(--color-main);
    margin-top: -3rem;
}

.price .left {
    margin: -1.5rem 0;
}

.button-wx {
    background: #00d10c !important;
}

.button-zfb {
    background: #0cb4e7 !important;
}
.dialog-my{max-width: 500px;}