@CHARSET "UTF-8";
a{cursor:pointer}img{border:0}
#wst-shopstr{background: #fff}
.wst-shopstr-ads{padding:10px 0}
.wst-shopstr-ads img{width:1226px;height:150px}
.wst-shopstr-cat{margin:10px 0 20px 0;padding:10px 20px;border:1px solid #dddbdb}
.wst-shopstr-catt{height:23px;color:#333;border-bottom:1px dashed #b5b5b5}
.wst-shopstr-cat span{float:left;margin:8px 60px 0 0;padding:8px 5px}
.wst-shopstr-cat span:hover{cursor:pointer;color:#ff6700}
.js-selected{cursor:pointer;color:#ff6700}
.wst-shopstr-shop{margin-top:20px;border:1px solid #dddbdb}
.wst-shopstr-shop::after{content: "";clear: both;display: block;}
.wst-shopstr-shopt::after{content: "";clear: both;display: block;}
.wst-shopstr-name::after{content: "";clear: both;display: block;}
.wst-shop-time::after{content: "";clear: both;display: block;}
.wst-shopstr-shopt{margin: 0 0 10px 0;background-color: #f9f9f9;padding-bottom:5px;border-bottom:1px solid #eee  }
.wst-shopstr-shopt a{display: block;float: left;}
.wst-shop-top{padding: 10px}
.wst-shopstr-shopt a img{max-width:95px;max-height:112px;float: left;}

.wst-shop-goods .img{display: block;width: 100px;height: 100px}
.wst-shopstr-name{height:32px;line-height:32px;}
.wst-shopstr-name .name{margin-left: 10px;float:left;font-size:14px;color:#2e2e2e;width:130px;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wst-shopstr-name span{background-color: #999999;color: #fff;padding: 5px;border-radius: 2px}
.wst-shopstr-name .favorite{padding:5px 5px 5px 23px;loat:left;border:1px solid #ededed;margin-left:5px}
.wst-shopstr-pr{float: left;margin-left: 10px; }
.wst-shopstr-pr img{max-width: 18px;height: 18px;margin:2px 0px; }
.wst-shop-time{margin:2px 0px 2px 10px;display: block;float: left;}
.wst-shop-km{float: right;position: relative;bottom: 10px;color: #7f7f7f;}
.wst-shopstr-pr .company{text-decoration:underline;color:#57c4f5}
.wst-shopstr-pr .company:hover{color:#31b0e9}
.wst-shopstr-score{width:118px;height:96px;position:absolute;left:25px;bottom:-95px;color:#545252;text-indent:1em;cursor:pointer;background:url(../img/img_bg_xiala.png) 0 0 no-repeat}
.wst-shopstr-score .title{font-weight:bold}
.wst-shopstr-more{float:left;width:100%}
.wst-shopstr-more a{font-size:13px;color:#666}
.wst-shopstr-more a:hover{color:#eb5f43}
.wst-shopstr-more span{width:100px;height:20px;color:#fff;line-height:20px;background:url(../img/img_dztj_bg.png) no-repeat}
.wst-shopstr-goodimg .wst-shop-gn{float: left;margin: 35px 100px 35px 20px;width: 500px;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.wst-shopstr-goodimg .wst-shop-gn a{width: 100%;font-size: 14px;color: #2e2e2e;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.wst-shopstr-goodimg .wst-shop-gp{float: left;margin: 35px 20px;width: 100px;}
.wst-shopstr-goodimg::after{content: "";clear: both;display: block;}
.wst-shopstr-goodimg{border-bottom: 1px solid #f5f5f5;margin: 0 10px 10px 10px;text-align:center;vertical-align:middle;display:block;position:relative}
.wst-shopstr-goodimg a{float: left;}
.wst-shop-sale{float: left;margin: 20px 20px;}
.wst-shop-sale img{width: 18px;height: 18px}
.wst-shopstr-goodimg a img{max-width:100px;max-height:100px}
.wst-shop-buy a{margin: 20px 20px;;border-radius: 5px;padding: 10px 43px;background-color:#13d1be;color: #fff;float: left; }
.wst-shopstr-goods span{float:left;width:100px;margin-top:1px;text-align:center;color:#fc6047;font-weight:bold}
.shopstrPaging{padding:20px 0 50px 480px}
.als-container{position:relative;width:100%;margin:0 auto}
.als-viewport{position:relative;overflow:hidden;margin:0 auto}
.als-wrapper{position:relative;list-style:none}
.als-item{position:relative;display:block;text-align:center;cursor:pointer;float:left}
.als-prev,.als-next{position:absolute;cursor:pointer;clear:both}
.als-item img{width:135px;height:135px;vertical-align:middle}
.als-prev,.als-next{top:40px}
.als-prev{left:-25px}
.als-next{right:-30px}
.none{text-align: center;margin: 20px 0px;}
.distance-icon{display: inline-block; width:20px;height: 20px;background: url('../img/location-icon.png');background-size: 100%;position: relative;top: 5px;left: -5px;}

.nodata-tip{text-align: center;padding:8px;font-size:18px}
.load-tip{text-align: center;padding:8px;font-size:14px;color: #707070;}
.nodata-tip img, .load-tip img{vertical-align: middle;}

.popover {
    position: absolute;
    top: 28px;
    left: 0px;
    z-index: 1000;
    cursor: auto;
    user-select: text;
    white-space: normal;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    text-align: left;
    background: #FFF;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.1);
    border: 1px solid #eee;
    border-radius: 4px;
    width: 400px;
    display:none;
}
.popover>.arrow {
    left: 26px;
    top: -10px;
    border-width: 5px;
}
.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #eee;
    border-style: solid;
}
.popover .tag2{padding:2px 10px;font-size:12px;}

.rate-stars, .rate-stars-ul>li, .tag-group, .tag-group>div {display: inline-block;}
.filter-box{background:#FFF;border-radius:4px;color:#333;font-size:14px;font-weight:500;line-height:20px;margin:0 0 20px 0; }
.filter-box .filter-selected-condition{padding:11px 20px;border-bottom:1px solid #eee;min-height:21px;display:none;}
.filter-box .filter-selected-condition>label{position:absolute;line-height:21px}
.filter-box .filter-selected-condition>div{margin-left:80px}
.filter-box .filter-selected-condition>div>.tag{margin-left:-13px}
.filter-box .filter-section-wrapper{padding-bottom:15px}
.filter-box .filter-section-wrapper .filter-component{padding:15px 20px 0}
.filter-box .filter-section-wrapper .filter-component>div.label{position:absolute;width:160px}
.filter-box .filter-section-wrapper .filter-component>div.label>label{display:block;width:80px;float:left}
.filter-box .filter-section-wrapper .filter-component>div.label>.tag,
.filter-box .filter-section-wrapper .filter-component>div.label>label{height:22px;line-height:22px}
.filter-box .filter-section-wrapper .filter-component>div.tags{line-height:28px;margin-top:-3px;margin-left:160px}
.filter-box .filter-section-wrapper .filter-component>div.tags .tag-solid{line-height:22px;font-size:14px}
.filter-box .filter-section-wrapper .filter-component:nth-last-child(n+2)>div.tags{padding-bottom:10px;border-bottom:1px solid #eee}
.filter-box .filter-section-wrapper>.less,.filter-box .filter-section-wrapper>.more{text-align:center;font-family:iconfont;font-size:12px;font-weight:400;color:#666;margin-left:5px}
.filter-box .filter-section-wrapper>.more:after{content:"\e609";display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg) scale(.75);-ms-transform:rotate(90deg) scale(.75);transform:rotate(90deg) scale(.75)}
.filter-box .filter-section-wrapper>.less:after{content:"\e609";display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg) scale(.75);-ms-transform:rotate(270deg) scale(.75);transform:rotate(270deg) scale(.75)}
.filter-box .filter-section-wrapper .filter-component>div.tags .tag-solid {line-height: 22px;font-size: 14px;}
.tag-empty, .tag-expend {border: none;}
.tag {padding: 0 10px;color: #666;display: inline-block;font-weight: 400;}
.tag-solid {border-radius: 100px;background: #13D1BE;color: #FFF;}
.tag-solid:after {border-top-color: #FFF!important;}
a.tag-solid:hover{color:#fff}
.tag-group {vertical-align: top;}
.rate-stars, .rate-stars-ul>li, .tag-group, .tag-group>div {display: inline-block;}
.tag-group-small>div {margin-right: 10px;}
.tag-border, .tag-close {padding: 0 6px;border: 1px solid #31BBAC;border-radius: 10px;color: #31BBAC;}

.filter-component .tag-group-expend>div {min-width: 180px;}
.filter-component .tag-group-expend .expend-item{position: relative;}
.filter-component .popover-content .tag-group-expend>div {min-width: 110px;}

.tag-expend:after {display: inline-block;margin-left: 4px;vertical-align: -2px;border: 4px solid transparent;border-top-color: #666;}
.tag-expend:after, .tag-sort:after, .tag-sort:before {content: ""; width: 0;height: 0;}

.tag span, .tag:after, .tag:before {cursor: pointer;}

.tag-close:after {margin-left: 5px;content: "\00d7";}

.tag span, .tag:after, .tag:before { cursor: pointer;}
.filter-box .popover-content{padding:10px 20px}
.filter-box .popover-content>.tag:first-child{color:#ccc;font-size:16px;margin-bottom:11px;cursor:default}
.filter-box .popover-content>.tag:first-child span{cursor:default}
.filter-box .popover-content .tag-group{width:100%}
.filter-box .popover-content .tag{margin-bottom:5px;margin-left:-5px}

.list-container .center-content .left-content .common-list>.sort-option {padding-top: 15px;padding-bottom: 2px;}
.sort-option{padding:11px 0;height:20px;background: #fff;border-bottom:1px solid #eee;border-bottom: 0;}
.sort-option>label{margin-right:18px}
.sort-option .tag-highlight{color:#31BCAD}
.sort-option .tag-highlight {color: #31BCAD;}
.tag-sort {position: relative;}

.tag-sort:after, .tag-sort:before {border: 3.2px solid transparent;display: block;right: 0;top: 50%;position: absolute;}
.tag-sort:after, .tag-sort:before {content: "";width: 0;height: 0;}
.tag:after, .tag:before { cursor: pointer;}

.filter-box .popover-content>.cat-tip:first-child {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 11px;
    cursor: default;
}
.tag-highlight {color: #13D1BE;}

.tag-sort:before {border-bottom-width: 4px; border-bottom-color: #ccc;margin-top: -8px;}
.tag-sort:after {border-top-width: 4px;border-top-color: #ccc;margin-top: 1px;}
.tag-sort-up-light:before { border-bottom-color: #13D1BE;}
.tag-sort-down-light:after {border-top-color: #13D1BE;}
.common-list-main{padding-top:0}
.common-list-main>div .ellipsis>*{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.common-list-main>div .list-item-desc-top{position:relative;padding-bottom:10px}

.main{ width: 100%;padding: 11px 0;background-color: #fff;border-radius: 4px;box-sizing: border-box;}
.main .item{box-sizing: border-box;vertical-align: middle;}
.main .item .img{background-size: cover;max-width: 100%;height:280px;cursor: pointer;}


.main .item .container{padding: 10px;margin: 0 10px;    border-bottom: 1px solid #eee;}
.main .item .wrapper {width: 100%;box-sizing: border-box;}
.main .item .img-box {width: 120px;border-radius: 4px;overflow: hidden;float: left;}
.main .item .img-box img { width: 100%;height:120px;font-size: 0;}
.main .item .info-box{ position: relative; margin-top: 10px;width: 1040px;float: left;margin-left: 15px;}
.main .item .info-box .score-line.aligned {height: 24px;}
.main .item .info-box .score-line div {display: inline-block;}
.main .item .info-box .score-line img{width:13px;}
.main .item .info-box .desc-line.aligned { height: 18px;}
.main .item .info-box .desc-line .desc {font-size: 12px;color: #999;width: 100%; height: 18px;line-height: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 4px;}

.main .item .info-box .bottom-line.aligned { height: 28px;}
.main .item .info-box .bottom-line .price-box { color: #F60; }
.main .item .price-box .yuan { font-size: 14px;font-weight: 700;}
.main .item .price-box .price-number {font-size: 22px;letter-spacing: -.5;}
.main .item .price-box .price-desc {font-size: 12px; margin-left: 4px;font-weight: 700;}
.main .item .info-box .title{ font-size: 16px;line-height: 22px;width: 100%;height: 22px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;    color: #222;    margin: 0;font-weight: 500;}
.main .item .info-box .distance{font-size: 12px;color: #999;position: absolute;right: 0;top: 0;}
.main .item .info-box .sale-count{}

.main .item .info-box .goods{margin-top:10px;padding:10px 0; border-top: 1px solid #f5f5f5;}
.main .item .info-box .goods .img{width:65px;height:65px;float: left;}
.main .item .info-box .goods .info{min-height: 60px;float: left;width: 800px;margin-left: 15px;}
.main .item .info-box .goods .price-box{color: #F60}

.tobuy{
    width: 80px;
    height: 34px;
    line-height: 34px;
    display: block;
    margin-bottom: 14px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #13d1be;
    border: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
    float: right;
    border-radius: 100px;
}
.tobuy:hover{opacity:0.8;}

.split-line{border:1px solid #f5f5f5;margin:10px 0;}