﻿.goodsBanner {
    width:16rem;
    height:16rem;
}
    .goodsBanner img {
        height:100%;
        width:100%;
    }
.goodsTitle {
    width:16rem;
    height:3.5rem;
    background-color:#fff;
}
    .goodsTitle > a{
        display:block;
        width:14rem;
        margin:0 auto;
        overflow:hidden;
        color:#333;
        font-size:.6rem;
        margin-top:.75rem;
        height:0.75rem;
    }
    .goodsTitle>p {
        display:block;
        width:14rem;
        margin:0 auto;
        overflow:hidden;
        color:#d81e39;
        font-size:.75rem;
        margin-top:0.5rem;
        height:1rem;
    }
.goodsFormat {
    height:2.75rem;
    width:16rem;
    background-color:#f1f1f1;
    font-size:.6rem;
    color:#333;
    line-height:2.75rem;
}
    .goodsFormat p {
        width:14rem;
        margin:0 auto;
    }

.DispenPackage {
    width:16rem;
    overflow:hidden;
    background-color:#fff;
}
    .DispenPackage .title {
         width:16rem;
        height:2.215rem;
        line-height:2.215rem;
        font-size:.6rem;
        color:#333;border-bottom:0.05rem solid #cfcfcf
    }
        .DispenPackage .title p {
            width:14rem;
            margin:0 auto;
        }
    .DispenPackage .content {
        height:0rem;
        display:none;
        width:14rem;
        padding:1rem 0;
        margin:0 auto;
       border-bottom:0.05rem solid #cfcfcf;
        color:#333;
        transition:height 1s;
        -webkit-transition:height 1s;
            -moz-transition:height 1s;
            -o-transition:height 1s;
    }
        .DispenPackage .content.show{
        height:5rem;
    }
        .DispenPackage .content a {
            display:block;
        }
            .DispenPackage .content a img {
                width:4rem;
                height:4rem;
                display:block;
            }
        .DispenPackage .content div:nth-child(1) {
            width:4rem;
            float:left;
            height:5rem;
        }
            .DispenPackage .content div:nth-child(1) p,
            .DispenPackage .content div:nth-child(3) p {
                padding-top:0.4rem;
                font-size:.6rem;
                width:100%;
                height:0.775rem;
                overflow:hidden;
            }
        .DispenPackage .content div:nth-child(2) {
            width:1.125rem;
            height:5rem;
            text-align:center;
            float:left;
            font-size:.75rem;
            color:#333;
            line-height:4rem;
        }
         .DispenPackage .content div:nth-child(3) {
            width:4rem;
            float:left;
            height:5rem;
            font-size:.6rem;
        }
          .DispenPackage .content div:nth-child(4) {
            width:3.5rem;
            float:right;
            height:5rem;
            font-size:.5rem;
        }
            .DispenPackage .content div:nth-child(4) p:nth-child(1) {
                line-height:0.9rem;
                height:1.8rem;
                width:100%;
                overflow:hidden;
            }
            .DispenPackage .content div:nth-child(4) p:nth-child(2) {
                color:#d81e39;
                padding-top:0.1rem;
            }
            .DispenPackage .content div:nth-child(4) a {
                width:3.25rem;
                height:1rem;
                line-height:1rem;
                text-align:center;
                border:0.05rem solid #d81e39;
                border-radius:0.075rem;
                color:#d81e39;
                margin-top:0.25rem
            }
    .DispenPackage .seeAll {
        height:3rem;
        width:16rem;
        text-align:center;
        cursor: pointer;
    }
        .DispenPackage .seeAll p:nth-child(1) {
            padding-top:.75rem;
            font-size:.6rem;
            color:#333;
        }
        .DispenPackage .seeAll p:nth-child(2) span{
            margin:0 auto;
            display:block;
            width:0.35rem;
            height:0.35rem;
            border-left:0.05rem solid #333;
            border-bottom:0.05rem solid #333;
            margin-top:0.25rem;
            transform:rotate(-45deg);
            -webkit-transform:rotate(-45deg);
            -moz-transform:rotate(-45deg);
            -o-transform:rotate(-45deg);
            
        }
.aroundStroe-title {
    margin-top:10px;
    width:16rem;
    height:2.375rem;
        padding: .5rem 0 0;
    text-align:center;
    background-color:#f1f1f1;
    color:#333;
    font-size:.6rem;
}
    .aroundStroe-title p span:last-child {
        font-size:.5rem;
        color:#d81e39;
    }
