@charset "UTF-8";
/*CSS reset*/
html, body, div, dl, dt, dd, ul, ol, li, p, span, a, em, h1, h2, h3, h4, h5, h6, strong, b, article, aside, nav, section, header, footer, hgroup, fieldset, figcaption, figure, table, thead, th, tbody, td, tfoot, time, tr, form, label, img, center, caption, audio, video, canvas, abbr, acronym, address, applet, big, blockquote, cite, code, del, details, dfn, embed, i, iframe, ins, kbd, legend, mark, menu, object, output, pre, q, ruby, samp, small, strike, sub, summary, sup, var { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size-adjust: none; font-style: normal; }

* { font-family: "Microsoft YaHei","STXihei","Helvetica","Helvetica Neue",Arial,sans-serif; appearance: none; -webkit-appearance: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html { width: 100%; min-width: 300px; height: 100%; font-size: 625%; }

body { width: 100%; color: #222; background: #f5f5f5;
  text-rendering: optimizelegibility;
  /* 文字不能选中 */
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
 -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
 -webkit-tap-highlight-color: transparent; /* For some Androids */  
 -moz-tap-highlight-color: transparent; /* For some Androids */  
 -ms-tap-highlight-color: transparent; /* For some Androids */  
 -o-tap-highlight-color: transparent; /* For some Androids */  
 tap-highlight-color: transparent; /* For some Androids */ 
}

ol, ul { list-style: none; }

a, img { text-decoration: none; appearance: none; -webkit-appearance: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; outline: hidden; outline-color: transparent; }

a { color: #222; cursor: pointer; }

img { width: 100%; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img, input, textarea, input[type="button"],select { outline: 0; resize: none; border: none; appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }

input { line-height: normal; }

input.fixAKeyboard:focus, textarea.fixAndroidKeyboard:focus { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaintext-only; }

::-ms-clear { display: none; }

::-ms-reveal { display: none; }

/* clear float */
select { appearance: none; -webkit-appearance: none; box-sizing: border-box; align-items: center; border: none; border-image-source: none; border-image-slice: none; border-image-width: none; border-image-outset: none; border-image-repeat: none; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: white; cursor: default; }

.clearfix { clear: both; }

.hidden, header .l-headtit { overflow: hidden; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.multi-ellipsis { overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: .2rem; }

.mainport { font-size: .14rem; width: 100%; min-width: 300px; max-width: 750px; margin: 0 auto; height: 100%; position: relative; }

.padding-top1 { padding-top: .44rem; }

.padding-top2 { padding-top: .84rem; }

.padding-top3 { padding-top: .15rem; }

.padding-top4 { padding-top: .54rem; }

.margin-bot1 { margin-bottom: .1rem; }

.margin-bot2 { margin-bottom: .49rem; }

.margin-bot3 { margin-bottom: .59rem; }

.l_none { display: none; }

.flex { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; }

.table { display: table; }

.t-cell { display: table-cell; }

.box { display: box; display: -webkit-box; display: -ms-box; display: -moz-box; }

/*公用头部*/
.head-fixed { width: 100%; min-width: 300px; max-width: 750px; margin: 0 auto; position: fixed; top: 0; z-index: 9; }

header { width: 100%; height: .44rem; background: #FFFFFF; padding: 0 10px; }
header .l-goback { display: inline-block; width: .44rem; float: left; line-height: .44rem; }
header .l-goback a { display: block; width: .44rem; height: .44rem; background: url(../images/l-goback.png) 0.05rem center no-repeat; background-size: auto .18rem; }
header .l-zhanwei{ display: inline-block; width: .44rem; float: left; line-height: .44rem; }
header .l-zhanwei a { display: block; width: .44rem; height: .44rem;}
header .l-logo { display: inline-block; width: .75rem; float: left; line-height: .44rem; }
header .l-logo a { display: block; width: .75rem; height: .44rem; background: url("../images/logo.png") left center no-repeat; background-size: auto .25rem; }
header .l-headtit { display: block; padding-right: .44rem; font-size: .18rem; color: #222; height: .44rem; line-height: .44rem; text-align: center; }
header .l-headtit .index-search-flex { width: 100%; height: .32rem; border-radius: .5rem; background-color: rgba(255,255,255, 0.95); margin: 0.06rem auto; position: relative; }
header .l-headtit .index-search-flex .index-search-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: .32rem; overflow: hidden; }
header .l-headtit .index-search-flex .index-search-input input { display: block; color: rgba(255, 254, 249, 0.5); font-size: .15rem; text-align: center; padding: 0 .1rem; width: 110%; height: .2rem; background-color: transparent; line-height: .2rem; margin-top: .05rem; }
header .l-headtit .index-search-flex .index-search-icon { display: block; width: .34rem; height: .32rem; background: url("../images/ind_search.png") center no-repeat; background-size: .175rem .175rem; z-index: 11; }
header .l-right { display: inline-block; position: absolute; right: 10px; top: 0; cursor: pointer; width: .44rem; line-height: .44rem; }
header .l-right .l-icon-vmenu { display: block; width: .44rem; height: .44rem; background: url(../images/l-icon1.png) 0.19rem center no-repeat; background-size: auto .18rem; }
header .l-right .l-icon-ind { display: block; position: absolute; right: 0; width: .44rem; height: .44rem; background: url(../images/index_icon.png) center no-repeat; background-size: auto .2rem; }
header .l-right .l-icon-hmenu { display: block; width: .44rem; height: .44rem; background: url(../images/l-icon2.png) 0.19rem center no-repeat; background-size: auto .18rem; }
header .index-login { display: inline-block; position: absolute; right: 0; top: 0; cursor: pointer; width: .44rem; line-height: .44rem; }
header .index-login a { display: block; width: .44rem; height: .44rem; background: url("../images/ind_infos.png") 0.05rem center no-repeat; background-size: auto .245rem; }

/*分类商品*/
header.fl_head:after { content: ""; position: absolute; bottom: auto !important; left: 0px; right: 0px; border-bottom: 1px solid #ddd; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; }

header:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 1px solid #ddd; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; }

header.index-head {padding-left: .1rem;background-color: rgba(219, 0, 0, 0); border-bottom: none; z-index: 10; }
header.index-head .l-headtit {padding-left: .06rem; padding-right: .4rem;}

header.index-head:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: none; }

.index-headbg { opacity: 0; position: absolute; left: 0; width: 100%; height: .44rem; background-color: #FFFFFF; z-index: -1; }

/*公用nav选项卡*/
nav { width: 100%; height: .4rem; background: #fbfbfb; }
nav ul.flsp-nav { overflow: hidden; }
nav ul.flsp-nav li { width: 25%; height: .4rem; line-height: .4rem; float: left; text-align: center; }
nav ul.flsp-nav li a { color: #666; display: block; font-size: .14rem; }
nav ul.flsp-nav li .active { color: #00c0ff; font-size: .16rem; }

/*公用底部*/
.foot-fixed { width: 100%; min-width: 300px; max-width: 750px; margin: 0 auto; height: .49rem; position: fixed; bottom: 0; z-index: 9; }

footer { width: 100%; height: 0.49rem; background-color: #FFFFFF; }
footer ul { width: 100%; }
footer ul li {width: 20%;-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 0.49rem; }
footer ul li a {position: relative;width: 100%; height: 0.49rem; display: block; padding: .05rem 0; }
footer ul li span { display: block; width: 100%; height: .29rem; }
footer ul li .fot-index { background: url("../images/foot-icon1.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-sel-index { background: url("../images/foot-icon01.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-list { background: url("../images/foot-icon2.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-sel-list { background: url("../images/foot-icon02.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-price { background: url("../images/foot-icon3.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-sel-price { background: url("../images/foot-icon03.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-info { background: url("../images/foot_info.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-sel-info { background: url("../images/foot_info03.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-cart { background: url("../images/foot-icon4.png") center 0.04rem no-repeat; background-size: auto .21rem; }
footer ul li .fot-sel-cart { background: url("../images/foot-icon04.png") center 0.04rem no-repeat; background-size: auto .21rem; }
footer ul li .fot-mime { background: url("../images/foot-icon5.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li .fot-sel-mime { background: url("../images/foot-icon05.png") center 0.045rem no-repeat; background-size: auto .2rem; }
footer ul li p { color: #666; font-size: .1rem; text-align: center; height: .1rem; line-height: .1rem; }
footer ul li.fot-active p { color: #00c0ff; }
footer ul li .add_dian:before{
	content:"";
	position: absolute;
	top: .06rem;
	right: .15rem;
	width: .12rem;
	height: .12rem;
	display: block;
	background: url(../images/ind_dian.png) center no-repeat;
	background-size: .08rem;
}
footer:before, .sp_fot:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; border-top: 1px solid #ddd; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; }
/*图片底部样式*/
footer .pic-tab li{
	background-color: #FFFFFF;
}
footer .pic-tab a>img {
	position: absolute;
	height: .34rem;
	width: auto !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

/*亲到底了*/
.l_showall { clear: both; width: 100%; height: .28rem; line-height: .18rem; text-align: center; color: #999; font-size: .12rem; }

/*暂无相关产品*/
.l_noCon { width: 100%; height: 100%; text-align: center; overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; /*无活动*/ }
.l_noCon .l_nogoods { margin-top: .76rem; }
.l_noCon .l_nogoods img { width: 1.53rem; margin: 0 auto; }
.l_noCon .l_nogoods p { line-height: .13rem; font-size: .13rem; color: #666; margin-top: .35rem; }
.l_noCon .l_no_actives { margin-top: .66rem; }
.l_noCon .l_no_actives img { width: 1.78rem; margin: 0 auto; }
.l_noCon .l_no_actives p { line-height: .12rem; font-size: .15rem; color: #222; margin-top: .2rem; }

/*返回顶部*/
.goTop { display: none; width: .44rem; height: .44rem; position: fixed; bottom: .68rem; right: .14rem; z-index: 9; background: url(../images/l-toTop.png) center center no-repeat; background-size: .34rem .34rem; }

/*弹框*/
.l_gray { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; }

/*下拉刷新*/
.dropload-up,.dropload-down{
	width:100%;
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
	width:100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
body > iframe{
	opacity:0!important;
	display:none!important;
}

.flt-left {
    float: left;
}
.flt-right {
    float: right;
}
/*优惠*/
.discount-img{height: .16rem;width: auto !important;margin: 0 .05rem;display: inline-block;}
.spbj_Con .spbj_item,.product-item{position: relative;}
.discount-imgT{position: absolute;top: 0;left: .1rem;width: .24rem;}

/*# sourceMappingURL=home.css.map */


.l_payWay .payW_tir img { width: auto !important;height: .2rem; float: left;margin-top: .1475rem;}
.zhifubao{
    width: 100%;
    border-radius: .05rem;
    background-color: #fff;
    overflow: hidden;
    z-index: 11;
    position: fixed;
    bottom: -10px;
    height: 85%;

}
.zhifubao .top-pat{
    font-size: .14rem;
    text-align: center;
    padding: .1rem ;
    position: relative;
    border-bottom:1px solid #dbd2d2 ;
}
.zhifubao .top-pat img{
    position: absolute;
    width:  .12rem;
    height: .12rem;
    right: .1rem;

}
.zhifubao .zhifu1{
    text-align: center;
}
.zhifubao .zhifu1 img{
    width: 80%;
    margin-top: .1rem;
    max-height: 3.7rem;
}
.zhifubao .tip1{
    width: 90%;
    margin:0 auto;
    font-size: .12rem;
    color: #00c0ff;

}
.havepay{
    width: 1rem;
    font-size: .1rem;
    color: #fff;
    background-color: #00c0ff;
    text-align: center;
    margin: .2rem auto;
    padding: .05rem .01rem ;

}
