#app {
    min-width: 320px;
    max-width: 720px;
    margin: 0 auto
}

.home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    font-size: 30px
}

.home span {
    display: block;
    padding: 10px 0;
    color: #333
}

body,
html {
    font-family: Oxygen, Mm3Web, PingFangSC
}

.landingpage-wrapper {
    background-color: #0053aa;
    min-height: 100vh;
    padding-bottom: .8rem;
    margin: 0 auto
}

.landingpage-wrapper header {
    height: 8rem;
    background: url(img/banner.8140ce6.png) bottom no-repeat;
    background-size: 100% auto !important
}

.landingpage-wrapper header .navbar {
    position: relative;
    height: 1.32rem
}

.landingpage-wrapper header .navbar .back-arrow {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .47rem;
    width: .9rem;
    height: .9rem;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 50%
}

.landingpage-wrapper header .navbar .back-arrow:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .48rem;
    height: .44rem;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper header .navbar .page-title {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: .54rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.32rem;
    letter-spacing: 1px
}

.landingpage-wrapper main {
    margin-top: -.25rem
}

.landingpage-wrapper main section {
    padding: 0 .36rem
}

.landingpage-wrapper .common-section .section-title {
    margin: 0;
    font-size: .48rem;
    font-weight: 600;
    line-height: .67rem;
    color: #fff;
    text-align: center;
    letter-spacing: 1px
}

.landingpage-wrapper .common-section .section-title span {
    position: relative;
    display: inline-block;
    max-width: 89.14%
}

.landingpage-wrapper .common-section .section-title span:before {
    left: -.54rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.landingpage-wrapper .common-section .section-title span:after,
.landingpage-wrapper .common-section .section-title span:before {
    content: "";
    position: absolute;
    display: block;
    width: .42rem;
    height: .42rem;
    top: .14rem;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .common-section .section-title span:after {
    right: -.54rem
}

.landingpage-wrapper .common-section.with-title {
    margin-top: .8rem
}

.landingpage-wrapper .without-gap {
    margin-top: .36rem;
    background: #fff;
    border-radius: .24rem;
    overflow: hidden
}

.landingpage-wrapper .without-gap .common-panel {
    margin-top: .36rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.landingpage-wrapper .without-gap .common-panel:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 85.1%, .4)
}

.landingpage-wrapper .without-gap .common-panel .panel-header {
    height: .59rem
}

.landingpage-wrapper .without-gap .common-panel .panel-main {
    padding-top: .36rem
}

.landingpage-wrapper .without-gap .common-panel .product-cards .card {
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 #f0f0f0;
    box-shadow: 0 4px 8px 0 #f0f0f0
}

.landingpage-wrapper .without-gap .cards-panel .panel-main {
    padding: .36rem .25rem .12rem
}

.landingpage-wrapper .without-gap .cards-panel .panel-main .card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.landingpage-wrapper .common-panel {
    margin-top: .36rem;
    border-radius: .3rem;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 12, 76, .4);
    box-shadow: 0 6px 12px 0 rgba(0, 12, 76, .4)
}

.landingpage-wrapper .common-panel .panel-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem;
    height: .93rem
}