.aroundStroe-content {
    width:14rem;
    margin:0 auto;
    overflow:hidden;
}
    .aroundStroe-content .storeName {
        font-size:.75rem;
        color:#333;
    }
    .aroundStroe-content p.name {
        height:1rem;
        padding-top:.875rem;
    }
        .aroundStroe-content p.name {
            font-size:.4rem;
            line-height:1rem;
        }
            .aroundStroe-content p.name .fr img {
                display:inline-block;
                vertical-align:middle;
                padding:0 .25rem;
                width:.5rem;
                height:.625rem;
            }
    .aroundStroe-content p.address {
        margin-top:.7rem;
        font-size:.6rem;
        color:#333;
        line-height:1rem;
    }
    .aroundStroe-content p.handle {
        margin-top:1.125rem;
        height:2rem;
    }
        .aroundStroe-content p.handle button{
            float:left;
            height:2rem;
            width:6.75rem;
            line-height:2rem;
            text-align:center;
            border:none;
            background-color:#11ca94;
            color:#fff;
            font-size:.6rem;
        }
            .aroundStroe-content p.handle button:nth-child(1) {
                float:left
            }
            .aroundStroe-content p.handle button:nth-child(2) {
                float:right;
            }
    .aroundStroe-content p.yuyue {
        margin-top:.75rem;
        height:2rem;
    }
        .aroundStroe-content p.yuyue button {
            height:2rem;
            line-height:2rem;
            text-align:center;
            width:100%;
            border:none;
            color:#fff;
            font-size:.6rem;
            background-color:#d81e39
        }
    .aroundStroe-content .seeMore {
        height:4rem;width:14rem;
        text-align:center;
    }
        .aroundStroe-content .seeMore a {
            display:block;
            color:#999999;
            font-size:.6rem;
            line-height:4rem;
            padding-bottom:.25rem;
            border-bottom:0.05rem solid #999999
        }
            .aroundStroe-content .seeMore a span {
                color:#d81e39
            }
.assess-title {
    height:2.5rem;
    width:14rem;
    padding:0 1rem;
    background-color:#f1f1f1;
    line-height:2.5rem;
    font-size:.6rem;
}
    .assess-title span {
        color:#333;
    }
        .assess-title span .commentNum {
            color:#11ca94;
        }
    .assess-title a {
         color:#11ca94;
         border:.05rem solid #11ca94;
         height:1rem;
         text-align:center;
         line-height:1rem;
         border-radius:0.125rem;
         margin-top:.8rem;
         width:3.5rem;
    }
.assess-content {
    width:14rem;
    margin:0 auto;
    overflow:hidden;
}
    .assess-content .user {
        margin-top:1.125rem;
        overflow:hidden;
    }
        .assess-content .user .name {
            font-size:.45rem;
            color:#333;
        }
        .assess-content .user .level {
            font-size:.35rem;
            color:#fff;
            padding:0.075rem 0.125rem;
            background-color:#ff8a00;
            margin-left:0.5rem;
        }
        .assess-content .user .time {
            font-size:.45rem;
            color:#ccc;
        }

    .assess-content .assess {
        margin-top:.65rem;
        height:1.5rem;
        width:100%;
        line-height:.75rem;
        overflow:hidden;
        font-size:.45rem;
        color:#333;
    }
    .assess-content .seeAllAssess {
        margin:1.625rem 0 1.125rem 0;
    }
        .assess-content .seeAllAssess a {
            height:1rem;
            width:4.625rem;
            display:block;
            margin:0 auto;
            color:#ff8a00;
            border:0.05rem solid #ff8a00;
            text-align:center;
            line-height:1rem;
            border-radius:.125rem;
            font-size:.6rem;
        }
.blockLine {
    width:16rem;
    height:1.5rem;
    background-color:#f1f1f1
}
.goodsDetail {
    width:16rem;
    overflow:hidden;
}
.goodsDetail .title {
    height:1.5rem;
    width:16rem;
    background-color:#ccc;
}
    .goodsDetail .title li {
          line-height:1.5rem;
    float:left;
    width:8rem;
    text-align:center;
    font-size:.6rem;
    color:#333;
    }
        .goodsDetail .title li.active {
            background-color:#fff;
        }
    .goodsDetail .content {
        width:16rem;
        overflow:hidden;
    }
        .goodsDetail .content li {
            width: 15rem;
            margin: auto;
            overflow:hidden;
            display:none;
            padding:0.5rem 0 1.5rem;
        }
            .goodsDetail .content li:nth-child(1) a {
                display:block;
            }
            .goodsDetail .content li img {
                max-width:16rem;
            }

            .goodsDetail .content li:nth-child(2) p {
                height:1.625rem;
                width:14rem;
                margin:0 auto;
                line-height:1.625rem;
                border-bottom:0.05rem solid #cccccc
            }
                .goodsDetail .content li:nth-child(2) p span{
                    width:7rem;
                    height:1.625rem;
                    text-align:left;
                    display:block;
                    font-size:.6rem;
                    float:left;
                    overflow:hidden;
                }
                    .goodsDetail .content li:nth-child(2) p span.left {
                        color:#999;
                    }
                    .goodsDetail .content li:nth-child(2) p span.right {
                        color:#333
                    }
