@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0px; padding-top: 15px;}
 #filter .pagin .icon, .filter-tag .icon, .list-grid .operate-btn i{ background: url(../images/common-icon.png) no-repeat;}
.category-layer .list .categorys { width: 200px;}
.category-layer .list .categorys .subitems { width: 160px; padding: 0px 20px; min-height: 388px; clear: both;}
.category-layer .list .categorys .subitems dt { width: 160px; border-bottom: 1px dotted #ddd; text-align: left; font-size: 14px; font-weight: normal; padding: 8px 0px 5px;}
.category-layer .list .categorys .subitems dd { width: 160px !important;}
.category-layer .list .categorys .subitems dd a { padding: 0px; width: 50%; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*后修改的*/
.group-category.category-layer { height:350px; min-height: 350px; overflow:hidden; top: 0px; background-color: rgba(255,255,255,.95);}
.group-category.category-layer .class-list{padding: 0 19px; overflow:hidden}
.group-category.category-layer a.nav-item{height: 49px;display: inline-block; text-decoration: none; color: #333; float: left; border-bottom: 1px solid #e8e8e8; line-height: 49px; cursor: pointer; font-size: 13px;}
.group-category.category-layer a.nav-item span{float: left; width: 71px; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.group-category.category-layer a.nav-item:nth(2n) span{ float:right}
.group-category.category-layer a.nav-item:nth-of-type(13),.group-category.category-layer a.nav-item:nth-of-type(14){ border-bottom:none;}

/*************** 首页焦点区域 **********/
.banner{ width: 100%; height: 350px; position: relative; margin-bottom: 15px;}

/* 满屏背静切换焦点图 */
.banner ul.full-screen-slides { width: 100%; height: 350px; position: relative; z-index: 1; overflow: hidden;}
.banner ul.full-screen-slides li { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0;}
.banner ul.full-screen-slides li a { display: block; width: 100%; height:350px; text-indent: -9999px; margin-left: -365px; position: absolute; z-index: 2; left: 50%; top: 0px;}
.banner ul.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: right; display: block; list-style: none; height: 16px; padding: 7px 8px; position: absolute; left: 50%; bottom: 10px; z-index: 3;}
.banner ul.full-screen-slides-pagination li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style: none; overflow: hidden; cursor: pointer; *zoom:1; height: 10px; width: 10px; border: 2px solid #fff; opacity: .6; margin: 0 3px; border-radius: 50%;}
.banner ul.full-screen-slides-pagination a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px;}
.banner ul.full-screen-slides-pagination .current { background: #FFF; opacity:0.9}
.activity-bg-color{ filter:alpha(opacity=90); /*支持 IE 浏览器*/-moz-opacity:0.9; /*支持 FireFox 浏览器*/opacity:0.9;}

.main { width: 1210px; min-height: 430px; margin: 15px auto;}
.group-buy-title{ margin:10px auto; width:100%; height: 60px; background-image: url(../images/common/title-bg.png) !important; line-height: 60px; font-size: 24px; color: #FFF; font-weight: 700; overflow: hidden; text-align: center;}
.title { height: 38px; margin-bottom: 25px; position: relative;}
.title h3 { position: relative; z-index: 2; float: left; height: 38px; line-height: 38px; font-size: 24px; color: #E31939; font-weight: 400; background: #fff;}
.title h3 i { background: url(../images/group-buy.png) no-repeat; background-position: 0px 3px; width: 30px; height: 35px; margin-right: 10px; display: inline-block; vertical-align: middle; overflow: hidden;}
.title .slogan { float: left; position: relative; top: 13px; width: 145px; height: 20px; line-height: 99em; z-index: 2; font-size: 18px; color: #e4393c; background: url(../images/group-buy.png) #fff no-repeat; background-position: -35px 0px; overflow: hidden;}
.title-ing .slogan{ background-position: -35px -25px;}
.title .line { position: absolute; top: 20px; left: 0; width: 100%; height: 1px; background: #ffd3d4; overflow: hidden;}

.group-list{ width: 1225px; display: inline-block;}
.group-list li { float: left; width: 390px; height: 285px; border: 1px solid #ececec; position: relative; cursor: pointer; margin-right: 15px; margin-bottom: 15px; overflow: hidden;}
.group-list li:hover { border-width: 1px; border-style: solid;}
.group-list li .brand-logo { position: absolute; width: 80px; height: 30px; background: #fff; top: 5px; left: 5px; z-index: 2;}
.group-list li a { height: 100%; width: 100%; display: block; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 8; cursor: pointer;}
.group-list li a:hover { text-decoration: none;}
.group-list li .p-img { position: relative; width: 390px; height: 195px; overflow: hidden; margin: 0 auto; text-align: center; cursor: pointer;}
.group-list li .p-img img { vertical-align: top; max-width: 100%; max-height: 100%;}
.group-list .brand-info { width: 350px; height: 85px; padding: 0 20px;}
.group-list .brand-info .brand-name-wrap { height: 38px; overflow: hidden;}
.group-list .brand-info .brand-name-wrap .b-name { width: 100%; font-size: 16px; height: 38px; line-height: 38px; color: #333; overflow: hidden;}
.group-list li .p-img .brand-time { width: 100%; height: 35px; line-height: 35px; color: #999; margin-top: 12px; font-family: verdana; font-size: 12px; position: absolute; left: 0px; bottom: 0px; background-color: #eee; opacity: 0.9; text-align: left; text-indent: 20px;}
.group-list li .p-img .brand-time i {vertical-align: middle; margin-right: 5px; margin-top: 2px; display: inline-block; font-size: 20px; color: #666; text-indent: 0px;}
.group-list li .p-img .brand-time span { color: #000; font-size: 14px; display: inline-block; vertical-align: middle; text-indent: 0px;}
.group-list .brand-info .line { width: 100%; height: 1px; border-bottom: 1px #ddd dashed; display: block; overflow: hidden;}
.group-list .brand-info .b-price { color: #999;}
.group-list .brand-info .b-price .price { margin-top: 5px;}
.group-list .brand-info .b-price .price strong { font-size: 22px; display: inline-block;}
.group-list .brand-info .b-price .price span { vertical-align: bottom; display: inline-block;}
.group-list .brand-info .b-price .fr { margin-top: 10px;}
.group-list .brand-info .b-price .main-btn { width: 75px; height: 25px; color: #fff; line-height: 25px; text-align: center; margin-left: 1px; border-radius: 2px; display: inline-block;}

/*团购列表筛选*/
.classify-screen{ border:1px solid #ececec; font-size: 12px; padding:5px 20px 0px; margin:20px auto;}
.classify-box { border-bottom:1px solid #f0f0f0; 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: 960px; 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; background: #E31939;}
.classify-box .classify-screen-con a.selected span { color: #ffffff; background: #E31939;}
.classify-screen-con1{ float: left; width: 960px; margin: 8px 10px 10px 92px; background: #FBFBFB; padding: 10px 10px 5px; border: 1px solid #f0f0f0;}

/*排序*/
#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;}

/*列表 表格形式*/
.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 { margin-right: 0;}
.list-grid .item:hover { background: #E31939;}
.list-grid .item-con { background: #FFF; line-height: 18px; padding: 3px; border: solid 1px #eee; position: relative; z-index: 11; overflow: hidden;}
.list-grid .item:hover .item-con { border-color: #E31939;}
.list-grid .item-tag-box { position: absolute; left: 3px; top: 3px;}
.list-grid .item-tag { width: 40px; height: 22px; text-align: center; position: relative; color: #fff; background: #E31939; z-index: 2;}
.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; border-color: #E31939 transparent transparent; 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 a{ width: 220px; height: 220px; display: inline-block; text-align: center;}
.list-grid .item-pic, .list-grid .item-pic img { width: 220px; height: 220px; text-align: center;}
.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; width: auto; float: left; margin-right: 5px; overflow: hidden;}
.list-grid del{ color: #b9b9b9;}
.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;}
.list-grid .item-name i.gift{ color: #fff; background: #0ABEDE; padding: 0px 3px;}
.list-grid .item-con-info{ height: 30px; 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: 18px; color: #b9b9b9; position: relative;}
.list-grid .item-con-info .operate-btn i {	position: absolute; display: block; width: 14px; height: 14px; left: 0; top: 2px;}
.list-grid .item-con-info .collet-btn i { background-position: -91px -11px;}
.list-grid .item-con-info .operate-btn.curr, .list-grid .operate-btn:hover { color: #E31939; cursor: pointer;}
.list-grid .item-con-info .collet-btn.curr i, .list-grid .collet-btn:hover i { background-position: -107px -11px;}
.list-grid .item-con-info .comment-btn i { background-position: -124px -11px;}
.list-grid .item-con-info .comment-btn:hover i { background-position: -141px -11px;}
.list-grid .item-con-info .main-btn{ width: 50px; height: 20px; color: #fff; line-height: 20px; text-align: center; border-radius: 2px; display: inline-block;}
/*团购列表新展示样式*/
.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; padding-left: 5px; height: 50px; line-height: 50px; font-size: 32px; 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; font-family: "Microsoft Yahei","Hiragino Sans GB",Arial; font-size: 22px; font-weight: 400;} 
.itemlist li .item-info .item-prices-text{margin-right: 15px; padding-left: 12px; line-height: 50px; font-size: 20px; 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 em{ font-size: 16px; margin-left: 5px;}
.itemlist li .item-info .item-dock{ overflow: hidden; margin-top: 4px;}
.itemlist li .item-info .item-dock .orig-price{position: static; text-align: left; display: block; vertical-align: top;color: #fff; font-size: 12px; height: 18px; margin-bottom: 3px; overflow: hidden;}
.itemlist li .item-info .item-dock .sold-num{ display:inline-block;line-height: 20px; padding: 0 6px; background-color: rgba(0,0,0,.1); border-radius: 3px;color: #fff; font-size: 12px;}
.itemlist li .item-info .item-dock .sold-num em{font-weight: 700; margin-right: 2px; font-size: 14px; color: #fff; line-height: 17px; font-style:normal}
.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: 16px; color: #e61414; background:url(../images/item-link-bg.png) no-repeat}
.itemlist li .item-info .item-link.small-text{font-size: 14px;}
.itemlist li .item-info .item-link .block{line-height: 18px; padding-top: 7px; font-size: 14px;}
.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;}

/*没有信息内容时显示*/
.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;}

/*新增售罄样式*/
.sell-out{ position:absolute;width: 95px;height: 95px;top: 60px;left: 50%;margin-left: -47px;background: url(../images/no-is-buy.png) no-repeat;}
.sell-out-btn{background:#aeaeae;}

/*满减商品列表*/
.list-grid .full-cut-info{ overflow: inherit;}
.full-cut-info .item-add-cart{ width: 30px; height: 30px; margin-top: -15px;}
.full-cut-info .item-add-cart .add-cart { background-image: url(../images/add-cart.jpg); display: block; width: 30px; height: 30px; -moz-background-size:30px 30px; background-size:30px 30px; background-repeat:no-repeat; margin-top: 10px;}