/*左右滑动的导航*/
#n1{ margin-top:5rem; margin-bottom:1rem;}
#n1 .swiper-slide{  width:6.5rem; margin:0 .8rem 0 .5rem; color:#fff; text-align:center; padding:.5rem 0 1.5rem 0;}
#n1 .swiper-slide a{ color:#fff}
#n1 .swiper-slide a.on{ color:#fff; font-weight:bold;position: relative; }

#n1 .swiper-slide a.on:after { position: absolute; bottom:-1rem; left:50%; margin-left: -25%;
  content: "";  display: inline-block;
  width:50%;  height:3px;  background: #fff; border-radius:1rem;}

/*礼品按人群分类*/
#n2{ padding:0 0 1rem .6rem;}
#n2 .swiper-slide{  width:10rem; height:6.5rem; margin-right:1rem; color:#fff; background:#f6f6f6;  padding:.6rem 0; position:relative;border:1px solid #eee}
#n2 .swiper-slide a{ display:block; padding-left:1rem }
#n2 .swiper-slide a strong{ display:block; font-weight:500}
#n2 .swiper-slide a span{ display:block; font-size:.7rem; padding-top:.5rem; color:#fa7a20}
#n2 .swiper-slide a i img{ width:50%; position:absolute; bottom:0; right:0; z-index:0}

