@charset "UTF-8";

.product-list-page .main-content .notice-link > a:hover, .product-list-page .main-content .notice-link > p > s, .product-list-page .main-content .products .products-swiper .swiper-wrapper .swiper-slide > a:hover, .product-list-page .main-content .products h3 .more:hover {
    text-decoration: none;
}

.swiper-container {
    position: relative;
    padding-top: 1rem;
}

.product-list-page {
    padding-top: 0;
    background: #fff;
}

    .product-list-page .main-content {
        width: 94%;
        height: auto;
        margin: 0 auto;
    }

        .product-list-page .main-content .products {
            width: 100%;
            height: auto;
            margin-bottom: .5rem;
        }

            .product-list-page .main-content .products h3 {
                position: relative;
                width: 100%;
                height: 1rem;
                margin-top: .3rem;
            }



            .product-list-page .main-content .products .tit-notes {
                width: 98%;
                height: auto;
                margin: 0 auto;
                margin-bottom: .2rem;
                font-size: .18rem;
                color: #999;
                line-height: .28rem;
                font-weight: normal;
            }

                .product-list-page .main-content .products .tit-notes b {
                    font-size: .18rem;
                    color: #999;
                    line-height: .28rem;
                    font-weight: normal;
                }

                .product-list-page .main-content .products .tit-notes a {
                    text-decoration: none;
                    color: #333;
                }

                    .product-list-page .main-content .products .tit-notes a:hover {
                        text-decoration:none;
                        color:#333;
                    }

                    .product-list-page .main-content .products h3 a:hover {
                        text-decoration: none;
                    }

            .product-list-page .main-content .products h3 .icon-back {
                font-size: .4rem;
                color: initial;
            }

            .product-list-page .main-content .products h3 .tit {
                font-size: .4rem;
                line-height: 1rem;
            }


        .product-list-page .main-content .notice-link {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin: .5rem auto 1rem;
        }

            .product-list-page .main-content .notice-link > p {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: #2d282f;
            }

                .product-list-page .main-content .notice-link > p > s {
                    font-size: .36rem;
                }

                .product-list-page .main-content .notice-link > p > span {
                    font-size: .16rem;
                }

            .product-list-page .main-content .notice-link > a {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                margin-left: .1rem;
                width: .8rem;
                height: .8rem;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                font-size: .16rem;
                color: #2d282f;
                background: #f0a683;
                text-align: center;
                line-height: .6rem;
            }


        .product-list-page .main-content .products .products-list-all {
            width: 100%;
        }

            .product-list-page .main-content .products .products-list-all > a {
                width: 22.85% !important;
                height: auto;
                display: inline-block;
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 22.85%;
                -ms-flex: 0 0 22.85%;
                flex: 0 0 22.85%;
                text-decoration: none;
                margin: .2rem .1rem;
                vertical-align: top;
            }

                .product-list-page .main-content .products .products-list-all > a > img {
                    width: 100%;
                    max-width: 100%;
                    border-radius: 6px;
                }

                .product-list-page .main-content .products .products-list-all > a > p {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: start;
                    -webkit-justify-content: flex-start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 0;
                    margin: .1rem 0;
                }

                    .product-list-page .main-content .products .products-list-all > a > p > span {
                        font-size: .18rem;
                        color: #2d282f;
                    }

                    .product-list-page .main-content .products .products-list-all > a > p > i {
                        display: inline-block;
                        height: .2rem;
                        width: .45rem;
                        margin: 0 .1rem;
                        -webkit-border-radius: .06rem;
                        border-radius: .06rem;
                        font-size: .13rem;
                        color: #fff;
                        text-align: center;
                        line-height: .2rem;
                    }

                        .product-list-page .main-content .products .products-list-all > a > p > i.new {
                            background: #f0a683;
                        }

                        .product-list-page .main-content .products .products-list-all > a > p > i.under {
                            background: #c9c9c9;
                        }

                .product-list-page .main-content .products .products-list-all > a > span {
                    text-align: left;
                    font-size: .14rem;
                    color: #999;
                }

        .product-list-page .main-content .products .products-list-mural {
            width: 100%;
            height: auto;
            column-count: 4;
            -moz-column-count: 4;
            column-width: 23%;
            column-gap: 2%;
        }

        .product-list-page .main-content .products .mural-item {
            width: 100%;
            height: auto;
            display: inline-block;
            margin-bottom: 10%;
        }

            .product-list-page .main-content .products .mural-item img {
                width: 100%;
                height: auto;
                border: none;
                border-radius: 10px;
                cursor: pointer;
            }

            .product-list-page .main-content .products .mural-item h3 {
                width: 100%;
                height: auto;
                display: inline-block;
                font-size: .18rem;
                color: #2d282f;
                margin-top: .1rem;
            }

            .product-list-page .main-content .products .mural-item p {
                width: 100%;
                height: auto;
                display: inline-block;
                font-size: .14rem;
                color: #999;
                margin-top: .1rem;
                line-height: 1.5em;
            }

    .product-list-page .full-img {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 10000;
        top: 0;
    }

        .product-list-page .full-img .mask {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
        }

            .product-list-page .full-img .mask > img {
                width: 90%;
                height: auto;
            }
            
            #my-gallery-container
            {column-count: 4;
             column-gap: 0;
                }