.yuyue-stroe {
    width:16rem;
    overflow:hidden;
}
    .yuyue-stroe .title {
        height:2.215rem;
        width:16rem;
        text-align:center;
        line-height:2.215rem;
        background-color:#f1f1f1;
        color:#333;
        font-size:.6rem;
    }
    .yuyue-stroe .city,
    .yuyue-stroe .store,
    .yuyue-stroe .phone{
        height:1.75rem;
        width:14rem;
        margin:0 auto;
        line-height:1.75rem;
        color:#333333;
            font-size:.6rem;
    }
    .yuyue-stroe .city {
        margin-top:1.75rem;
    }
    .yuyue-stroe .store,
    .yuyue-stroe .phone {
        margin-top:.5rem
    }
      .yuyue-stroe .city input,
    .yuyue-stroe .store input,
    .yuyue-stroe .phone input{
            width:10.5rem;
            height:1.75rem;
            border:0.05rem solid #cccccc;
            border-radius:.05rem;
            text-indent:.75rem;
            color:#333333;
            font-size:.6rem;
        }
    .yuyue-stroe .phone {
        margin-bottom:1.75rem;
    }
    .yuyue-stroe .btn button{
        display:block;
        height:2rem;
        width:14rem;
        margin:0 auto;
        background-color:#d81e39;
        border:none;
        color:#fff;
        font-size:.75rem;
    }

    .yuyue-stroe .jian {
        margin-top:.75rem;
        font-size:.6rem;
        color:#333;
        text-align:center;
        margin-bottom:1.75rem;
    }
    .main {
    width: 16rem;
    background-color: #f1f1f1;
    overflow: hidden;
}

    .main .title {
        height: 4rem;
        width: 16rem;
        text-align: center;
        color: #333333;
    }

        .main .title p:first-child {
            font-size: 0.75rem;
            padding-top: 1.25rem;
        }

        .main .title p:nth-child(2) {
            font-size: 0.35rem;
            color: #000;
            padding-top: 0.375rem;
            font-weight: bold;
            font-family: '方正兰亭超细黑简体','宋体';
        }

    .main .content {
        overflow: hidden;
    }

        .main .content li {
            float: left;
            height: 9.425rem;
            width: 7.5rem;
            margin-left: 0.34rem;
            margin-bottom: 0.6rem;
            background-color: #fff;
            text-align: center;
        }

            .main .content li img {
                width: 7.5rem;
                height: 7.5rem;
            }

            .main .content li p.size {
                font-size: 0.45rem;
                color: #333;
                padding-top: 0.1rem;
            }

            .main .content li p.price {
                color: #da1e3a;
                font-size: 0.6rem;
                padding-top: 0.1rem;
            }


.sku-dialog {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.8);
    z-index:999999;
    visibility:hidden;
}
    .sku-dialog .dialog {
        position:fixed;
        left:0;
        bottom:0rem;
        width:16rem;
        background-color:#fff;
    }
        .sku-dialog .dialog .content {
            width:14rem;
            margin:0 auto;
        }
            .sku-dialog .dialog .content .imgWord {
                position:relative;
                height:5.25rem;
                width:14rem;
            }
                .sku-dialog .dialog .content .imgWord img {
                    height:5.25rem;
                    width:5.25rem;
                    position:absolute;
                    left:.75rem;
                    bottom:1.25rem;
                    border-radius:0.1rem;
                    border:0.05rem solid #f1f1f1
                }
                .sku-dialog .dialog .content .imgWord .price {
                    position:absolute;
                    left:7rem;

                }
                    .sku-dialog .dialog .content .imgWord .price p:nth-child(1) {
                        color:#d81e39;
                        font-size:.75rem;
                        margin-top:.5rem;
                    }
                    .sku-dialog .dialog .content .imgWord .price p:nth-child(2) {
                        font-size:.6rem;
                        color:#333;
                         margin-top:.2rem;
                        }
