/* nav */
.m-hdtop{width: 100%;height: 1.31rem;display: flex;display: -webkit-flex;flex-direction: row;justify-content: flex-start;align-items: center;border-bottom: solid 0.03rem #f5f5f5;position: relative;}
.m-hdtop .m-hdtop-logo{width: 2.37rem;height: 0.63rem;overflow: hidden;text-indent: -133.32rem;background:  left top no-repeat;background-size: 100% 100%;margin: 0 0.41rem 0 0.32rem;display: block;	}
.m-hdtop .crumbs a{font-size: 0.37rem;color: #333;}
.crumbs-nav{padding-left: 0.4rem;border-left: solid 0.03rem #f5f5f5;}
.g-doc{width:10rem;margin:0px auto;background: #fff;overflow: hidden;}
/* wraper */

.swiper-container{width: 100%;overflow: hidden;position: relative;}
.swiper-container a{width: 100%;height: 4.03rem;overflow: hidden;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;}
.swiper-pagination{position: absolute;width: 100%;display: flex;display: -webkit-flex;flex-direction: row;justify-content: center;align-items: center;height: 0.09rem;bottom: 0.21rem;left: 0;}
.swiper-pagination .swiper-pagination-bullet{width: 0.09rem;height: 0.09rem;background: #fff;opacity: 1;margin: 0 0.04rem;border-radius: 0.05rem;}
.swiper-pagination .swiper-pagination-bullet-active{background: #c8a07b;width: 0.23rem;}

.modtit{width: 8.93rem;position: relative;margin: 0.53rem auto 0;position: relative;padding-bottom: 0.5rem;}
.modtit:after{content: '';display: block;position: absolute;width: 1.41rem;height: 2.45rem;background:  left top no-repeat;background-size: 100% 100%;right: -0.53rem;top: -0.19rem;}
.modtit ul{overflow-x: scroll;display: flex;display: -webkit-flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: nowrap;}
.modtit li{display: inline-block;float: left;}
.modtit li:last-child{padding-right: 0.4rem;}
.modtit a{display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 0.2rem;}
.modtit em{display: block;font-size: 0.32rem;color: #666;white-space: nowrap;}
.modtit .icon{width: 1.36rem;height: 1.33rem;background: #fff;border-radius: 50%;box-shadow: 0 0.13rem 0.13rem rgba(229,229,229,0.4);margin-bottom: 0.2rem;overflow: hidden;}
.modtit .txt{padding-top: 0.13rem;}

.m-ptxtlist{ padding:0 0.32rem;border-top: solid 0.19rem #f5f5f5;}
.m-ptxtlist a{ display:block; position:relative; overflow:hidden; padding:0.4rem 0; border-bottom:0.03rem solid #f5f5f5;}
.m-ptxtlist a:last-child{border-bottom: 0;}
.m-ptxtlist em{ display:block; line-height:0.64rem; margin-bottom:0.27rem; height:0.64rem; overflow:hidden; font-size: 0.43rem;color: #333;}
.m-ptxtlist p{ color:#9b9b9b; line-height:0.61rem;  max-height: 1.23rem; overflow: hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; font-size:0.37rem;}
.m-ptxtlist .u-pic{ float:left; width:2.67rem; margin-right:0.31rem;background: #eae9e9  no-repeat center center;background-size: 100% 2.0rem;overflow: hidden;}
.m-ptxtlist img{width:100%;}

.screen-menu{width: 1.49rem;height: 100%;position: absolute;text-indent: -133.32rem;overflow: hidden;right: 0;top: 0;display: flex;display: -webkit-flex;flex-direction: column;justify-content: center;align-items: center;}
.screen-menu:before,.screen-menu:after,.screen-menu a{content: '';display: block;width: 0.37rem;height: 0.04rem;border-radius: 0.03rem;background: #333;line-height: 0;font-size: 0;margin: 0.05rem 0;}

.m-more.loading,.m-more.finish{border:0;}
.m-more.loading:before{content:"";background:  no-repeat;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:anim4 0.5s linear infinite;-moz-animation:anim4 0.5s linear infinite;-ms-animation:anim4 0.5s linear infinite;animation:anim4 0.5s linear infinite;display: inline-block;
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.27rem;
    vertical-align: top;
    margin-top: 0.27rem;}
@-webkit-keyframes anim4{
  from{-webkit-transform:rotatez(0deg);}
  50%{-webkit-transform:rotatez(180deg);}
  to{-webkit-transform:rotatez(360deg);}
}
@keyframes anim4{
  from{transform:rotatez(0deg);}
  50%{transform:rotatez(180deg);}
  to{transform:rotatez(360deg);}
}
.m-more{display:block;margin:0.53rem 0.43rem;border:1px solid #ddd;line-height:0.87rem;height:0.87rem;color:#777;text-align:center;-webkit-border-radius:0.09rem;border-radius:0.09rem; font-size: 0.37rem;}
.m-more:link,
.m-more:visited,
.m-more:hover,
.m-more:active{color:#999;}
.downicon:after{content: "";width:0.28rem;height: 0.16rem; display: inline-block;-webkit-transform: translate3d(0.2rem,0.43rem,0);
transform: translate3d(0.2rem,0.43rem,0);vertical-align: top;background:  center no-repeat;-webkit-background-size: 0.28rem auto;
background-size: 0.28rem auto;}

.box-filter {
    width: 100%;
    height: 100%;
    padding: 1.4rem 0 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 0.45rem;
    text-align: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%)
}
.box-filter:nth-child(odd) {
    padding-bottom: 0
}

.box-filter-expanded {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0)
}

.box-filter-hd .ico-close {
    width: 1.49rem;
    height: 1.4rem;
    background:  no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 0.43rem
}

.box-filter-hd {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 1.4rem;
    line-height: 1.4rem;
    top: 0;
    left: 0;
    background-color: #eee;
    color: #999;
    font-size: 0.53rem;
    padding-left: 0.37rem;
    box-sizing: border-box;
    text-align: left
}

.box-filter-bd {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff
}
.brands-index{border-right: solid 0.2rem #fff;}
.brands-index,.specs-type {
    position: relative;
    float: left;
    width: 30%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fafafa;
    z-index: 10
}

.brands-name,.specs-value {
    float: right;
    width: 70%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.labels span {
    height: 1.27rem;
    line-height: 1.27rem;
    padding-left: 0.6rem;
    display: block;
    text-align: left;
    color: #999
}
.labels span:first-child {
    border-top: 1px solid #fff
}

.labels,.values {
    position: relative;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 9;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.values ul {
    overflow: hidden
}

.values{
    height: 100%;
    overflow-y: auto;
}
.values li{
    display: block;
    border-bottom: 0.03rem solid #f7f7f7;
    height: 1.27rem;
    line-height: 1.27rem;
    text-align: left;
    overflow: hidden;
    position: relative
}
.values a{color: #343434;}

.values.b-n-v-all a {
    width: 3.73rem;
    float: left
}

.values.b-n-v-all a:nth-child(2n) {
    float: right
}

.values a {
    white-space: nowrap;
    text-overflow: ellipsis
}

.values a.unclick {
    color: #999;
    cursor: default
}

.values a i {
    margin-right: 5px
}
.values a span {
    float: right;
    color: #999;
    margin-right: 0.53rem
}