@media (min-width:768px) and (max-width:900px) {
    .product-list-page .main-content .products .products-list-all > a {
        width: 31% !important;
        height: auto;
        display: inline-block;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 31%;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        text-decoration: none;
        margin: .2rem .1rem;
        vertical-align: top;
    }

    .product-list-page .main-content .products .tit-notes {
        width: 98%;
        height: auto;
        margin: 0 auto;
        margin-bottom: .1rem;
        font-size: .22rem;
        color: #999;
        line-height: .34rem;
        font-weight: normal;
    }

    .product-list-page .main-content .products .tit-notes b {
        font-size: .22rem;
        color: #999;
        line-height: .34rem;
        font-weight:normal;
    }

        .product-list-page .main-content .products .products-list-all > a > span {
            font-size: .22rem;
        }

        .product-list-page .main-content .products .products-list-all > a > p > span {
            font-size: .28rem;
        }
        #my-gallery-container
            {column-count: 3;
             column-gap: 0;
                }
}

@media (min-width:768px) {
    .product-list-page .full-img .mask > img {
        height: 90%;
        width: auto;
    }
}

@media (min-width:1200px) {
    .product-list-page .full-img .mask > img {
        height: 90%;
        width: auto;
    }
}

@media (min-width:992px) {
    .product-list-page .full-img .mask > img {
        height: 90%;
        width: auto;
    }
}

@media (max-width:767px) {
    .product-list-page .main-content {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

        .product-list-page .main-content .products .products-list-all > a {
            width: 46.5% !important;
            height: auto;
            display: inline-block;
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 46.5%;
            -ms-flex: 0 0 46.5%;
            flex: 0 0 46.5%;
            text-decoration: none;
            margin: .2rem .1rem;
            vertical-align: top;
        }

            .product-list-page .main-content .products .products-list-all > a > span {
                font-size: .26rem;
            }

        .product-list-page .main-content .products .tit-notes {
            width: 98%;
            height: auto;
            margin: 0 auto;
            margin-bottom: .1rem;
            font-size: .26rem;
            color: #999;
            line-height: .38rem;
            font-weight: normal;
        }

        .product-list-page .main-content .products .tit-notes b{
            font-size: .26rem;
            color: #999;
            line-height: .38rem;
            font-weight:normal;
        }

            .product-list-page .main-content .products .products-list-all > a > p > span {
                font-size: .32rem;
            }
            #my-gallery-container
            {column-count: 2;
             column-gap: 0;
                }
}