.sku-list {
    width:12.5rem;
    margin:0 auto;
    overflow:hidden;
    font-size:.6rem;
    color:#333;
}

    .sku-list li{
        width:3.7rem;
        height:1.625rem;
        text-align:center;
        line-height:1.625rem;
        color:#333;
        background-color:#f1f1f1;
        font-size: .4rem;
        overflow: hidden;
        float:left;
        margin:.75rem 0 0 .6rem
    }
        .sku-list li:nth-child(3n+1) {
        margin-left:0;
    }
        .sku-list li.active {
            color:#fff;
            background-color:#d81e39;
        }
        .select-sku-list {
      width:12.5rem;
    margin:0.5rem auto 0;
    overflow:hidden;
    font-size:.6rem;
    color:#333;
}
    .select-sku-list select {
        width:6rem;
        font-size:.5rem;
        color:#333;
        height:1rem;
        margin-top:.75rem;
    }
    .select-sku-list select:first-child {
        float:left;
    }
    .select-sku-list select:last-child {
        float:right;
    }

.buyNum {
    width:12.5rem;
    margin:0 auto;
    margin-top:1.625rem;
    margin-bottom:.625rem;
    height:1.375rem;
    font-size:.6rem;
    color:#333;
    line-height:1.375rem;
}
    .buyNum .numBox span{
        width:1.7rem;
        height:1.375rem;
        border:0.05rem solid #ccc;
        border-radius:0.05rem;
        text-align:center;
        line-height:1.1rem;
        color:#ccc;
        font-size:1.5rem;
        float:right;
        line-height:1.375rem;
    }
    .buyNum .numBox input {
        float:right;
        width:1.5rem;
        border:none;
        text-align:center;
        color:#333;
        font-size:.6rem;
        height:1.375rem;
    }
.btn-cart {
    width:16rem;
    height:2.25rem;
    background-color:#d81e39;
    color:#fff;
    text-align:center;line-height:2.25rem;
    font-size:.75rem;
    border:none;
}
.numBox .disable {
   filter:alpha(opacity=30); 
-moz-opacity:0.3; 
opacity:0.3;
}
.flexbox {
   display:box;
   display:-webkit-box;
   display:-moz-box;
   display:-o-box;
}
.flex1 {
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    box-flex:1;
    width:0;
}
.flex2 {
    -webkit-box-flex:2;
    -moz-box-flex:2;
    -o-box-flex:2;
    box-flex:2;
    width:0;
}
.flex3 {
    -webkit-box-flex:3;
    -moz-box-flex:3;
    -o-box-flex:3;
    box-flex:3;
    width:0;
}
.goodsTitle > a {
    margin-top:1.3rem !important;
}
.goodsTitle .price {
    background-color:#403931;
    width: 16rem;
    margin: .2rem 0 0;
    overflow: hidden;
}
    .goodsTitle .price .flex3 {
        color:#FEEA00;
        font-size:1.2rem;
        line-height:2.5rem;
            text-indent: .8rem;
    }
        .goodsTitle .price .flex1 {
        color:#B5B5B5;
        font-size:.6rem;
        line-height:1rem;
        padding:.3rem 0 0
    }
.goodsTitle .introduce {
    font-size:.5rem;
    line-height:1rem;
    margin:.5rem 1rem;
    max-height:2rem;
    overflow:hidden;
}
.goodsTitle .introduce a {
    color:#d81e39;
    text-decoration:underline;
}
.goodsTitle {
    height:auto !important;
}
.header {
    position:relative !important
}
.nav-wrap {
    display:none;
}
.fixedNav {
    position:fixed;
    bottom:0;
    width:16rem;
    height:2rem;
    background-color:#fff;
    z-index:9999
}
    .fixedNav li {
        text-align:center;
    }
    .fixedNav .addCartBtn {
        background-color:#ffb310;
        color:#fff;
    }
        .fixedNav .yuyueBtn {
        background-color:#d91e39;
        color:#fff;
    }
    .fixedNav li a {
      color:#333
    }
    .fixedNav li:nth-child(1),
    .fixedNav li:nth-child(2),
    .fixedNav li:nth-child(3) {
        font-size:.4rem;
        position:relative;
    }
    .fixedNav li:nth-child(1) img,
    .fixedNav li:nth-child(2) img,
    .fixedNav li:nth-child(3) img {
        height:1rem;
        width:1rem;
        display:inline-block;
        padding:.2rem 0 0rem;
    }
    .fixedNav li:nth-child(4) a,
    .fixedNav li:nth-child(5) a{
        font-size:.7rem;
        line-height:2rem;
        color:#fff !important;
    }
    .fixedNav li:nth-child(3) .num {
position: absolute;
    display: block;
    border-radius: 50%;
    text-align: center;
    width: .8rem;
    height: .8rem;
    background-color: hsl(351, 76%, 48%);
    color: hsl(0, 0%, 100%);
    top: 0rem;
    right: 0rem;
    line-height: .8rem;
    font-size: 10px;
    }