*{font-family: "微软雅黑";}
html { font-size: 10px; }
body{background-color: #F0F0F0;}
a,
a:hover,
a:active,
a:visited{ text-decoration: none; }

/* 头部条子 */
.wd-headbar-blank{
    height:45px;
}
.wd-headbar{
    position:fixed; top:0; left:0; z-index:9999;
    width:100%; height:45px; line-height:45px;
    box-shadow:1px 1px 1px #eee; background-color: #DD4B39;
    color:#fff; text-align:center;
}
.wd-headbar>.title{ height:100%; padding-right:10px; overflow: hidden; font-size: 18px;margin-left:60px; margin-right:60px; text-align:center;}
.wd-headbar>.back{position:absolute; top:0; left:0; /*float: left;*/ width:60px; font-size:20px;}
.wd-headbar-red { background-color: #DD4B39; color:#fff; }
.wd-headbar-white { background-color: #FEFEFE; color:#666; }
.wd-headbar-black { background-color: #333; color:#FFF; }
.wd-headbar-blue { background-color: #3C8DBC; color:#FFF; }
.wd-headbar-green { background-color: #00A65A; color:#FFF; }
.wd-headbar-orange { background-color: #F39C12; color:#FFF; }
.wd-headbar-purple { background-color: #605CA8; color:#FFF; }

/* 底部条子 */
.wd-footerbar-blank{
    height:50px;
}
.wd-footerbar{
    position:fixed; bottom:0; left:0; z-index:9999;
    padding:5px 0;
    width:100%; height:50px; 
    background:#fefefe; box-shadow:1px 1px 1px #eee; border-top:1px solid #eee;
}
.wd-footerbar>.item{width:20%;float: left;text-align: center;font-size: 20px;line-height: 20px;position:relative;}
.wd-footerbar>.item>a{display: block;color: #aaa;}
.wd-footerbar>.item>a.on{color: #fe8b00;}
.wd-footerbar>.item>a>p{ margin-top:0px; font-size: 12px;line-height: 15px;}
.wd-footerbar>.on>a{color: #f80;}

/* 没有更多了 */
.wd-nomore{
    height:40px; line-height:40px;
    font-size:14px; color:#999; text-align: center;
}


/* 列表页 */
.listitem{ border-bottom:1px solid #F0F0F0; height: 100px; padding: 10px 0px 10px 10px !important;}
.listitem .title{ height: 64px; font-size:16px; font-weight:bold; overflow: hidden;}
.listitem .time{ height: 16px; font-size:12px; color:#999; vertical-align: bottom;}
.listitem img{ width:120px; height: 80px;}

/*详情页*/
.zhenwen{ padding: 10px;}
.zhenwen>.title{font-size: 2.2rem; font-weight:700;}
.zhenwen>.time{font-size: 1.2rem; color:#999;}
.zhenwen>.content{font-size: 1.6rem; line-height: 2.2rem; }
.zhenwen>.content img{max-width: 100%;}

/* 图文列表（标题描述时间图片横向） */

.wd-list-tuwen{
    box-sizing: content-box;
    padding: 10px;
    height:80px;
    border-bottom: 1px solid #f0f0f0;
}
.wd-list-tuwen a{ text-decoration:none; }
.wd-list-tuwen-wen-wrap{ margin:0; padding:0; }
.wd-list-tuwen-wen-title{ height: 30px; line-height:30px; font-size:18px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wd-list-tuwen-wen-desc{ height: 30px; line-height:20px; font-size:12px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wd-list-tuwen-wen-time{ height: 20px; line-height:20px; font-size:12px; color: #999; }
.wd-list-tuwen-tu-wrap{ float:right; margin:0; padding:0; padding-left:10px;}
.wd-list-tuwen-tu-img{ width:120px; height:80px; }


/* 导航图标 */

.wd-menubtn-wrap{
    /*background-color: #fff;*/
    overflow: hidden;
}
.wd-menubtn-item{
    float: left;
    padding: 10px 0px;
    width: 25%;
    text-align: center;
}
.wd-menubtn-item img{
    max-width:50%;
    max-height:50%;
}
.wd-menubtn-item p{
    margin: 0px;
    padding-top: 5px;
    color: #000;
    font-size: 14px;
}


/* 分类列表图标 */

.wd-categorylist-wrap{
    background-color: #fff;
    overflow: hidden;
}
.wd-categorylist-item{
    float: left;
    padding: 10px 0px;
    width: 33.3%;
    text-align: center;
}
.wd-categorylist-item img{
    max-width:50%;
    max-height:50%;
    border-radius: 50%;
}
.wd-categorylist-item p{
    margin: 0px;
    padding-top: 5px;
    color: #000;
    font-size: 14px;
}

/* Swiper */
.swiper-slide{
    
}
.swiper-slide .img-banner{ width:100%; }
.banner .swiper-pagination {
    left: auto;
    right: 20px;
    bottom: 10px;
    width: auto;
    padding: 2px 7px;
    border-radius: 10px;
    color: #fff;
    background: rgba(0,0,0,.3);
}

/*顶部固定搜索栏*/

.search-fixed{
    /*position: -webkit-sticky !important;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
    height: 45px;
    line-height: 45px;
    border-bottom: 0;
    background: #fff;
    font-size: 17px;
}
.search-fixed-content {
    display: -webkit-flex!important;
    width: 100%;
    height: 45px;
    background-color: #DD4B39;
}
.search-fixed-link {
    display: block;
    margin: 0px 10px 5.76px 17.26px;
    width: 32px;
    height: 45px;
    line-height: 45px;
    background-size: 32px 50px;
    font-size: 24px;
    color: #fff;
}
a.search-fixed-link:active,a.search-fixed-link:hover{color:#fff;}
.search-fixed-btn {
    width: 54px;
    margin: 0px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}
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: 5px;
    padding-left: 20px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 24px;
    color: #999;
}
.search-fixed-bar-a:active,.search-fixed-bar-a:hover{color:#999;}
.search-fixed-bar-a i{margin-right: 20px;}
.search-fixed-blank{ height: 45px; }


.am-gallery-item{background-color: #fff;}
.list-goods-title{height: 45px; line-height:20px; padding:5px; white-space: normal!important;}
.list-goods-price{ padding:5px; color:#F60!important; font-weight:bold;}
.am-gallery-item {border: 1px solid #e5e5e5;}

.u-plr{ padding-left:5px; padding-right: 5px;}
.u-pa{ padding:5px;}

.color-price{color:#F60!important;}

.am-article img{max-width:100%;}
/*购买数量+-号*/
.shop-jia-jian{display:inline-block; border:1px solid #ccc; text-align:center;height:30px;line-height:25px;width:30px;font-size:20px; border-radius:50%;}
.shop-number{border:1px solid #ccc;width:50px;height:30px; margin-bottom:5px;text-align:center;color:#999;}

.wd-row { margin:auto 5px; }

.content-body{}
.content-body img{ max-width: 99%;}


/*分页*/
.wd-page-div { margin-bottom:50px;}
.wd-page-div li{display: inline; }
.wd-page-div span{margin-right:5px;}
.wd-page-div li.prev{}
.wd-page-div li.next{}
.wd-page-div a{ display: inline-block; height:100%; text-align:center; border:1px solid #ddd!important; padding:5px 10px; margin-right:5px!important; line-height:35px;}
.wd-page-div span{color:green;}


/*  搜索表单 */

.custom-search{ background-color: #fefdff; padding: 10px; 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;
}


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


/*商家-列表*/
.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; overflow: hidden;  font-size:12px; color:#666;}

/*商家-附近商家*/
.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:16px; background: #efefef;height:40px; line-height:40px;}
.shop-titlebar-span{margin-left:10px; padding-left:10px; border-left:3px solid #f00;}



/* 商品横排（图片标题描述价格购买 横向） */
.shop-list-proh{ padding: 10px; height:100px; 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: 30px; line-height:30px; font-size:16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shop-list-proh-wen-desc{ margin-bottom:10px; height: 30px; line-height:15px; font-size:12px; color: #999; overflow: hidden; }
.shop-list-proh-wen-price{ height: 30px; line-height:30px; font-size:16px; }
.shop-list-proh-tu-wrap{ float:left; margin:0; padding:0; padding-right:10px;}
.shop-list-proh-tu-img{ width:100px; height:100px; }



/* 商品竖排（图片标题价格购买 两列） */
.shop-list-prov-wrap{
    overflow: hidden;
    background-color: #f0f0f0;
}
.shop-list-prov{ margin-right:2%; margin-bottom:10px; padding:4px; width:49%; float:left; background-color: #fff;}
.shop-list-prov:nth-child(2n){ margin-right:0%; }
.shop-list-prov-img{ width:100%; }
.shop-list-prov-title{ margin:10px 0px; padding:0px; height: 50px; line-height:25px; font-size: 16px; color: #333; overflow: hidden; }
.shop-list-prov-info{ height: 30px; line-height: 30px; overflow: hidden; }
.shop-list-prov-price{ font-size: 16px; color: #f60; }
.shop-list-prov-sale{ float: right; font-size: 16px; color: #999; }