html {
    font-size: 13.33333vw
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 321px) and (max-width:360px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 376px) and (max-width:393px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 394px) and (max-width:412px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 413px) and (max-width:414px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 415px) and (max-width:480px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 481px) and (max-width:540px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 541px) and (max-width:640px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 641px) and (max-width:720px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 721px) and (max-width:768px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw
    }
}

.ios body {
    font-family: 'Microsoft YaHei';
    font-size: .28rem;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

img {
    display: block;
}

.ios .page {
    background: #f3f5f7;
}

.ios .navbar {
    height: 1.2rem;
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, .4);
}

    .ios .navbar ~ .page-content, .ios .navbar ~ :not(.no-navbar) .page-content {
        padding-top: 1.2rem;
    }

/*没有内容*/
.logo {
    height: .88rem;
    display: block;
    margin-left: .12rem
}

.icon-only {
    text-align: center;
}

    .icon-only .iconfont {
        font-size: .58rem;
        color: #333;
    }

    .icon-only.close .iconfont {
        font-size: .64rem;
    }

.navbar a.link.close {
    display: none;
}

.page-content .block-loading {
    height: 100%;
    overflow: hidden;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .page-content .block-loading img {
        display: block;
    }

.data-nothing {
    text-align: center;
    padding: 32% 0 10%;
    height: 100%;
    box-sizing: border-box;
}

    .data-nothing img {
        width: 55vw;
        margin: 0 auto;
    }

    .data-nothing .nothing-title {
        font-size: 0.32rem;
        color: #282828;
        line-height: 0.54rem;
    }

    .data-nothing .nothing-text {
        font-size: 0.24rem;
        color: #626262;
        line-height: .5rem;
        padding: 0 20vw;
    }


/*底部*/
.footer {
    font-size: .24rem;
    color: #919797;
    padding: .2rem .3rem;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    background: #b60007;
}

    .footer .link {
        color: #fff;
        display: block;
        padding: 0 0 .1rem;
        text-decoration: underline;
    }

    .footer .iconfont {
        font-size: .24rem;
    }


/*首页*/
.page-home .ad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fixed-cont {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    box-shadow: 0 0 .1rem .02rem #bbb;
    position: fixed;
    bottom: 1.2rem;
    right: .3rem;
    z-index: 1000;
    background: #fff;
}

    .fixed-cont .iconfont {
        font-size: .4rem;
        color: #555;
    }

.dis-tilte {
    text-transform: uppercase;
    color: #000;
    line-height: 1rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
}

    .dis-tilte .title {
        font-size: .3rem;
        font-weight: 600;
        padding-left: .3rem;
    }

    .dis-tilte .link {
        color: #999;
        padding-right: .6rem;
        background: url("data:image/svg+xml;charset=utf-8,<svg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><polygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'><%2Fpolygon><%2Fsvg>");
        background-position: calc(100% - 15px) center;
        background-size: 8px 13px;
        background-repeat: no-repeat;
    }

.block-div {
    margin: .2rem 0;
    background: #fff;
    overflow: hidden;
}

    .block-div .content {
        padding: 0 .3rem;
        margin: 0;
    }

        .block-div .content .culture-pic {
            width: 100%;
            height: 75vw;
            object-fit: cover;
        }

    .block-div .about {
        padding: 0;
    }

    .block-div .pr-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .block-div .pr-list li {
        width: 48%;
    }

    .block-div .pr-list .item-media {
        width: 100%;
        height: 0;
        padding-top: 0;
        box-sizing: border-box;
        padding-bottom: 100%;
        position: relative;
    }

        .block-div .pr-list .item-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            box-sizing: border-box;
            border: 1px solid #fff3c3;
            position: absolute;
            top: 0;
            left: 0;
        }

    .block-div .pr-list .item-name {
        font-size: .28rem;
        text-align: center;
        margin: .16rem 0;
    }

.news-list .item-title {
    color: #333;
    font-size: .28rem;
}

.news-list.list .item-inner:after {
    transform-origin: 50% 50%;
}

.pop.pop-active {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
}

.pop-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    display: none;
    position: absolute;
    top: 0;
    z-index: 2;
}

.pop {
    width: 100%;
    -webkit-transition: all 0.65s;
    transition: all 0.65s;
    -webkit-transform: translateY(-50%) scaleY(0);
    transform: translateY(-50%) scaleY(0);
    transform-origin: top;
    position: absolute;
    top: 0;
    bottom: auto;
    z-index: 3;
}

    .pop .pop-content {
        width: 100%;
        height: auto;
        position: absolute;
        top: 1.2rem;
        left: 0;
    }

    .pop .pop-list {
        margin: 0;
        box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, .6);
    }

        .pop .pop-list .item-link {
            width: 100%;
            color: #666;
            text-align: center;
            font-size: .28rem;
            line-height: 1rem;
            display: block;
        }

            .pop .pop-list .item-link:after {
                content: '';
                width: 100%;
                height: 1px;
                background: #ddd;
                transform: scaleY(.5);
                transform-origin: 50% 50%;
                position: absolute;
                left: 0;
                bottom: 0;
            }


