@charset "utf-8";
html{ font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace;}
button,input,select,textarea{font-size:100%;outline:none; -webkit-tap-highlight-color:transparent;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
a,a:hover{text-decoration:none; color:#333;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
label,button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
del{text-decoration:line-through;}
ins{text-decoration:none;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
mark{background-color:yellow;}
input[type=submit],input[type=button]{ -webkit-appearance:none; box-sizing:content-box;border:0; border-radius:0;}
body{font-family:"Microsoft YaHei","华文细黑","黑体";font-size:12px; color:#333;}
.clearfix:after{clear:both;display: block; content: "..."; visibility: hidden; height: 0;}
.clearfix{*zoom:1;}
.clear{ clear:both;}

HTML{FONT-FAMILY:Arial, Helvetica, sans-serif,"宋体"; text-align:left;word-break:break-all;text-overflow:ellipsis; }
body{FONT-SIZE:12px; COLOR:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0; margin:0;}
ul,li{list-style:none;margin:0px;padding:0px}
form{ padding:0px; margin:0px}
td{FONT-SIZE:12px}
img{border:0px;}
a{ COLOR:#666;TEXT-DECORATION:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#fff;}
input, select { vertical-align: middle;}
.clear{clear:both; font-size:0; line-height:0; height:0;}
.clearfix:after{clear:both;display:block;content:"...";visibility:hidden;height:0;font-size:0;}
.clearfix{*zoom:1;}


.jx-sprite-icon{ background:url(../images/jx-sprite.png) no-repeat;  background-size:200px 73px;}
.homeWrap{ min-width:320px; max-width:640px; margin:0 auto; background:#f3f5f6; padding-bottom:43px;overflow-x:hidden;overflow-y:auto;}
.topFix{ position: absolute; width:100%; max-width:640px; z-index:10000;}
.topFixBg{ position: fixed; top:0;}
.fixBg{position: relative; background:#fff; /*background: -webkit-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0)); background: -moz-linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0)); background: linear-gradient(top,rgba(0,0,0,0.7),rgba(0,0,0,0));*/ -webkit-transition: background-color .5s linear; -moz-transition: background-color .5s linear; -o-transition: background-color .5s linear; transition: background-color .5s linear; -webkit-transform: translateZ(0); transform: translateZ(0); width:100%; height:45px; z-index:99;}
.fixBgRed{ background:#fff; opacity:0.9;border-bottom: 2px solid #f1f1f1;}
.searchBox{ height:27px; position:absolute; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; top:9px; left:0; z-index:100;}
.searchTb{ margin:0 10px; height:100%; position:relative;}
.jxLogo{ position:absolute; left:0px; top:-2px; }
.jxLogo span{ display:inline-block; width:57px; height:27px; background-position:0 0;}
.searchWrap{ margin-left:150px; height:27px; position:relative;}
.servSearch{ height:27px;}
.searchTb .servSearch .search{ height:27px;}
.searchTb .servSearch .search  .searchForm{ background:#ffffffc2; height:100%;  border:none; width:100%; line-height:27px; border-radius:3px; padding-left:30px; font-size:13px; color:#666666; font-family:"黑体"; -webkit-box-sizing:border-box;box-sizing:border-box;}
.searchTb .servSearch .search i{ top:8px;}
.searchTb .servSearch .searBtn{ height:27px; line-height:27px;}
.searchWrap i{ display:inline-block; position:absolute;  background-position:-65px 0; width:15px; height:15px; top:7px; left:8px;}
.searBtn{ position:absolute; right:0; top:0; display:block; line-height:29px; color:#fff; width:33px; text-align: right;}
.searBtn:hover{ color:#fff;}
.newNav{ width:100%; font-size:0; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.newNav a{ width:20%; display:block; text-align:center; float:left;}
.newNav a img{width:100%; height:auto; padding:0; border:0; padding:0;}
.wraper{ width:100%; background:#fff; margin-bottom:8px;}
.jxAdBox{ font-size:0; background:#fff;}

/*图片轮播效果*/
.jx-ad-box{ position:relative;overflow:hidden;max-width:640px; z-index:1;/* 设置焦点图最大宽度 */ }
.jx-ad-box .hd1{ position:absolute; height:6px; line-height:6px; bottom:8px; z-index:1; text-align:center; right:8px;}
.jx-ad-box .hd1 li{ display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 4px; opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
.jx-ad-box .hd1 li.on{ background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.jx-ad-box .bd1{ position:relative; z-index:0; }
.jx-ad-box .bd1 li{ position:relative; text-align:center; float:left;}
.jx-ad-box .bd1 li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.jx-ad-box .bd1 li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.newsBox{ padding:10px 5px 5px; height:40px;background: #fff;margin-bottom: 6px;}
.news{ height:20px; position:relative;}
.news i{ width:83px; height:16px; padding:2px 10px 2px 0; position:absolute; display:inline-block; top:0; left:0; border-right:1px solid #ededed; padding-right:10px;}
.news i img{ width:83px; height:16px;}
#newList{ margin-left:15px; color:#252525; font-size:12px; height:20px; line-height:20px; overflow:hidden; width:auto;}
#newList li{ height:20px; line-height:20px; width:100%; overflow:hidden; float:none; font-size:14px; text-overflow:ellipsis;white-space:nowrap;}
#newList .swiper-wrapper,#newList .swiper-slide{display: block;}
.third{ font-size:0; border-bottom:1px solid #ededed; }
.spikeTit{     height: 40px;
    position: relative;
    background: #fff;
    margin-bottom: 7px;
    margin-top: 0px;}
.spikeTit h3{ position:absolute; font-size:14px; font-family:"黑体"; left:10px; line-height:40px; top:0; font-weight:bold;}
.spikeTit .lastTime{ margin-left:75px; height:16px; line-height:16px; font-size:0; padding:12px 0;}
.spikeTit .lastTime span,.lastTime i,.lastTime em{ display:inline-block; vertical-align:middle; font-style:normal; font-size:12px;}
.lastTime i{ background:#858585; width:16px; height:16px; color:#fff; border-radius:2px; text-align:center;}
.lastTime em{ margin:0 2px;color:#666666;}
.spikeTit .lastTime span{ color:#666666; margin-right:5px;}
.spikeTit .more{ display:inline-block; position:absolute; right:10px; top:0; height:40px; line-height:38px;}
.spikeTit .more span,.spikeTit .more i{ display:inline-block; vertical-align:middle;}
.spikeTit .more span{ color:#999; font-size:13px; margin-right:5px;}
.spikeTit .more i{ background-position:-88px 0; width:14px; height:13px;}
.spikeWrap{ padding:5px 0;}
.spikeBox,.swiper-container{ width:100%;}
.swiper-container {margin: 0 auto; height:auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%; position: relative; z-index:100; overflow:hidden; float:left; border-right:1px solid #f1f1f1;}
#tSlider_1 .swiper-wrapper{ padding-left:10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ulImg{ position:relative; padding-bottom:100%; display:block;}
.bg-lazy{ background:url(../images/loazy_img.png) no-repeat center center; background-size:100%; display:block; width:100%; height:100%;}
#tSlider_1 .swiper-slide a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:0 2%; overflow:hidden;}
.swiper-slide img{ width:100%;}
.loadImg{display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 18; background:url(../images/loazy_img.png) no-repeat center center; background-size:100%;}
#tSlider_1 a span{ display:block;}
#tSlider_1 a .pic{ font-size:0;}
#tSlider_1 a .pic img{left: 0; position: absolute; top: 0; z-index: 20; width:100%; height:auto;}
#tSlider_1 a .name{  color:#252525; height:32px; line-height:16px; overflow:hidden; font-size:12px;}
#tSlider_1 a .price{ color:#fc5a5a; font-size:14px; line-height:14px; margin-top:5px;}
#tSlider_1 a .y-price{ display:block; color:#999999; font-size:12px; line-height:14px;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;  height:6px; line-height:6px; bottom:8px; text-align:center; right:8px;}
.swiper-pagination-bullet {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 4px; opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}

.adMidBox{ width:100%; padding:10px 0;}
.publicTitle{height: auto; min-height:32px; max-height:64px; font-size:0; text-align:center; border-bottom:1px solid #f1f1f1; background:#fff;}
.publicTitle img{ height:auto; width:100%;}
.borderCom:after{ border-right: 1px solid #f0f0f0; content: ""; height: 100%; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); width: 1px; z-index: 10;}
.borderCom{ position:relative;}
.itemFlex,.itemFlex*,.itemFlex:before,.itemFlex:after{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.itemFlex{ display: -webkit-box!important; display:-moz-box; display:box; display: -webkit-flex!important; display: -moz-flex; display:  display: flex!important;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;}
.itemFlex img{ width:100%; height: auto; margin:0; padding:0; border:0;}
.cular{ -webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-webkit-flex: 1;-moz-flex: 1; flex: 1; -webkit-flex-basis: 0;-moz-flex-basis: 0; flex-basis: 0; max-width: 100%; display: block;}
.cular a{ display:block; width:100%;}
.borderComT:after{ border-top: 1px solid #f0f0f0; content: ""; height:1px; position: absolute; left:0; top:99%; -webkit-transform: scaleX(1); transform: scaleX(1); width:100%; z-index: 10;}
.borderComT{ position:relative;}
.fiveTop{ border-bottom:1px solid #f1f1f1;}
.floorAd{ position:relative; border-bottom:1px solid #f1f1f1; font-size:0; background:#fff;}
.floorAdLeft{ float:left; width:30%; height:100%;}
.floorAdLeft img,.floorAdTop img{ width:100%; height:auto;}
.floorAdRight{ margin-left:30%; height:100%;}
.floorAdTop,.floorAdBottom{ width:100%; height:50%;}
.brand{ padding:5px 0; background:#fff;}
.brand a{ display:block;}
.themeList{ width:100%; position:relative; top:-1px;}
.themeList li{ float:left; width:50%; height: auto; border-top:1px solid #f1f1f1; position:relative;}
.themeList li:nth-child(odd):after{ border-right: 1px solid #f0f0f0; content: ""; height: 100%; position: absolute; right: 0; top: 0; transform: scaleX(0.5); width: 1px; z-index: 10;}
.themeList li a{ display:block; position:relative; z-index:1; padding-bottom:43.76%;overflow:hidden;}
.themeList li img{ width:100%; height:auto; position:absolute; left:0; top:0; z-index:1;}
.themeList .loadImg{ background-size:50%;}
.productList{ width:100%; background:#fff;}
.tabs{ width:100%; height:33px; border-bottom:1px solid #f1f2f2;}
.tabs a{ line-height:33px; height:33px; text-align:center; color:#666666; font-size:12px;}
.tabs a.active{ color:#fc5a5a;}

.proItem{ width:100%; background:#f3f5f6;}
.proItem li{ width:49.5%; background:#fff; float:left; overflow:hidden; position:relative;  padding:5px 5px 5px;  -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 1% 1% 0; overflow:hidden; z-index:1;}
.proItem li a{ display:block;  box-sizing:border-box;}
.proItem li:nth-child(even){ margin:0 0 1% 0;}
.proItem li del{ color:#999;}
.proItem li .pic{ display:block;box-sizing: border-box;  height: 100%; overflow: hidden; width: 100%;}
.proItem li .pic img{left: 0; position: absolute; top: 0; z-index: 20; width:100%; height:135px;}
.proItem li .name,.proItem li .price{ display:block;}
.proItem li .name{ height:28px; line-height:28px; overflow:hidden; color:#252525; font-size:16px;}
.proItem li .priceInteger{ font-size:14px; color:#fc5a5a;font-weight: normal;}
.proItem li del{ color:#999; display:inline-block; font-size:12px; margin-left:5px;}
.proItem li .clubPrice{ display:inline-block; font-size: 12px;color: #252525;margin-left: 6px;}
.proItem li .clubPrice i{ width:34px; height:12px; display:inline-block; background:url(../images/club.png) no-repeat center center; background-size:34px 12px; margin-left:3px; position:relative; top:1px;}
.proItem li .price{ float:left; margin-bottom:8px; white-space: nowrap;}



.tagList{ position:absolute; height:16px; display:block; left:5px; top:5px; font-size:0; z-index:100;}
.tagList i{ display:block; text-align:center; height:16px; line-height:16px; border-radius:3px; padding:0 3px; font-size:12px; color:#fff; font-style:normal; margin-right:5px;float:left;}
.tagList i.tag_1{ background:#ff4a5f;}
.tagList i.tag_2{ background:#61aefe;}
.saleOut{ background:url(../images/saleout.png) no-repeat 0 0; background-size:62px 62px; display:block; position:absolute; width:62px; height:62px; left:0; top:0; bottom:0; right:0; margin: auto; z-index:101;}
.bottomBar{ height:42px; border-top:1px solid #cccccc; background:#f1f1f1; position:fixed; bottom:0; left:0; width:100%; z-index:1000;}
.bottomBar ul{ width:100%;}
.bottomBar li img{ width:100%; height:auto;}
.bottomBar li a {display:block; width:42px; height:42px; overflow:hidden; margin:0 auto;}
.toTop{ width:51px; height:51px; position:fixed; bottom:115px; right:12px; z-index:10000; display:none;}
.toTop i{ display:block; background-position:-90px -2px; background-size:150px 55px; width:100%; height:100%;}
.bton{ position:fixed; bottom:60px; right:12px; display:block; z-index:99999999;}
.pubBanner{ width:100%; line-height: 0;    margin: 5px 0; }
.pubBanner img{ width:100%; height:auto;}
.h10{ height:8px; display:block; width:100%;}
.fadeIn{ -webkit-animation: fadeIn 1s;  -moz-animation: fadeIn 1s; animation: fadeIn 1s;}
@media (max-width: 320px) {
.proItem li .priceInteger{font-size:12px;}
.proItem li .clubPrice{font-size:11px; margin-left:4px;}
.proItem li .clubPrice i{margin-left: 1px;}
}
@-webkit-keyframes fadeIn{
      0% {
		  -webkit-opacity: 0;
		  -moz-opacity: 0;
          opacity: 0;
      }

      100% {
		  -webkit-opacity: 1;
		  -moz-opacity: 1;
          opacity: 1;
      }
}
@-moz-keyframes fadeIn{
      0% {
		  -webkit-opacity: 0;
		  -moz-opacity: 0;
          opacity: 0;
      }

      100% {
		  -webkit-opacity: 1;
		  -moz-opacity: 1;
          opacity: 1;
      }
}
@keyframes fadeIn{
      0% {
		  -webkit-opacity: 0;
		  -moz-opacity: 0;
          opacity: 0;
      }

      100% {
		  -webkit-opacity: 1;
		  -moz-opacity: 1;
          opacity: 1;
      }
}
.third .borderCom:last-child:after,.fiveTop .borderCom:last-child:after,.fiveBottom .borderCom:last-child:after{ border:none;}
.fiveTop{ border-bottom:1px solid #f0f0f0;}

.refresh { height: 40px; padding: 8px 0; text-align: center;  width: 100%; background:#fff;}
.refresh .refresh-w { background:url("../images/icon123_03.png") no-repeat scroll 0 0 / 25px 25px; display: block; height: 25px; margin: 0 auto; position: relative; width: 25px;}
.refresh i .refresh-n { display: block; left: 6.5px; position: absolute; top: 6.5px;}
.refresh p { color: #999; font-size: 12px; line-height: 15px; text-align: center;}
.refresh-360 { animation: 1.5s linear 0s normal none infinite running rotate; -webkit-animation: 1.5s linear 0s normal none infinite running rotate;}
.noMore { color: #969696; display: none; font-size: 12px; height: 64px; line-height: 64px; overflow: hidden; text-align: center; width: 100%;}
.noMoreHover {  height: 0; transition: height 0.8s ease 0s; -webkit-transition: height 0.8s ease 0s;}
@keyframes rotate {
0% {
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
}
.topAd { height: 100%; overflow: hidden; position: relative; width: 100%;}
.topAdPic, .topAdPic img { height: auto; width: 100%;}
.topAd i { background-position: 0 -35px; cursor: pointer; display: block; height: 19px; position: absolute; right:6px; top: 6px; width:19px; z-index: 2;}
.fadeIn{ -webkit-animation: fadeIn 0.3s;  -moz-animation: fadeIn 0.3s; animation: fadeIn 0.3s;}

@-webkit-keyframes ks-fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes ks-fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
#slider_1{ min-height:132px; font-size:0;}
#slider_2,#slider_3,#slider_4,#slider_5,#slider_6,#slider_7{ min-height:74px;}
.minH90{ display:block;min-height:90px; overflow:hidden;}
.minH107{ display:block;min-height:107px; overflow:hidden;}
.minH172{ display:block;min-height:172px; overflow:hidden;}
.minH86{ display:block;min-height:86px; overflow:hidden;}
.minH102{ display:block;min-height:102px; overflow:hidden;}
.minH83{ display:block; min-height:83px; overflow:hidden;}
.minH84{  display:block; min-height:84px; overflow:hidden;}
.minH70{ display:block; min-height:70px; max-height:140px; overflow:hidden;}
.cpmc{ text-align:left; padding-left:10px;}
.cpmc h3{ color:#d60000;}
.cpmc span{ color:#434343;}
.height1{ /*position:absolute; left:0; top:0;*/ z-index:1; overflow:hidden;}
.height1 img{ height:auto;}
.floorAdWrap{ width:50%; height:100%;}
.wrapCon1{ width:49.1%;}
.wrapCon2{ width:50.9%;}
.swiper-lazy-preloader{ background:url(../images/loazy_img.png) no-repeat center center; background-size:100%; width:100%; height:100%;}
.test-lazyload{-webkit-animation:ks-fadeIn 350ms linear 0ms 1 normal both;animation:ks-fadeIn 350ms linear 0ms 1 normal both;opacity:0}
#sSlider_1 .swiper-lazy-preloader,#sSlider_2 .swiper-lazy-preloader,#sSlider_3 .swiper-lazy-preloader,#sSlider_4 .swiper-lazy-preloader,#sSlider_5 .swiper-lazy-preloader{ padding-bottom:100%;}
#tSlider_2 .swiper-lazy-preloader{ padding-bottom:70.4%;}
.fl{ float:left; font-size:0; width:50%;}


.cprx td { padding: 10px 0 15px;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.cpfl{ background:#f1f1f1;margin-top: 10px;}
.cpfl_bt{ margin-bottom:0}
.cpfl_bt a{ display:block;font-size:20px; color:#df007d; padding-top: 16px; margin-bottom:10px; font-weight:normal; text-align:center}
.cpfl_bt a span{ font-size:16px}
.xxls{padding:2px;}
.xxls li{ width:32.6%; float:left; margin-right:2px; margin-bottom:2px; background:#fff;}
.xxls li:nth-child(3){ margin-right:0}
.xxls li a{ display:inline-block; font-size:14px; width:100%}
.xxls li a img { width:100%}
.xxls li a h3{ padding:0 5px; margin-top:5px; margin-bottom:8px; font-weight:normal;text-align: center;}
.xxls li a p{ padding:0 5px; color:#ff0000; margin-bottom:15px}
.xxls li a p img { float:right; width:23px}



/*底部*/
.fobt{ height:58px;}
.fobg, .fobg2{ background:#fff; width:100%; height:55px; position:fixed; bottom:0; left:0; z-index:999; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.fobg a{ display:block; float:left; width:20%; text-align: center; position:relative;font-size: 13px !important;}
.fobg a img{ position:relative; margin:6px auto 3px; z-index:0;}
.che-fo{ display:block; position:absolute; z-index:3; left:50%; margin-left:2px; top:6px; width:auto; padding:0 5px; height:18px; font-size:12px; color:#FFF; line-height:; background:#d60000; border-radius:9px;}
/***********************************nav***********************************/
.topn{ display:block; height:52px; background:#e6e6e6; padding:0 3%;}
.tosou{ display:block; margin:0 38px; padding-top:9px; position:relative;}
.tsous{ display:block; width:100%; height:34px; padding:0 17px; border:1px solid #c4c4c4; border-top-right-radius:17px; border-top-left-radius:17px; border-bottom-right-radius:17px; border-bottom-left-radius:17px; line-height:32px !important;}
.tsouc{ display:block; position:absolute; z-index:2; right:0; top:9px; width:50px; height:34px; background:url(../images/sos.png) center center no-repeat; background-size:auto 90%;}