/**
common
*/
.bac {
    width: 100%;
    /*background: linear-gradient(rgb(177, 26, 35), #fff);*/
    background-image: url("../images/Christmas_Background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 3046px;
}

.header-box {
    height: 500px;
}

.page-title-wrapper {
    display: none;
}

/*
pc
*/

@media (min-width: 1190px), print {
    .column.main {
        padding-bottom: 1210px;
    }

    .price-box {
        margin: unset;
    }
    .banner-container {
        margin: 0 auto;
        padding: 0;
        width: 1280px;
        overflow: hidden;
    }

    .scroll-banner {
        position: absolute;
        left: 49%;
        top: 1.906146rem;
        width: 8.333333rem;
        height: 2.396875rem;
        transform: translateX(-50%);
    }

    #panel_wrapper {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        height: 50px !important;
    }

    html,
    body {
        overflow-x: hidden;
        color: #333;
    }

    body {
        overflow: hidden;
    }

    html {
        overflow: auto;
    }

    .subscribe span,
    .subscribe,
    .action.primary {
        font-size: unset;
    }

    .onlyService li {
        margin-bottom: unset;
    }

    .buttons-set span {
        margin-bottom: unset;
    }

    .scroll-banner-item {
        position: relative;
        float: left;
        width: 33.33%;
        height: 100%;
    }

    .fieldset > .field.required > .label:after,
    .fieldset > .fields > .field.required > .label:after,
    .fieldset > .field._required > .label:after,
    .fieldset > .fields > .field._required > .label:after {
        content: "*";
        color: #e02b27;
        font-size: unset;
        margin: 0 0 0 4.5px;
    }
    .home-subscribe {
        margin-top: 200px;
    }
    .onlyService {
        margin-top: -155px !important;
        list-style: none;
    }

    .fieldset > .field > .label,
    .fieldset > .fields > .field > .label {
        font-weight: 400;
        font-size: unset;
    }

    .scroll-banner-item-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1.432292rem;
        height: 1.796875rem;
        background-color: #fff;
    }

    .customer-welcome {
        height: 50px !important;
    }

    .scroll-banner-item-inner img {
        width: 1.302083rem;
        height: 1.302083rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .column.main {
        position: relative;
    }

    .content-box {
        margin: 1.666667rem auto;
        width: 100%;
        padding: 0 0.25rem;
    }

    .header-text {
        padding-bottom: 0.104167rem;
        width: 100%;
        font-size: 0.260417rem;
        font-weight: bold;
        text-align: center;
    }

    .c_main {
        margin: 0 auto;
        padding: 0;
        width: 1280px;
        overflow: hidden;
    }

    .goods-container {
        margin-top: 0.104167rem;
        width: 100%;
        flex-wrap: wrap;
        display: flex;
    }

    .goods-container-item {
        position: relative;
        margin-right: 0.322917rem;
        margin-bottom: 0.322917rem;
        width: 1.328125rem;
        height: 1.744792rem;
    }

    .goods-container-item:nth-child(6n) {
        margin-right: 0;
    }

    .goods-container-item img {
        width: 1.171875rem;
        height: 1.171875rem;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

    .goods-container-item .text-box {
        width: 100%;
        position: absolute;
        bottom: 0.15625rem;
    }

    .goods-container-item .text-box div {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 0.083333rem;
        font-weight: bold;
    }

    .price-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .price-box .now-price {
        font-size: 0.083333rem;
        font-weight: bold;
        color: #c00000;
    }

    .price-box .pre-price {
        font-size: 0.072917rem;
        font-weight: bold;
        color: black;
        text-decoration: line-through;
    }

    .wish-container {
        display: flex;
        width: 95%;
        background-color: #f1f4f5;
        height: 300px;
    }

    .picture-container {
        width: 3.125rem;
        height: 100%;
    }

    .picture-container img {
        width: 100%;
        height: 100%;
    }

    .text-container {
        text-align: center;
        flex: 1;
        background-color: #f1f4f5;
        margin-top: 50px;
    }

    .wish-text {
        font-size: 0.130417rem;
        font-weight: bold;
    }
}

@media (max-width: 767px) {
    #mock {
        height: 3300px !important;
    }
    .customer_web_top {
        display: none !important;
        float: unset !important;
        margin-right: unset !important;
    }
    .footer-middle a {
        color: #90969a !important;
        font-size: 14px !important;
    }
    .banner-container {
        width: 100%;
        height: 100%;
    }

    .banner-container img {
        max-width: 100%;
        height: auto;
        margin-top: 141px !important;
    }

    .bac {
        position: absolute;
        top: 0px;
        width: unset !important;
        height: unset !important;
        margin-left: unset !important;
        left: unset !important;
    }
    .custom-block img {
        width: 100%;
    }
    .picture-container {
        height: 300px !important;
        padding: 0 15px;
    }
    .header-box {
        height: unset;
    }
    .content-box {
        margin: unset !important;
    }
    .page-footer {
        margin-top: -170px !important;
    }
    .scroll-banner-item {
        padding: 0 15px !important;
        height: 250px;
        margin-bottom: 10px;
        display: none !important;
    }
    .scroll-banner-item-inner {
        height: 100%;
    }
    .scroll-banner-item-inner img {
        height: 100%;
        width: 100%;
    }
    /* ---------------------------- */
    .content-box {
        margin: 11.5rem auto;
        margin-bottom: 0;
        width: 100%;
    }

    .header-text {
        padding-bottom: 0.533333rem;
        width: 100%;
        font-size: 0.533333rem;
        font-weight: bold;
        text-align: center;
    }

    .goods-container {
        display: flex;
        flex-wrap: wrap;
    }

    .goods-container-item {
        position: relative;
        width: 3.2rem;
        height: 4.8rem;
        margin-bottom: 0.533333rem;
        margin-right: 7px;
    }

    .goods-container-item:nth-child(3n) {
        margin-right: 0px;
    }

    .goods-container-item img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 2.666667rem;
        height: 2.666667rem;
    }

    .text-box {
        width: 100%;
        font-size: 12px;
        position: absolute;
        bottom: 30px;
    }

    .text-box div {
        width: 100%;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .price-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        margin: unset !important;
    }

    .now-price {
        font-size: 16px;
        font-weight: bold;
        color: orangered;
    }

    .pre-price {
        font-size: 14px;
        font-weight: bold;
        color: black;
        text-decoration: line-through;
    }

    .wish-container {
        width: 100%;
        background-color: #f1f4f5;
    }

    .picture-container img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-container {
        height: 2.666667rem;
        /*text-align: center;*/
        font-size: 16px;
        margin-top: 20px;
        padding: 0 15px;
    }
    .columns {
        height: 3000px !important;
    }
}
/* iphone 6 7 8 */
@media (max-width: 414px) {
    .page-footer {
        margin-top: 20px !important;
    }
    .goods-container-item {
        margin-right: 5px !important;
    }
}
/* iphone 5 */
@media (max-width: 360px) {
    .goods-container-item {
        margin-right: 4px !important;
    }
    .page-footer {
        margin-top: -150px !important;
    }
}
@media (width: 375px) {
    .page-footer {
        margin-top: -170px !important;
    }
}
@media (width: 320px) {
    .page-footer {
        margin-top: -460px !important;
    }
    #mock {
        height: 2820px !important;
    }
}
@media (width: 411px) {
    .page-footer {
        margin-top: 20px !important;
    }
}
/* ipad */
@media (width: 768px) {
    #mock {
        height: 4300px !important;
    }
    .page-footer {
        margin-top: -970px !important;
    }
    html,
    body {
        overflow-x: hidden;
        color: #333;
    }

    body {
        overflow: hidden;
    }

    html {
        overflow: auto;
    }
    .header-box {
        height: unset;
    }
    .price-box {
        margin: unset;
    }
    .banner-container img {
        margin-top: 300px !important;
    }
    .picture-container {
        height: 300px !important;
        padding: 0 25px;
    }
    .header.panel > .header.links {
        margin: 0;
        padding: 0;
        list-style: none none;
        float: right;
        margin-left: auto;
        height: 25px !important;
    }
    .page-header.type1 .logo {
        position: absolute !important;
        top: 65% !important;
        height: auto !important;
        transform: translateY(-50%) !important;
        left: 0 !important;
        margin: 0 !important;
        padding-right: 100px !important;
        max-width: 300px !important;
        box-sizing: border-box !important;
    }
    .logo_and_search {
        position: relative;
        padding: 0 290px 0 230px !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .top-welcome-text {
        display: none !important;
    }
    .wish-minicart-top {
        position: absolute;
        top: 0;
        right: 0;
    }

    .bac {
        position: absolute;
        top: 0px;
        width: unset !important;
        height: unset !important;
        margin-left: unset !important;
        left: unset !important;
    }
    .custom-block img {
        width: 100%;
    }

    .content-box {
        margin-bottom: 0;
        width: 100%;
    }

    .header-text {
        padding-bottom: 0.533333rem;
        width: 100%;
        font-size: 0.533333rem;
        font-weight: bold;
        text-align: center;
    }

    .goods-container {
        display: flex;
        flex-wrap: wrap;
        padding-left: 5px;
    }
    .scroll-banner-item {
        padding: 0 18px;
        height: 300px;
        margin-bottom: 20px;
        display: none !important;
    }

    .goods-container-item {
        position: relative;
        width: 3.2rem;
        height: 3.8rem;
        margin-bottom: 0.533333rem;
        margin-right: 8px;
    }
    .scroll-banner-item-inner {
        height: 100%;
        width: 100%;
    }
    .scroll-banner-item-inner img {
        height: 100%;
        width: 100%;
    }
    .goods-container-item:nth-child(3n) {
        margin-right: 0px;
    }

    .goods-container-item img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 2.666667rem;
        height: 2.666667rem;
    }

    .text-box {
        width: 100%;
        font-size: 12px;
        position: absolute;
        bottom: 30px;
    }

    .text-box div {
        width: 100%;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .price-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .now-price {
        font-size: 16px;
        font-weight: bold;
        color: orangered;
    }

    .pre-price {
        font-size: 14px;
        font-weight: bold;
        color: black;
        text-decoration: line-through;
    }

    .wish-container {
        width: 100%;
        background-color: #f1f4f5;
    }

    .picture-container img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-container {
        height: 2.7rem;
        font-size: 22px;
        padding: 0 25px;
    }
    .columns {
        height: 5250px !important;
    }
}
/* ipad pro */
@media (width: 1024px) {
    #mock {
        height: 5600px !important;
    }
    .page-footer {
        margin-top: -960px !important;
    }
    html,
    body {
        overflow-x: hidden;
        color: #333;
    }

    body {
        overflow: hidden;
    }

    html {
        overflow: auto;
    }
    .header-box {
        height: unset;
    }
    .price-box {
        margin: unset;
    }
    .banner-container img {
        margin-top: 300px !important;
    }
    .picture-container {
        height: 300px !important;
        padding: 0 35px;
    }
    .header.panel > .header.links {
        margin: 0;
        padding: 0;
        list-style: none none;
        float: right;
        margin-left: auto;
        height: 25px !important;
    }
    .page-header.type1 .logo {
        position: absolute !important;
        top: 65% !important;
        height: auto !important;
        transform: translateY(-50%) !important;
        left: 0 !important;
        margin: 0 !important;
        padding-right: 100px !important;
        max-width: 300px !important;
        box-sizing: border-box !important;
    }
    .logo_and_search {
        position: relative;
        padding: 0 290px 0 230px !important;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .top-welcome-text {
        display: none !important;
    }
    .wish-minicart-top {
        position: absolute;
        top: 0;
        right: 0;
    }

    .bac {
        position: absolute;
        top: 0px;
        width: unset !important;
        height: unset !important;
        margin-left: unset !important;
        left: unset !important;
    }
    .custom-block img {
        width: 100%;
    }

    .content-box {
        margin-bottom: 0;
        width: 100%;
    }

    .header-text {
        padding-bottom: 0.533333rem;
        width: 100%;
        font-size: 0.533333rem;
        font-weight: bold;
        text-align: center;
    }

    .goods-container {
        display: flex;
        flex-wrap: wrap;
        padding-left: 14px;
    }
    .scroll-banner-item {
        padding: 0 18px;
        height: 300px;
        margin-bottom: 20px;
        display: none !important;
    }

    .goods-container-item {
        position: relative;
        width: 3.2rem;
        height: 3.8rem;
        margin-bottom: 0.533333rem;
        margin-right: 7px;
    }
    .scroll-banner-item-inner {
        height: 100%;
        width: 100%;
    }
    .scroll-banner-item-inner img {
        height: 100%;
        width: 100%;
    }
    .goods-container-item:nth-child(3n) {
        margin-right: 0px;
    }

    .goods-container-item img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 2.666667rem;
        height: 2.666667rem;
    }

    .text-box {
        width: 100%;
        font-size: 12px;
        position: absolute;
        bottom: 30px;
    }

    .text-box div {
        width: 100%;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .price-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .now-price {
        font-size: 16px;
        font-weight: bold;
        color: orangered;
    }

    .pre-price {
        font-size: 14px;
        font-weight: bold;
        color: black;
        text-decoration: line-through;
    }

    .wish-container {
        width: 100%;
        background-color: #f1f4f5;
    }

    .picture-container img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .text-container {
        height: 2.666667rem;
        font-size: 28px;
        padding: 0 35px;
    }

    .footer-middle ul.links li {
        position: relative;
        padding: 10px 0;
        line-height: 1;
        display: block;
        margin: 0;
        font-size: 13px !important;
    }
    .columns {
        height: 6550px !important;
    }
}