/*新闻中心*/
.page-news .news-list .item-inner {
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.page-news .news-list .item-title-row {
    line-height: .46rem;
}

.page-news .news-list .item-after {
    font-size: .26rem;
}

.page-news .news-list .item-title {
    font-size: .32rem;
}

.page-news .news-list .item-text {
    margin-top: .1rem;
    font-size: .28rem;
}

.page-news .tabs {
    padding-top: 1rem;
}

.page-news .tabbar-class {
    height: 1rem;
    background: #fff;
    position: fixed;
    top: 1.2rem;
}

    .page-news .tabbar-class:before {
        top: auto;
        bottom: 0;
        transform-origin: 50% 100%;
    }

    .page-news .tabbar-class .toolbar-inner {
        padding: 0;
        font-size: .32rem;
    }

        .page-news .tabbar-class .toolbar-inner .tab-link-active {
            color: #fff;
            background: #b60007;
        }


/*新闻详情*/
.page-news-details{

}

.page-news-details .news-details{
    background: #fff;
    overflow: hidden;
}

    .page-news-details .news-details .title{
        font-size: .36rem;
        font-weight: bold;
        text-align: center;
        margin: .7rem .3rem .2rem;
    }

    .page-news-details .news-details .time {
        font-size: .28rem;
        color: #666;
        margin: 0 .3rem .3rem;
        text-align: center;
    }

    .page-news-details .news-details .content {
        margin: .3rem;
    }

    .page-news-details .news-details .content p {
        margin: .3rem 0;
        font-size: .3rem!important;
    }

    .page-news-details .news-details .content img{
        width: 100%;
        height: 0;
    }


/*联系我们*/
.map {
    width: calc(100vw - .4rem);
    height: calc(100vw - .4rem);
    margin: .2rem;
    border-radius: .1rem;
    box-sizing: border-box;
    border: #ccc solid 1px;
    box-sizing: border-box
}

.page-contact .contact-list {
    margin: 0;
}

    .page-contact .contact-list .item-input-wrap {
        font-size: .28rem;
        margin: 1px 0 1px 5px !important;
    }

    .page-contact .contact-list .item-title {
        font-size: .28rem;
    }




/*产品展示*/
.page-product {
}

    .page-product .pro-list {
        margin: 0;
    }

.pro-list ul {
    padding: .24rem 0 0;
    background: none !important;
    display: flex;
    flex-wrap: wrap;
}

    .pro-list ul li {
        width: calc((100% - .6rem) / 2);
        margin-left: .2rem;
        overflow: hidden;
        margin-bottom: .2rem;
        border-radius: .12rem;
        background: #fff;
    }

.pro-list .media {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 0 .04rem 0 rgba(0, 0, 0, .2);
}

    .pro-list .media img {
        width: 100%;
    }

.pro-list .title {
    color: #333;
    font-size: .28rem;
    text-align: center;
    padding: .16rem 0;
}


/*商品详情*/
.page-shop-details .details-tool .min-btn {
    min-width: 18%;
    max-width: 1rem;
    font-size: .24rem;
    line-height: 1.4 !important;
    flex-direction: column;
}

    .page-shop-details .details-tool .min-btn img {
        width: .48rem;
    }

    .page-shop-details .details-tool .min-btn .iconfont {
        font-size: .44rem;
        margin-right: .1rem;
    }

.page-shop-details .toolbar-inner a.link {
    color: #fff;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: .3rem;
    line-height: 50px;
}

.page-shop-details .toolbar-inner {
    padding: 0;
    background: #ff0036;
}

.page-shop-details .shop-cont .shop-img {
    width: 100vw;
    height: 100vw;
}

    .page-shop-details .shop-cont .shop-img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.page-shop-details .shop-cont .shop-info {
    padding: .2rem .3rem;
    background: #fff;
    margin-bottom: .16rem;
}

    .page-shop-details .shop-cont .shop-info > .name {
        color: #051B28;
        font-size: .3rem;
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        max-height: 1.32rem;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        overflow: hidden;
        word-break: break-all;
    }

    .page-shop-details .shop-cont .shop-info > span {
        height: .4rem;
        color: #b2b2b2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .28rem;
        line-height: .4rem;
        display: block;
        margin-top: 0.08rem;
    }

    .page-shop-details .shop-cont .shop-info .cont {
        color: #b2b2b2;
        font-size: 0.24rem;
        margin-top: 0.2rem;
        display: flex;
        justify-content: space-between;
    }

    .page-shop-details .shop-cont .shop-info .item-price-row {
        display: flex;
        align-items: center;
        margin-bottom: .16rem;
    }

    .page-shop-details .shop-cont .shop-info .item-current {
        color: #FF0036;
        font-size: .36rem;
        line-height: 1;
    }

        .page-shop-details .shop-cont .shop-info .item-current > strong {
            margin-left: 0.04rem;
            font-size: 0.44rem;
            font-weight: 400;
            display: inline-block;
        }

    .page-shop-details .shop-cont .shop-info .item-market {
        color: #888;
        font-size: 0.28rem;
        margin-left: .2rem;
    }

.page-shop-details .shop-cont .title {
    font-size: 0.32rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.8rem;
    background: #fff;
    border-bottom: 0.02rem solid #eee;
}

.page-shop-details .shop-cont .shop-details img {
    width: 100%;
    display: block;
}

.page-shop-details .shop-cont .shop-explain {
    padding: 0.3rem;
    background: #fff;
    margin-bottom: 0.16rem;
}

    .page-shop-details .shop-cont .shop-explain > div {
        color: #333;
        font-size: .32rem;
        margin-bottom: .1rem;
        font-weight: bold;
    }

    .page-shop-details .shop-cont .shop-explain ul li {
        color: #e35822;
        list-style-type: disc;
        list-style-position: inside;
        font-size: .28rem;
    }

        .page-shop-details .shop-cont .shop-explain ul li strong {
            color: #000;
            margin-left: -.12rem;
            line-height: .72rem;
        }

        .page-shop-details .shop-cont .shop-explain ul li div {
            color: #666;
            padding-left: .28rem;
        }

            .page-shop-details .shop-cont .shop-explain ul li div b {
                color: #000;
            }

/*精品推荐*/
.page-shop-details .shop-cont .recommend.list {
    border-top: 0.16rem solid #eee;
    border-bottom: 0.16rem solid #eee;
}

.media-list.provider-list {
    margin: 0;
}

    .media-list.provider-list .item-link.active-state {
        background: none;
    }

    .media-list.provider-list .item-link .item-content {
        padding-left: .25rem;
    }

    .media-list.provider-list .item-link .item-inner {
        margin-left: .28rem;
        padding-right: .32rem;
        padding-top: .27rem;
        padding-bottom: .06rem;
    }

    .media-list.provider-list .item-media {
        padding-top: .24rem;
        padding-bottom: 0;
    }

        .media-list.provider-list .item-media img {
            width: 1.7rem;
            height: 1.7rem;
            display: block;
            object-fit: cover;
        }

    .media-list.provider-list .item-title {
        color: #2c2b2b;
        font-size: .29rem;
        line-height: .38rem;
        height: .76rem;
        white-space: pre-wrap;
        font-weight: 500;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }

    .media-list.provider-list .item-subtitle {
        color: #b3b3b3;
        font-size: .24rem;
        white-space: nowrap;
        height: .42rem;
        line-height: .42rem;
    }

    .media-list.provider-list .item-text {
        display: flex;
        align-items: flex-end;
        margin-top: .06rem;
        margin-bottom: .16rem;
        font-size: .28rem;
    }

        .media-list.provider-list .item-text .item-price {
            color: #FF0036;
            font-size: .32rem;
            font-weight: 600;
            margin-right: .06rem;
            line-height: 1;
        }

            .media-list.provider-list .item-text .item-price span {
                font-size: .24rem;
                font-weight: normal;
                margin-right: .02rem;
            }

        .media-list.provider-list .item-text del {
            color: #9e9e9e;
            font-size: .24rem;
            line-height: 1;
        }

        .media-list.provider-list .item-text .item-reward {
            height: .2rem;
            padding-bottom: .04rem;
            display: flex;
            align-items: flex-end;
            background: #fb6878;
            color: #fff;
            font-size: .14rem;
            border-top-right-radius: .1rem;
            padding-right: .1rem;
            line-height: 1;
            margin-left: .12rem;
        }

            .media-list.provider-list .item-text .item-reward span {
                font-size: .16rem;
                margin: 0 .04rem;
            }

    .media-list.provider-list .item-lab {
        color: #999;
        font-size: .24rem;
        display: flex;
        justify-content: space-between;
    }

    .media-list.provider-list li {
        border-bottom: .02rem solid #eee;
        padding-bottom: .24rem;
    }

    .media-list.provider-list .item-inner:after {
        display: none;
    }

.page-shop-details .shop-details p {
    margin: 0;
}


/*关于我们*/
.page-help .about-cont {
    background: #fff;
    overflow: hidden;
}

    .page-help .about-cont .head-title {
        font-size: .4rem;
        text-align: center;
        font-weight: 700;
        margin: .36rem 0;
    }

    .page-help .about-cont .list {
        margin: .4rem 0;
    }

    .page-help .about-cont ul li .item-title {
        font-size: .32rem;
        font-weight: 600;
        color: #333;
    }

    .page-help .about-cont .block {
        padding: 0 .36rem;
    }

    .page-help .about-cont ul li .block p {
        margin: .2rem 0;
        line-height: 1.6;
        font-size: .28rem;
        text-indent: .56rem;
        text-align: justify;
        color: #555;
    }

    .page-help .about-cont ul li .block div {
        color: #444;
        font-weight: 500;
        font-size: .28rem;
    }

    .page-help .about-cont .condition {
        color: #444;
        padding: 0 .3rem;
        font-weight: bold;
        font-size: .3rem;
        line-height: 1.6;
        margin-bottom: .28rem;
    }