.landingpage-wrapper .common-panel .panel-header .title {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .42rem;
    font-weight: 600;
    letter-spacing: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.landingpage-wrapper .common-panel .panel-header .more-icon {
    position: absolute;
    display: block;
    right: .25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .36rem;
    height: .37rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABWJJREFUeF7tnFuIVVUYgL//zDBGjFrZQASV9tKD2UWrhwjDjKIErc7eh6EbUgTSZR7UIuplngRTgzRCqMBCQ/feJ5qnKCpJpAt0wcwHX1ISIlLD0occdf+x9vY4OjNnn3XO2fucfWBvEIRZl39951+X/7KW0MlvVEsc8G8nLN2K6E2A+TcP1VkgMxGdGYmjchL0JCL/AoeAg6gcpBTuY777M6MSdkpsybyj4bFrOTteBpai3At6RXt9ygmEr4Ev6R+osnPFH+21l1w7G0Ard1/GqWMGytOg96OUMhmEEIJ8AXzI4NVVti35L+1+0gXkeoOorAJdg3JN2sImtif8CbIJ0a34lVNp9Z0OoNHd/Rw4OkIor4HOSUu41tqR45R0HfOHNjO65GxrbUzUah+Q692D8g7KgnaFSbW+sB/hefzK3nbabR2Q6w2gshHlRbPttCNEdnVFEd5GdC1+ZbyVflob2OPVGxk/56EsaqXTjtcRfmSgr8JH5d+a7bt5QK53H8rHKLOb7ayr5YV/EB7Dr3zVjBzNAXJ8F3Q7ykAzneSmrDAO8iSB69vKZA+oHDyHhFszO9PYStxuOXN20tIqqs67Nk3ZAYo1Z2fPw6kRiQ+Ywzaa1BhQvOZ82rPTqp6amOkmPNRoTUoGFO9WP/Xcgmwzd0wZs3AP9C1M2t3qA4rOOXzTM1u5LZTJ5cwRQLi73jmpPiDH34zqS63221P1RLYQuCPTyTw9IGM+hLInvyfktPGLUtLF05klUwEZw/PXo2bdyZdtlTaTqVNtPzcPLZxs4E4F5HqrCdmUtTy5bL/EGvzKmxfLdikg488J5XCmLgvhHIgHfAvMRnU5cGc+gEWukrkX+5MuBeT4a1HdkJ2w8hfIcqrO9xf6UBUq/guEsjkXa57IywTuxokzZe1/kZv06KFsPYGllVSdD6b9AcrBM6DvdR2S8UwODs2ruW8nNMjxn0B1e4bac5oFzuWJEYncQIoM2h3xWbL2Of5nqD6QGSDhd4LKDQ3bzwMkkc8J3AcnAEWhmdNHsjVGRZnZfxXbHj2Re0jGmO2fcZ0JKcUaVA5GIHyroeDtFhBZT+C+atVMtzVJZITA3RIDcrwxFLPdZvuZLV4Yxq8EVh11E5LIGIH7iGDCwfuD4+1HPK2GbJa9s/TJMJ5TtarRNUhyggXOHMH1FhHyg5WwqRXqEUgl7hCiXyh8P7WxWzfUC5BKzwqOvx7VV6zHlWrBnEMSecMA+gTVFamOu6nGcgxJZMwA2ofqLU2NKfXCOYUk8otQ9kyC0tzUx9x0g7mEdFgo+8cydW80BSpvkOS44Hin8xXSyREkYbwAlKThEaBiiiUgMlOsWKSTdOhwsc0nTjGzzRcHxfqIzh8UC1OjHqLI1CiM1YRJZozVwt1RH1Dk7igcZnUA1RxmnXS59ow30Tg+ay5XA6hzTvt1BO7rVuZZ11yt56W7xGnfibCPCaXMGLySHQ+bK07JX9fhTA77RNMs48AhHKFaub4Rm3hX7XIIekrgMAaUfei5pLMSrwTkAY5hIdOFnjuTvPAUVWf6+H9u4NRLXoi1KNv0F+Fv+vqWsav83YWpZtJf3GA1yoauZ3bE2lMn/cX8sTMJVCaJexeiJkdoNsoylLsark0dKdAogSqGVKTgXfRjFEmcNRjmAp5VEmesRUUacO28WHdqF4nkEZriKkLLVxEMvuIyS4IG1eZecR3K4oBRXKizgFRcybSAVFzqtYBUXAu3gFQ8LGABqXiawgJSzSwpHjdpAKt4Hsdam4oHlqxQFU90WWGKC5mQ0pkzDhIuRWVx+1cezCNvuid6u6xnH3mrx8/1+oDbeumZwP8B61fuF9o5lpUAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .common-panel .panel-main {
    padding: .24rem .24rem .36rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -.24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item {
    width: calc(33.3333% - .24rem);
    margin-left: .24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .card {
    position: relative;
    padding-bottom: .08rem;
    border-radius: .24rem;
    overflow: hidden;
    background-color: #fff
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .subscription {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .25rem 0 .5rem;
    top: 0;
    left: -.3rem;
    height: .56rem;
    font-size: .3rem;
    color: #fff;
    background: linear-gradient(135deg, #ef712e, #ea3723);
    border-top-left-radius: .2rem;
    border-bottom-right-radius: .1rem;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .subscription i {
    font-style: normal;
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg)
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 3.04rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .product-image img {
    max-width: 100%;
    max-height: 100%
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .product-info .product-label {
    display: -webkit-box;
    margin-top: .04rem;
    padding: 0 .15rem;
    height: 1.036rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .3rem;
    color: #282828;
    line-height: .518rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .price-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .16rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .price-module .price-info {
    padding-left: .15rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .price-module .price-info .price {
    display: block;
    font-size: .36rem;
    line-height: .5rem;
    color: #f46241;
    font-weight: 600
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .price-module .price-info .original-price {
    display: block;
    line-height: .42rem;
    font-size: .3rem;
    color: #999;
    text-decoration: line-through
}

.landingpage-wrapper .common-panel .product-wrapper .product-cards .product-item .price-module .cart-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-left: .15rem;
    width: .76rem;
    height: .76rem;
    background: url(img/shopping-cart.abcc9dd.png) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item:not(:first-child) {
    margin-top: .24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item .product-image img {
    max-width: 100%;
    max-height: 100%
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item .product-info {
    margin-left: .24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item .product-info .product-label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .3rem;
    color: #282828;
    line-height: 1.5
}

.landingpage-wrapper .common-panel .product-wrapper .product-list .product-item .product-info .off {
    display: block;
    margin-top: .16rem;
    font-size: .36rem;
    color: #f46241;
    font-weight: 600
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.24rem;
    margin-top: -.24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item {
    margin-top: .24rem;
    margin-left: .24rem;
    width: calc(33.3333% - .24rem)
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card {
    position: relative;
    border-radius: .24rem;
    background-color: rgba(219, 234, 248, .3);
    overflow: hidden
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .up-to-subscription {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: .94rem;
    height: 1.04rem;
    font-style: normal;
    font-size: .3rem;
    color: #fff;
    line-height: .42rem;
    background: url(img/up-to-scription.e93cd1d.png) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 100
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .up-to-subscription .percent {
    font-size: .32rem;
    font-weight: 600;
    line-height: .45rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .product-image {
    margin: 3px 3px 0;
    position: relative;
    height: 2.24rem;
    background-color: #fff
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .product-image img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    z-index: 20
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .product-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.68rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .product-info:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 1.68rem;
    background: url(img/product-info-bg.532f9d5.png) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 100
}

.landingpage-wrapper .common-panel .product-wrapper .product-display-cards .product-item .card .product-info .product-label {
    position: absolute;
    display: -webkit-box;
    padding: 0 .16rem;
    width: 100%;
    height: 1.036rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .3rem;
    color: #0053aa;
    line-height: .518rem;
    bottom: .1rem;
    z-index: 200
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item {
    width: calc(50% - .24rem);
    margin-left: .24rem;
    margin-bottom: .24rem;
    padding-bottom: .43rem;
    border-radius: .2rem;
    background-color: #fff;
    overflow: hidden
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4.92rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .product-image img {
    max-width: 100%;
    max-height: 100%
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .product-info {
    margin-top: .36rem;
    padding: 0 .24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .product-info .product-label {
    display: -webkit-box;
    height: 1rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .36rem;
    line-height: .5rem;
    overflow: hidden
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .price-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .36rem;
    padding: 0 .24rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .price-info span {
    word-break: break-all
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .price-info .price {
    font-size: .42rem;
    color: #0053aa;
    line-height: .5rem
}

.landingpage-wrapper .common-panel .product-wrapper .product-common-cards .product-item .price-info .original-price {
    margin-left: .25rem;
    font-size: .36rem;
    color: #555f6a;
    text-decoration: line-through
}

.landingpage-wrapper .cards-panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.landingpage-wrapper .cards-panel .panel-main {
    padding: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    -webkit-column-gap: .24rem;
    -moz-column-gap: .24rem;
    column-gap: .24rem;
    overflow: hidden
}

.landingpage-wrapper .cards-panel .panel-main .card {
    margin-bottom: .24rem;
    height: 2.34rem;
    background: linear-gradient(135deg, #7cdbff, #3abcec);
    border-radius: .24rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 6px 4px 0 rgba(0, 12, 76, .4);
    box-shadow: 0 6px 4px 0 rgba(0, 12, 76, .4);
    background-size: 100% 100% !important;
    overflow: hidden
}

.landingpage-wrapper .cards-panel .panel-main .card img {
    width: 100%;
    height: 100%
}

.landingpage-wrapper .cards-panel .panel-main .card.large {
    height: 4.92rem
}

.landingpage-wrapper .mutil-panel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.landingpage-wrapper .mutil-panel-wrapper .common-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.landingpage-wrapper .mutil-panel-wrapper .common-panel .product-wrapper .product-list .product-item .card {
    -webkit-box-shadow: 0 4px 8px 0 rgba(255, 205, 184, .3);
    box-shadow: 0 4px 8px 0 rgba(255, 205, 184, .3)
}

.landingpage-wrapper .mutil-panel-wrapper .common-panel .product-wrapper .product-list .product-item .product-image {
    border-radius: .2rem;
    overflow: hidden;
    background-color: #fff
}

.landingpage-wrapper .mutil-panel-wrapper .common-panel .product-wrapper .product-list .product-item .product-info .product-label {
    height: 1.037rem
}

.landingpage-wrapper .exclusive-deals .common-panel {
    margin-top: 0
}

.landingpage-wrapper .exclusive-deals .common-panel .panel-header {
    height: 1.12rem;
    color: #fff;
    background: url(img/floor-1.e90a671.png) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .exclusive-deals .common-panel .panel-header .more-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABN9JREFUeF7tnEmoHEUYx39/FRHRuOQigpp48eS+HEQiqCgSiOKG4IIoQlCTg4kieg/EDUxEBPWgKLhFfCdRVFDEBVxQT15MMCAiRuJy0KB+8vWreb55b7q7ZqbrTbVUQ5+muuqr39TybVViBR8zOwg4EzgdOCW8a4FVwJHhdYl+C++vwG7gm/B+CXwh6Z+VElupGzKz44GrgYuBC4Gjp2xzP/Ae8A6wS9L3U9bX+HkSQGZ2WIByM3AJ4CMnxeMj6W3guQDrj64b6RSQmR0BbAS2AMd1LWxLfT8AjwBPSvq9q7Y7AWRmhwCbgfuB1V0JN2E9+4BtwA5Jf01Yx8JnUwMyswuAJ4BTpxWm4++/Bu6Q9ME09U4MyMwOBR4G7gImrmca4SO+NeBxYKukAxHllxWZqGNmdjLwMnD2JI3O4JvPgOskfTtu22MDMrOLgNeAo8ZtbMblfwGukvTuOHKMBcjMrgWeB3x69fHxaXajpFdihY8GZGa3+xaaUKeJlXnacq47bZT0VExFUYDCyHnxfwBnwMQhXR8zkloBhTXnjR5Pq7qB4tPt8rY1qRFQ2K0+7+GCHDN7vIwv3Gc17W61gIKe82GPtvJYKEvLuQpwfp2e1ARoB7Bp0lZ79t1OSW4qxSmKwXx4P2MNuWv+rnGvG2WWLBtBwfD0dSc326prKEvrc9vN16MhA3cUoLuD2yC1QDnWv0XSo4sFGwIU/Dl7Erss/g523Edhd9wAnJsJLXeVrFnsT1oKaCvwUEJhfwQ2SPpk0IaZuQx3uv8mkzXvHknupaieBUDBTeoO8pSewFskPTvqDzCzW4GnM4Dknsm1kir37WJANwRDNNUA+hM4vCkikREkN2hfWAroTeDSVHSA7ySd1FZ/JpDeknTZAqAQmtmb2Bh1XeNYSR62aXwygOTG7AkeUqqmmJm5FvlYm+Ad/L5d0n0x9WQAabOknQNAc767xAg+ZRnf4t3N8GpMPTOGNCfpSoVwsO//00Y8Y/rsZVxTdUi7Yj6YISRfClY7IHe8fxojbIdl+gLpHAfk+sczHXY+tqo+QLrNAW0H7o3tVcflcof0oAN6Hbii446PU13OkOYckOfcnDZOjxKUzRXSVw7I7a81CTo9bpU5QtrjgH5K7N4YB1RukPY5IDcic4qU5gTpQAHUPL4rQGWK1UOqplhZpOsBVYt02ebrAVXbfFEU6wFVimIxNeoBVaZGMVbrAVXGanF31AOq3B2eBV8cZsshzTvMgk96pVyuOWnJbSbQvMs1AFopp/02SQ+0SRZkmnUgcchp7ydyUod9PJRyjCQ/4tT4zNAPPZBrOOwT/rHUgcO9kk7sARwXcThwGACtROh5VdORgAxGzuD/Gxl69jNeqZMXbpLkiejLnozgjE5eCKModfrLz8B6SR8PCIX0F0/a8rSb1rTktinawe+j018CID8QlzqByhfAlwDPEfLzHuuB8zroWBdVNCdQBUglBW8R6pLE+R+MuCTOMIr8FGFJA25aFM2sJJK3APJIRzmK0LT0l8MsEXpHOQ4VoT2UA3VxkMqRzDZO5VBvG6H5jNhyLLyNU7lYoI3Q/EgqV1NEcHJQ5XKTNlDlepw2QuH3csFSPKhyRVckK1+jPKR0TbjkbV0HRx484umuGL+7rJ+XvNXBM7ODgTP6dE3gv26xZPtKXfT/AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .exclusive-deals .common-panel .panel-main {
    background-color: #ffeee7
}

.landingpage-wrapper .exclusive-deals .common-panel .product-wrapper .product-cards .product-item {
    margin-left: 0
}

.landingpage-wrapper .exclusive-deals .common-panel .product-wrapper .product-cards .product-item .card {
    -webkit-box-shadow: 0 4px 8px 0 rgba(255, 205, 184, .3);
    box-shadow: 0 4px 8px 0 rgba(255, 205, 184, .3)
}

.landingpage-wrapper .exclusive-deals .common-panel .swiper-wrapper .swiper-slide {
    padding-bottom: 0
}

.landingpage-wrapper .mutil-panel .common-panel {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.landingpage-wrapper .mutil-panel .common-panel:not(:first-child) {
    margin-left: .36rem
}

.landingpage-wrapper .mutil-panel .panel-header {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: .3rem;
    height: unset;
    background: url(img/floor-2.83232a0.png) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .mutil-panel .panel-header .title {
    white-space: normal;
    color: #fff
}

.landingpage-wrapper .mutil-panel .panel-header .more-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABN9JREFUeF7tnEmoHEUYx39/FRHRuOQigpp48eS+HEQiqCgSiOKG4IIoQlCTg4kieg/EDUxEBPWgKLhFfCdRVFDEBVxQT15MMCAiRuJy0KB+8vWreb55b7q7ZqbrTbVUQ5+muuqr39TybVViBR8zOwg4EzgdOCW8a4FVwJHhdYl+C++vwG7gm/B+CXwh6Z+VElupGzKz44GrgYuBC4Gjp2xzP/Ae8A6wS9L3U9bX+HkSQGZ2WIByM3AJ4CMnxeMj6W3guQDrj64b6RSQmR0BbAS2AMd1LWxLfT8AjwBPSvq9q7Y7AWRmhwCbgfuB1V0JN2E9+4BtwA5Jf01Yx8JnUwMyswuAJ4BTpxWm4++/Bu6Q9ME09U4MyMwOBR4G7gImrmca4SO+NeBxYKukAxHllxWZqGNmdjLwMnD2JI3O4JvPgOskfTtu22MDMrOLgNeAo8ZtbMblfwGukvTuOHKMBcjMrgWeB3x69fHxaXajpFdihY8GZGa3+xaaUKeJlXnacq47bZT0VExFUYDCyHnxfwBnwMQhXR8zkloBhTXnjR5Pq7qB4tPt8rY1qRFQ2K0+7+GCHDN7vIwv3Gc17W61gIKe82GPtvJYKEvLuQpwfp2e1ARoB7Bp0lZ79t1OSW4qxSmKwXx4P2MNuWv+rnGvG2WWLBtBwfD0dSc326prKEvrc9vN16MhA3cUoLuD2yC1QDnWv0XSo4sFGwIU/Dl7Erss/g523Edhd9wAnJsJLXeVrFnsT1oKaCvwUEJhfwQ2SPpk0IaZuQx3uv8mkzXvHknupaieBUDBTeoO8pSewFskPTvqDzCzW4GnM4Dknsm1kir37WJANwRDNNUA+hM4vCkikREkN2hfWAroTeDSVHSA7ySd1FZ/JpDeknTZAqAQmtmb2Bh1XeNYSR62aXwygOTG7AkeUqqmmJm5FvlYm+Ad/L5d0n0x9WQAabOknQNAc767xAg+ZRnf4t3N8GpMPTOGNCfpSoVwsO//00Y8Y/rsZVxTdUi7Yj6YISRfClY7IHe8fxojbIdl+gLpHAfk+sczHXY+tqo+QLrNAW0H7o3tVcflcof0oAN6Hbii446PU13OkOYckOfcnDZOjxKUzRXSVw7I7a81CTo9bpU5QtrjgH5K7N4YB1RukPY5IDcic4qU5gTpQAHUPL4rQGWK1UOqplhZpOsBVYt02ebrAVXbfFEU6wFVimIxNeoBVaZGMVbrAVXGanF31AOq3B2eBV8cZsshzTvMgk96pVyuOWnJbSbQvMs1AFopp/02SQ+0SRZkmnUgcchp7ydyUod9PJRyjCQ/4tT4zNAPPZBrOOwT/rHUgcO9kk7sARwXcThwGACtROh5VdORgAxGzuD/Gxl69jNeqZMXbpLkiejLnozgjE5eCKModfrLz8B6SR8PCIX0F0/a8rSb1rTktinawe+j018CID8QlzqByhfAlwDPEfLzHuuB8zroWBdVNCdQBUglBW8R6pLE+R+MuCTOMIr8FGFJA25aFM2sJJK3APJIRzmK0LT0l8MsEXpHOQ4VoT2UA3VxkMqRzDZO5VBvG6H5jNhyLLyNU7lYoI3Q/EgqV1NEcHJQ5XKTNlDlepw2QuH3csFSPKhyRVckK1+jPKR0TbjkbV0HRx484umuGL+7rJ+XvNXBM7ODgTP6dE3gv26xZPtKXfT/AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .mutil-panel .panel-main {
    background-color: #ecf5ff;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.landingpage-wrapper .flash-sale .common-panel .panel-header {
    padding-left: .12rem;
    height: 1.12rem;
    color: #fff;
    background: url(img/floor-3.5be7512.png) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .title .flash-icon {
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(img/flash.69845f1.png) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .more-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABN9JREFUeF7tnEmoHEUYx39/FRHRuOQigpp48eS+HEQiqCgSiOKG4IIoQlCTg4kieg/EDUxEBPWgKLhFfCdRVFDEBVxQT15MMCAiRuJy0KB+8vWreb55b7q7ZqbrTbVUQ5+muuqr39TybVViBR8zOwg4EzgdOCW8a4FVwJHhdYl+C++vwG7gm/B+CXwh6Z+VElupGzKz44GrgYuBC4Gjp2xzP/Ae8A6wS9L3U9bX+HkSQGZ2WIByM3AJ4CMnxeMj6W3guQDrj64b6RSQmR0BbAS2AMd1LWxLfT8AjwBPSvq9q7Y7AWRmhwCbgfuB1V0JN2E9+4BtwA5Jf01Yx8JnUwMyswuAJ4BTpxWm4++/Bu6Q9ME09U4MyMwOBR4G7gImrmca4SO+NeBxYKukAxHllxWZqGNmdjLwMnD2JI3O4JvPgOskfTtu22MDMrOLgNeAo8ZtbMblfwGukvTuOHKMBcjMrgWeB3x69fHxaXajpFdihY8GZGa3+xaaUKeJlXnacq47bZT0VExFUYDCyHnxfwBnwMQhXR8zkloBhTXnjR5Pq7qB4tPt8rY1qRFQ2K0+7+GCHDN7vIwv3Gc17W61gIKe82GPtvJYKEvLuQpwfp2e1ARoB7Bp0lZ79t1OSW4qxSmKwXx4P2MNuWv+rnGvG2WWLBtBwfD0dSc326prKEvrc9vN16MhA3cUoLuD2yC1QDnWv0XSo4sFGwIU/Dl7Erss/g523Edhd9wAnJsJLXeVrFnsT1oKaCvwUEJhfwQ2SPpk0IaZuQx3uv8mkzXvHknupaieBUDBTeoO8pSewFskPTvqDzCzW4GnM4Dknsm1kir37WJANwRDNNUA+hM4vCkikREkN2hfWAroTeDSVHSA7ySd1FZ/JpDeknTZAqAQmtmb2Bh1XeNYSR62aXwygOTG7AkeUqqmmJm5FvlYm+Ad/L5d0n0x9WQAabOknQNAc767xAg+ZRnf4t3N8GpMPTOGNCfpSoVwsO//00Y8Y/rsZVxTdUi7Yj6YISRfClY7IHe8fxojbIdl+gLpHAfk+sczHXY+tqo+QLrNAW0H7o3tVcflcof0oAN6Hbii446PU13OkOYckOfcnDZOjxKUzRXSVw7I7a81CTo9bpU5QtrjgH5K7N4YB1RukPY5IDcic4qU5gTpQAHUPL4rQGWK1UOqplhZpOsBVYt02ebrAVXbfFEU6wFVimIxNeoBVaZGMVbrAVXGanF31AOq3B2eBV8cZsshzTvMgk96pVyuOWnJbSbQvMs1AFopp/02SQ+0SRZkmnUgcchp7ydyUod9PJRyjCQ/4tT4zNAPPZBrOOwT/rHUgcO9kk7sARwXcThwGACtROh5VdORgAxGzuD/Gxl69jNeqZMXbpLkiejLnozgjE5eCKModfrLz8B6SR8PCIX0F0/a8rSb1rTktinawe+j018CID8QlzqByhfAlwDPEfLzHuuB8zroWBdVNCdQBUglBW8R6pLE+R+MuCTOMIr8FGFJA25aFM2sJJK3APJIRzmK0LT0l8MsEXpHOQ4VoT2UA3VxkMqRzDZO5VBvG6H5jNhyLLyNU7lYoI3Q/EgqV1NEcHJQ5XKTNlDlepw2QuH3csFSPKhyRVckK1+jPKR0TbjkbV0HRx484umuGL+7rJ+XvNXBM7ODgTP6dE3gv26xZPtKXfT/AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: .98rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time span:not(:first-child) {
    margin-left: .45rem
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time span:not(:last-child):before {
    content: ":";
    position: absolute;
    margin-top: -1px;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: .4rem;
    line-height: 1;
    right: -.28rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time span i {
    display: block;
    width: .42rem;
    height: .52rem;
    border-radius: .08rem;
    font-style: normal;
    font-size: .36rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: .52rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#0d0d0d));
    background: linear-gradient(180deg, #373737, #0d0d0d 100%);
    -webkit-box-shadow: 0 2px 5px 0 rgba(165, 10, 57, .49), 0 1px 0 0 #878787 inset;
    box-shadow: 0 2px 5px 0 rgba(165, 10, 57, .49), inset 0 1px 0 0 #878787
}

.landingpage-wrapper .flash-sale .common-panel .panel-header .count-time span i:not(:first-child) {
    margin-left: .08rem
}

.landingpage-wrapper .flash-sale .common-panel .panel-main {
    background-color: #ffeff1
}

.landingpage-wrapper .flash-sale .common-panel .product-item .card {
    -webkit-box-shadow: 0 4px 8px 0 rgba(255, 184, 191, .3);
    box-shadow: 0 4px 8px 0 rgba(255, 184, 191, .3)
}

.landingpage-wrapper .ad-section {
    margin-top: .8rem
}

.landingpage-wrapper .ad-section .ad-panel {
    height: 2.5rem;
    border-radius: .24rem;
    background: #fff;
    overflow: hidden
}

.landingpage-wrapper .applience>.common-panel {
    padding-top: .17rem;
    background-color: #fff
}

.landingpage-wrapper .applience>.common-panel .card {
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 #f0f0f0;
    box-shadow: 0 4px 8px 0 #f0f0f0
}

.landingpage-wrapper .categories {
    padding: 0
}

.landingpage-wrapper .categories .common-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible
}

.landingpage-wrapper .categories .common-panel .panel-main {
    padding: 0
}

.landingpage-wrapper .categories .common-panel .panel-main .product-display-cards .card {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 12, 76, .4);
    box-shadow: 0 6px 12px 0 rgba(0, 12, 76, .4);
    margin-bottom: .24rem
}

.landingpage-wrapper .more.with-title {
    margin-top: .56rem
}

.landingpage-wrapper .more .common-panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

.landingpage-wrapper .more .common-panel .panel-main {
    padding: 0
}

.landingpage-wrapper .swiper-products {
    position: relative;
    -webkit-transform: scale(.77);
    transform: scale(.77);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: .5
}

.landingpage-wrapper .swiper-products .up-to-subscription {
    position: absolute;
    top: 0;
    right: -.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.07rem;
    height: 1.07rem;
    background: url(img/up-to-subscription-1.22a4a57.png) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 100;
    font-size: .3rem;
    color: #fff;
    font-style: normal
}

.landingpage-wrapper .swiper-products .up-to-subscription .percent {
    font-weight: 600
}

.landingpage-wrapper .swiper-products .product-image {
    position: relative;
    width: 28.57vw;
    height: 28.57vw;
    overflow: hidden
}

.landingpage-wrapper .swiper-products .product-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 91%;
    height: 91%
}

.landingpage-wrapper .swiper-products .product-image:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    width: 100%;
    height: 100%;
    background: url(img/mask.e6699e3.png);
    background-size: 100% 100%
}

.landingpage-wrapper .swiper-products .product-info {
    position: absolute;
    top: 88%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 92.66%;
    height: 1.07rem;
    background: url(img/info-bg.8a3a9a4.png) 50% no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.landingpage-wrapper .swiper-products .product-info .product-label {
    position: absolute;
    margin: 0 .6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .3rem;
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.landingpage-wrapper .swiper-wrapper .swiper-slide {
    padding-bottom: .8rem
}

.landingpage-wrapper .swiper-wrapper .swiper-slide-active .swiper-products {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.landingpage-wrapper .count-time-panel .count-time-panel-inner {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.84rem;
    background: url(img/count-time-bg.6e0d99f.png) 50% no-repeat;
    background-size: 100% 100%;
    z-index: 5000
}

.landingpage-wrapper .count-time-panel .count-time-title {
    position: absolute;
    top: 1.27rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .42rem;
    font-weight: 600;
    color: #171717
}

.landingpage-wrapper .count-time-panel .close {
    position: absolute;
    display: block;
    top: 1.41rem;
    right: .36rem;
    width: .42rem;
    height: .43rem;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100% 100%
}

.landingpage-wrapper .count-time-panel .count-timer-wrap {
    position: fixed;
    width: 100%;
    bottom: .53rem;
    z-index: 6000
}

.landingpage-wrapper .count-time-panel .count-timer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.landingpage-wrapper .count-time-panel .count-timer,
.landingpage-wrapper .count-time-panel .count-timer .timer-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.landingpage-wrapper .count-time-panel .count-timer .timer-card {
    position: relative
}

.landingpage-wrapper .count-time-panel .count-timer .timer-card:not(:first-child) {
    margin-left: .57rem
}

.landingpage-wrapper .count-time-panel .count-timer .timer-card:not(:first-child):before {
    content: "\FF1A";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -.4608rem;
    line-height: 1;
    font-size: .65rem
}

.landingpage-wrapper .count-time-panel .count-timer .timer-card span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .24rem;
    min-width: .76rem;
    height: 1.08rem;
    font-size: .65rem;
    color: #fff;
    border-radius: .14rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#0d0d0d));
    background: linear-gradient(180deg, #373737, #0d0d0d 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.landingpage-wrapper .count-time-panel .count-timer .timer-card span:not(:first-child) {
    margin-left: .1rem
}

.landingpage-wrapper .count-time-panel.small .count-time-panel-inner {
    display: none
}

.landingpage-wrapper .count-time-panel.small .count-timer-wrap {
    width: 4.11rem;
    height: 1rem;
    bottom: .4rem;
    right: 0;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background: rgba(255, 138, 35, .6);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.landingpage-wrapper .count-time-panel.small .count-timer {
    -webkit-transform: scale(.52);
    transform: scale(.52);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.list-wrapper {
    background-color: unset;
    padding-bottom: 0
}

.list-wrapper header {
    height: 7.2rem;
    background: url(img/list-banner.8f678d1.png) 50% no-repeat
}

.list-wrapper header .navbar .page-title {
    margin-left: 2.02rem;
    text-align: left;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.list-wrapper main {
    padding: 0
}

.list-wrapper main .product-panel {
    margin-top: -.36rem;
    padding: .36rem;
    background-color: #f3f3f3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.list-wrapper main .product-panel .panel-main {
    padding: 0
}

.list-wrapper main .product-panel .panel-main .product-item {
    -webkit-box-shadow: 0 6px 12px 0 hsla(0, 0%, 69%, .14);
    box-shadow: 0 6px 12px 0 hsla(0, 0%, 69%, .14)
}

.list-wrapper main .product-panel .panel-main .product-image {
    position: relative
}

.list-wrapper main .product-panel .panel-main .product-image .activity-subscription {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 1.96rem;
    height: .56rem;
    background: url(img/11-11-subscription.295c0b9.png) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 header {
    background: url(img/12-12-banner.151574a.png) bottom no-repeat;
    background-size: 100% auto !important
}

.double-12 .coupon-panel {
    height: 2.67rem;
    margin: 0 .36rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right top, from(#ffca6e), to(#ffaf48));
    background: linear-gradient(90deg, #ffca6e, #ffaf48 100%);
    border-radius: .2rem;
    overflow: hidden
}

.double-12 .coupon-panel img {
    width: 100%;
    height: 100%
}

.double-12 .common-panel {
    margin-top: .48rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.double-12 .common-panel .panel-title .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    height: 1.66rem;
    font-size: .48rem;
    color: #fff;
    background: url(img/title-bg.5adb7ee.png) 50% no-repeat;
    background-size: auto 100%;
    letter-spacing: 1px
}

.double-12 .flash-panel {
    margin-top: 0
}

.double-12 .box-panel {
    position: relative;
    width: 100%;
    padding-bottom: .16rem;
    border: .36rem solid transparent;
    border-image-slice: 48 118 fill;
    border-image-repeat: stretch;
    border-image-width: 3% 6% 3% 6%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none
}

.double-12 .box-panel .box-panel-inner {
    padding-left: .42rem;
    padding-right: .17rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .box-panel .box-title-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.double-12 .box-panel .box-title-wrap .title {
    margin: .4rem 0;
    width: 80%;
    font-size: .48rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.2
}

.double-12 .box-panel .box-title-wrap .more {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .08rem .3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .24rem;
    font-size: .36rem;
    color: #fff;
    border-radius: .3rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, hsla(0, 0%, 100%, .15)), to(hsla(0, 0%, 100%, .1)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .15) 15%, hsla(0, 0%, 100%, .1));
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 hsla(0, 0%, 100%, .2) inset;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .1), inset 0 1px 2px 0 hsla(0, 0%, 100%, .2)
}

.double-12 .box-panel .box-title-wrap .more i {
    display: block;
    margin-left: .08rem;
    width: .36rem;
    height: .36rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABN9JREFUeF7tnEmoHEUYx39/FRHRuOQigpp48eS+HEQiqCgSiOKG4IIoQlCTg4kieg/EDUxEBPWgKLhFfCdRVFDEBVxQT15MMCAiRuJy0KB+8vWreb55b7q7ZqbrTbVUQ5+muuqr39TybVViBR8zOwg4EzgdOCW8a4FVwJHhdYl+C++vwG7gm/B+CXwh6Z+VElupGzKz44GrgYuBC4Gjp2xzP/Ae8A6wS9L3U9bX+HkSQGZ2WIByM3AJ4CMnxeMj6W3guQDrj64b6RSQmR0BbAS2AMd1LWxLfT8AjwBPSvq9q7Y7AWRmhwCbgfuB1V0JN2E9+4BtwA5Jf01Yx8JnUwMyswuAJ4BTpxWm4++/Bu6Q9ME09U4MyMwOBR4G7gImrmca4SO+NeBxYKukAxHllxWZqGNmdjLwMnD2JI3O4JvPgOskfTtu22MDMrOLgNeAo8ZtbMblfwGukvTuOHKMBcjMrgWeB3x69fHxaXajpFdihY8GZGa3+xaaUKeJlXnacq47bZT0VExFUYDCyHnxfwBnwMQhXR8zkloBhTXnjR5Pq7qB4tPt8rY1qRFQ2K0+7+GCHDN7vIwv3Gc17W61gIKe82GPtvJYKEvLuQpwfp2e1ARoB7Bp0lZ79t1OSW4qxSmKwXx4P2MNuWv+rnGvG2WWLBtBwfD0dSc326prKEvrc9vN16MhA3cUoLuD2yC1QDnWv0XSo4sFGwIU/Dl7Erss/g523Edhd9wAnJsJLXeVrFnsT1oKaCvwUEJhfwQ2SPpk0IaZuQx3uv8mkzXvHknupaieBUDBTeoO8pSewFskPTvqDzCzW4GnM4Dknsm1kir37WJANwRDNNUA+hM4vCkikREkN2hfWAroTeDSVHSA7ySd1FZ/JpDeknTZAqAQmtmb2Bh1XeNYSR62aXwygOTG7AkeUqqmmJm5FvlYm+Ad/L5d0n0x9WQAabOknQNAc767xAg+ZRnf4t3N8GpMPTOGNCfpSoVwsO//00Y8Y/rsZVxTdUi7Yj6YISRfClY7IHe8fxojbIdl+gLpHAfk+sczHXY+tqo+QLrNAW0H7o3tVcflcof0oAN6Hbii446PU13OkOYckOfcnDZOjxKUzRXSVw7I7a81CTo9bpU5QtrjgH5K7N4YB1RukPY5IDcic4qU5gTpQAHUPL4rQGWK1UOqplhZpOsBVYt02ebrAVXbfFEU6wFVimIxNeoBVaZGMVbrAVXGanF31AOq3B2eBV8cZsshzTvMgk96pVyuOWnJbSbQvMs1AFopp/02SQ+0SRZkmnUgcchp7ydyUod9PJRyjCQ/4tT4zNAPPZBrOOwT/rHUgcO9kk7sARwXcThwGACtROh5VdORgAxGzuD/Gxl69jNeqZMXbpLkiejLnozgjE5eCKModfrLz8B6SR8PCIX0F0/a8rSb1rTktinawe+j018CID8QlzqByhfAlwDPEfLzHuuB8zroWBdVNCdQBUglBW8R6pLE+R+MuCTOMIr8FGFJA25aFM2sJJK3APJIRzmK0LT0l8MsEXpHOQ4VoT2UA3VxkMqRzDZO5VBvG6H5jNhyLLyNU7lYoI3Q/EgqV1NEcHJQ5XKTNlDlepw2QuH3csFSPKhyRVckK1+jPKR0TbjkbV0HRx484umuGL+7rJ+XvNXBM7ODgTP6dE3gv26xZPtKXfT/AAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .box-panel .product-wrapper .product-cards .swiper-wrapper {
    height: 5.3145rem
}

.double-12 .box-panel .product-wrapper .product-cards .product-item {
    margin-left: 0;
    padding-bottom: 0;
    width: calc(3333.3333% - .12rem);
    background-color: #fff;
    border-radius: .2rem;
    overflow: hidden
}

.double-12 .box-panel .product-wrapper .product-cards .product-item .card {
    overflow: visible;
    background-color: unset
}

.double-12 .box-panel .product-wrapper .product-cards .product-item .product-image {
    height: 2.88rem
}

.double-12 .box-panel .product-wrapper .product-cards .product-item .price-module {
    margin-top: .12rem
}

.double-12 .box-panel .product-wrapper .product-cards .product-item .price-module .price-info .price {
    white-space: nowrap
}

.double-12 .box-panel .product-wrapper .product-cards .product-item .price-module .price-info .original-price {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scale(.833);
    transform: scale(.833)
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .swiper-wrapper {
    height: 5.5rem
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item {
    padding-bottom: .04rem
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item .price-module {
    margin-top: .06rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .12rem
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item .price-module .price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .24rem;
    width: 100%;
    height: .82rem;
    border-radius: .41rem;
    background: linear-gradient(140deg, #f8a81d 8%, #e93926);
    -webkit-box-shadow: 0 5px 6px 0 rgba(235, 66, 37, .3);
    box-shadow: 0 5px 6px 0 rgba(235, 66, 37, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item .price-module .price-info .price {
    color: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item .price-module .price-info .cart-icon {
    margin-left: 0;
    margin-right: .2rem;
    width: .42rem;
    height: .42rem;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .box-panel .product-wrapper .product-cards.cheap-cards .product-item .price-module .original-price {
    display: block;
    margin-top: .05rem;
    line-height: .42rem;
    font-size: .3rem;
    color: #999;
    text-decoration: line-through;
    -webkit-transform: scale(.833);
    transform: scale(.833)
}

.double-12 .box-1 {
    margin-top: .86rem;
    border-image-source: url(img/box-1.5ebccc7.png);
    overflow: visible
}

.double-12 .box-1 .flash-header {
    position: absolute;
    width: 7.6rem;
    height: 1.34rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -1.34rem;
    background: url(img/flash-header.a807d98.png) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .box-1 .flash-header .count-timer {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    bottom: .4rem
}

.double-12 .box-1 .flash-header .count-timer,
.double-12 .box-1 .flash-header .count-timer .timer-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.double-12 .box-1 .flash-header .count-timer .timer-card {
    position: relative
}

.double-12 .box-1 .flash-header .count-timer .timer-card:not(:first-child) {
    margin-left: .57rem
}

.double-12 .box-1 .flash-header .count-timer .timer-card:not(:first-child):before {
    content: "\FF1A";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -.4608rem;
    line-height: 1;
    font-size: .5rem;
    color: #fff
}

.double-12 .box-1 .flash-header .count-timer .timer-card span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .42rem;
    height: .56rem;
    font-size: .36rem;
    color: #fff;
    border-radius: .08rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#833500), to(#3e1400));
    background: linear-gradient(180deg, #833500, #3e1400 100%);
    -webkit-box-shadow: 0 2px 5px 0 rgba(155, 6, 11, .49), 0 1px 0 0 undefined inset;
    box-shadow: 0 2px 5px 0 rgba(155, 6, 11, .49), inset 0 1px 0 0 undefined;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .box-1 .flash-header .count-timer .timer-card span:not(:first-child) {
    margin-left: .1rem
}

.double-12 .box-1 .box-panel-inner {
    margin-top: .2rem
}

.double-12 .box-2 {
    border-image-source: url(img/box-2.32080d2.png)
}

.double-12 .box-2 .product-wrapper .product-cards.cheap-cards .product-item {
    padding-bottom: 0
}

.double-12 .box-3 {
    border-image-source: url(img/box-3.ca07c79.png)
}

.double-12 .box-4 {
    border-image-source: url(img/box-4.9b6af61.png)
}

.double-12 .cards-panel {
    padding: 0 .36rem
}

.double-12 .cards-panel .panel-main {
    margin-top: .24rem
}

.double-12 .categories-panel .panel-main {
    padding: .24rem .36rem 0
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item {
    width: calc(33.33333% - .24rem)
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card {
    border-radius: .2rem;
    background: linear-gradient(135deg, #43c1f5 1%, #95d9ff 38%, #2f93e0 83%, #7ac3fd)
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .up-to-subscription {
    top: .05rem;
    left: .06rem
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .product-image-solid {
    height: 2.24rem
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .product-image {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 25.925vw;
    top: 0;
    border: .06rem solid transparent;
    background: transparent;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .product-image:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    border: .06rem solid transparent;
    background-color: #fff;
    z-index: 10
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .product-info .product-label {
    padding: 0 .24rem;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .categories-panel .product-wrapper .product-display-cards .product-item .card .product-info:before {
    background: url(img/product-info-bg2.e588f0d.png) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .categories-panel .box-4 {
    margin-top: .6rem
}

.double-12 .top-product-panel {
    padding: 0 .36rem
}

.double-12 .top-product-panel .top-tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.24rem
}

.double-12 .top-product-panel .top-tabs,
.double-12 .top-product-panel .top-tabs .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.double-12 .top-product-panel .top-tabs .tab-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .24rem;
    margin-top: .24rem;
    width: calc(50% - .24rem);
    height: 1.2rem;
    font-size: .36rem;
    font-weight: 600;
    color: #fff;
    border-radius: .6rem;
    background: linear-gradient(177deg, #2e9be9, #006fe4 98%);
    -webkit-box-shadow: 0 2px 1px 0 #6cc2ff inset;
    box-shadow: inset 0 2px 1px 0 #6cc2ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.double-12 .top-product-panel .top-tabs .tab-item.active {
    padding-bottom: .2rem;
    height: 1.34rem;
    background: url(img/tab-active.3e62098.png) 50% no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.double-12 .top-product-panel .tabs-content {
    margin-top: .36rem;
    background-color: #fff;
    border-radius: .24rem;
    overflow: hidden
}

.double-12 .top-product-panel .tabs-content .content-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .4rem;
    padding: 0 .25rem 0 .3rem
}

.double-12 .top-product-panel .tabs-content .content-header .title {
    width: 77%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .42rem;
    font-weight: 600;
    letter-spacing: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.double-12 .top-product-panel .tabs-content .content-header .more {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .24rem;
    right: .25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: .64rem;
    font-size: .36rem;
    color: #0053aa;
    border-radius: .32rem;
    background-color: rgba(0, 83, 170, .1)
}

.double-12 .top-product-panel .tabs-content .content-header .more i {
    display: block;
    margin-left: .08rem;
    width: .34rem;
    height: .36rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABWJJREFUeF7tnFuIVVUYgL//zDBGjFrZQASV9tKD2UWrhwjDjKIErc7eh6EbUgTSZR7UIuplngRTgzRCqMBCQ/feJ5qnKCpJpAt0wcwHX1ISIlLD0occdf+x9vY4OjNnn3XO2fucfWBvEIRZl39951+X/7KW0MlvVEsc8G8nLN2K6E2A+TcP1VkgMxGdGYmjchL0JCL/AoeAg6gcpBTuY777M6MSdkpsybyj4bFrOTteBpai3At6RXt9ygmEr4Ev6R+osnPFH+21l1w7G0Ard1/GqWMGytOg96OUMhmEEIJ8AXzI4NVVti35L+1+0gXkeoOorAJdg3JN2sImtif8CbIJ0a34lVNp9Z0OoNHd/Rw4OkIor4HOSUu41tqR45R0HfOHNjO65GxrbUzUah+Q692D8g7KgnaFSbW+sB/hefzK3nbabR2Q6w2gshHlRbPttCNEdnVFEd5GdC1+ZbyVflob2OPVGxk/56EsaqXTjtcRfmSgr8JH5d+a7bt5QK53H8rHKLOb7ayr5YV/EB7Dr3zVjBzNAXJ8F3Q7ykAzneSmrDAO8iSB69vKZA+oHDyHhFszO9PYStxuOXN20tIqqs67Nk3ZAYo1Z2fPw6kRiQ+Ywzaa1BhQvOZ82rPTqp6amOkmPNRoTUoGFO9WP/Xcgmwzd0wZs3AP9C1M2t3qA4rOOXzTM1u5LZTJ5cwRQLi73jmpPiDH34zqS63221P1RLYQuCPTyTw9IGM+hLInvyfktPGLUtLF05klUwEZw/PXo2bdyZdtlTaTqVNtPzcPLZxs4E4F5HqrCdmUtTy5bL/EGvzKmxfLdikg488J5XCmLgvhHIgHfAvMRnU5cGc+gEWukrkX+5MuBeT4a1HdkJ2w8hfIcqrO9xf6UBUq/guEsjkXa57IywTuxokzZe1/kZv06KFsPYGllVSdD6b9AcrBM6DvdR2S8UwODs2ruW8nNMjxn0B1e4bac5oFzuWJEYncQIoM2h3xWbL2Of5nqD6QGSDhd4LKDQ3bzwMkkc8J3AcnAEWhmdNHsjVGRZnZfxXbHj2Re0jGmO2fcZ0JKcUaVA5GIHyroeDtFhBZT+C+atVMtzVJZITA3RIDcrwxFLPdZvuZLV4Yxq8EVh11E5LIGIH7iGDCwfuD4+1HPK2GbJa9s/TJMJ5TtarRNUhyggXOHMH1FhHyg5WwqRXqEUgl7hCiXyh8P7WxWzfUC5BKzwqOvx7VV6zHlWrBnEMSecMA+gTVFamOu6nGcgxJZMwA2ofqLU2NKfXCOYUk8otQ9kyC0tzUx9x0g7mEdFgo+8cydW80BSpvkOS44Hin8xXSyREkYbwAlKThEaBiiiUgMlOsWKSTdOhwsc0nTjGzzRcHxfqIzh8UC1OjHqLI1CiM1YRJZozVwt1RH1Dk7igcZnUA1RxmnXS59ow30Tg+ay5XA6hzTvt1BO7rVuZZ11yt56W7xGnfibCPCaXMGLySHQ+bK07JX9fhTA77RNMs48AhHKFaub4Rm3hX7XIIekrgMAaUfei5pLMSrwTkAY5hIdOFnjuTvPAUVWf6+H9u4NRLXoi1KNv0F+Fv+vqWsav83YWpZtJf3GA1yoauZ3bE2lMn/cX8sTMJVCaJexeiJkdoNsoylLsark0dKdAogSqGVKTgXfRjFEmcNRjmAp5VEmesRUUacO28WHdqF4nkEZriKkLLVxEMvuIyS4IG1eZecR3K4oBRXKizgFRcybSAVFzqtYBUXAu3gFQ8LGABqXiawgJSzSwpHjdpAKt4Hsdam4oHlqxQFU90WWGKC5mQ0pkzDhIuRWVx+1cezCNvuid6u6xnH3mrx8/1+oDbeumZwP8B61fuF9o5lpUAAAAASUVORK5CYII=) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .top-product-panel .tabs-content .content-main {
    padding: .4rem .24rem 0
}

.double-12 .top-product-panel .tabs-content .product-cards {
    margin-left: -.24rem
}

.double-12 .top-product-panel .tabs-content .product-cards .product-item {
    margin-left: .24rem;
    margin-bottom: .22rem;
    padding-bottom: .1rem;
    width: calc(33.3333% - .24rem);
    border-radius: .24rem;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 #f0f0f0;
    box-shadow: 0 4px 8px 0 #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.double-12 .top-product-panel .tabs-content .product-cards .product-item .card {
    padding-bottom: 0
}

.double-12 .top-product-panel .tabs-content .product-cards .product-item .price-module .price-info .original-price {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scale(.833);
    transform: scale(.833)
}

.double-12 .top-categories-panel .panel-main {
    padding: .46rem .24rem .36rem
}

.double-12 .top-categories-panel .panel-main .swiper-wrapper {
    height: 35.97vw
}

.double-12 .top-categories-panel .swiper-products .up-to-subscription {
    z-index: 500
}

.double-12 .top-categories-panel .swiper-products .product-image {
    border-radius: 50%;
    background: linear-gradient(135deg, #43c1f5 1%, #95d9ff 38%, #2f93e0 83%, #7ac3fd);
    overflow: hidden
}

.double-12 .top-categories-panel .swiper-products .product-image .product-image-inner {
    position: absolute;
    top: .06rem;
    left: .06rem;
    width: calc(100% - .12rem);
    height: calc(100% - .12rem);
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.double-12 .top-categories-panel .swiper-products .product-image img {
    width: 100%;
    height: 100%;
    z-index: 200
}

.double-12 .top-categories-panel .swiper-products .product-image:after {
    display: none
}

.double-12 .top-categories-panel .swiper-products .product-info {
    width: 28.57vw;
    height: 1.06rem;
    border-radius: .53rem;
    background: linear-gradient(177deg, #2e9be9, #006fe4 98%);
    z-index: 600
}

.double-12 .top-categories-panel .swiper-products .product-info .product-label {
    margin: 0 .34rem;
    line-height: 1.5
}

.double-12 .top-categories-panel .swiper-slide-active .swiper-products .product-info {
    background: url(img/swiper-active.6cc8ce5.png) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .product-wrapper .product-common-cards .product-item .product-image {
    position: relative
}

.double-12 .product-wrapper .product-common-cards .product-item .product-image .double-12-subscription {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 1.96rem;
    height: .56rem;
    background: url(img/12-12-subscription.dba5757.png) 50% no-repeat;
    background-size: 100% 100%
}

.double-12 .product-wrapper .product-common-cards .product-item .price-info .price {
    font-weight: 600
}

.double-12 .common-panel .product-wrapper .product-cards .product-item .price-module .cart-icon {
    display: none
}

/*# sourceMappingURL=app.270f42b6e5bb89178ac71e15228a37b4.css.map */