body,
html {
    max-width: 640px;
    margin: 0 auto;
}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: 0.16rem/1.8 Helvetica;
    background-color: #f0f0f0;
    min-width: 320px;
    padding: 0;
    min-height: 100vh;
    cursor: pointer;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
body,
img {
    width: 100%;
}
img {
    border-style: none;
    display: block;
    margin: 0 auto;
}
article,
aside,
b,
button,
dd,
dialog,
dl,
dt,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
i,
input,
label,
menu,
nav,
ol,
optgroup,
p,
section,
select,
strong,
textarea,
ul {
    margin: 0;
    padding: 0;
    font: normal normal 0.16rem/1.8 Helvetica;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}
dd,
dl,
dt,
ol,
ul {
    list-style-type: none;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a:active,
a:focus,
a:hover,
a:link,
a:visited {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active {
    opacity: 0.6;
}
input,
select,
textarea {
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input :-webkit-autofill,
select :-webkit-autofill,
textarea :-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    box-shadow: inset 0 0 0 1000px #fff;
}
div > iframe {
    display: none !important;
}
@media only screen and (min-width: 640px) {
    html {
        font-size: 166.4px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
    html {
        font-size: 26vw;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size: 83.2px;
    }
}
.red {
    color: #e82e2e;
}
.white-box {
    background-color: #fff;
    padding: 1px 0 0.2rem;
}
.popper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 7;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
}
.public-title {
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.15rem;
    color: #000;
    font-size: 0.19rem;
    background-color: #fff;
    margin-top: 0.08rem;
}
.public-title span {
    display: inline-block;
    height: 0.5rem;
    vertical-align: top;
    color: #999;
    margin-left: 0.1rem;
    font-size: 0.15rem;
}
.public-title__line {
    padding: 0.1rem 0;
    position: relative;
    color: #666;
    text-align: center;
}
.public-title__line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.3rem;
    right: 0.3rem;
    height: 1px;
    background-color: #ddd;
}
.public-title__line span {
    display: inline-block;
    position: relative;
    padding: 0 0.15rem;
    background-color: #f0f0f0;
    z-index: 1;
    font-size: 0.15rem;
}
.public-title__line span.loading:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 0.03rem 0.05rem 0 0;
    width: 0.2rem;
    height: 0.2rem;
    -webkit-animation: rotate 0.5s linear infinite;
    -moz-animation: rotate 0.5s linear infinite;
    -o-animation: rotate 0.5s linear infinite;
    animation: rotate 0.5s linear infinite;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAn1BMVEUAAAC8u7yxr7DLysrOzs7S0tK6uLmjoaLp6enFxMWvra+lo6SWlJXr6+vm5ubf39/R0dG7ubrBv8Dh4eGlo6Tc3NyenJ2rqaqbmZrp6emhn6Da2tqxsLDY2Niura2amJnHxsfLy8uzs7PCwMHf39+UkpOioKGvrq6YlpeYlpf+//+XlZd2c3WamJni4uLb29vDwcKysrKrqarT09P09fV/crQcAAAALXRSTlMAIRMu+1X++/19TjBWMSXjzcy5emZlPN7dwcC4j4x+fkPr4d/V1c6wk+3MpmKjQrqtAAABDUlEQVQoz73P2XKCQBAF0NvDElkUZV9EUaNmG7bk/78tYyjCjCSvngeqmluXbvBAWfZPsApIPBaLJcD2NIuDuhjjd/4yi5d1bQxxzHmMmbL2QIsvDef78iq6bfTqANkbPvgrA5yQpr1NUxKM5wiCe3bFcZzvMaKiaTwDv9yU81y6XjQbb5pSnrpQRZHUDpWIBCiY9KbQhTWT0vxJyDFYfwpKfLnFl3HSBCjIcRzIDOnH7BCqaq0fpinpE1v+lK/rB7md9P2VMLJ0vSRUG+Mn29hg277fYaRZFYBTa8HfIOyODIh3DhRWewIzTcKx22JGa1sDZJoa7K6LAdyXfQwxrn/UyaIxZtJelTjtcb4BNboSop/e5fkAAAAASUVORK5CYII=")
        no-repeat 50%;
    -webkit-background-size: 0.2rem 0.2rem;
    -moz-background-size: 0.2rem 0.2rem;
    background-size: 0.2rem 0.2rem;
}
.input-wrap {
    margin: 0.1rem 0.15rem 0;
    background-color: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 0.45rem;
    padding: 0.05rem 0.3rem 0.05rem 0.7rem;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0.35rem;
    z-index: 1;
}
.input-wrap.error input {
    color: #e82e2e;
}
.input-wrap.error:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #e82e2e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.6;
    z-index: -1;
}
.input-wrap .error-tip {
    position: absolute;
    font-size: 0.12rem;
    top: -0.08rem;
    background-color: #e82e2e;
    color: #fff;
    padding: 0 0.1rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1.5;
}
.input-wrap .label {
    position: absolute;
    top: 0.05rem;
    left: 0;
    width: 0.7rem;
    text-align: center;
}
.input-wrap input {
    display: block;
    width: 100%;
    height: 0.35rem;
}
.input-wrap i {
    position: absolute;
    width: 0.25rem;
    height: 0.25rem;
    top: 0.1rem;
    right: 0.1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ccc;
    display: none;
}
.input-wrap i:after,
.input-wrap i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.input-wrap i:before {
    width: 60%;
    height: 1px;
}
.input-wrap i:after {
    height: 60%;
    width: 1px;
}
.more-list {
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.15rem;
    color: #000;
    display: block;
    font-size: 0.19rem;
    background-color: #fff;
    text-align: center;
}
.login-box {
    position: fixed;
    left: 50%;
    width: 96%;
    max-width: 610px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 0.5rem;
    -webkit-transform: translate(-50%, -200%);
    -moz-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    -o-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
    padding: 0.2rem 0;
    z-index: 8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-box.active {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.login-box__title {
    padding: 0 0.2rem;
    font-size: 0.18rem;
}
.login-box__code {
    position: absolute;
    color: #e82e2e;
    top: 0.05rem;
    right: 0.1rem;
}
.login-box__btn {
    margin: 0.2rem 0.15rem 0;
    overflow: hidden;
}
.login-box__btn a {
    width: 48%;
    height: 0.5rem;
    line-height: 0.5rem;
    border: 1px solid #eee;
    text-align: center;
    background-color: #f7f7f7;
    float: left;
    font-size: 0.18rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.login-box__btn a:last-child {
    background-color: #e82e2e;
    color: #fff;
    border-color: #e82e2e;
    float: right;
}
.m-header {
    background-color: #e82e2e;
    height: 0.45rem;
    padding: 0 0.1rem;
    position: relative;
}
.m-header__logo {
    position: absolute;
    height: 0.4rem;
    top: 0.07rem;
    width: 1.2rem;
    left: 0.1rem;
}
.m-header__home {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAMAAADWOFNCAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAkPZCQMlQDxDA0O3lKwkFF/3y0qBn4oBeWSAD1q+tpYp4cEgzJlsrN0cAAAEqSURBVEjH7dLJcoMwEEXRNjbYYjYGz/Pw/v8TI5VJHhkM6mVSuRupSzorSV6VNasmE12Zgcuo3LjCs2qsQAGQrtarFAjGGhTO7GYWOqZAU3FNyXwRmQqRqRCZCpGpEJkKkakQmQqRqRCZCpGpEJkKkakQmRKREcVEPSx2jAgj8WkEx1qkUC0rEiBRKHd951QYKVQUYml3200+UahJHpXPQaXs8kvVvQ7j98L67qeaObrNGx/1aBHZw0NdgGP5MZVH4NKr+P7C3L/5V39EnbzUqau2QOylYmDLoxTIPFQGpMLOgNkNqp0BzsLKCqiLAVXUQFVKpw2ARZT3qDxaANjIp66wBXtjTGq9YQsgtcs+gO0qX7otMdTyJt8q1oekhySHdSE/l89elUu3N0KPRVaRPpZXAAAAAElFTkSuQmCC)
        no-repeat 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.m-header__back,
.m-header__home {
    position: absolute;
    height: 0.3rem;
    top: 0.07rem;
    width: 0.3rem;
    left: 0.1rem;
}
.m-header__back:after {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    width: 0.1rem;
    height: 0.1rem;
    border: solid #fff;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.m-header__nav {
    position: absolute;
    height: 0.45rem;
    line-height: 0.45rem;
    top: 0;
    right: 0;
    padding-right: 0.1rem;
}
.m-header__nav > a {
    padding-left: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.12rem;
    background-repeat: no-repeat;
    background-position: 0.03rem;
    -webkit-background-size: 0.25rem 80%;
    -moz-background-size: 0.25rem 80%;
    background-size: 0.25rem 80%;
    line-height: 0.3rem;
    color: #fff;
    font-size: 0.12rem;
    position: relative;
}
.m-header__nav > a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.2rem;
    width: 0.1rem;
    height: 0.1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #e82e2e;
    background: #fff
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAMAAAA1b9QjAAAAdVBMVEUAAAD/1JH/1JH/1JH/qWn/v4H/q2v/r27/sHD/2Z3/u33/rW3/qmv/1JH/p2j/1JH/q2z/rm//rW3/sHD/rG3/r3D/qmv/rW7/p2j/p2j/26P/p2j/1ZL/snL/58H/5bv/1Zj/47j/153/yIv/xIb/v4H/tXbDbT5JAAAAGnRSTlMAgCzr/Pfy1cOSi1k3Jwjl4K+UfGRLLSQZEkyNf74AAACFSURBVBjTdc1HEoNADERRkZPBOaknEe9/RMsMhvKCt1B1/Y1I1EEQFIWckLwwUspZ65SKwjUoa4xVS6qPsloj2iXlWuuRZ6PMrKFnDMAXGfGBiO4yeha9jBt9XYGJxQRcyDsDHXMH5PSTYWAecGrW8k41s05ftHnEzs1vNlWSVPSvLGnXBziKDMT67ThyAAAAAElFTkSuQmCC")
        no-repeat bottom;
    -webkit-background-size: auto 80%;
    -moz-background-size: auto 80%;
    background-size: auto 80%;
}
.m-header__nav--user {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAMAAABE+WOeAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA8SL0zK6EC+vlxbWlnVk2Et52a9O+lpGNY0Y/Lh0ZUHrkumwAAAECSURBVEjHldVbjoMwDEBRU0JCIBBeUx5lGO9/laN+VEJ1bPD9PkLBxAISxbnyma+HB9zpUeCnprvmLZ7yUcPfvWT+wu/El3A58b3kG6QNwmgwUe5YP2OqkfVl0huOR0z3y/iB8a04HZplfM34hvEV4wutV57nyXjL+FW8nLQDmHyS/xAnH2hjfSdfH9oTaVHwTh4+bSTb0oHYRO6m3E5nKbfIqyLvfCVS+g3ma/939vUlH3M8F8QX2JeezH+J7EmYfanGg2K3GmTLwvY1ROtRbjr9nfYG71Rs9BLLhTcvJEFXs0VNKxiVN1CqfAm5ymfq5weVD9D1Ct4fAM6a7F6TdfAPUsWP2pjsixMAAAAASUVORK5CYII=");
}
.m-header__nav--menu {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAnCAMAAACoquHzAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAgEQd+9is65lsDsaNVTky9s6yIpCVLS8AAABSSURBVDjL7cq3AYAwDADBNwbnQND+s7KC1Ljy1ce4xaCRxIQZLd1BOfQm27bW4fQydLEINNM/8fVUk9gBr/YVtm2tHNTe5Mli8eBMP1LSpVfHD8tgHVk43dBFAAAAAElFTkSuQmCC");
    -webkit-background-size: 80% 65% !important;
    -moz-background-size: 80% 65% !important;
    background-size: 80% 65% !important;
}
.m-header__nav--more {
    position: absolute;
    top: 0.45rem;
    right: 0;
    text-align: center;
    background-color: #fff;
    z-index: 4;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
}
.m-header__nav--about{font-size: .18rem !important;}
.m-header__nav--more a {
    display: block;
    padding: 0 0.15rem;
    line-height: 0.4rem;
    border-top: 1px solid #eee;
    font-size: 0.15rem;
    white-space: nowrap;
    height: 0.4rem;
}
.m-header__title {
    height: 0.45rem;
    line-height: 0.45rem;
    color: #fff;
    font-size: 0.2rem;
    text-align: center;
}
.m-footer {
    background-color: #ebd1ab;
    padding: 0.1rem 0;
    text-align: center;
}
.m-footer p {
    font-size: 0.14rem;
}
.m-cart {
    position: fixed;
    z-index: 3;
    width: 0.5rem;
    height: 0.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7)
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMA9N4IdRpTxxUMJtJZOLSUeqxihks/oplsaOS+jkcvv6QsUQAAAP9JREFUKM91k1mOgzAQBdsQvBGM2dfw7n/LycixQuNQP5RUSN6pVUptHd1R4h93l6u63h1Q0T25wPL+mJxhTiN0VJXZhTJOyaGhGSk+5BolmcU/GIuCCnmGMJTQoAnyAo6kaoE5mAVkkiVgg5kVjyTXyKIqTD/2s446YuOND+ixXvMC6OhPoEiWpb4HAwy8WoHuvMY2mNGFPYber4A9T9NT2zhVZgIfWvriMBFOCMcG26FIjlPnH618VYc1xJgh6DfxUHqjtS4immUjAMEYWe8FOBkxCtkP8hl4myzSC8CNU2XxVG2GJr9mh/gaagAyvR1xm334kWPGTQbLd9UG+wNJmRgEiGScWQAAAABJRU5ErkJggg==")
        no-repeat 50%;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50%;
    background-size: 50%;
    left: 50%;
    bottom: 1rem;
    -webkit-transform: translateX(1.27rem);
    -moz-transform: translateX(1.27rem);
    -ms-transform: translateX(1.27rem);
    -o-transform: translateX(1.27rem);
    transform: translateX(1.27rem);
}
.m-cart span {
    position: absolute;
    height: 0.24rem;
    line-height: 0.22rem;
    width: 0.24rem;
    text-align: center;
    top: -0.08rem;
    right: -0.08rem;
    font-size: 0.12rem;
    border: 2px solid #999;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.m-cart span,
.m-gotop {
    border-radius: 50%;
    -moz-border-radius: 50%;
}
.m-gotop {
    position: fixed;
    z-index: -1;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7)
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMA4HBJ7Mcc0Ih4B/PbqqZSKNUwEfizjGtiQDYqvJZzu7FtAAAAyklEQVQ4y+2Vyw6CQBAEe4EVRN74ANT+/8+Uiw4Hw/TFm3WuTGqSnSzQ1UGi7lb3RJFTh5oyNYIuB+S6nOOoy0egUd0GK8stEbgt+CMwpIOqthXJKlXUzwNIlLl848++2zFkB8cdKxrRkS/cUijLSdmpaW72ITPNyy7tHv1sOzA/OzHBzZ7P/E50lnOyy0jDy37S8LIn7hJLGMOZ+1zNHQMNL/tBw8suaHjZLSWu2ztSssueItmIhDIFoi7n6H/0AU1Ae6mCQN/MeAESgHYhWJ6eggAAAABJRU5ErkJggg==")
        no-repeat 50%;
    -webkit-background-size: 50% 50%;
    -moz-background-size: 50%;
    background-size: 50%;
    left: 50%;
    bottom: 1rem;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateX(1.27rem);
    -moz-transform: translateX(1.27rem);
    -ms-transform: translateX(1.27rem);
    -o-transform: translateX(1.27rem);
    transform: translateX(1.27rem);
}
.m-nav {
    background-color: #fff;
    height: 0.45rem;
    line-height: 0.45rem;
    position: relative;
    padding-right: 0.4rem;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.m-nav__list {
    white-space: nowrap;
    overflow: hidden;
}
.m-nav__list a {
    display: inline-block;
    line-height: 0.45rem;
    padding: 0 0.15rem;
    height: 0.45rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: auto;
}
.m-nav__list a.active {
    color: #e82e2e;
}
.m-nav__list a.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e82e2e;
}
.m-nav__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0.4rem;
}
.m-nav__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.1rem;
    height: 0.1rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    border: solid #666;
    border-width: 0 1px 1px 0;
    margin-top: -0.03rem;
}
.m-nav__more {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 0.15rem;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 3;
}
.m-nav__more span {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.05rem;
    margin-top: 0.15rem;
    text-align: center;
    line-height: 2;
    font-size: 0.15rem;
}
.m-nav__more span a {
    display: block;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
}
.m-nav__more span .active {
    color: #fff;
    background-color: #e82e2e;
    border-color: #e82e2e;
}
.goods-list {
    margin: 0.04rem 0.04rem 0;
    overflow: hidden;
}
.goods-list__item {
    background-color: #fff;
    float: left;
    width: 50%;
    border: solid #f0f0f0;
    position: relative;
    border-width: 2px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 50% 0 0.2rem;
}
.goods-list__item img {
    position: absolute;
    top: 0;
    left: 0;
}
.goods-list__item p {
    color: #454545;
    padding: 0 0.08rem;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.05rem;
    letter-spacing: 1px;
}
.goods-list__item--btn {
    margin: 0.05rem auto 0;
    border: 1px solid #e82e2e;
    text-align: center;
    width: 1.5rem;
    padding-right: 0.6rem;
    color: #e82e2e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.32rem;
    overflow: hidden;
    line-height: 0.3rem;
    overflow: visible;
}
.goods-list__item--btn span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.6rem;
    color: #fff;
    background-color: #e82e2e;
    font-size: 0.14rem;
    line-height: 0.3rem;
    z-index: 1;
}
.cart-list__item {
    position: relative;
    padding: 0.1rem 0.1rem 0.15rem 0.4rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.cart-list__item--radio {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    top: 0.3rem;
    left: 0.1rem;
    background-color: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.cart-list__item--radio.active {
    background: #e82e2e
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAZCAYAAABQDyyRAAAAuElEQVRIie3TMQrCMBSH8bh5AY/h7imcBceCUHBzcRPP2GP0AE7ySSAiRGPyXpPXpf89+X2lxFkPWJuj7wFXYAA2c+AXPrONAHq+ZxORwP2ewH5O/LjgCx4fXgF37dMAuklfDtzCAfH79ECA1PghOlgcUQPfAY8fF2QjJuPhki0wJv5fMqIKro34g/udRLg0IoP3KlwQcW6GF0akVgdXRtTFhRFt8MKItngmwgZPRNjiUURX9VLn3AsO9owFKX10dAAAAABJRU5ErkJggg==")
        no-repeat 50%;
    -webkit-background-size: 0.15rem 0.15rem;
    -moz-background-size: 0.15rem;
    background-size: 0.15rem;
}
.cart-list__item--delete {
    position: relative;
    width: 0.15rem;
    height: 0.15rem;
    margin: 0 0 0 auto;
}
.cart-list__item--delete:after,
.cart-list__item--delete:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #999;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.cart-list__item--delete:before {
    width: 100%;
    height: 1px;
}
.cart-list__item--delete:after {
    height: 100%;
    width: 1px;
}
.cart-list__item--info {
    display: block;
    padding-left: 0.8rem;
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden;
    margin-top: 0.05rem;
}
.cart-list__item--info,
.cart-list__item--info img {
    height: 0.75rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
}
.cart-list__item--info img {
    position: absolute;
    width: 0.75rem;
    top: 0;
    left: 0;
}
.cart-list__item--info-name {
    height: 0.4rem;
    line-height: 0.2rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 0.08rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.15rem;
    padding-right: 0.8rem;
}
.cart-list__item--info-type {
    color: #999;
    font-size: 0.13rem;
    line-height: 0.27rem;
}
.cart-list__item--info-price {
    position: absolute;
    top: 0.05rem;
    right: 0.05rem;
    width: 0.8rem;
    font-size: 0.15rem;
    text-align: right;
}
.cart-list__item--info-num {
    position: absolute;
    top: 0.32rem;
    right: 0.05rem;
    font-size: 0.13rem;
    color: #999;
}
.cart-list__item--num {
    font-size: 0.14rem;
    overflow: hidden;
    margin-top: 0.15rem;
    line-height: 0.35rem;
}
.cart-list__item--num-change {
    float: right;
}
.cart-list__item--num-change input {
    line-height: 0.35rem;
    border: none;
    text-align: center;
    margin: 0 0.05rem;
}
.cart-list__item--num-change a,
.cart-list__item--num-change input {
    width: 0.35rem;
    height: 0.35rem;
    display: inline-block;
    vertical-align: top;
}
.cart-list__item--num-change a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    position: relative;
}
.cart-list__item--num-change a.reduce {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}
.cart-list__item--num-change a.add {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}
.cart-list__item--num-change a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 30%;
    right: 30%;
    height: 1px;
    background-color: #999;
}
.cart-list__item--num-change a.add:after {
    content: "";
    position: absolute;
    top: 30%;
    bottom: 30%;
    left: 50%;
    width: 1px;
    background-color: #999;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.cart-list__bottom {
    height: -webkit-calc(0.65rem + constant(safe-area-inset-bottom));
    height: -moz-calc(0.65rem + constant(safe-area-inset-bottom));
    height: calc(0.65rem + constant(safe-area-inset-bottom));
    height: -webkit-calc(0.65rem + env(safe-area-inset-bottom));
    height: -moz-calc(0.65rem + env(safe-area-inset-bottom));
    height: calc(0.65rem + env(safe-area-inset-bottom));
}
.cart-list__bottom--wrap {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 4;
    -webkit-box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.5);
}
.cart-list__total {
    height: -webkit-calc(0.6rem + constant(safe-area-inset-bottom));
    height: -moz-calc(0.6rem + constant(safe-area-inset-bottom));
    height: calc(0.6rem + constant(safe-area-inset-bottom));
    height: -webkit-calc(0.6rem + env(safe-area-inset-bottom));
    height: -moz-calc(0.6rem + env(safe-area-inset-bottom));
    height: calc(0.6rem + env(safe-area-inset-bottom));
    background-color: #fff;
    overflow: hidden;
    text-align: right;
    line-height: 0.4rem;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cart-list__total--submit {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.25rem;
    vertical-align: top;
    margin-left: 0.1rem;
    background-color: #e82e2e;
    color: #fff;
    font-size: 0.2rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    border-radius: 0.4rem;
}
.cart-list__total--price {
    color: #e82e2e;
    font-size: 0.18rem;
}
.add-cart__after {
    position: fixed;
    z-index: 2;
    width: 0.15rem;
    height: 0.15rem;
    left: 50%;
    bottom: -0.15rem;
    -webkit-animation: cart-hor 1.5s ease-in-out;
    -moz-animation: cart-hor 1.5s ease-in-out;
    -o-animation: cart-hor 1.5s ease-in-out;
    animation: cart-hor 1.5s ease-in-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.add-cart__after i {
    position: absolute;
    background-color: #e82e2e;
    -webkit-animation: cart-ver 1.5s ease-in-out;
    -moz-animation: cart-ver 1.5s ease-in-out;
    -o-animation: cart-ver 1.5s ease-in-out;
    animation: cart-ver 1.5s ease-in-out;
    bottom: 0;
    left: 0;
    width: 0.15rem;
    height: 0.15rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.img-preview {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
}
.img-preview img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.img-preview i {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 0.1rem;
    right: 0.1rem;
}
.img-preview i:after,
.img-preview i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #000;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.img-preview i:before {
    width: 70%;
    height: 1px;
}
.img-preview i:after {
    height: 70%;
    width: 1px;
}
.img-preview__info {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 0.1rem;
    bottom: -webkit-calc(0.1rem + constant(safe-area-inset-bottom));
    bottom: -moz-calc(0.1rem + constant(safe-area-inset-bottom));
    bottom: calc(0.1rem + constant(safe-area-inset-bottom));
    bottom: -webkit-calc(0.1rem + env(safe-area-inset-bottom));
    bottom: -moz-calc(0.1rem + env(safe-area-inset-bottom));
    bottom: calc(0.1rem + env(safe-area-inset-bottom));
}
.img-preview__info--name {
    line-height: 0.32rem;
    height: 0.32rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.img-preview__info--price {
    font-size: 0.18rem;
    font-weight: 700;
}
.public-page {
    padding: 0.1rem;
    text-align: center;
}
.public-page > .all,
.public-page > .first,
.public-page > .last,
.public-page > .next,
.public-page > .pageindex,
.public-page > .prev {
    display: none;
}
.public-page > .current,
.public-page a {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    border: 1px solid #d9d9d9;
    color: #333;
    background-color: #fff;
    margin: 0 0.04rem;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    border-radius: 0.04rem;
    font-size: 0.2rem;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.14rem;
}
.public-page > .current {
    border: 1px solid #e82e2e;
    color: #e82e2e;
}
.paypal:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABI1BMVEUnXKweU6knXKwpXrAfU6kvZa8AAAAjWa0wZa8vY6wRS6EOR5UAOZMwZa8nXKwnXK////8pXrAkWqwsYbAjWKoBP5ccVKYSTKMPSZX+//upvNCdts9kjLY5aqAgV5wNSpsaUpj3+ffs8PPb5erA0Ny3ytyJpsiIpMF4lbhAcKYLR545YpoRTZgEQpIXUZEQSpAZSY4HQIkAGnHw9fjk6u7X4OfS3OXK19/D0t+vw9eov9Skt8qZs8qSrsmQqMd9osV+ncCBoL98nLtrjrQoXbMdVa9Yga1MeKomXKlJc6c+bKMxYqIrXZ0bUZw0WpsWUJsvYZoHQ5gISI4FQY4ANoyiuNKRpcB1mMCBmLpfhq0hV6QuYZ8kW5YAPI8BKYMJO4IAMHtokKv5AAAADnRSTlPy9fjy54wA8ozy8vLyjWSRRpcAAAFLSURBVCjPzZNFcsNAEEXbMYY0I5bFZmZmZoYw3v8UUaoSVxaxvEz+aqZf96Lhg8NugyOy2R3gYoijYlxgIUxkgTMzfAZghuGvMUKI+hFDhwcyMEmw7IYhvxNonmWjRgZF0driHACpPakz5/goR/McyWtKUBotqCjf10LdS3DyEyzmCyn5biYo8/g07fdI+GHZGqqC++YKrGzQnQ3g9K3fm/TJz+51Tn7DcqzmCaXcowuwJkRcLMRi9xLOBKqlVgb7fM1MOJwLRjy6E5w6rix3adwoe987uJht4sksW8E9rFTzL1awrEtTdvDkr4ttpY0jr43afqB1y6HAth7eWAHU3YomOUFNxCNecU+ntmNEC7qeWMUF4rNvRBIEiaj+Y3KYZEgSGU0jBiHaiB+GSlHEmGM5mvr6/jJzo/K/7dsMmx/yCRuYm+j6hAU/ACaZRphjfjdxAAAAAElFTkSuQmCC");
}
.alipay:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAZlBMVEUAAAAAn+gAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+oAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+kAn+gAn+gr0E0jAAAAIXRSTlMA6LjKFu0I2GTQQlzDjiLyvlYpD5d6Sy/j3olxsKRrfzn85IiFAAABKklEQVQoz4WS6bKDIAxGP5AdrWvduvL+L3lTtA71ju354Zg5JGgSEKZiku2R2aUFIfJwgB5Ikz30LUz4QoEsDWfvb2k8QiZRKYA61RIsDQfgnMZs1TbPXpwAbzMit6kuT9hQy9Om2RUnKk6n6pxH5KZ/3x0uShAgxMn1z26nb7Uh5qJ4GAOgSPSOnCqMn9pWV57Z5d0BPqT62iAiXDEGq4Aq1R0w9K6JP9z2dPQeEq3h4lymal6rPNimZfCi3EbA6/ct+q0/OuG33rozLQpp5T+suN0VFpwhbaBXOfWURd8Rt3CBBda2sYf6LIBmmaQu1hnSZDhV7Ovnq2Q9bpvTuVUHfRcgGsNDCvcKSzFpr1yXYU+GS/gCh9KHMu7YMB1Z6UCIWbP/yKmj3D8zGUkJUrpHlAAAAABJRU5ErkJggg==");
}
.weixin:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAABBsDVBsDRAsDRAsDRBsDVBsDRAsDNAsDNAsDNBsDVBsDRAsDRAsDNBsDRBsDRBsDRAsDNAsDNAsDNAsDNBsDRBsDVBsDRBsDRBsDRAsDNAsDNAsDNAsDRBsDRBsDRBsDVkn7YkAAAAIHRSTlMA+t6Ph+m7aCsj9aqARNDDo1AaFRDv5th5dl9WNQiYsxtdRrMAAAD6SURBVCjPbZJZAoIwDESHsrTsRYqAiPb+p1Row5r3VX1MGhKwU0ZJH8ciCacZV9qxsht9lJ7t62lPZOPRfuyNb0tyri1DZbzOLUv3WO3A20yv5dOAkzE1/2FkEC6Fixx4ZExSAVD/lt6Q7vFrEnL5K/RtizI53anczwqVi7TI9yQGX03AT7MAGl24bt/bmJ6I/RZAzMWhSQh/amit7jZKU6FklSYi4+8O6agANFRry5R0jJBqe0ECPa0g725baeHHxhIBoN7vZGadQsBbetcXbwd4ZMfYgiyX7ybsTLevJcWBZQu6DrwTocKJxIoSUKUcB9kogwu1NmD5AfiMRyslrUCeAAAAAElFTkSuQmCC");
}
@-webkit-keyframes rotate {
    form {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}
@-moz-keyframes rotate {
    form {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}
@-o-keyframes rotate {
    form {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}
@keyframes rotate {
    form {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-1turn);
        -moz-transform: rotate(-1turn);
        -o-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}
@-webkit-keyframes cart-hor {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    80% {
        -webkit-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
    to {
        -webkit-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
}
@-moz-keyframes cart-hor {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    80% {
        -moz-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
    to {
        -moz-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
}
@-o-keyframes cart-hor {
    0% {
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    80% {
        -o-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
    to {
        -o-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
}
@keyframes cart-hor {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    80% {
        -webkit-transform: translateX(1.445rem);
        -moz-transform: translateX(1.445rem);
        -o-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
    to {
        -webkit-transform: translateX(1.445rem);
        -moz-transform: translateX(1.445rem);
        -o-transform: translateX(1.445rem);
        transform: translateX(1.445rem);
    }
}
@-webkit-keyframes cart-ver {
    0% {
        bottom: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        bottom: 2.75rem;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        bottom: 1.875rem;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        bottom: 1.875rem;
        opacity: 0;
        -webkit-transform: scale(3.3333);
        transform: scale(3.3333);
    }
}
@-moz-keyframes cart-ver {
    0% {
        bottom: 0;
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        bottom: 2.75rem;
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    80% {
        bottom: 1.875rem;
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    to {
        bottom: 1.875rem;
        opacity: 0;
        -moz-transform: scale(3.3333);
        transform: scale(3.3333);
    }
}
@-o-keyframes cart-ver {
    0% {
        bottom: 0;
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        bottom: 2.75rem;
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
    80% {
        bottom: 1.875rem;
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        bottom: 1.875rem;
        opacity: 0;
        -o-transform: scale(3.3333);
        transform: scale(3.3333);
    }
}
@keyframes cart-ver {
    0% {
        bottom: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        bottom: 2.75rem;
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    80% {
        bottom: 1.875rem;
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        bottom: 1.875rem;
        opacity: 0;
        -webkit-transform: scale(3.3333);
        -moz-transform: scale(3.3333);
        -o-transform: scale(3.3333);
        transform: scale(3.3333);
    }
}

.fixed-kefu {
    position: fixed;
    right: .1rem;
    bottom: 1rem;
    width: .5rem;
    height: .5rem;
    background-image: url(kefu.png);
    background-size: 100%;
    z-index: 2;
}
@media only screen and (min-width: 640px) {
    .fixed-kefu {
        right: 50%;
        margin-right: -300px;
    }
}
.popup-kefu {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 2;
    display: none;
}
.popup-kefu__main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    max-width: 500px;
    transform: translate(-50%, -50%);
}
.popup-kefu__main img{width:100%;display: block;}
.popup-kefu__main span{display: block;width: 40px;height: 40px;border: 2px solid #fff;border-radius: 50%;margin: 15px auto 0;position: relative;}
.popup-kefu__main span:after,.popup-kefu__main span:before{content:"";display: block;position: absolute;width:30px;height:2px;background-color: #fff;left: 5px;top: 19px;}
.popup-kefu__main span:after{transform: rotate(45deg);}
.popup-kefu__main span:before{transform: rotate(-45deg);}
/* 保障 */
.popup-baozhang {position: fixed;top:0;left:0;width:100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 9;display: none;}
.popup-baozhang__main {position: absolute;left: 50%;top: 50%;width: 80%;max-width: 500px;transform: translate(-50%, -50%);background-color: #fff;border-radius: .1rem;padding: .1rem .2rem}
.popup-baozhang__main .title {text-align: center;font-size: .2rem;}
.popup-baozhang__main .subtit{position: relative;margin-right: .1rem;padding-left: .18rem;display: inline-block;background-image: url(/static/goods/images/dui.png);background-size: .14rem auto;background-position: left center;background-repeat: no-repeat;font-size: .18rem;margin-top: .1rem;}
.popup-baozhang__main .subcon{font-size: .14rem;color: #666;}
.popup-baozhang__main .close{display: block;width: 80%;height: .4rem;background-color: #ffa854;line-height: .4rem;color: #fff;text-align: center;margin:.1rem auto;border-radius: .2rem;}

.about-info {padding: .2rem;background-color: #fff;}
.about-info p {margin-bottom: .1rem;}
.about-info strong{color: #ff0000;}