body, html {
  
  -webkit-tap-highlight-color: transparent;
}
.scrollbar-none::-webkit-scrollbar {/*滚动条宽度设置*/
  width: 0px;height: 0;
}
.shoper-slide img{
  display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.demos-title {
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}

.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

footer {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}

footer a {
  color: #999;
  text-decoration: none;
}

/*轮播图*/

.weui-tabbar{
  position: fixed;
  background: #fff;
  border-radius: 10px;
  padding-bottom: 15px;

}
.banner{
  height: 200px;
  width:100%;
}
.banner img{
  width:100%;
  height: 100%;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{
  color:#1296db;
}
.weui-grids,.weui-panel{
  background-color: #fff;
  margin:0;
}

.margin-top-bottom-10{
  margin:5px 0;
  display: block;
}
.index-body{
  background-color: #f1f1f1;
  padding-bottom: 50px;
  box-sizing: border-box;
  
}
.ad-image{
 
  width:100%;
}
.weui-media-box_appmsg .weui-media-box__hd{
  width:100px;
  height:100px !important;
  max-height:100px;
  border-radius: 5px;
  overflow: hidden;
}
.weui-media-box__title {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space:normal;
}
.weui-navbar__item.weui-bar__item--on{
  background-color: #fff;
}

.top {
  position: absolute;
  height: 200px;
  width: 100%;
  top: 0;
  left: 0;
  overflow: visible;
  overflow-x: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
 
}
.semicircle {
  width: 200%;
  height: 100%;
  border: 0;
  background-image: linear-gradient(to bottom,#105b97 ,#1296db);
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom: none;
  position: absolute;
  z-index: 2;
  left: -50%;
  top: 0px;
}
.userinfo{
    position: relative;
    z-index: 3;
    
    top: 28px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.header{
  width:100px; height: 100px;
  border-radius: 50%;
}
.userinfo-white{
  color:#fff;
  text-align: center;
  margin-top:5px;
}


.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySwiper{
  
}

.shoper-slide{
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  
}

.shoper-name{
  font-size: 14px;
}
.activity-name{
  padding: 10px;
  font-size: 14px;
}
.Activity .swiper-slide img{
  height: 120px;
}
.weui-media-box__title{
  font-size: 14px;
}
.shoper-slide{
  color:#333;
}
.content{
    padding:10px;

}
section img{ width:100% !important; }


.menu{ display: flex; flex-direction: row; align-items: center; overflow-x:scroll; overflow-y: hidden;}
.menu li{list-style: none;}
.menu li a{ padding:10px 6px; display: block; white-space: nowrap; color: #333;}
.line-1{ color:#c3c3c3;}

.flex{display: flex; flex-direction: row; align-items: center;}
.act-z{ padding: 5px 0;}
.act-box__desc{
  font-size: 14px;
  color:#999;
}
.act-x{padding:0 5px;} .act-y{color:#333;}
.act-status0{
  color:#3b5cee;
}
.act-status1{
  color:#ff9221;
}
.act-status2{
  color:#f13b3b;
}
.act-time{
  color:#999;
}
.text-gray{
  color:#636363;
}
.text-red{
  color:#e62424;
}
.weui-popup__overlay, .weui-popup__container{
  z-index:501;
}
.weui-popup__modal{
  z-index: 502;
}
.more-cate-list{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 14px;
  line-height: unset;
  padding: 3px 5px 0 5px;
  position: fixed;
  right: 10px;
  bottom:100px;
  background-color: #1296db;
}
.toolbar .picker-button{
  color:#1296db;
}
.weui-cells:after{
  border:0;
}
.more-cate-list:active{
  background-color: #1296db !important;
}
.weui-grid__label{
  color:#333;
}
.weui-btn_primary{
  background-color: #1296db;
}
.weui-btn_primary:not(.weui-btn_disabled):active {
  color: hsla(0,0%,100%,.6);
  background-color: #1296db
}
.demos-header{padding:10px 10px;}
.pager{
  display: flex; flex-direction: row; align-items: center; justify-content: space-around;
}
ul li{list-style: none; padding:20px;}
.menu li{padding:0;}
.weui-grid__icon{ width: 45px; height: 45px;}
.weui-vcode-btn{ color:#1296db; }
.weui-vcode-btn:active{ color:#1296db; }

.weui-search-bar{
  background-color: #f7f7f7;
}
.weui-search-bar__box{
  border-radius: 28px;
}
.weui-search-bar__box .weui-search-bar__input{
  text-align: center;
}
.weui-search-bar__form {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    flex: auto;
    background-color: #efeff4;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid #8a8a8a;
}
#searchBar .icon {
  height: 30px;
  padding: 2px;
  margin-left: 10px;
  border: 1px solid #8a8a8a;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
}
.weui-tabbar__icon{
  width: 24px;
  height: 24px;
}
.weui-search-bar:after{
  background-color: #f7f7f7;
  border:0;
}

.weui-tabbar:before{
  border-top: 0;
}