@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0; padding-top: 15px;}

/*店铺信息*/
.shop-info{ width: 1180px; height: 140px; padding: 15px; margin-bottom: 15px; border: 1px solid #eee;}
.shop-info .logo { float: left; width: 80px; height: 80px; margin-right: 15px;}
.shop-info .logo img { max-width: 100%; max-height: 100%;}
.shop-info .shop-content { float: left; width: 700px;}
.shop-info .shop-content p { margin-bottom: 10px;}
.shop-info .shop-content .shop-name { font-size: 16px; color: #333; height: 35px; display: block;}
.shop-info .shop-content .shop-credit { height: 16px;}
.shop-info .shop-content .shop-credit img { height: 16px; vertical-align: middle; margin-top: -4px;}
.shop-info .shop-content .shop-credit span { height: 16px; line-height: 16px; vertical-align: middle; margin-left: 10px;}
.shop-info .shop-content .shop-credit span.evaluate { color: #FF6500;}
.shop-info .shop-content .shop-credit span em { margin: 0 3px;}
.shop-info .shop-content .shop-address .map-address { margin-left: 15px; color: #13D1BE;}
.shop-info .shop-content .shop-address .map-address i { vertical-align: middle; margin-right: 3px;}
.shop-info .shop-poster { width: auto; height: 140px; float: right; display: block;}
.shop-info .shop-poster img{ max-width: 100%; max-height: 100%;}

/*排序*/
#filter { border: 1px solid #EEE; background: #FFF;}
#filter.filter-fixed { position: fixed;top: 0; z-index: 999999; width: 1208px;}
#filter.filter-fixed .fore2 { display: none;}
#filter .fore1 { background: #F9F9F9; height: 38px; line-height: 38px; overflow: hidden;}
#filter .fore2 { border-top: 1px solid #EEE; background: #fff; height: 38px;}
#filter .order { float: left; height: 38px;}
#filter .order dd { float: left;}
#filter .order a { display: block; height: 38px; padding: 0 18px; border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; margin-left: -1px;}
#filter .order .first a, #filter .order .curr.first a { margin-left: 0; border-left: 0;}
#filter .order .curr a, #filter .order a:hover { position: relative; z-index: 1; background: #FFF; border-color: #eee;}
#filter .order a i{ vertical-align: middle; color: #DDDDDD; margin-top: 2px; display: inline-block;}
#filter .pagin { float: right; line-height: 38px; overflow: hidden;}
#filter .pagin .prev, #filter .pagin .next, #filter .pagin .text { float: left; line-height: 37px;}
#filter .pagin .prev, #filter .pagin .next { padding: 0 15px; height: 38px;}
#filter .pagin .icon { display: inline-block; background: url(../images/common-icon.png) no-repeat; width: 6px; height: 9px; margin-top: 14px;}
#filter .pagin .prev .prev-btn { background-position: -26px 0;}
#filter .pagin .prev-btn:hover { background-position: -42px 0;}
#filter .pagin .prev-disabled { background-position: -58px 0;}
#filter .pagin .next .next-btn { background-position: -74px 0;}
#filter .pagin .next-btn:hover { background-position: -90px 0;}
#filter .pagin .next-disabled { background-position: -106px 0;}
#filter .total { float: right;}
#filter .total span { padding: 0 3px;}
#filter .filter-btn { float: left; height: 38px;}
.filter-tag, .filter-tag-radio { float: left; height: 38px; line-height: 38px; margin-left: 17px; cursor: pointer; color: #666; white-space: nowrap;}
.filter-tag i{ float: left; color: #DDDDDD; vertical-align: middle; cursor: pointer; margin-top: 2px;}
.filter-tag .text, .filter-tag-radio .text { float: left; margin-left: 4px;}
.filter-tag-radio .icon { background-position: -56px -12px;}
.filter-tag-radio.curr .icon, .filter-tag-radio:hover .icon { background-position: -71px -12px;}
.filter-mod { float: right; height: 38px; overflow: hidden; background: #FCFCFC;}
.filter-mod .filter-type { width: 38px; height: 38px; float: left; overflow: hidden; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: -1px;}
.filter-mod .filter-type i{color: #999; text-align: center; width: 38px; height: 38px; display: block; line-height: 40px; }
.filter-mod .filter-type i.icon-list{ font-size: 20px;}
.filter-mod .filter-type-icon { display: block; margin-top: 14px; margin-left: 14px; width: 12px; height: 12px;}
.filter-type-list .filter-type-icon { background-position: -70px -30px;}
.filter-type-grid .filter-type-icon { background-position: -26px -30px;}
.filter-type-text .filter-type-icon { background-position: -114px -30px;}
.filter-type-list:hover .filter-type-icon, .filter-type-list.curr .filter-type-icon { background-position: -92px -30px;}
.filter-type-grid:hover .filter-type-icon, .filter-type-grid.curr .filter-type-icon { background-position: -48px -30px;}
.filter-type-text:hover .filter-type-icon, .filter-type-text.curr .filter-type-icon { background-position: -136px -30px;}
.filter-type.curr { background-color: #fff;}
.filter-type:hover { background-color: #fff;}
/*列表 表格形式*/
.list-grid { overflow: hidden;}
.list-grid .item { float: left; font-size: 12px; width: 228px; margin: 15px 15px 0 0; padding: 1px;}
.list-grid .item.last,.list-grid .item:nth-child(5n){ margin-right: 0;}
.list-grid .item-con { background: #FFF; line-height: 18px; padding: 5px 4px 5px 3px; border: solid 1px #eee; position: relative; overflow: hidden;}
.sell-out{ position: absolute; width: 95px; height: 95px; top: 60px; left: 50%;z-index: 99; margin-left: -47px; background: url(../images/shouqing.png) no-repeat;}
.list-grid .item-tag-box { position: absolute; left: 6px; top: 5px;}
.list-grid .item-tag { width: 40px; height: 22px; text-align: center; position: relative; color: #fff; z-index: 2;}
.list-grid .item-tag.service{ background:#9900FF ;} 
.list-grid .item-tag.service i{border-color: #9900FF transparent transparent;}
.list-grid .item-tag.fictitious{ background: #FF4791;}
.list-grid .item-tag.fictitious i{border-color: #FF4791 transparent transparent;}
.list-grid .item-tag span { display: block; width: 40px; height: 22px; line-height: 22px; text-align: center; font-size: 12px;}
.list-grid .item-tag i { position: absolute; display: block; border-style: solid; border-width: 9px 20px; left: 0; top: 22px;}
.list-grid .item-tag.best,.goodsList .item-tag.best { background: #03A31C !important;}
.list-grid .item-tag.hot,.goodsList .item-tag.hot{ background: #F23030 !important;}
.list-grid .item-tag.new,.goodsList .item-tag.new{ background: #F4B70F !important;}
.list-grid .item-tag.best i,.goodsList .item-tag.best i{border-color: #03A31C transparent transparent;}
.list-grid .item-tag.hot i,.goodsList .item-tag.hot i {border-color: #F23030 transparent transparent;}
.list-grid .item-tag.new i,.goodsList .item-tag.new i {border-color: #F4B70F transparent transparent;}
.list-grid .item-pic{ width: 225px; height: 220px; text-align: center; position: relative;}
.list-grid .item-pic a{ height: 220px; overflow: hidden; text-align: center; vertical-align: middle; width: 220px; display: inline-block;}
.list-grid .item-pic a > img { width: 220px; height: 220px;}
.list-grid .shop-over { width: 220px; height: 220px; position: absolute; left: 4px; top: 4px; background: url(../images/soldout.png) no-repeat center center;}
.list-grid .item-info { padding: 0 6px;}
.list-grid .item-price { display: block; height: 20px; line-height: 20px; padding: 15px 0 0; overflow: hidden;}
.list-grid .sale-price { font-size: 20px; font-weight: 400; font-family: Arial, Helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; min-width: 70px; float: left; overflow: hidden;}
.list-grid .pre-sale{ height: 20px; line-height: 18px; padding: 0 5px; background-color: #FF6A6A;; color: #fff; border-radius: 2px; font-size: 11px; margin-left: 5px; display: inline-block;}
.list-grid .sale-count { float: right; font-family: "Microsoft YaHei", Arial; color: #b9b9b9;}
.list-grid .item-name { line-height: 20px; color: #999; height: 40px; display: block; overflow: hidden; margin: 5px 0;}
.list-grid .item-name i{ margin-left: 5px;}
.list-grid .item-name i.free-shipping{ border: 1px solid #ffe1d3; color: #E31939; background: #fff0e7; padding: 0px 5px; white-space: nowrap;}
.list-grid .item-name i.gift{ color: #fff; background: #F23030; padding: 0px 3px;}
.list-grid .other { height: 20px; overflow: hidden;}
.list-grid .item-con-info{ height: 50px; overflow: hidden;}
.list-grid .item-con-info .item-operate { overflow: hidden; position: relative; height: 22px; padding: 3px 0;}
.list-grid .item-con-info .operate-btn { float: left; width: auto; height: 18px; overflow: hidden; margin-right: 10px; padding-left: 0px; color: #b9b9b9; position: relative;}
.list-grid .item-con-info .operate-btn i { font-size: 14px; vertical-align: middle; margin-top: 2px; display: inline-block;}
.list-grid .item-con-info .operate-btn.curr, .list-grid .operate-btn:hover { cursor: pointer;}
.list-grid .item-con-info .item-shop{ height: 22px; line-height: 22px;  width: 175px;}
.list-grid .item-con-info .item-shop a{ max-width: 140px; height: 22px; line-height: 22px; display: inline-block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; vertical-align: middle;}
.list-grid .item-con-info .item-shop em.shop-serve{font-size: 22px; height: 16px; display:inline-block; cursor: pointer; vertical-align: middle; margin-top: -2px;}
.list-grid .item-con-info .item-shop .dsrs { height: 18px; line-height: 18px; padding: 0px 5px; border-radius: 2px; background: #f40; color: #fff; float: left; margin-right: 5px; margin-top: 2px;}
.list-grid .item-con-info .item-add-cart{ width: 30px; height: 50px; overflow: hidden;}
.list-grid .item-con-info .item-add-cart .add-cart { display: block; width: 30px; height: 30px; -moz-background-size:30px 30px; background-size:30px 30px; background-repeat:no-repeat; margin-top: 10px;}
.list-grid .item-con-info .item-add-cart .buy-enable { display: block; width: 30px; height: 30px; background-repeat:no-repeat; margin-top: 10px; background-position: -118px -145px;}
.list-grid .item-con-info .item-add-cart .add-cart.tell-me { background-position: -64px -94px;}
.list-grid .stock { position: absolute; top: 200px; left: 6px; z-index: 2; line-height: 25px; height: 25px; width: 200px; padding: 0 10px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,.7);}
.list-grid .other span i{ color: #13D1BE }
.list-grid .act-type{ height: 20px; line-height: 19px; padding: 0 5px; background-color: #F23030; color: #fff; border-radius: 2px; font-size: 12px; margin-left: 5px; display: inline-block;}
.list-grid .act-type.pre-sale{background-color: #FE6A6A;}
.list-grid .act-type.group-buy{background-color: #FEAC24;}
.list-grid .act-type.bargain{background-color: #0BB760;}
.list-grid .act-type.live{background-color: #7D89B9;}
.list-grid .act-type.limited-discount{background-color:#58B4FF;}
.list-grid .act-type.fight-group{background-color: #48CEAD;}
.list-grid .act-type.pre-sale{background-color: #FE6A6A;}
.list-grid .act-type.gift{background-color: #EF2F2F;}
.list-grid .act-type.set-meal{background-color: #FF8635;}
.list-grid .act-type.crowdfund{background-color: #48CEAD;}
.list-grid .act-type.fullsubtraction,.list-grid .act-type.full-gift{background-color: #C282E3;}
.list-grid .act-type.exchange{background-color: #F0AA4A;}
.list-grid .act-type.purchase{background-color: #7675F2; }
.list-grid .act-type.fictitious{background-color: #FF4791;}
.list-grid .act-type.service{background-color: #9900FF; }
/*列表 列表显示*/
.goodsList { padding: 0; border: 1px #eee solid; border-top: none;}
.goodsList ul { height: 74px; position: relative; z-index: 1;border-bottom: 1px dotted #eee;}
.goodsList ul.bgcolor { background: #fcfcfc;}
.goodsList ul.last { border-bottom: 0;}
.goodsList li { float: left;}
.goodsList .thumb {	width: 100px; height: 50px; padding: 10px 0; text-align: center;}
.goodsList .thumb img { width: 50px; height: 50px; border: 1px solid #ddd; padding: 1px;}
.goodsList .goodsName { width: 320px; height: 45px; line-height: 20px; overflow: hidden; margin: 17px 50px 0 20px;}
.goodsList .goodsName a{ width: 320px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.goodsList .goodsName .stock{ height: 20px; line-height: 20px;}
.goodsList .list_price { line-height: 20px; margin-top: 17px;}
.goodsList .action { float: right; margin-right: 10px; margin-top: 24px;}
.goodsList .action .action-btn { height: 25px; line-height: 25px; margin-left: 15px; padding: 0 16px; float: left; color: #fff; text-align: center;}
.goodsList .action .collet-btn { background: #ff9149;}
.goodsList .action .addcart-btn { width: 92px; padding: 0;}
.goodsList .action .sell-over { background: #a1a1a1; color: #fff;}