body{background: #F7F7F7;}
* {
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}
body{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.yx-index-top{width: 100%;height: 40px;position: fixed;background: #fff;padding: 12px 0px;z-index: 22;top: 0px;left:0px;
border-bottom: 1px solid #f1f1f1;}
.index-top-box1{width: 17%;height: 100%;float: left;text-align: center;}
.index-top-img1{width: 20px;height: 20px;display: inline-block;position: relative;}
.index-top-img1 img{width: 20px;}
.index-top-text1{width: 100%;float: left;font-size: 12px;margin-top: 3px;color: #A8A3A7;}
.index-top-box2{width: 100%;float: left;height: 40px;text-align: center;line-height: 40px;}
.fresh-toptext1{display: inline-block;font-size: 16px;}
.fresh-topimg1{width: 12px;height: 12px;display: inline-block;background: url(../images/triangle.png) no-repeat center center;
background-size: 100%;margin-left: 5px;}
/* 焦点图 */
.index-bigbox{width: 100%;float: left;margin-top: 65px;padding-bottom: 55px;}
.slideBox{ position:relative; overflow:hidden; width:100%;/* 设置焦点图最大宽度 */float: left;background: #fff; }
.slideBox .hd{ position:absolute; height:28px;line-height: 28px; bottom: 5px; right:10px; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#333;margin:0px 6px;overflow: hidden;}
.slideBox .hd li.on{width:5px; height:5px; background:#fff;margin: 0 6px; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
/*分类导航*/
.classify-menu{width: 100%;float: left;background: #fff;padding-bottom: 15px;}
.classify-menu-box1{width: 25%;float: left;text-align: center;margin-top: 15px;}
.classify-menu-img1{width: 50px;height: 50px;display: inline-block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
background: #9BCBB5;}
.img-color2{background: #E6C3BD;}
.img-color3{background: #EED0B8;}
.img-color4{background: #8CB2C5;}
.classify-menu-img1 img{width: 26px;
    height: 26px;
    display: inline-block;
    margin-top: 12px;}
.classify-menu-text1{width: 100%;float: left;text-align: center;margin-top: 10px;font-size: 14px;}
/*品牌特卖*/
.brand-box1{width: 100%;float: left;height: 45px;text-align: center;background: #fff;margin-top: 5px;}
.brand-text1{font-size: 16px;display: inline-block;line-height: 45px;}
.brand-img1{width: 18px;height: 18px;margin-left: 5px;background: url(../images/arrow-right2.png) no-repeat center center;
background-size: 100%;display: inline-block;vertical-align: middle;margin-top: -3px;}
.special-sale-box1{width: 100%;float: left;background: #fff;padding: 0px 3% 10px 3%;}
.special-sale-box2{width: 33.3%;float: left;text-align: center;}
.special-sale-box2 img{width: 93%;display: inline-block;}
/*优选水果*/


.shoplist{ padding:0 9.6px;margin-top:0.6rem}
.shoplist ul{ overflow:hidden}
.shoplist ul li{ background:#fff;border: 1px solid #eee; height:112px; margin-bottom:6.4px}
.shoplist ul li .listL{ float:left; width:130px; padding-right:12.8px}
.shoplist ul li .listL img{ width:112px; height:112px}
.shoplist ul li .listR{ flex:1}
.shoplist ul li .listR .v1{ font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:19.2px; color:#333; padding:9.6px 12.8px; padding-left:0}
.shoplist ul li .listR .v2{ padding:0 12.8px}
.shoplist ul li .listR .v2 span{ border: 1px solid #ff2150;color: #ff2150;font-size: 12px; padding:3.2px 8px;border-radius: 3px;background: #fff;box-sizing: border-box;}
.shoplist ul li .listR .v3{padding:0 12.8px; padding-top:12.8px}
.shoplist ul li .listR .v3 .p1{ float:left; font-size:16px; color: #ff2150; font-weight:600}
.shoplist ul li .listR .v3 .p1 span{color:#999; font-size:12px; text-decoration:line-through; padding-left:8px; font-weight:normal}
.shoplist ul li .listR .v3 .p2{ float:right; color:#999; font-size:12px}
.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}
/* reset ///////////////////////////////////////////// */
* {
  box-sizing: border-box;
}
html {
  font-size: 100px;
}
::-webkit-input-placeholder {
  color: #b6b6b6;
}
:focus {
  outline: none;
}
header,
nav,
article,
section,
aside,
footer {
  display: block;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 0.12rem/1.5 arial, '\5b8b\4f53', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
  font-size: 100%;
  font-weight: 400;
}
input,
select,
textarea,
button {
  border-radius: 0;
  appearance: none;
}
button {
  border: none;
  background-color: transparent;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
fieldset,
img {
  border: 0;
}
legend {
  color: #000;
}
img {
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* public ///////////////////////////////////////////// */
body {
  color: #333;
  background-color: #fff;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.gray {
  color: #7b7b7b;
}
/* ui-flex */
.ui-flex {
  display: flex;
}
.ui-flex > .cell {
  flex: 1;
  position: relative;
  display: block;
  max-width: 100%;
  width: 0;
}
.ui-flex.align-center {
  align-items: center;
}
.ui-flex.align-start {
  align-items: flex-start;
}
.ui-flex.align-end {
  align-items: flex-end;
}
.ui-flex.align-stretch {
  align-items: stretch;
}
/* arrow */
.arrow {
  display: block;
  width: 10px;
  height: 10px;
  border: solid #d2d2d2;
  border-width: 1px 1px 0 0;
}
.aw-right {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.aw-bottom {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.aw-left {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.aw-top {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* ui-switch */
.ui-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
  background-color: #e5e5e5;
  transition: 200ms background-color ease-in;
}
.ui-switch.current {
  background: #ff7e00;
}
.ui-switch .ui-switch-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 24px;
  border-radius: 3px;
  background-color: #e5e5e5;
  transform: scale(1, 1);
  transform-origin: 50% 50%;
  transition: 200ms transform ease-in;
}
.ui-switch .ui-switch-bg.current {
  width: 44px;
  height: 24px;
  transform: scale(0, 0);
}
.ui-switch .ui-switch-scroll {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 22px;
  height: 20px;
  border-radius: 3px;
  background-color: #fff;
  transition: 200ms width ease-in, 200ms left ease-in, 200ms right ease-in;
}
.ui-switch.current .ui-switch-scroll {
  left: 22px;
  right: 2px;
}
/* ui-btn */
.ui-btn {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  border-radius: 40px;
}
.ui-btn[disabled] {
  border: 1px solid #ddd;
  background: #ddd;
  color: #999;
}
.btn-small {
  padding: 5px 10px;
  font-size: 0.12rem;
}
.btn-normal {
  padding: 6px 10px;
  font-size: 0.14rem;
}
.btn-large {
  padding: 9px 10px;
  font-size: 0.16rem;
}
.btn-orange {
  border: 1px solid #ff7e00;
  background: linear-gradient(140deg, #ff9300 0%, #ff7600 100%);
  box-shadow: 0 28px 22px -16px rgba(255, 126, 0, 0.4);
}
.btn-blue {
  border: 1px solid #29b7b7;
  background-color: #29b7b7;
}
.btn-blue-secondary {
  border: 1px solid #29b7b7;
  background-color: #29b7b7;
}
.btn-gray {
  border: 1px solid #ddd;
  background-color: #ddd;
  color: #999;
}
.btn-line {
  border: 1px solid #ff7e00;
  color: #ff7e00;
}
.btn-line-orange {
  border: 1px solid #ff7e00;
  color: #ff7e00;
}
.btn-line-blue {
  border: 1px solid #29b7b7;
  color: #29b7b7;
}
.btn-line-gray {
  border: 1px solid #ddd;
  color: #ddd;
}
.btn-line-gray-dark {
  border: 1px solid #7b7b7b;
  color: #7b7b7b;
}
.btn-large-wrap {
  margin: 20px 10px;
}
.btn-inline + .btn-inline {
  margin-left: 1em;
}

/*////////////////*/
.wk-tabbar, .wk-tabbar a, .wk-tabbar div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.wk-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: .49rem;
  box-shadow: 0 -0.02rem 0.04rem rgba(0,0,0,.1);
  background-color: #fff;
  z-index: 997;
}
.wk-tabbar a, .wk-tabbar div {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #7f8389;
  font-size: .11rem;
}
.wk-tabbar a.router-link-active, .wk-tabbar div.router-link-active {
  color: #e94f4f;
}
.wk-tabbar a.router-link-active i.icon-home, .wk-tabbar div.router-link-active i.icon-home {
  background-image: url(/public/static/index/images/icon-home_fill.png);
}
.wk-tabbar a i.icon-service, .wk-tabbar div i.icon-service {
  background-image: url(/public/static/index/images/icon-service.png);
}
.wk-tabbar a i.icon-home, .wk-tabbar div i.icon-home {
  background-image: url(/public/static/index/images/icon-home.png);
}
.wk-tabbar a.router-link-active i.icon-service, .wk-tabbar div.router-link-active i.icon-service {
  background-image: url(/public/static/index/images/icon-service_fill.png);
}
.wk-tabbar a i.icon-site, .wk-tabbar div i.icon-site {
  background-image: url(/public/static/index/images/icon-site.png);
}
.wk-tabbar a.router-link-active i.icon-site,.wk-tabbar div.router-link-active i.icon-site{
  background-image:url(/public/static/index/images/icon-site_fill.png)
}
.wk-tabbar a i.icon-profile, .wk-tabbar div i.icon-profile {
  background-image: url(/public/static/index/images/icon-profile.png);
}
.wk-tabbar a.router-link-active i.icon-profile, .wk-tabbar div.router-link-active i.icon-profile {
  background-image: url(/public/static/index/images/icon-profile_fill.png);
}
.wk-tabbar a i, .wk-tabbar div i {
  display: block;
  width: .22rem;
  height: .22rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: .02rem;
}
/*头部*/
.kaola-bottom{width: 100%;position: fixed;bottom: 0px;left: 0px;z-index: 99;height: 50px;background: #FFF;border-top: 1px solid #DCDCDC;}
.kaola-bottom-box1{width: 33.3%;height: 50px;float: left;text-align: center;}
.kaola-bottom-img1{width: 21px;height: 21px;display: inline-block;margin-top: 5px;}
.kaola-bottom-img1 img{width: 21px;height: 21px;float: left;}
.kaola-bottom-text1{width: 100%;float:left;font-size: 13px;color:#333}
.text2{color: #f07e7e;}