.goods-swiper {
    white-space: nowrap;
    overflow: hidden;
    height: 100vw;
    max-height: 640px;
}
.goods-swiper img {
    height: 100vw;
    display: inline-block;
    max-height: 640px;
}
.goods-swiper .swiper-pagination-fraction {
    width: 0.6rem;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0.32rem;
    -moz-border-radius: 0.32rem;
    border-radius: 0.32rem;
    color: #ccc;
    left: auto;
    right: 0.1rem;
}
.goods-info {
    background-color: #fff;
    padding: 0.1rem;
}
.goods-info__price {
    position: relative;
    color: #e82e2e;
}
.goods-info__price i {
    font-size: 0.23rem;
}
.goods-info__price span {
    color: #999;
    font-size: 0.14rem;
    text-decoration: line-through;
    display: inline-block;
    vertical-align: middle;
}
.goods-info__price strong {
    position: absolute;
    right: 0;
    color: #999;
    top: 50%;
    transform: translateY(-50%);
}
.goods-info__name {
    color: #000;
    line-height: 0.22rem;
    height: 0.44rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.goods-info__other {
    margin-top: 0.1rem;
    color: #999;
    font-size: 0.14rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.goods-info__baozhang {
    font-size: .14rem;
    color: #999;
}
.goods-info__baozhang span{
    position: relative;
    margin-right: .1rem;
    padding-left: .18rem;
    display: inline-block;
    background-image: url(images/dui.png);
    background-size: .14rem auto;
    background-position: left center;
    background-repeat: no-repeat;
}
.goods-model {
    margin-top: 0.08rem;
    background-color: #fff;
    padding: 0.1rem 0.1rem 0.2rem;
    display: block;
}
.goods-model__btn {
    padding-right: 0.3rem;
    font-size: 0.14rem;
    position: relative;
}
.goods-model__btn span {
    color: #999;
    display: inline-block;
    margin-right: 0.3rem;
}
.goods-model__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.1rem;
    width: 0.1rem;
    height: 0.1rem;
    margin-top: -0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid #666;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.goods-model__thumb {
    margin-top: 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.14rem;
}
.goods-model__thumb img {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.12rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.goods-model__thumb span {
    display: inline-block;
    height: 0.4rem;
    vertical-align: top;
}
.goods-details {
    padding: 0.05rem 0;
    background-color: #fff;
    overflow: hidden;
}
.goods-tags {
    background-color: #fff;
    padding: 0.05rem 0.1rem 0.1rem;
}
.goods-tags a {
    display: inline-block;
    line-height: 2.2;
    padding: 0 0.3rem;
    border: 1px solid #eee;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    margin: 0.1rem 0.05rem 0 0;
    font-size: 0.17rem;
}
.goods-bottom {
    height: -webkit-calc(0.7rem + constant(safe-area-inset-bottom));
    height: -moz-calc(0.7rem + constant(safe-area-inset-bottom));
    height: calc(0.7rem + constant(safe-area-inset-bottom));
    height: -webkit-calc(0.7rem + env(safe-area-inset-bottom));
    height: -moz-calc(0.7rem + env(safe-area-inset-bottom));
    height: calc(0.7rem + env(safe-area-inset-bottom));
    display: block;
}
.goods-bottom__btn {
    position: fixed;
    z-index: 4;
    bottom: 0;
    left: 50%;
    width: 100%;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.1rem;
    background-color: #fff;
    text-align: center;
    max-width: 640px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -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);
    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));
}
.goods-bottom__btn a {
    font-size: 0.18rem;
    height: 0.4rem;
    line-height: 0.4rem;
    display: inline-block;
    vertical-align: top;
}
.goods-bottom__btn--cart {
    width: 80%;
    background-color: #ffa854;
    border-radius: 0.17rem;
    color: #fff;
}
.goods-bottom__btn--buy {
    font-size: 0.18rem;
    width: 35%;
    background-color: #e82e2e;
    -webkit-border-top-right-radius: 0.17rem;
    -moz-border-radius-topright: 0.17rem;
    border-top-right-radius: 0.17rem;
    -webkit-border-bottom-right-radius: 0.17rem;
    -moz-border-radius-bottomright: 0.17rem;
    border-bottom-right-radius: 0.17rem;
    color: #fff;
    height: 0.4rem;
    line-height: 0.4rem;
    display: inline-block;
    vertical-align: top;
}
.goods-bottom__btn--sellout {
    width: 68%;
    background-color: #c2c2c2;
    -webkit-border-radius: 0.17rem;
    -moz-border-radius: 0.17rem;
    border-radius: 0.17rem;
    color: #fff;
}
.kefu-box {
    position: fixed;
    left: 50%;
    width: 80%;
    max-width: 640px;
    z-index: 8;
    padding: 0.1rem 0.3rem 0.3rem;
    bottom: 0.7rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    text-align: center;
    display: none;
}
.kefu-box,
.kefu-box__close {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kefu-box__close {
    position: absolute;
    top: 0.05rem;
    right: 0.1rem;
    width: 0.25rem;
    height: 0.25rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 3px 0 #ddd inset;
    -moz-box-shadow: 2px 2px 3px 0 #ddd inset;
    box-shadow: inset 2px 2px 3px 0 #ddd;
}
.kefu-box__close:after,
.kefu-box__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    height: 1px;
    background-color: #666;
}
.kefu-box__close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.kefu-box__close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.kefu-box__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.kefu-box__info {
    position: relative;
}
.kefu-box__info img {
    width: 0.8rem;
    height: 0.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.kefu-box__info p {
    line-height: 2;
}
.kefu-box__info h3 {
    font-size: 0.3rem;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
}
.kefu-box__info h3:before {
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    vertical-align: text-top;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAMAAABwfJv6AAAB11BMVEUAAABMTExVVVVoaGg4ODgdHR1UVFQ+Pj4hISFJSUlISEgrKytjY2MiIiJfX181NTVfX18/Pz9kZGQhISFmZmZpaWltbW1OTk5LS0seHh5aWlo2NjZFRUUtLS1cXFwhISFRUVFpaWldXV1LS0tmZmY6OjpXV1c4ODhnZ2cwMDBjY2MpKSlsbGxeXl42NjY3NzdFRUVXV1ckJCQ6OjpoaGgdHR0xMTFRUVFoaGhsbGweHh5paWkoKCglJSUeHh4qKipJSUlhYWFtbW1mZmZhYWFcXFxpaWk6Ojo1NTVmZmY2NjZISEhFRUVkZGQ7OztaWlo4ODhNTU1jY2MyMjJqampcXFwfHx9YWFhkZGQ8PDxgYGA6OjpeXl5FRUVmZmYuLi5ycnJdXV1AQEA6OjosLCxgYGBUVFRaWlpBQUFSUlJmZmYsLCxVVVU5OTlDQ0NeXl5UVFRGRkZTU1MtLS1CQkIhISFeXl5GRkYgICA2NjZXV1dSUlIcHBxUVFQ2NjZUVFRJSUlOTk4bGxtnZ2crKytjY2MoKCgkJCQwMDAhISFYWFhoaGhcXFwzMzM5OTlTU1Nra2tgYGBMTExPT09JSUlHR0ceHh5FRUU/Pz9CQkI+Pj5tbW02NjZomE4cAAAAhHRSTlMABw/FILiJiUw/Li4oJB4aGBAM/Pr48vLy8d/c1dW8pJ6blYR2Z2RZTElDOTc2Fvj29fXx7+7s6ejl5N3YzcrEwr61tLGwqqidj4+OhYJ7d3JuaWNfXl5XU0U8NyIK9PTy8evo6ODf2NTTzs7Kvr24t7WtrayrqqWblZJ9fHBhX1NJNjDKkL4fAAACVUlEQVQ4y33SZVsbQRQF4BMjIUAguFtxadEW1+LFpUipu7t7AwmbhIWQ4D+2d2B32FmSvB8y957nzsyT3QWTPNfXmp7e2jdnRFQ1pqOtE0emGpxwVJSMFBWNz9cYoFF1e4tLrwJZbFc2pplKkqCKv7nlPdMUDySnaYL2GSgGvYJ+wPDU601tamlR5geTwdR61wSptXRJ0UjFP0d8VUl/KotMJ9ePr4m8MdBYvsoiEzuTKtEABJMsK6aid1unF4yxYrE2CcwMC5eBfJ/OKxBn/rbP9+CrHaSYwo/nB6VikPnT5k4ZOzybKjsGJJ3rIDcenTY+1k1S8QOFkijbAMZRVvYtm9p6B+2ql6S3iJFFv8AlvZZkqZCK57L8BNPinPAUnQ9l+YoRKKQFsTtaMRBckAMZsbTs7GTAnBlQZfT8gWia0t80GAhkYrUnqCqH3rVAMEgnjgWDmdSEFEEr9Oy5oU8G4E0olAss7anqEqF3MdZAP3V7oZfAau6ByoqwjI8P9qZoHdtX3U1EWPb3VvYazI37h6f2hxDV8OGm4vAntMzlExOlceASLm3yyRVwK0P3WNT4opJH1k0ux6yGs3z78Rf+t3L8quMc5apSHlE4DEUlzzz+y+Ug1X5BKRSjLs+ZUSfQ7dcEtJs/uG5tnldZfcsjmoUiMc/j0rjv0nkHlbnDFc0zcAl561F0QDPZGWWwU/imCtzr7gg+Q7DQEGlwCaK4gpQN98Y5bgvOsVnCjKb8RRi2D8274miDDeHFTVmyds90VSMiQ4Lte0FXW3NWVptlwQnyH18dz30fOlq1AAAAAElFTkSuQmCC)
        no-repeat 50%;
    -webkit-background-size: auto 98%;
    -moz-background-size: auto 98%;
    background-size: auto 98%;
    margin-right: 0.05rem;
}
.kefu-box > a {
    display: block;
    width: 90%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0.15rem auto 0;
    font-size: 0.2rem;
    color: #fff;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.kefu-box__phone {
    background-color: #e82e2e;
}
.kefu-box__copy {
    background-color: #5aaf4f;
}
.goods-form {
    position: fixed;
    left: 50%;
    width: 100%;
    max-width: 640px;
    z-index: 8;
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    -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;
    height: 85%;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-top-right-radius: 0.1rem;
    -moz-border-radius-topright: 0.1rem;
    border-top-right-radius: 0.1rem;
    -webkit-border-top-left-radius: 0.1rem;
    -moz-border-radius-topleft: 0.1rem;
    border-top-left-radius: 0.1rem;
}
.goods-form.active {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
}
.goods-form__close {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.25rem;
    height: 0.25rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}
