@charset "utf-8";
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body{
	background: #f3f3f3;
	font-size: .3rem;
	max-width: 750px;
	margin: 0 auto!important;
}
a{
	color: #333333;
}
img{
	max-width: 100%;
	vertical-align: middle;
}
ul,li{
	list-style: none;
}
ul,li,ol{
	list-style: none;
	margin: 0;
	padding: 0;
}
h2,h3,h4{
	font-weight: normal;
}
input,textarea{
	font-family:-apple-system-font,Helvetica Neue,sans-serif
}
i{
	font-style: normal;
}
.iconfont {
  font-size: .32rem;
}
.weui-input::placeholder{
	color: #999999;
}
.pui-header{
	height: 1.1rem;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,0));
    background-image: linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,0));
	z-index: 999;
	padding: .2rem;
}
.logo img{
	display: block;
	width: 1.4rem;
	height: .5rem;
}
.do-box{
	height: .8rem;
}
.download-link img{
	width: 100%;
	display: block;
	height: .8rem;
}
.pui-header.transparent{
	background: none;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.pui-header~.ui-wrap{
	overflow: hidden;
}
.pui-header .pui-title{
	height: 0.88rem;
	line-height: .88rem;
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: 0;
	text-align: center;
	font-size: .36rem;
	font-weight: normal;
	box-sizing: border-box;
}
.pui-icon{
	position: relative;
	z-index: 111;
	display: block;
	box-sizing: border-box;
	height: 0.88rem;
	padding: 0.16rem 0.25rem;
}
.pui-link{
	display: block;
	font-size: .30rem;
	color: #FFFFFF;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.pui-icon .iconfont{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.36rem
}
.pui-icon.pull-right{
	margin-left: -0.25rem;
}
.pui-row{
	margin: 0 -0.2rem;
}
.pui-col-3,.pui-col-4,.pui-col-6{
	box-sizing: border-box;
	padding: 0 0.2rem;
	float: left;
}
.pui-col-3{
	width: 25%;
}
.pui-col-6{
	width: 50%;
}
.pui-col-4{
	width: 33.33%;
}
.justify{
	position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*======================*/
.foot-space{
	padding-top: 1.1rem;
}
.pui-tabbar{
	
	max-width: 750px;
}
.pui-tabbar__item{
	line-height: 1;
	padding: .1rem 0;
}
.pui-tabbar__item p{
	line-height: 1;
	padding-top: .1rem;
}
.pui-tabbar__item .iconfont{
	display: inline-block;
	height: .42rem;
	line-height: .42rem;
	font-size: .42rem;
	color: #00a151;
}
.pui-tabbar__item.active,
.pui-tabbar__item.active p,
.pui-tabbar__item.active .iconfont{
    color: #00a151;
}
.pui-tabbar__item .y-icon{
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.icon-home{
	background-image: url(../images/home.png);
}
.icon-cate{
	background-image: url(../images/cate.png);
}
.icon-cart{
	background-image: url(../images/cart.png);
}
.icon-ucenter{
	background-image: url(../images/user.png);
}
.index-cells{
	position: relative;
	z-index: 0;
	margin-top:0rem;
	padding: .3rem;
}
.index-menu{
	border-radius: .2rem;
	background-color: #FFFFFF;
	margin-bottom: .3rem;
}
.menu-list{
	overflow: hidden;
	padding: .15rem;
}
.menu-list li{
	padding: .09rem;
	width: 25%;
	float: left;
}
.me-box{
	display: block;
	text-align: center;
}
.me-box img{
	width: .84rem;
	height: .84rem;
}
.me-box p{
	font-size: .2rem;
	margin-top: .16rem;
}
.swiper-pagination-bullet-active{
	background-color: #000000;
	opacity: .6;
}
.list-heade .ltt{
	font-size: .32rem;
}
.list-tab li{
	position: relative;
	padding: 0 .2rem;
	float: left;
}
.list-tab li a{
	color: #666666;
	font-size: .26rem;
}
.list-tab li:after{
	display: block;
	content: ' ';
	width: 1px;
	height: .38rem;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.19rem;
}
.list-tab li:last-child{
	padding-right: 0;
}
.list-tab li:last-child:after{
	display: none;
}
.list-header{
	margin-bottom: .3rem;
}
.list-tab li.active a{
	color: #ff2400;
}
.list-cells{
	margin-bottom: .3rem;
}
.lists{
	margin: 0 -.1rem;
	overflow: hidden;
}
.lists li{
	padding: .1rem;
	width: 50%;
	float: left;
}
.list-box{
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
	border-radius: .2rem;
}
.list-photo img{
	width: 100%;
	height: 3.4rem;
}
.list-intro{
	padding: 0 .2rem .2rem .2rem;
}
.list-box .list-title{
	font-size: .26rem;
	line-height: 1.6;
	height: 0.8rem;
	display: block;
	overflow: hidden;
}
.list-box .list-price{
	font-size: .28rem;
	color: #ff2400;
	margin-top: .1rem;
}
.list-ad{
	margin-bottom: .3rem;
}
.panel{
	background-color: #FFFFFF;
	border-radius: .2rem;
	overflow: hidden;
	margin-bottom: .4rem;
}
.panel-header{
	height: .9rem;
	padding: 0 .3rem;
	border-bottom: .01rem solid #f5f5f5;
}
.panel-tab{
	border-bottom: .01rem solid #f5f5f5;
}
.panel-tab ul{
	height: .9rem;
}
.panel-tab ul li{
	width: 25%;
	height: .9rem;
	line-height: .9rem;
	position: relative;
	float: left;
	color: #666;
	text-align: center;
	font-size: .32rem;
}
.panel-tab ul li.active{
	color: #00a151;
}
.panel-tab ul li.active:after{
	content: ' ';
	background-color:#00a151;
	height: 2px;
	position: absolute;
	width: 1.48rem;
	margin-left: -0.74rem;
	left: 50%;
	bottom: 0;
}
.sec-tag{
	overflow: hidden;
	padding: .3rem .3rem 0 .3rem;
}
.sec-tag li{
	float: left;
}
.sec-tag li a{
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	padding: 0 .2rem;
	color: #666;
	font-size: .26rem;
	border-radius: .3rem;
}
.sec-tag li.active a{
	color: #00a151;
	border-color: #00a151;
}

.panel-header .panel-tt{
	font-size: .32rem;
}
.panel-header .panel-more{
	color: #cccccc;
	font-size: .26rem;
	display: block;
}
.cc-grid{
	position: relative;
	overflow: hidden;
}
.cc-grid li{
	position: relative;
	width: 33.33%;
	float: left;
}
.cc-grid li a{
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	display: block;
	color: #666666;
	font-size: .28rem;
}
.cc-grid li:after{
	content: ' ';
	height: 1px;
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(.5);
}
.cc-grid li:before{
	content: ' ';
	width: 1px;
	background-color: #f5f5f5;
	position: absolute;
	left: -1px;
	top: 0;
	bottom: 0;
	transform: translateX(.5);
}
.panel-footer{
	text-align: center;
}
.panel-footer .copyright{
	font-size: .3rem;
	color: #666666;
	margin-top: .2rem;
}
.web-select .web-link{
	display: inline-block;
	margin: 0 .2rem;
}
.web-link .wicon{
	position: relative;
	display: inline-block;
	width: .96rem;
	height: .96rem;
	line-height: .96rem;
	border-radius: .96rem;
	color: #00a151;
	box-shadow: 0 0 0 2px #00a151;
}
.web-link.active .wicon{
	background-color: #00a151;
	color: #FFFFFF;
	box-shadow: 2px 3px 8px #84cfa9;
}
.web-link .wicon .iconfont{
	font-size: .6rem;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 1;
}
.web-link p{
	font-size: .28rem;
	margin-top: .1rem;
	color: #666666;
}
.backTop{
	width: 1rem;
	height: 1rem;
	background-color: rgba(0,0,0,.6);
	cursor: pointer;
	border-radius: 1rem;
	color: #FFFFFF;
	position: fixed;
	right: .3rem;
	bottom: 10%;
	z-index: 999;
	line-height: 1;
	text-align: center;
	font-size: .22rem;
	padding-top: .2rem;
	visibility: hidden;
}
.backTop.active{
	visibility: visible;
}
.backTop .iconfont{
	font-size: .4rem;
}
.search-bar{
	position: relative;
	border-radius: .8rem;
	width: 4.4rem;
	height: .68rem;
	background-color: #FFFFFF;
}
.search-bar input[type="search"] {
    width: 100%;
    border: 0;
    outline: none;
    height: .62rem;
    line-height: .62rem;
    padding-left: .7rem;
    background-color: transparent;
}
.search-bar .iconfont {
    position: absolute;
    left: .24rem;
    top: 50%;
    line-height: 1;
    color: #999999;
    transform: translateY(-50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: .8rem;
}
.panel-scroll{
	overflow: hidden;
	height: 3rem;
}
.rec-list{
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	padding: .2rem;
}
.rec-list li{
	height: 3.4rem;
	padding: 0 .1rem;
	display: inline-block;
}
.rec-box{
	display: block;
	width: 1.8rem;
}
.rec-box .rec-title{
	font-size: .22rem;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.rec-box .rec-price{
	font-size: .28rem;
	color: #ff2400;
}
.rec-pic img{
	width: 1.8rem;
	height: 1.8rem;
}
.notice-cell{
	position: relative;
	height: .8rem;
	line-height: .8rem;
	background-color: #FFFFFF;
	border-radius: .8rem;
	margin-bottom: .3rem;
	padding-left: 1.2rem;
	padding-right: .8rem;
}
.notice-cell:before{
	background: url(../images/notice.jpg) center no-repeat;
	background-size: .62rem .3rem;
	height: .3rem;
	width: 1rem;
	position: absolute;
	top: 50%;
	left: 0;
	border-right: .01rem solid #f5f5f5;
	margin-top: -.15rem;
	content: ' ';
}
.notice-cell:after{
	background: url(../images/dots.png) center no-repeat;
	background-size: .26rem .04rem;
	height: .04rem;
	width: .26rem;
	position: absolute;
	top: 50%;
	right: .3rem;
	margin-top: -.02rem;
	content: ' ';
}
.swiper-notice{
	height: .8rem;
}
.swiper-notice .swiper-slide{
	height: .8rem;
	line-height: .8rem;
}
.swiper-notice .swiper-slide a{
	display: block;
	font-size: .26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}
.index-header+.ui-wrap{
	padding-top: 1.2rem;
}

.pui-header .head-bar-bg {
    width: 100%;
    height: 100%;
    background: #00a151;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.5;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}


/* 顶部 */
.index-search-wrap .sys-top-bar .btn-hide-search{display: block;position: static;}
.hd-app-show .index-head-bar{top: 3.75rem;} /*存在APP提示层*/
.fixed-index-head .index-head-bar {position: fixed;top: 0;} /*固定顶部*/
.index-search-wrap{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1113;background-color: #fff;display: none;position: fixed;}
.index-search-wrap .sys-top-bar{position: relative;left: 0;}
.index-search-wrap  .search-pop{display: block;position: static;padding-top: 0;}
.index-search-active .index-search-wrap{display: block;} /*打开搜索层*/
.index-search-active,.index-search-active body{overflow: hidden;}
.index-search-wrap .sys-top-bar{padding-left: 0.3rem;-webkit-box-sizing: border-box;box-sizing: border-box;}

.sys-head{box-shadow:0 0.13rem 0.38rem 0 rgba(114,114,114,0.10);background-color: #fff;position: relative;z-index: 3;}
.sys-top-bar{width: 100%;height: 1rem;line-height: 1rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;box-shadow:0 1px 0 #e7e7e7;position: relative;z-index: 9;}
.top-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin: .2rem 0;position: relative;}
.top-search .ico-clear{}
.top-search .search-ico{display: inline-block;width: .6rem;height: .6rem;outline:none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAeFBMVEUAAAC5ubmrq6uqqqqrq6utra2urq6rq6urq6uqqqqqqqqrq6usrKyrq6urq6urq6urq6usrKytra2qqqqqqqqrq6urq6usrKyrq6uqqqqqqqqrq6uqqqqsrKyrq6urq6uqqqqrq6urq6usrKyrq6urq6urq6uqqqpBTtZuAAAAJ3RSTlMABKj4QRkL9dnvrDAn6I+Fe2wf5MG7jFbfz8eZlFsVsIFzX1JJYTpeH4pDAAABZElEQVQ4y82U23KCMBRFE0K4iNwF77VW2/X/f1hqp5iYpOOj64mTWUPOPgmIF+PtI9ptVJ4NYyz/FeMVd/KDDorFgE1aJ37zUzGxa65FV8TtcKu2nUeUFaD29z2T9xQoY1f9MbdLO+IJSItH8wOInM5qoNcPidRkCpcGWNlLA2y9aRfAxZonqKXwkZSQmYexgr3w0wJrI+pUdgFVlhBZ8XcixB7Se4wImqB6Ab7magfXoNoBx7naQBFUJeaeCrQIksNoFst/3/o+VxnEQVUDZ/ME2qAaW2cwwhBUK0BbVyAJqRlsjM7zuXOHNVAZ9QHSN3/+7OF+6BROXrUGFs5K7TGPQGrPPNkCjduowp1jl7vfoayZ6KUzaQWUrbF+ybgROW7R8yPvr1oKqePxVyy9rp7/bfnfgzrLhdcV6wyL05Q95MrjIv3zNodJFIbr2vFncxjPx5t3dyvxFDKCXjzpVn0rXoBvmI8vityomkYAAAAASUVORK5CYII=) center no-repeat;background-size: .4rem .4rem;position: absolute;left: 0;top: 0;}
.top-search .search-ipt{display: inline-block;width: 100%;height: .60rem;vertical-align: top;line-height: normal;padding-left: .69rem;border: 0;background-color: #F0F2F5;border-radius: 6.25rem;-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
.sys-head .go-back,.sys-head .btn-hide-search,.sys-head .sys-back,.index-head-bar .btn-hide-search{display: inline-block;width: .6rem;height: .6rem;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAB4CAMAAACaXG8SAAAAY1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmQGJZ5AAAAIHRSTlMA8iH27efk2itAO/BELuEkNN4nNz0VrpBg06J8bkwLx4GeTrsAAAGmSURBVFjD7ZnLboMwEEXtGAh4cCAxj7zL/39lrbYqlrqbsyCqcjfZjY49cwJijDq7ebqeDUhbLimTUce75Su3UUtgl+9clAdp3PITOyOClMMdEaRcg6aAXQtcRs0RMoJyp2vjb46BXeJSUYJDDQkOGoIeE0h2iZ2iQMwIqhMk2GOCDo7yXnOEwbFB4gSNpTLlBPUWBNFurXNvsUxb69wUUOfe5jpDgj0m0BQYCiiTx88FoQRCZRKo80AJeqpzU2CdsUxQ50AJfAl1DlRnj3UWqLOnOkc6SJES+ILKVDCdOUEQqLOnXegEyvScoM6mZQQp57WNo1Hljis8skYEo8n4kV1EZzSp824mCjpRKwWaam4WtPtYb0UR4X9MShRMMXCK3mYUnTH0JfaEKaoaUxwTBX3+B0Cxyk7fxDhFBSiY7INwzYTLzim8YM28/S+yC5Y9Oix7K1j23mHZW3kF2VuLZY9c9sZyzSyWnVOkElizwb0CRXRY9vYte6YZlt27V5D9zyaIb6P4R3y6lZsivc7yZiCFm/mGlG5p70+4KZ4NyHibro/0+wlUyKJcJBNClgAAAABJRU5ErkJggg==) center no-repeat; -webkit-background-size: .55rem 1.1rem;background-size: .55rem 1.1rem;vertical-align: top;}
.sys-head .go-back{cursor: pointer;}
.sys-head .go-back{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);position: relative;}
.sys-head .go-back:before{content: '';display: block;width: 200%;height: 200%;background-color: rgba(0,0,0,0.08);border-radius: 50%;position: absolute;left: -50%;top: -50%;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;z-index: -1;-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0;}
.sys-head .back-active{overflow: hidden;}
.sys-head .back-active .go-back:before{-webkit-animation:waves 0.3s ease;-o-animation:waves 0.3s ease;animation:waves 0.3s ease;-webkit-animation-fill-mode: backwards;-o-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes waves {0%{-webkit-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);opacity: 0;}50%{opacity:1;}100%{-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity:0;}}
@keyframes waves {0%{-webkit-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);opacity: 0;}50%{opacity:1;}100%{-webkit-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity:0;}}
.sys-head .btn-hide-search{position: absolute;left: -3.1rem;top: -.625rem;display: none;}
.sys-head .txt-link,
.sys-top-bar .search-btn,
.sys-top-bar .hd-link{display: inline-block;padding:0 .3rem;color: #666;border: 0;background: none;cursor: pointer; outline: none;}
.search-pop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 3;background-color: #fff;padding-top: 3.13rem;-webkit-box-sizing: border-box;box-sizing: border-box;display: none;}
.search-pop .search-body{padding: .3rem;}
.search-pop .hot-words .words-hd{font-size: .34rem;color: #333;padding: 0 0 .25rem;}
.search-pop .words-list li{float: left;margin: 0 .25rem .25rem  0;}
.search-pop .word-tag{display: inline-block;height: .88rem;line-height: .88rem;font-size: .24rem;background-color: #F0F2F5;padding: 0 .2rem;border-radius: .1rem;}
.search-active {position: absolute!important;z-index: 9!important;width: 100%;left: 0;top: 0;}
.search-active .search-pop{display: block;}
.search-active .sys-top-bar .btn-hide-search{display: block;}
.search-active,.search-active body {overflow: hidden;}
.search-active .page-wrap{display: none;}
.sys-hd-bar{width: 100%;height: 3.13rem;line-height: 3.13rem;box-shadow:0 1px 0 #e7e7e7;position: relative;z-index: 9;}
.sys-hd-bar .hd-left{position: absolute;left: 0;top: 0;}
.sys-hd-bar .hd-right{position: absolute;right: 0;top: 0;}
.sys-hd-bar .hd-link{display: inline-block;padding: 0 0.94rem;color: #666;font-size: 0.94rem;}
.sys-hd-bar .hd-title{padding: 0 1rem;text-align: center;font-size: 1.06rem;font-weight: normal;}
.fixed-head .sys-head{width: 100%;position: fixed;left: 0;top: 0;z-index: 2;}
.fixed-head .sys-hd-bar{/*position: fixed;left: 0;top: 0;*/}
.fixed-head .page{padding-top: 3.13rem;	}
.fixed-foot .page{padding-bottom: 3.19rem;}