@charset "utf-8";
/* CSS Document */

/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; }
a, a:link, a:visited, a:hover, a:active { color:#000; text-decoration:none; }
html { min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.18rem "Microsoft Yahei", Arial; background:#f5f5f5; padding:0 0 0 0 !important; line-height:.28rem;}
img { border:0px; width:100%; height:100%; }
em,strong{ font-style: normal;}
h1, h2, h3, h4, h5, h6, h7 { font-size:.24rem; }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.green{ color: #318e09;}
.fl{ float:left;}
.fr{ float:right;}
.icon,.iconbef:before{ background:url(../images/icon.png) no-repeat; display:inline-block; background-size: 3.87rem auto; vertical-align:middle; }
.iconbef:before{ content: "\20"; }
.clear{ clear:both;}
.mt58{ margin-top:.58rem;}

/*头部*/
.header{width: 100%; height: 0.58rem; position: fixed; left: 0; top: 0; z-index: 700; background:#ca2f2a;}
.logo { width:0.5rem; position:absolute; right:3%; top:.12rem; text-align:center;}
.H_text{ text-align:center;}
.H_text img{ width:1.7rem;}
.shownav { position:absolute; left:0;top:0; width:0.8rem; height:0.58rem;background:url(../images/N_list.png) center .08rem no-repeat;background-size:.43rem}
.shownav.hover {background:url(../images/N_list.png) center .08rem no-repeat #333333;background-size:.43rem}
.nav { width:100%; position:absolute; left:0; top:0.58rem; background:#333333; box-shadow:-0.03rem 0.03rem 0.08rem rgba(0,0,0,.1); display:none; padding-bottom:.7rem;}
.nav .list { width:100%; }
.nav .list dd { height:0.56rem; margin:0 5%; line-height:0.56rem; text-align:center; border-bottom:1px solid #4f4f57; }
.nav .list dd:first-child { border-top:0; }
.nav .list a { display:block; font-size:0.21rem; color:#fff; }
.nav .list dd:active{ background:#1468ad; border-top-color:#1468ad;color:#fff}
.nav .list dd:active + dd { border-top-color:#e1f6ef; }
.nav .list dd:active a { background:url(../images/arrow-right.png) 1.52rem center no-repeat; background-size:0.1rem;color:#fff;}

/*banner*/
.banner { width:100%; overflow:hidden; position:relative; margin-top:0.23rem; height:140px;}
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:90%; height:0.20rem;  text-align:center; clear:both;  position:absolute; left:8%; bottom:0.01rem; padding-top:0.05rem; }
.banner .tip span { display:inline-block;  width:8px;; height:8px;background:#999999;  border-radius: 4px; margin:0 0.06rem; }
.banner .tip span.cur { background:#007aff;}

/*content*/
.icon{ background:#fff;}
.icon li{ width:30%; float:left; margin:2% 0 0 2.5%; padding:.1rem 0 .05rem 0;}

.VE{ background:#fff; margin-top:.2rem; padding-bottom:.3rem;}
.title{ width:100%; padding:.2rem .1rem; text-align:center; line-height:.45rem; font-size:.4rem;}
.title span{ text-transform:uppercase; font-size:.2rem; margin-left:5px;}

/*推荐产品*/
.dl01,.dl02,.dl03{ width:50%; text-align:center; float:left; padding-top:.1rem;}
.dl02{padding-top:.5rem;}
 .dl03{height:2.3rem;}
.dl01 dt{ padding:5%;}
.dl01 dd p{ font-size:.2rem; line-height:.3rem; color:#000;}
.dl01 dd span{ font-size:.18rem; color:#999;}
.dl02 dt{ font-size:.24rem; padding-top:.1rem; line-height:.3rem; color:#000; line-height:.7rem; border-bottom:1px solid #ccc; margin:10%;}
.dl02 dd img{ width:40%;}

/*分类*/
.fenlei{ background:#fff; margin-top:.58rem;}
.fenlei li{ width:50%; float:left; text-align:center; font-size:.24rem; line-height:.6rem;}
.fenlei .active{ border-bottom:2px solid #bb3e34;}

/*选购指南*/
.Nleft{ width:28%}
.Nleft li{ line-height:.6rem; height:.6rem; font-size:.2rem; text-align:center; color:#9e9e9e;}
.Nleft .active{ background:#fff; border-left:2px solid #bb3e34; color:#000;}

.Nleft01{ width:28%}
/*.Nleft01 li{ line-height:.5rem; height:.5rem; font-size:.18rem; text-align:center; color:#9e9e9e;}*/
.Nleft01 li {
    line-height: 0.2rem;
    /* height: .5rem; */
    font-size: 0.16rem;
    text-align: center;
    color: #9e9e9e;
    padding: .1rem 0;
}
.Nleft01 .li022{ text-align:left; padding-left:.1rem; border-bottom:1px solid #ccc; font-size:.12rem;}
.Nleft01 .active{ background:#fff; background:#bb3e34; color:#fff;}

.Nleft01 .active2 {
    background: #939393 none repeat scroll 0 0;
    color: #fff;border-bottom:1px solid #fff; 
}


.Nright{ width:72%; background:#fff; padding-left:2%; padding-top:.3rem; padding-right:.1rem; padding-bottom:.3rem;}
.Nright h3{ font-weight:normal;   padding: 0 0 3% 0; font-size:.2rem;}
.dl03 dt{ padding:5%;}
.dl03 dd p{ font-size:.18rem; line-height:.3rem; color:#000;}
.dl03 dd span{ font-size:.16rem; color:#999;}

/*关于我们*/
.dl04{ padding:2% 3%;}
.dl04 h3{ font-weight:normal; font-size:.24rem; color:#bb3e34;}
.dl04 p{ font-size:.18rem; line-height:.3rem; color:#999;}
.dl04 dd{ padding-top:.15rem;}

/*联系我们*/
.ul01{padding:2% 3%;}
.ul01 h3{ font-size:.22rem; font-weight:normal; padding:.2rem 0; text-align:center;}
.ul01 li{ padding:.1rem 0;}
.ul01 li img{ width:8%; vertical-align:middle;}

/*意见建议*/
.login ul{ background:#fff; border-bottom:1px scroll #ccc; padding:5%; font-size:.24rem;}
.login ul li{ border-bottom:1px solid #f5f5f5; padding:.2rem 0;}
.text01{ width:85%; border:none; color:#999; margin-left:.05rem; text-align:left;}
.textarea01{ width:100%; height:1.5rem; border:none; margin-top:.1rem; color:#999;}
.button01{ width:90%; height:.6rem; border:none; margin:5%; background:#bb3e34; color:#fff;}

/*car*/
.C_list01{ background:#fff; height:.65rem;line-height:.62rem; border:1px solid #e6e6e6;}
.C_list01 li{ float:left; font-size:.2rem; margin:0 0.03rem;}
.C_list01 .active{border-bottom:2px solid #bb3e34; margin-bottom:-2px;}
.C_list01 li img{ width:.5rem; vertical-align:middle;} 

.C_list02{background:#fff; height:.65rem; line-height:.65rem; border:1px solid #e6e6e6;}
.C_list02 dt{ width:80%; float:left;}
.C_list02 dt li{ width:50%; float:left; text-align:center;}
.C_list02 dt .active a{ color:#bb3e34;}
.C_list02 dd{ width:19%; float:right; border-left:1px solid #e6e6e6; text-align:center;}
.C_list02 dd img{ width:.24rem; vertical-align:middle;}

.C_list03{background:#fff; height:.65rem; line-height:.65rem; border:1px solid #e6e6e6;}
.C_list03 dt{ width:80%; float:left;}
.C_list03 dt li{ width:33%; float:left; text-align:center;}
.C_list03 dt li img{ width:.4rem; vertical-align:middle;}
.C_list03 dt .active{ color:#bb3e34;}
.C_list03 dd{ width:19%; float:right; border-left:1px solid #e6e6e6; text-align:center;}
.C_list03 dd img{ width:.24rem; vertical-align:middle;}

.C_list04{background:#fff; height:.65rem; line-height:.65rem; border:1px solid #e6e6e6;}
.C_list04 dt{ width:80%; float:left;}
.C_list04 dt li{ width:50%; float:left; text-align:center;}
.C_list04 dt li img{ width:.4rem; vertical-align:middle;}
.C_list04 dt .active{ color:#bb3e34;}
.C_list04 dd{ width:19%; float:right; border-left:1px solid #e6e6e6; text-align:center;}
.C_list04 dd img{ width:.24rem; vertical-align:middle;}

/*车顶架*/
.Cartop dl{ background:#fff; margin:2%; margin-bottom:.2rem; box-shadow:0px 2px 2px #999; padding:.04rem 0;}
.Cartop h3{ margin:3%; border-bottom:1px solid #e6e6e6; font-size:.12rem; color:#666666; line-height:.4rem; font-weight:normal;}
.Cartop dd{ padding:.1rem 0 .3rem 0;}
.Cartop dd img{ width:48%; float:left; margin:0 1%;}
.Cartop dt{ margin:3%; line-height:.3rem;}
.Cartop dt span{ color:#666; margin-right:.2rem; font-weight:normal;}

/*自行车支架*/
.dl05{ width:48%; margin:0 1%; box-shadow:0px 2px 2px #999; margin-bottom:.1rem; margin-top:.1rem; background:#fff; text-align:center; float:left; padding-top:.1rem; padding-bottom:.1rem; height: 3rem;}
.dl05 dt{ padding:5%;}
.dl05 dd p{ font-size:.18rem; line-height:.3rem; color:#000;}
.dl05 dd span{ font-size:.16rem; color:#999;}
.bike{ padding-bottom:.3rem; padding-top:.3rem;}

.nav01 {  padding-bottom:.3rem; color:#999;}
.nav01 .list01 { width:96%; padding:2%; }
.nav01 .list01 dd{ background:#f5f5f5; text-align:center; line-height:.4rem; border:1px solid #f5f5f5; margin:0 .015rem .02rem .015rem; width:24%; float:left;}
.nav01 .list01 .active{background:#fff; border:1px solid #bb3e34;}
.nav01 ul{ position:absolute; bottom:0; right:0; width:100%;}
.nav01 li{ width:50%; float:left; background:#ba3d33; border-top:1px solid #ba3d33; text-align:center; font-size:.24rem; color:#fff;}
.nav01 .li01{background:#fff; border-top:1px solid #ccc; color:#333;}

.xmxx_c{ margin:0 .1rem;}
.box{ margin-top:.8rem;}

/*加载更多*/
[ig-load] { display: block; width: 96%; height: 0.64rem; line-height: 0.64rem; text-align: center; background: none; margin: 0 2% 0.16rem;  opacity: 0.5;  background: #ddd; border-radius: 3px; font-size: 0.21rem;}
.pager {display: none;}

/***********************************
 *** 设备适配
 **********************************/

@media (min-width:700px){
  html { font-size:100px; }
} 
@media (max-width:700px){
  html { font-size:90px; }
}
@media (max-width:500px){
  html { font-size:80px; }
} 
@media (max-width:350px){
  html { font-size:70px; }
}

.page {margin-top: 20px; text-align:center; float:right;}
.pagination {margin-right: -5px;padding-top: 15px;text-align: center;}
.pagination li{ float:left; border: 1px solid #ddd;color: #888;display: inline-block;font-size: 12px;line-height: 26px;margin-right: 5px;padding: 0 7px;}
.pagination .active {background: #e40011 none repeat scroll 0 0;border: 1px solid #e40011;color: #fff;font-weight: bold;}