.goods-form__close:after,
.goods-form__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    height: 1px;
    background-color: #666;
}
.goods-form__close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.goods-form__close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.goods-form__header {
    padding: 0.1rem 0.1rem 0.15rem 1.1rem;
    height: 0.8rem;
    position: relative;
    border-bottom: 1px solid #eee;
}
.goods-form__header img {
    position: absolute;
    top: 0.1rem;
    left: 0.2rem;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.goods-form__header--price {
    font-size: 0.23rem;
    color: #e82e2e;
    margin-top: 0.2rem;
    line-height: 0.3rem;
}
.goods-form__header--select {
    line-height: 0.3rem;
    font-size: 0.16rem;
}
.goods-form__box {
    position: absolute;
    left: 0;
    right: 0;
    top: 1.1rem;
    overflow-x: hidden;
    bottom: -webkit-calc(0.65rem + constant(safe-area-inset-bottom));
    bottom: -moz-calc(0.65rem + constant(safe-area-inset-bottom));
    bottom: calc(0.65rem + constant(safe-area-inset-bottom));
    bottom: -webkit-calc(0.65rem + env(safe-area-inset-bottom));
    bottom: -moz-calc(0.65rem + env(safe-area-inset-bottom));
    bottom: calc(0.65rem + env(safe-area-inset-bottom));
}
.goods-form__item {
    padding: 0.1rem 0.15rem 0.2rem 0.2rem;
    border-bottom: 1px solid #eee;
}
.goods-form__item:last-child {
    border-bottom: none;
}
.goods-form__item--radio span {
    display: inline-block;
    line-height: 2.2;
    padding: 0 0.3rem;
    border: 1px solid #eee;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    margin: 0.1rem 0.05rem 0 0;
    font-size: 0.17rem;
}
.goods-form__item--radio span.active {
    background-color: #e82e2e;
    color: #fff;
}
.goods-form__item--amount {
    float: right;
}
.goods-form__item--amount input {
    line-height: 0.35rem;
    border: none;
    text-align: center;
    margin: 0 0.05rem;
}
.goods-form__item--amount a,
.goods-form__item--amount input {
    width: 0.35rem;
    height: 0.35rem;
    display: inline-block;
    vertical-align: top;
}
.goods-form__item--amount a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    position: relative;
}
.goods-form__item--amount 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;
}
.goods-form__item--amount 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;
}
.goods-form__item--amount a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 30%;
    right: 30%;
    height: 1px;
    background-color: #999;
}
.goods-form__item--amount 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%);
}
.goods-form__btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.1rem 0.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    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));
}
.goods-form__btn > a,
.goods-form__btn > input {
    display: block;
    width: 100%;
    line-height: 0.4rem;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    border-radius: 0.15rem;
    background: -webkit-gradient(linear, left top, right top, from(#ffa854), to(#e82e2e));
    background: -webkit-linear-gradient(left, #ffa854, #e82e2e);
    background: -moz-linear-gradient(left, #ffa854, #e82e2e);
    background: -o-linear-gradient(left, #ffa854, #e82e2e);
    background: linear-gradient(90deg, #ffa854, #e82e2e);
    height: 0.4rem;
    color: #fff;
    font-size: 0.2rem;
}
.goods-form__btn-group {
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    border-radius: 0.15rem;
    overflow: hidden;
}
.goods-form__btn-group a,
.goods-form__btn-group input {
    display: inline-block;
    width: 50%;
    color: #fff;
    font-size: 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    vertical-align: top;
}
.goods-form__btn-group a {
    background-color: #ffa854;
}
.goods-form__btn-group input {
    background-color: #e82e2e;
}
.goods-form__btn-sellout {
    background: -webkit-gradient(linear, left top, right top, from(#d2d2d2), to(#c2c2c2)) !important;
    background: -webkit-linear-gradient(left, #d2d2d2, #c2c2c2) !important;
    background: -moz-linear-gradient(left, #d2d2d2, #c2c2c2) !important;
    background: -o-linear-gradient(left, #d2d2d2, #c2c2c2) !important;
    background: linear-gradient(90deg, #d2d2d2, #c2c2c2) !important;
}
/*# sourceMappingURL=style.min.css.map */