@charset "UTF-8";


/*顶部固定搜索栏*/
.search-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 auto;
    width: 100%;
    max-width: 64.0rem;
    height: 4.5rem;
    line-height: 4.5rem;
    border-bottom: 0;
    background: #fff;
    font-size: 1.7rem;
}
.search-fixed-content {
    display: -webkit-flex!important;
    width: 100%;
    height: 4.5rem;
    background-color: #DD4B39;
}
.search-fixed-link {
    display: block;
    margin: 0 1.0rem 0.57rem 1.7rem;
    width: 3.2rem;
    height: 4.5rem;
    line-height: 4.5rem;
    background-size: 3.2rem 5.0rem;
    font-size: 2.4rem;
    color: #fff;
}
a.search-fixed-link:active,a.search-fixed-link:hover{color:#fff;}
.search-fixed-btn {
    width: 5.4rem;
    margin: 0px;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
}
a.search-fixed-btn:active,a.search-fixed-btn:hover{color:#fff;}
.search-fixed-bar {
    -webkit-flex: 1!important;
    -webkit-box-flex: 1;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
}
.search-fixed-bar-a {
    display: block;
    margin-top: 0.5rem;
    padding-left: 2.0rem;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #fff;
    border-radius: 2.4rem;
    color: #999;
}
.search-fixed-bar-a:active,.search-fixed-bar-a:hover{color:#999;}
.search-fixed-bar-a i{margin-right: 2.0rem;}
.search-fixed-blank{ height: 4.5rem; }



/*  search form */

.custom-search{ background-color: #fefdff; padding: 1.0rem 1.0rem 0; margin: 0;
    border: 0;
    vertical-align: baseline;
}

.custom-search form {
    margin: 0;
    position: relative;
    background: #fff;
    border-radius: 4px;
    border: 0 none;
    overflow: hidden;
}

.custom-search-input{    margin: 0;
    padding: 8px 8px 8px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 20px;
    height: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: 0;
    font-size: 14px;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;}
.custom-search-button{
    position: absolute;
    top: 1px;
    right: 16px;
    border: 0;
    height: 33px;
    line-height: 40px;
    width: 22px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    text-indent: -9999px;
    background: url(/webui/wapshop/images/search_icon_1.png) right center no-repeat #fff;
    background-size: 14px 14px;
    border-radius: 5px 0 0 5px;
}


/*-----------------------
 *
 * 顶部固定搜索栏（2020-4-27）
 *
 ------------------------*/
.shop-searchbar{
    padding: 1.0rem;
    height: 5.0rem;
    background-color: #fff;
    border-bottom: 1px solid #DDD;
}
.shop-searchbar-fixed{
    position: fixed; top:0; left:0; width: 100%;
    z-index: 9999;
}
.shop-searchbar-1{
    display: flex; align-items: center; justify-content: space-between;
}
.shop-searchbar-1-1{
    width: 3.0rem;
}
.shop-searchbar-2{
    /*margin-left: 1.0rem;*/
    margin-right: 1.0rem;
    padding-right: 1.0rem;
    height: 3.0rem;
    border-radius: 2.5rem; overflow: hidden;
    flex-grow: 1;
    background-color: #f0f0f0;
    display: flex; align-items: center; justify-content: space-between;
}
.shop-searchbar-2-1{
    margin-left: 1.0rem;
    margin-right: 1.0rem;
}
.shop-searchbar-2-2{
    border:0; background-color: #DDD;
    flex-grow: 1;
    background-color: #f0f0f0;
}


.line-clamp {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 这里修改为要显示的行数
  -webkit-box-orient: vertical;
}

/*横向排列商品列表*/
.shop-list-c1{}
.shop-list-c1{ padding: 1.0rem; height:20.rem; border-bottom: 1px solid #f0f0f0; box-sizing: content-box; background: #fff; }
.shop-list-c1-wen-wrap{ margin:0; padding:0; }
.shop-list-c1-wen-title{ height: 60rpx; line-height:60rpx; font-size:16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shop-list-c1-wen-desc{ margin-bottom:1.0rem; height: 60rpx; line-height:30rpx; font-size:12px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.shop-list-c1-wen-price{ height: 60rpx; line-height:60rpx; font-size:16px; }
.shop-list-c1-tu-wrap{ float:left; margin:0; padding:0; padding-right:1.0rem;}
.shop-list-c1-tu-img{ width:20.rem; height:20.rem; }



/*两栏商品列表*/
.shop-list-c2{padding: 0 1.0rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.shop-list-c2-item{ margin-bottom: 1.0rem; padding: 1.0rem; width: 49%; background: #FFF; border:1px solid #f0f0f0; border-radius: 0.8rem; overflow: hidden; }

/*三栏商品列表*/
.shop-list-c3{padding: 0 1.0rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.shop-list-c3-item{ margin-bottom: 1.0rem; padding: 1.0rem; width: 22.0rem; background: #FFF; border:1px solid #f0f0f0; overflow: hidden; }

/*商品列表项目*/
.shop-list-pro-img{ width:100%; }
.shop-list-pro-title{ margin:1.0rem 0; padding:0; height: 4.0rem; line-height:2.0rem; font-size: 1.4rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.shop-list-pro-info{ height: 2.0rem; line-height: 2.0rem; overflow: hidden; }
.shop-list-pro-price{ font-size: 1.4rem; color: #f60; }
.shop-list-pro-meta{ float: right; font-size: 1.2rem; color: #999; }


/*商家-列表*/
.shangjia-list-div{background-color: #fff;}
.shangjia-list-ul{padding:0px; list-style: none;}
.shangjia-list-li{height:85px; padding:10px 10px 10px 10px; border-bottom:1px solid #f0f0f0; overflow: hidden;}
.shangjia-list-img{width:65px; height:65px; float:left; margin-right:10px;}
.shangjia-list-title{height:30px; line-height:30px; font-size:16px; color:#333;}
/*.shangjia-list-distance{height:15px; line-height:15px; font-size:12px; color:#999;}*/
.shangjia-list-desc{height:40px; line-height:20px; font-size:12px; color:#aaa;}

/*商家-附近商家*/
.shangjialbs-list-div{background-color: #fff;}
.shangjialbs-list-ul{padding:0px; list-style: none;}
.shangjialbs-list-li{height:85px; padding:10px 10px 10px 10px; border-bottom:1px solid #f0f0f0; overflow: hidden;}
.shangjialbs-list-img{width:65px; height:65px; float:left; margin-right:10px;}
.shangjialbs-list-title{height:30px; line-height:30px; font-size:16px; color:#333;}
.shangjialbs-list-distance{height:15px; line-height:15px; font-size:12px; color:#999;}
.shangjialbs-list-desc{height:20px; line-height:20px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666;}


/*titlebar*/
.shop-titlebar{font-size:1.4rem; background: #efefef;height:4.rem; line-height:4.0rem;}
.shop-titlebar-span{margin-left:2.0rem; padding-left:1.0rem; border-left:0.3rem solid #f00;}



/* 商品横排（图片标题描述价格购买 横向） */
.shop-list-proh{ padding: 1.0rem;  border-bottom: 1px solid #f0f0f0; box-sizing: content-box; background: #fff; }
.shop-list-proh a{ text-decoration:none; }
.shop-list-proh-wen-wrap{ margin:0; padding:0; }
.shop-list-proh-wen-title{ height: 4.0rem; line-height:2.0rem; font-size:1.4rem; color: #333; text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.shop-list-proh-wen-desc{ height: 1.5rem; line-height:1.5rem; font-size:1.2rem; color: #999; overflow: hidden; }
.shop-list-proh-wen-price{ height: 3.0rem; line-height:3.0rem; font-size:1.6rem; }
.shop-list-proh-tu-wrap{ float:left; margin:0; padding:0; padding-right:1.0rem;}
.shop-list-proh-tu-img{ width:10.0rem; height:10.0rem; }

/*优惠券*/
.shop-youhuiquan{background-image: linear-gradient(to right, #fAA, #f77); color: #fff; border-radius: 4px; padding: 0px 2.0rem; line-height: 2.4rem;}