/*焦点图15*12=180px*/
.f {height:18rem;overflow:hidden; margin:.3rem .6rem;-webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;}
.f .swiper-container {width:100%;height:100%;}
.f .swiper-slide {text-align:center;/* Center slide text vertically */      display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.f .swiper-pagination {text-align:right;}
.f .swiper-pagination-bullet-active {background:#fb5b56}
.f img {width:100%;}


.fs {height:13rem;overflow:hidden; margin:.3rem 0rem}
.fs .swiper-slide img{border-radius:0rem; width:100%}


/*导航*/

.w{ padding:2rem 0;}
.wk{ width:20%; float:left; text-align:center; margin-bottom:2rem;}
.wk a{ display:block; }
.wk a i{ display:block;width:5rem; height:5rem;  background-position:center; background-repeat:no-repeat; background-size:100%; margin:0 auto;}
.wk a span{ display:block; padding-top:.5rem; color:#5b5b5b}


.wk:nth-child(1) i{background-image:url(../image/w1.png);}
.wk:nth-child(2) i{background-image:url(../image/w2.png);}
.wk:nth-child(3) i{background-image:url(../image/w3.png);}
.wk:nth-child(4) i{background-image:url(../image/w4.png);}
.wk:nth-child(5) i{background-image:url(../image/w5.png);}
.wk:nth-child(6) i{background-image:url(../image/w6.png);}
.wk:nth-child(7) i{background-image:url(../image/w7.png);}
.wk:nth-child(8) i{background-image:url(../image/w8.png);}
.wk:nth-child(9) i{background-image:url(../image/w9.png);}
.wk:nth-child(10) i{background-image:url(../image/w10.png);}


/*大板块-热门推荐*/.ct {}
.ct strong {display:block;float:left;font-size:1.4rem;}
.ct strong:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:0px;margin-right:10px;}
/*大板块-右侧一样*/.ct a {display:block;float:right;color:#b5b5b5;margin-top:2px;background:#f9f9f9;padding:.2rem .8rem;font-size:.6rem;border-radius:.8rem;}
.ctp strong {color:#E23033}
.ctp strong:before {background:url(../image/c1.jpg) 0 2px no-repeat;}
.ctp i {color:#9e38e5}


/*热荐滚动*/.t2 {margin:1rem .8rem;}
.swiper-container2 {width:100%;height:100%;}
.swiper-container2 .swiper-slide {text-align:center;background:#fff;/* Center slide text vertically */      display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

#t3 .swiper-slide a em{ position:absolute; width:4rem; height:4rem; left:50%; margin-left:-2rem; top:50%; margin-top:-3rem; background:url(image/pl.png) no-repeat; background-size:100%;}



/*标题-两行*/
.sp{ margin:1.5rem .8rem}
.sp span{}
.sp span strong{ display:block; font-size:1.4rem; font-weight:600}
.sp span p{ font-size:.8rem; display:block; padding-top:.6rem; color:#999}

.sp a{ margin-top:1rem; height:1.6rem; line-height:1.6rem; position:relative; padding-right:1rem; color:#999; font-size:.6rem}
.sp a:after{ position:absolute; right:-2rem; top:-.08rem;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:1.6rem;
    height:1.6rem;
    margin-right:1.5rem;
    background: url(../image/jt.png) center top no-repeat; background-size:100%;
}

/*标题-一行*/
.yh strong{ margin-top:.2rem}
.yh span p{ padding-top:.3rem}
.yh a{ margin-top:.4rem}


/*价格区间*/

.jso {height:25px;padding-top:5px;overflow:hidden; left:9rem; top:-.4rem; }
.jso span {float:left;height:2.5rem;line-height:25px;margin:0 5px;}
input.jgf {width:3.5rem;padding:3px;border:1px solid #666;float:left;border-radius:.3rem;}
input.spjias {background:#fa7a20;float:left;margin-left:10px;color:#fff;border:0;padding:.2rem 1rem;border-radius:.3rem;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#ddd;}
::-moz-placeholder {/* Mozilla Firefox 19+ */color:#ddd;}
input.jgf:-ms-input-placeholder {color:#ddd;font-size:12px;}
input.jgf::-webkit-input-placeholder {color:#ddd;font-size:12px;}

.jgq{ margin:.8rem;}
#n3{}
#n3 .swiper-slide{width:6rem; margin-right:.5rem; color:#fff; text-align:center; padding:.6rem 0; font-size:1.2rem; line-height:2rem }
#n3 .swiper-slide a{ border-bottom:1px solid #eee;}
#n3 .on a{ color:#fa7a20;border-bottom:1px solid #fa7a20;}

.qu{}
.qu ul{ display:block; border-bottom:1px solid #f1f1f1}
.qu ul li{margin: 0; display: block; float: left; height:4rem; line-height:4rem;  width: 20%; text-align: center; border-top:1px  solid #f1f1f1 ;border-right:1px  solid #f1f1f1 ;box-sizing: border-box;  /*border计算在width中*/		  -moz-box-sizing:border-box; /* Firefox */			  -webkit-box-sizing:border-box; /* Safari */	 font-size:1.3rem;}




/*商务礼品*/
.gsw{}
.gsw .swiper-slide{ width:20rem;}
.gsw .swiper-slide img{ width:100%}

/*中间广告*/.a1 {border-radius:.3rem;overflow:hidden;}
.a1 img {width:100%;}

/*行业精选*/
#n4 .swiper-slide{  width:6.5rem; margin-right:.9rem; color:#fff; text-align:center; padding:.6rem 0; font-size:1.3rem }
#n4 .on a{ color:#fa7a20}

/*品牌*/
strong.ts{}
strong.ts:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:.5rem;
    height:1.6rem;
    margin-right:.5rem;
    background:#fa206a;
}
.tpp .swiper-slide{ width:10rem;  border:1px solid #eee; margin-right:1rem;}
.tpp .swiper-slide img{ width:10rem;}


/*栏目块的大标题*/
.ar{ }
.mtu{}
.mtu img{ width:100%;}

.at{ margin:2rem .8rem 0 .8rem; height:2rem; line-height:2rem; border-bottom:0px solid #ddd}
.at i{ float:left;  margin:0 .8rem; color:#fa7a20; font-size:1.5rem; font-weight:600}
.at strong{ float:left; font-size:1.5rem;color:#fa7a20;}

.at a{ float: right; margin-top:.2rem;  position:relative; padding-right:1rem; color:#999}
.at a:after{ position:absolute; right:-2rem; top:.18rem;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:1.6rem;
    height:1.6rem;
    margin-right:1.5rem;
    background: url(../image/jt.png) center top no-repeat; background-size:100%;
}

/*产品图*/
.kx{ padding-top:10px;}
.kx .cpz{ width:33.333%; float:left;}
.kx .cpz .cps{width:90%; margin:0 auto;}
.kx .cpz .ru{ width:90%; margin:0 auto;}


.new{ margin:1rem;}
.new ul{}
.new ul li{ margin-bottom:1.5rem}
.new ul li a{ display:block}
.new ul li a .nwl{ width:60%;}
.new ul li a .nwl strong{ display:block; font-size:1.6rem;display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2; overflow: hidden; font-weight:500; line-height:2.5rem}
.new ul li a .nwl p{ display:block; color:#999; padding-top:1.2rem}
.new ul li a .nwr{ width:25%; margin-right:5%}
.new ul li a span.nwr{ display:block;}
.new ul li a span.nwr img{ width:100%; border-radius:.8rem}


/*底部的4块*/
.e{ margin-top:3rem;}
.ea{ width:45%; float:left; height:5rem;  margin:.5rem 2.5%; position:relative;}

.ea:before { position:absolute; top:-.8rem; left:0; 
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:3rem;
    height:3rem;
    background-size:100%; margin-top:1rem;
}

.ea strong{ display:block;padding-left:3.5rem;}
.ea p{ display:block; font-size:.8rem; padding-left:3.5rem; padding-top:.5rem; color:#999}
.ea1:before{ background-image:url(../image/ea1.jpg)}
.ea2:before{ background-image:url(../image/ea2.jpg)}
.ea3:before{ background-image:url(../image/ea3.jpg)}
.ea4:before{ background-image:url(../image/ea4.jpg)}

/*底部链接*/


/*广告*/
.ia {padding:.5rem 0;}
.ia img {width:100%;}
/*表单提交*/.da {overflow:hidden;}
.dal {width:30%; margin-left:2%;}
.dar {margin:0 .5%;}

.slo{ margin:1rem;}
.slo i{ display: block; width:.5rem; height:2rem; line-height:1.5rem; background:#d31c1c; float:left; margin-top:.2rem;}
.slo span{ float:left; margin-left:.5rem; font-size:1.8rem;}
.MoBodyC{ margin:1rem;}
.form-module { padding-top:0rem;  }
.item-list{ border:1px solid #eee;line-height:1.5rem; margin-bottom:.6rem; padding:1rem; color:#717171;}
.form-module dl dd {display:block;}

.item-name {width:22%;float:left; font-size:.9rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.item-con {float:left;width:78%;}

.form-select select {text-align:right;width:100%;padding:2px 20px; border:0; border-left:1px solid #ddd; font-size:.9rem;  appearance:none;
          -moz-appearance:none;
          -webkit-appearance:none; background: url("skin/sj.jpg") no-repeat right center transparent;color:#717171; direction: rtl;}
		  
	.form-select select option{ direction:rtl;}
		  
		  
input.ins {width:100%;padding:3px 0;border:0px solid #888;font-size:.9rem;}
.user-login-but {border-radius:0rem;padding:1rem 0;background:#ff3334;color:#fff;border:0px solid #ddd;font-size:1rem; display:block; margin:0 auto; width:100%; border:0;}


a.has {display:block;width:100px;margin:2rem auto;height:30px;line-height:30px;text-align:center;border-radius:10px;border:1px solid #eee;color:#fa7a20}
.tt3 .cpz .ru {
    height:3rem;  
}