@charset "utf-8";
/*筛选*/
.classify-screen{ border: 1px solid #ececec; font-size: 12px; padding: 5px 20px 0px; margin: 15px auto;}
.classify-box { padding: 10px 0px;}
.classify-box-reg{ border: none;}
.classify-box .classify-name{ width: 100px; float: left; font-size: 14px; font-weight: 400; text-indent: 15px;}
.classify-box .classify-screen-con{ float: left; width: 1060px;}
.classify-box .classify-screen-con .classify-choose{ width: 1060px; float: left;}
.classify-box .classify-screen-con a { display: inline-block; color: #666; font-size: 12px; width: 100px; height: 20px; line-height: 20px; margin-bottom: 5px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.classify-box .classify-screen-con a:hover { text-decoration: none;}
.classify-box .classify-screen-con a span { padding: 3px 10px;}
.classify-box .classify-screen-con a:hover span { color: #ffffff;}
.classify-box .classify-screen-con a.selected span { color: #ffffff;}
.classify-screen-con1{ float: left; width: 1040px; margin: 8px 10px 10px 0px; background: #FBFBFB; padding: 10px 10px 5px; border: 1px solid #f0f0f0;}

/*排序*/
#filter .pagin .icon, .filter-tag .icon{ background: url(../images/common-icon.png) no-repeat;}
#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 .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; color: #E31939;}
#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; 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;}

/*列表形式*/
.main { width: 1210px; margin: 0px auto;}
.shop-list{ width: 1227px; display: inline-block;}
.shop-list li { float: left; width: 390px; height: 295px; border: 1px solid #ececec; position: relative; cursor: pointer; margin-right: 17px; margin-bottom: 15px; overflow: hidden;}
.shop-list li:hover { border-width: 1px; border-style: solid;}
.shop-list li .brand-logo { position: absolute; width: 80px; height: 30px; background: #fff; top: 5px; left: 5px; z-index: 2;}
.shop-list li a { height: 100%; width: 100%; display: block; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 8; cursor: pointer;}
.shop-list li a:hover { text-decoration: none;}
.shop-list li .p-img { position: relative; width: 390px; height: 200px; overflow: hidden; margin: 0 auto; text-align: center; cursor: pointer;}
.shop-list li .p-img img { vertical-align: top; width: 390px; height: 200px;}
.shop-list .shop-info { width: 350px; height: 90px; padding: 0 20px;}
.shop-list .shop-info .shop-name-wrap { height: 45px; padding: 5px 0px; overflow: hidden;}
.shop-list .shop-info .shop-name-wrap .shop-logo{ width: 90px; height: 45px; margin-right: 20px;}
.shop-list .shop-info .shop-name-wrap .shop-logo img{ width: 90px; height: 45px;}
.shop-list .shop-info .shop-name-wrap .shop-name { width: 240px; font-size: 16px; height: 45px; line-height: 45px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.shop-list .shop-info .line { width: 100%; height: 1px; border-bottom: 1px #ddd dashed; display: block; overflow: hidden;}
.shop-list .shop-info .shop-desc{ height: 20px; padding: 10px 0px; overflow: hidden;}
.shop-list .shop-info .shop-desc p{ height: 20px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.list-grid { overflow: hidden;}
.list-grid .item { float: left; font-size: 12px; width: 230px; margin: 15px 15px 0 0;}
.list-grid .item.last { margin-right: 0;}
.list-grid .item-con { background: #FFF; line-height: 18px; padding: 5px 4px 5px 2px; border: solid 1px #eee; position: relative; overflow: hidden;}
.list-grid .item-pic{ width: 225px; height: 220px; text-align: center;}
.list-grid .item-pic a{ height: 220px; overflow: hidden; text-align: center; vertical-align: middle; width: 220px; display: inline-block;}
.list-grid .item-pic 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: 16px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; float: left; overflow: hidden;}
.list-grid .delivery-time { float: left; color: #E31939;}
.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: #0ABEDE; padding: 0px 3px;}
.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);}

/*没有信息内容时显示*/
.tip-box { width: 300px; height: 300px; text-align: center; margin: 80px auto 0px;}
.tip-box .tip-icon { display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.tip-box .tip-text { line-height: 20px; padding: 10px; font-size: 14px;}

/*排序*/
.main #filter { border: 1px solid #EEE; background: #FFF;}
.main #filter.filter-fixed { position: fixed;top: 0; z-index: 999999; width: 1208px;}
.main #filter.filter-fixed .fore2 { display: none;}
.main #filter .fore1 { background: #F9F9F9; height: 38px; line-height: 38px; overflow: hidden;}
.main #filter .order { float: left; height: 38px;}
.main #filter .order dd { float: left;}
.main #filter .order a { display: block; height: 38px; padding: 0 18px; border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; margin-left: -1px;}
.main #filter .order .first a, .main #filter .order .curr.first a { margin-left: 0; border-left: 0;}
.main #filter .order .curr a, .main #filter .order a:hover { position: relative; z-index: 1; background: #FFF; border-color: #eee; color: #E31939;}
.main #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; 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;}

/*商品列表展示*/
.itemlist{margin: auto; overflow: visible; margin-right: -20px;}
.itemlist li{ float: left; position: relative; margin: 10px 20px 10px 0; width: 287.5px; height: 398px;}
.itemlist li:nth(4n){ margin-right:0px;}
.itemlist li a.link-box { height: 395px; position: relative; display: block; cursor: pointer; overflow: hidden; text-decoration: none; background: #fff; border: 1px solid #dcdcdc;}
.itemlist li:hover a.link-box{border-color: #e61414; outline: #e61414 solid 2px;}
.itemlist li a.link-box .item-pic{  margin: 0 auto 10px -1px; display: block; width: 288px; height: 288px;}
.itemlist li a.link-box h4{margin: 0 5px 2px 10px; overflow: hidden;}
.itemlist li a.link-box h4 .item-name {display: block; color: #333; font-size: 14px; font-weight: 400; overflow: hidden; height: 38px;}
.itemlist li a.link-box h3 { margin: 0 10px; font-size: 12px; line-height: 16px; padding: 0; color: #999; overflow: hidden; height: 20px;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; display:none}
.itemlist li .item-info { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 50px; background-color: #e61414;}
.itemlist li .item-info .item-prices{ margin-right: 8px;line-height: 50px;font-size: 34px;font-weight: 400; letter-spacing: -2px; font-style: normal; color: #fff; float: left; font-family: Helvetica Neue,Helvetica,Arial;}
.itemlist li .item-info .item-prices::first-letter{ display: inline-block; float: left;font-family: "Microsoft Yahei","Hiragino Sans GB",Arial; font-size: 22px; font-weight: 400;}
.itemlist li .item-info .item-link { position: absolute; top: 0; right: 0; width: 46px; height: 100%; padding-left: 10px; line-height: 50px; overflow: hidden; text-align: center; font-size: 20px; color: #e61414; background:url(../images/item-link-bg.png) no-repeat}
.itemlist li .sell-out{ top:90px;}
.itemlist li:hover .not-started a.link-box {border-color: #26a96d; outline: #26a96d solid 2px;}
.itemlist li .not-started a.link-box .item-info{background-color: #26a96d;}
.itemlist li:hover .finish a.link-box{border-color: #0066cc; outline: #0066cc solid 2px;}
.itemlist li .finish a.link-box .item-info{background-color: #0066cc;}