.banner {
    position:relative
}
.banner .swiper-wrapper {
    overflow:hidden
}
.banner img {
    display:block
}
.banner, .banner img {
    width:100%
}
.banner .pagination {
    width:100%;
    position:absolute;
    height:1rem;
    bottom:.25rem;
    text-align:center
}
.banner .pagination span {
    display:inline-block;
    width:.6rem;
    height:.6rem;
    margin:0 .25rem;
    background:#f2f2f2;
    border-radius:.3rem;
    -moz-border-radius:.3rem;
    -webkit-border-radius:.3rem
}
.banner .pagination span.swiper-active-switch {
    background:#fa6f12
}
.menu-icon {
    list-style:none;
    font-size:0;
    padding:.9rem .4rem
}
.menu-icon li {
    text-align:center;
    vertical-align:top;
    display:inline-block;
    width:20%
}
.menu-icon li img {
    margin:0 auto;
    display:block;
    width:50%;
    margin-bottom:.5rem
}
.menu-icon li span {
    font-size:.8rem
}
.def-banner {
    padding:.2rem;
    position:relative;
    background:#eee
}
.def-banner a {
    display:inline-block;
    position:relative;
    padding:.2rem
}
.def-banner a img {
    width:100%
}
.def-banner a span {
    position:relative;
    width:100%;
    color:#fff;
    font-size:.8rem;
    background:#000;
    display:block;
    opacity:.5;
    padding:0 .2rem;
    height:1.2rem;
    line-height:1.2rem;
    margin-top:-1.2rem;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.def-banner .one {
    position:relative;
    font-size:0
}
.def-banner .one a {
    width:100%
}
.def-banner .two {
    position:relative;
    font-size:0
}
.def-banner .two a {
    width:50%
}
.def-banner .three {
    position:relative;
    font-size:0
}
.def-banner .three a {
    width:33.3333%
}
.def-banner .four {
    position:relative;
    font-size:0
}
.def-banner .four a {
    width:25%
}
.def-banner .six {
    padding:.2rem;
    position:relative;
    font-size:0
}
.def-banner .six a {
    width:33.3333%;
    padding:0 1px 1px 0
}
.banner-news {
    position:relative;
    font-size:0;
    padding-bottom:.4rem;
    padding-left:.4rem
}
.banner-news div {
    position:relative;
    font-size:.8rem;
    display:inline-block;
    width:50%;
    padding-top:.4rem;
    padding-right:.4rem
}
.banner-news div a {
    display:block;
    overflow:hidden;
    height:100%;
    width:100%
}
.banner-news div a img {
    width:100%
}
.banner-news div a span {
    position:absolute;
    bottom:.4rem;
    left:.4rem;
    color:#fff
}
.hotline {
    margin-bottom:1rem
}
.category {
    margin:.5rem 0 0;
    overflow:hidden
}
.category:after {
    content:" ";
    display:block;
    border-bottom:1px solid #e4e4e4;
    height:.5rem;
    margin:0 .75rem
}
.category .header {
    width:100%;
    padding:0 .75rem;
    height:2.5rem;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center
}
.category h2 {
    font-size:1.2rem;
    font-weight:400
}
.category .more-entry {
    display:block;
    color:#999;
    position:relative;
    padding-right:.8rem
}
.category .more-entry span {
    font-size:.9rem
}
.category .more-entry .icon {
    display:none
}
.category .more-entry:before, .category .more-entry:after {
    content:" ";
    position:absolute;
    border-style:solid;
    border-width:.4rem 0 .4rem .4rem;
    border-color:transparent transparent transparent #999;
    top:50%;
    right:.1rem;
    margin-top:-.4rem;
    z-index:1
}
.category .more-entry:before {
    z-index:2;
    right:.25rem;
    border-left-color:#fff
}
.category .nav {
    width:100%;
    overflow-x:scroll;
    overflow-y:hidden;
    padding:.5rem 0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    position:relative
}
.category .nav::-webkit-scrollbar {
    width:0;
    display:none
}
.category .nav .wrap {
    font-size:0;
    white-space:nowrap;
    float:left
}
.category .nav .mod {
    display:inline-block;
    vertical-align:middle;
    width:6rem;
    height:6rem;
    margin:0 .5rem;
    overflow:hidden;
    z-index:1
}
.category .nav .mod a {
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
    border:1px solid #ddd;
    border-radius:3rem;
    -moz-border-radius:3rem;
    -webkit-border-radius:3rem;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s
}
.category .nav .mod a.show {
    opacity:1
}
.category .nav .mod a:active {
    border-color:transparent;
    background:#eee
}
.category .nav .mod a {
    display:table;
    table-layout:fixed
}
.category .nav .row, .category .nav .cell {
    width:100%;
    height:100%
}
.category .nav .row {
    display:table-row
}
.category .nav .cell {
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.brands .nav .mod a {
    display:block!important
}
.brands .mod b {
    width:12rem;
    height:100%;
    white-space:nowrap;
    display:table;
    table-layout:fixed;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease .4s;
    -moz-transition:all ease .4s;
    transition:all ease .4s;
    -moz-transition:none
}
.brands .mod b.ok {
    transform:translate3d(-6rem, 0, 0);
    -webkit-transform:translate3d(-6rem, 0, 0);
    -moz-transform:translate3d(-6rem, 0, 0)
}
.brands .mod b img {
    display:table-cell;
    width:5rem;
    height:5rem;
    margin:.5rem;
    vertical-align:middle
}
.brands .mod b i {
    display:table-cell;
    width:6rem;
    height:6rem;
    vertical-align:middle;
    text-align:center;
    font-size:1.2rem
}
.cartype .mod a, .price .mod a {
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -ms-flex-flow:column
}
.cartype .mod span {
    text-align:center
}
.cartype .mod img, .cartype .mod span {
    margin:0 auto;
    display:block
}
.cartype .mod img {
    display:block;
    width:3.5rem!important;
    height:2rem!important;
    opacity:.5;
    -webkit-transform:translateZ(0, 0, 0);
    -webkit-transition:all ease .4s;
    -moz-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:translateZ(0);
    -webkit-transform:translate3d(6rem, 0, 0);
    -moz-transform:translate3d(6rem, 0, 0);
    transform:translate3d(6rem, 0, 0)
}
.cartype .mod img.done {
    -webkit-transform:translateZ(0);
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1
}
.cartype .mod span {
    margin-top:.5rem;
    font-size:.9rem!important
}
.price .header span {
    display:block;
    color:#999;
    font-size:.9rem
}
.price .mod a {
    font-size:1.4rem;
    overflow:hidden
}
.price .mod span, .price .mod i {
    text-align:center;
    display:block
}
.price .mod i {
    margin:.2rem 0
}
.price .mod i:before, .price .mod i:after {
    content:" ";
    width:0;
    height:0;
    border-style:solid;
    border-width:.5rem .4rem 0;
    border-color:#999 transparent transparent;
    display:block;
    margin:0 auto
}
.price .mod i:before {
    border-width:0 .4rem .5rem;
    border-color:transparent transparent #999;
    margin-bottom:.2rem
}
.price .min a {
    font-size:2.4rem
}
.price .min i:before {
    display:none
}
.price .min i:after {
    border-width:.6rem .5rem 0
}
.price .max a {
    font-size:2.4rem
}
.price .max i:before {
    border-width:0 .5rem .6rem
}
.price .max i:after {
    display:none
}
.year .mod a {
    font-size:1.6rem
}
.news .news-wrap {
    float:none!important;
    width:280px;
    margin:0 auto
}
.news .mod a {
    font-size:1.1rem;
    font-weight:700;
    background-color:#ededed
}
#newslist {
    padding:.5rem
}
#newslist .mod {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    width:100%;
    border-bottom:1px solid #e4e4e4;
    padding:1rem 0;
    font-size:.9rem
}
#newslist .mod:active {
    background:#f2f2f2
}
#newslist .mod b {
    display:block;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -ms-flex:1;
    padding-left:.5rem
}
#newslist .mod h2 {
    font-weight:400;
    font-size:1rem;
    line-height:1.15rem;
    height:3.5rem;
    overflow:hidden
}
#newslist .mod em {
    font-style:normal;
    color:#999;
    font-size:.9rem
}
#newslist .mod em span {
    display:inline-block;
    margin-right:.5rem
}
#newslist .mod img {
    display:block;
    width:6.75rem;
    height:4.5rem
}
#newslist .mod img.error {
    display:none
}
.images-wrap {
    position:relative
}
.images-wrap .cswiper-slide {
    display:block;
    width:100%;
    height:auto
}
.images-wrap img {
    width:100%
}
.images-wrap h1 {
    width:100%;
    text-align:center;
    font-weight:400;
    position:absolute;
    left:0;
    font-size:1.1rem;
    padding:0 1rem;
    bottom:0;
    line-height:2.25rem;
    color:#fff;
    text-shadow:0 0 4px #000;
    background:rgba(0, 0, 0, .2);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#a6a5a4, endcolorstr=#a6a5a4)
}