body{
    width:16rem;
    margin:0 auto;
}
     .header .menuDrop {
        display:block;
        padding-right:1rem;
        height:0.8rem;
        border-radius:0.075rem;
        border:0.05rem solid #fff;
        background-color:#d81e39;
        color:#fff;font-size:0.4rem;
        float:left;
        line-height:.8rem;
        text-indent:.2rem;
        position:relative;
         width: 1.8rem;
    }
        .header .menuDrop span {
            display:block;
            width:.0rem;
            height:0rem;
            border-bottom:.2rem solid #fff;
            border-left:.2rem solid transparent;
            border-top:.2rem solid transparent;
            border-right:.2rem solid transparent;
            position:absolute;
            right:.3rem;
            top:0.3rem;
            transform:rotate(180deg);
            -webkit-transform:rotate(180deg);
            -moz-transform:rotate(180deg);
            -o-transform:rotate(180deg);
        }
    .header .logoImg {
        width:5.575rem;
        height:0.9rem;
        float:left;
        margin-left:1.275rem;
    }
    .header .cartImg {
        width:0.975rem;
        height:0.9rem;
                margin-left:1.25rem;
        float:left;
    }
    .header .infoImg {
        width:0.925rem;
        height:0.925rem;
        float:right;
    }

  /*
   底部
 */

 /*
   快捷导航
 */
.nav-wrap {
    position:fixed;
     bottom:1.125rem;
    left:1.125rem;
    z-index:99;
}
.quick-Nav {
    width:2.325rem;
    height:2.325rem;
    position:absolute;
    bottom:0;
    left:0;
    background-color:#d2223b;
    border:.175rem solid #fff;
    border-radius:50%;
    z-index:99999999;
}
    .quick-Nav .nav-word:first-child {
        margin-top:0.4rem
    }
    .quick-Nav .nav-word {
        text-align:center;
        margin:0 auto;
        font-size:.5rem;
        color:#fff;
    }
    .nav-wrap .nav-list {
        position:absolute;
        left:1.2rem;
        bottom:1.2rem;
        width:0rem;
        height:0rem;
        background-color:#333333;
        overflow:hidden;
        border-radius:0.25rem;
        padding:0;
        z-index:1;
    }
       .nav-wrap .nav-list li {
            width:5.75rem;
            height:4rem;
            text-align:center;
            position:absolute;
        }
        .nav-wrap .nav-list li:nth-child(1) {
            left:0;
            top:1.35rem;
        }
         .nav-wrap .nav-list li:nth-child(2) {
           right:0;
            top:1.35rem;
        }
          .nav-wrap .nav-list li:nth-child(3) {
            left:0;
            top:5.35rem;
        }
           .nav-wrap .nav-list li:nth-child(4) {
            right:0;
            top:5.35rem;
        }
            .nav-wrap .nav-list li:nth-child(5) {
            left:3rem;
            bottom:1.25rem;
        }

        .nav-wrap .nav-list li a {
            display:block;
        }
        .nav-wrap .nav-list li p {
            color:#fff;
            font-size:.6rem;
            margin-top:0.3rem
        }
        .nav-wrap .nav-list li img {
            display:block;
            margin:0 auto;
        }
        .nav-wrap .nav-list li:nth-child(1) img{
            width:1.25rem;
            height:1.25rem;
            padding-top:.2rem
        }
        .nav-wrap .nav-list li:nth-child(2) img{
            width:.75rem;
            height:1.5rem;
        }
        .nav-wrap .nav-list li:nth-child(3) img{
            width:1.5rem;
            height:0.625rem;
            padding:0.65rem 0 0.5rem 0;
        }
        .nav-wrap .nav-list li:nth-child(3) p {
            margin-top:0;
        }
        .nav-wrap .nav-list li:nth-child(4) img{
            width:.875rem;
            height:1.5rem;
        }
         .nav-wrap .nav-list li:nth-child(5) img{
            width:1.2rem;
            height:1.2rem;
        }
        .nav-wrap .nav-list li:nth-child(5) {
            height:2rem !important;
        }
.nav-list {
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
}
.nav-list.active{
    width:11.5rem;
    height:10rem;
    padding:1.35rem 0 1.25rem;
}

/*
    city弹窗
    */
.fakeBody .header {
    position:relative !important;
    cursor:pointer;
}
    .header .return {
       overflow:hidden;
display: block;
padding: 10px;
    }
    .header .return .arrow{
        height:.8rem;
        width:.8rem;
        border-left:.1rem solid #fff;
        border-bottom:.1rem solid #fff;
        border-right:.1em solid transparent;
        border-top:.1em solid transparent;
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        float:left;
    }
    .header .return span {
        display:block;
        float:left;
        font-size:.6rem;
        color:#fff;
    }

.allCity {
    overflow:hidden;
    width:16rem;
}
.cityChoose {
    overflow:hidden;
    position:relative;
    width:16rem;
}
    .cityChoose .cityTitle {
        width:14rem;
        padding:0 1rem;
        height:1.25rem;
        background-color:#dddddd;
        font-size:.6rem;
        color:#333333;
        line-height:1.25rem;
    }
     .cityContent {
        width:14.75rem;
        margin:0 auto;
        overflow:hidden;
    }
        .cityContent li {
            width:14.75rem;
            height:2.2rem;
            line-height:2.2rem;
            text-indent:0.3rem;
            font-size:.6rem;
            color:#333;
            border-bottom:.05rem solid #ddd;
            cursor: pointer;
        }
 .cityContent li:last-child {
    border-bottom:none;
}
            .cityContent li.active {
                background-color:#f1f1f1
            }
    div.city-nav {
        position:fixed;
        right:0;
        top:0rem;
        padding-top:2.8rem;
        width:0.8rem;
        height:100%;
        background-color:#f1f1f1;
        text-align:center;
    }
        div.city-nav a {
            display:block;
                    color:#83ddc4;
                    font-size:.5rem;
                    padding:.3rem .1rem;
                    cursor: pointer;
        }
.fakeBody {
    height:100%;
    width:16rem;
    overflow-y:scroll;
    overflow-x:hidden;
    position:fixed;
    top:0;
    left:0;
    z-index:9999
}
.dialogWrap {
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    width:16rem;
    min-height:100%;
    overflow:scroll;
    background-color:#fff;
}
.img-width{ width:16rem}