body {}
/*顶部的三个按钮*/
a.ifh{ position:absolute; top:1rem; left:1rem; display:block; width:20px; height:20px; line-height:100px; overflow:hidden; background:url(skin/cp/ifh.png); background-size:cover; z-index:9}
span.ico{ display:block; width:60px; height:20px; position:absolute; right:.3rem; z-index:9; top:1rem;}
a.ifx{ display:block; width:20px; height:20px; line-height:100px; overflow:hidden; background:url(skin/cp/ifx.png); background-size:cover; float:left;}
a.isc{ display:block; width:20px; height:20px; line-height:100px; overflow:hidden; background:url(skin/cp/isc.png); background-size:cover; float:left; margin-left:1rem;}
/*产品的焦点图*/
.swiper-container {width:100%;height:23.5rem;}
.swiper-slide {text-align:center;}
.swiper-slide img {width:100%;height:100%;}
.swiper-container-horizontal>.swiper-pagination{ width:10%; background: rgba(0,0,0,.2); color:#fff;  right:.5rem; left:auto; font-size:.8rem; padding:.3rem;border-radius: 10px;}

.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");}

.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");}

/*标题开始*/
.title{ margin:.5rem .6rem;}
.title i{ display:block; float:left; width:8px; height:2.5rem; background:#f65b56;border-top-left-radius: 10px; border-top-right-radius: 10px;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.title strong{ display:block; float:left; width:80%; margin-left:.5rem; font-size:1rem; line-height:2.5rem; color:#333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.title span em{ background-image:url(skin/cp/xfx.jpg);}
/*分享和收藏的公共*/
.ft{ border-bottom:1px solid #eee; padding-bottom:.8rem;}
.ft span{float:right; margin-top:.2rem;}
.ft span a{ display:block; font-size:.7rem; text-align:center;}
.ft span em{ display:block; width:1.4rem; height:1.4rem; background-repeat:no-repeat;  background-size:cover; margin-bottom:.2rem;}
/*显示的价格*/
.tix{ margin:0 .6rem; position:relative}
.tix i{ float:left; font-size:1.5rem; color:#f65b56; margin-top:.5rem;}
.tix span.sc em{ background-image:url(skin/cp/xsc.jpg);}

.tix span.jrp{ position:absolute; right:3rem;  font-size:.9rem;}
.tix span.jrp a{ color:#f00;}
.tix span.jrp em{background-image:url(image/ppt.png);  margin:0 auto;margin-bottom:.2rem; }


/*市场价一行*/
.jg{ margin:1rem .6rem; font-size:.8rem;border-bottom:1px solid #eee; padding-bottom:.8rem;}
.jg span{}
span.jga{ color:#999}
span.jgb{ margin-left:.5rem;}
span.jgb i{ color:#f00;}
span.jgc{}
span.jgc a{ margin-left:.6rem;}
/*供应商信息*/
.gy{ margin:.3rem .6rem 1rem 0.6rem; font-size:.6rem; color:#666}
.gy strong{ font-weight:600}
.gy a{ color:#f00}
/*已选*/
.yx{margin:0 .6rem; font-size:.6rem; background:#f9f9f9; padding:.5rem 1rem;border-radius:1rem;}
.yx span{ margin-right:1rem;}

/*商品详情*/
.st{ text-align:center; padding:1.5rem 0;}
.st strong{ display:block; font-size:1.5rem;}
.st span{ display:block; color:#999; padding:.5rem 0;}

.spx img{ width:100%;}


.wfx{ position:fixed; bottom:4rem; width:100%; text-align:center;}
.wfx a{ padding:.4rem .8rem; text-align:center;background:rgba(255,255,255,0.5); color:#f00; font-size:.5rem;border-radius:.4rem; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3); margin:0 .5rem}

/*规格*/
.guigebg{height:100%; width:100%;background:rgba(0,0,0,0.5); position: fixed; top:0; left:0; z-index:20;}
.guigebox{ position: fixed; bottom:0rem; z-index:2100; background:#fff; width:100%;border-top-left-radius: 10px; border-top-right-radius: 10px; min-height:50%;}

/*弹出的效果*/
.pg_info{ margin:1rem; height:6rem; position:relative}
.pg_img{ float:left;}
.pg_img img{ width:6rem; height:6rem;border-radius:.5rem; }
.pg_price{ position:absolute; left:7rem; bottom:0; color:#f00; font-size:1.2rem; font-weight:600}
.pg_close{ position:absolute; right:0; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center;border-radius:50%; background:#eee; color:#999; font-size:.6rem;}

.gxcc{ margin:0 1rem; font-size:.9rem;}

.ggt{ font-weight:600}

.ggs{ margin:.8rem 0;}
.ggs text.ggsck{ float:left; background:#f2f2f2; padding:.3rem .5rem; border-radius:1rem; margin-right:.7rem; }
.ggs .ggck{ float:left;background:#f2f2f2; padding:.3rem .5rem; border-radius:1rem; margin-right:.7rem;}

.ggs text.ggon{ background:#faeeec; color:#df3f27;}
.ggs .ggon{ background:#faeeec; color:#df3f27;}

.gms{margin:0 1rem;}/*数量*/
.gma{ font-size:.6rem; line-height:2rem; float:left;}
.sdd{ float:left;height:26px; line-height:24px; overflow:hidden; margin-left:5px; margin-top:5px; }	
.sub, .plus {	width:24px;	height:24px;	cursor:pointer;	background:url("/template/wap/css/skin/bar_icon.png") -267px -610px no-repeat;	vertical-align:middle;	position:relative;}
.plus {	background-position:-234px -610px}
.inp_num {	height:20px;	width:45px;	line-height:20px;	text-align:center;	border:1px #e5e5e5 solid;	position:relative;	border-left:none;	border-right:none; overflow:hidden; font-size:.6rem; background:none}
.kc{ margin-left:10px; line-height:35px; font-size:.9rem; color:#999;}
.pg_buts{ position:fixed; bottom:0; height:3rem; line-height:3rem; text-align:center;  width:100%;}
.pg_buts a{ padding:.3rem 1rem; border-radius:1rem;  border:0px solid #eee; margin:0 .6rem; color:#fff;background:#fb5b56}
.pg_buts a.sn4{ }
.pg_buts a.sn5{}


/*产品底部浮动*/
.ct {position:fixed;bottom:0;left:0;right:0;z-index:10; background:#fff;border-top:0px solid #d5d5d5;height:3rem; border-top:1px solid #eee}
.ct ul.cf{ padding-top:.3rem;  display:-webkit-box;display:-moz-box;display:-ms-flexbox; }
.ct ul.cf li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.ct ul.cf li a{ width:100%; display:block; position:relative; }
.ct ul.cf li a.sn i{ display:block; width:1.5rem; height:1.5rem; background-repeat:no-repeat;  margin:0 auto; background-size:1.5rem}
.ct ul.cf li a.sn span{color:#000; font-weight:500;}
.ct ul.cf li a.sn1 i{ background-image:url(skin/cp/c1.jpg)}
.ct ul.cf li a.sn2 i{ background-image:url(skin/cp/c2.jpg)}
.ct ul.cf li a.sn3 i{background-image:url(skin/cp/c3.jpg); }
.ct ul.cf li a.sn31 i{background-image:url(skin/cp/c31.jpg); }
.ct ul.cf li.s4{  margin:0 .5rem;}
.ct ul.cf li.s5{ margin:0 .5rem;}
.ct ul.cf li a span{ display:block; font-size:.6rem; text-align:center; margin-top:.1rem;}
.ct ul.cf li a.sn4{background:#fb5b56;border-radius:1rem; color:#fff;  padding:.3rem; width:100%; margin-top:.4rem;}
.ct ul.cf li a.sn5{background:#fb5b56;border-radius:1rem; color:#fff;  padding:.3rem; width:90%; margin:0 auto; margin-top:.4rem; }




/*屏幕大于768，大屏的时候ipad*/
@media only screen and (min-width:768px){.swiper-container {width:100%;height:64rem;}}