@charset "utf-8";
/* ================================ */
/* 商城团购页面独立样式定义 				*/
/* Author:			Hulihutu		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Aug-10-2012		*/
/* Retrofit Date:	Aug-10-2012		*/
/* ================================ */

#headRelative { width: 1000px; margin: 0 auto; position: relative; z-index: 9999;}
#headRelative .title { position: absolute; top: -109px; left: 190px;}
#headRelative .title h1 { font-size: 24px; line-height: 999px; background: url(../images/group_bg.png) no-repeat -190px -600px; width: 55px; height: 30px; float: left; overflow: hidden;}
#headRelative .title .city { color: #000; height: 30px; float: left; margin-left: 8px;}
#headRelative .title .city a h2 { font-size: 16px; color: #555; line-height: 30px; background: url(../images/arrows_down.gif) no-repeat right 14px; height: 30px; float: left; padding-right: 12px; overflow: hidden;
}
#headRelative .title .city a:hover h2{color: #555;}
#headRelative .list { background: #FEFBED; width: 300px; border: 3px solid #F88007; position: absolute; top: -72px; left: 190px;}
#headRelative .list .close { line-height: 999px; background: url(../images/delete.gif) no-repeat 0px 0px; float: right; width: 14px; height: 14px; margin-top: 2px; margin-right: 2px; overflow: hidden;}
#headRelative .list ul { width: 280px; float: left; padding: 0 0 12px 0;}
#headRelative .list ul li { font-size: 14px; line-height: 20px; width: 60px; float: left; padding: 8px 0 8px 10px;}


.group-nav { padding-bottom: 4px; border-bottom: solid 2px #F60; overflow: hidden;}
.group-nav h2 { font-size: 14px; line-height: 24px; color: #F60; float: left;}
.group-nav .info { background-color: #FFC; white-space: nowrap; display: inline; height: 16px; float: left; padding: 4px 10px; margin-left: 12px; border: 1px solid #FFCC67;}
.group-nav .info h4 { float: left; font-size: 12px; font-weight: normal;}
.group-nav .info h4 em { font-weight: 600; color: #C00; font-style: normal; padding-right: 4px; padding-left: 4px;}
.group-nav .info span { }
.group-nav .info span.time { color: #360; padding-right: 4px; padding-left: 4px;}
.group-nav ul { float: right; overflow: hidden;}
.group-nav ul li { font-size: 12px; font-weight: 700; line-height: 20px; background: url(../images/group_bg.png) no-repeat 0px 11px; float: left; padding: 4px 9px 4px 10px; margin-left: -1px;}
.group-nav ul.menu { float: left; overflow: hidden;}
	.group-nav ul.menu li { font-size: 12px; font-weight: 700; line-height: 20px; background: url(../images/group_bg.png) no-repeat 0px 11px; float: left; padding: 4px 9px 4px 10px; margin-left: -1px;}
	.group-nav ul.menu li.select { font-size: 14px;}
		.group-nav ul.menu li.select a, .group-nav ul.menu li.select a:hover { color: #F60;}

.group-screen { padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7; overflow: hidden;}
.group-screen dl { font-family:Arial; line-height: 20px; display:block; width: 700px; height: 20px; float: left; clear: left; padding: 8px; overflow: hidden;}
.group-screen dl dt { font-weight: 600; display:inline; float: left;}
.group-screen dl dd { background: url(../images/group_bg.png) no-repeat right 8px; display:block; float: left; padding-left: 6px; padding-right:6px;}
.group-screen dl dd a { padding:3px 5px; border: 1px solid #FFF;}
.group-screen dl dd a:hover  { border: 1px solid #FF6701;
	background-color: #FF8807; #F60; color: #FFF; }
.group-screen dl dd.selected a {  color: #FFF; padding:2px 8px; border: 1px solid #FF6701;
	background-color: #FF8807;}
.group-screen .dc { text-align: right; background: url(../images/group_bg.png) no-repeat right -50px; width: 210px; height:50px; float: right; clear: left; padding: 5px 60px 5px 10px;}
.group-screen .dc h5 { font-size: 12px; font-weight: normal; line-height: 24px; color: #555;}
.group-screen .dc p { font-size: 16px; padding: 5px;}
.group-screen .dc p span { font-family: Verdana, Geneva, sans-serif; color: #F60; font-weight: 600; padding-right: 2px; padding-left: 2px;}

.group-sortord { clear: both; border-left: 1px solid #D8D8D8; float:left; }
.group-sortord li { line-height: 20px; height: 20px; float: left; border: 1px solid #D8D8D8; border-left: 0;}
.group-sortord li a{ font-weight: 700; line-height: 20px; height: 20px; padding: 0 10px;}
.group-sortord li.selected { background-color: #FF8807; float: left; margin-left: -1px; border: 1px solid #FF6701;}
.group-sortord li.selected a{ font-weight: 700; line-height: 20px; height: 20px; color: #FFF; padding: 0 10px;}
.group-sortord li.selected a.asc{ background: url(../images/group_bg.png) no-repeat right -413px; padding-right:18px; padding-left:10px;}
.group-sortord li.selected a.desc{ background: url(../images/group_bg.png) no-repeat right -449px; padding-right:18px; padding-left:10px;}
	


.group-list { width: 1000px; overflow: hidden;}
.group-list ul { width: 1032px;}
	.group-list li { font-family: Arial; display: block; width: 310px; height: 362px; float: left; margin-right: 32px; _margin-right: 16px;/*IE6*/ margin-bottom: 32px; border: solid 1px;}
	.group-list li.c1 { border-color: #D8D8D8;}
	.group-list li.c2 { border-color: #F60;}
		.group-list li h2 { font-family: "微软雅黑"; font-size: 18px; font-weight: normal; line-height: 24px; display: block; width: 294px; height: 52px; padding: 8px;}
		.group-list li.c1 h2 {background: #F9F9F9;}
			.group-list li.c1 h2 a {color: #333;}
		.group-list li.c2 h2 { background: #F60 url(../images/group_bg.png) no-repeat 0 -150px;}
			.group-list li.c2 h2 a, .group-list li.c2 h2 a:hover { color: #FFF;}
	.group-list li .box { display: inline;  width: 296px; height: 216px; float: left; padding: 0; margin: 7px 7px 0 7px; position: relative;}
		.group-list li .box .pic { width: 296px; height: 216px; position: absolute; z-index: 1; overflow: hidden; top: 0px; left: 0px;}
		.group-list li .box .intro { width: 296px; height: 24px; position: absolute; z-index: 3; bottom: 0px; left: 0px;}
		.group-list li .box .intro-bg{ background: #000; width: 296px; height: 24px; position: absolute; z-index: 2; bottom: 0px; left: 0px; filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}
		.group-list li .intro span { line-height: 24px; color: #FFF;}
			.group-list li span.l { float:left; padding-left: 5px;}
			.group-list li span.r { float:right; padding-right: 5px;}
		.group-list li .buy-now { width: 296px; height: 36px; clear: both; padding: 5px 7px;}
			.group-list li .buy-now span.price {font-family: "微软雅黑"; font-size: 28px; font-weight: 700; line-height: 36px; color: #C00; display: block; float: left; padding-left:5px;}
			.group-list li .buy-now a { background: url(../images/group_bg.png) no-repeat 0% -220px; height: 36px; float: right; margin-right: 5px;}
				.group-list li .buy-now a span { font-family: "微软雅黑"; font-size: 16px; font-weight: 600; line-height: 36px; color: #FFF; background: url(../images/group_bg.png) no-repeat 100% -220px;white-space: nowrap; height: 36px; float: left; padding: 0 10px 0 4px; margin-left: 6px;}
		.group-list li .closed { width: 296px; height: 36px; clear: both; padding: 5px 7px;}
			.group-list li .closed span.price {font-family: "微软雅黑"; font-size: 28px; font-weight: 700; line-height: 36px; color: #C00; display: block; float: left; padding-left:5px;}
			.group-list li .closed a { background: url(../images/group_bg.png) no-repeat 0% -640px; height: 36px; float: right; margin-right: 5px;}
				.group-list li .closed a span { font-family: "微软雅黑"; font-size: 16px; font-weight: 600; line-height: 36px; color: #FFF; background: url(../images/group_bg.png) no-repeat 100% -640px; white-space: nowrap; height: 36px; float: left; padding: 0 10px 0 4px; margin-left: 6px;}
			.group-list li .info { line-height: 20px; color: #999; width: 296px; padding-top: 0 7px; overflow: hidden;}
			.group-list li span em { font-style: normal; color: #F90;}
			
.group-history-list { clear: both; overflow: hidden; border-bottom: solid 1px #E7E7E7;}
.group-history-list .title { line-height: 20px; float: left; clear: both; width: 100%; height: 20px; padding: 12px 0;}
.group-history-list .title h2 { font-family: "微软雅黑"; font-size: 14px; float: left;}
.group-history-list .title h2 em { font-size: 18px; color: #C00; font-style: normal; padding-right: 4px; padding-left: 4px;}
.group-history-list .title span { float: left; color: #555;}
.group-history-list .title span.time { color: #999; padding-right: 4px; padding-left: 4px;}
.group-history-list ul {}
	.group-history-list ul li { width: 120px; height: 138px; float: left; padding: 6px; margin-right: 22px; margin-bottom: 22px; border: solid 1px;}
	.group-history-list ul li.c1 { border-color: #D8D8D8;}
	.group-history-list ul li.c2 { border-color: #F60;}
		.group-history-list ul li .box {  display: inline; width: 120px; height: 88px; float: left; clear: left; position: relative;}
			.group-history-list ul li .box .pic { width: 120px; height: 88px; position: absolute; z-index: 1; overflow: hidden; top: 0px; left: 0px; }
			.group-history-list ul li .box .name a { font-size: 14px; line-height: 20px; color: #FFF; width: 112px; padding: 4px; position: absolute; z-index: 3; bottom: 0px; left: 0px;}
			.group-history-list ul li .box .mask { background-color: #F60; width: 120px; height: 88px; position: absolute; z-index: 2; top: 0px; left: 0px; filter: alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85;}
			.group-history-list ul li.c1 .box .mask, .group-history-list ul li.c1 .box .name { display: none;}
		.group-history-list ul li .price { line-height: 20px; font-weight: 700; color: #C00; background: url(../images/group_bg.png) no-repeat -320px -149px; white-space: nowrap; width: 96px; height: 20px; float: left; clear: both; padding-left: 24px; margin-top: 6px; overflow: hidden;}
		.group-history-list ul li .info { font-weight: 700; line-height: 24px; color: #999;}
		.group-top10 { }
		.group-top10 ol { width: 196px; margin: 0 auto;}
		.group-top10 ol li { width: 196px; float: left; clear: both; padding: 0 0 12px 0; margin-bottom: 12px; border-bottom: solid 1px #E7E7E7;}
		.group-top10 ol li .box { width: 90px; height: 90px; float: left; position: relative; overflow: hidden;}
		.group-top10 ol li .box .num { font-family: Verdana; font-weight: 700; line-height: 18px; color: #FFF; background-color: #C00; text-align: center; width: 20px; height: 18px; position: absolute; z-index: 2; top: 0px; left: 0px;}
		.group-top10 ol li .box .pic { width: 90px; height: 90px; padding: 0; margin: 0; position: absolute; z-index: 1; overflow: hidden; top: 0px; left: 0px;}
		.group-top10 ol li dl { width: 90px; height: 90px; float: left; padding-left: 6px;}
		.group-top10 ol li dt.name { line-height: 16px; color: #666; width: 90px; height: 32px; overflow: hidden;}
		.group-top10 ol li dd.info { font-size: 14px; font-weight: 700; line-height: 16px; color: #000; width: 90px; clear: both;}
		.group-top10 ol li dd.price { font-family: Arial; font-size: 14px; font-weight: 700; line-height: 24px; color: #C00;}
		.group-top10 ol li dd.time { font-family: Arial; font-size: 12px; width: 90px; height: 16px; line-height: 16px;  color: #999;}

.group-soon-list { width: 1000px; overflow: hidden;}
.group-soon-list .info { font-family: "微软雅黑"; font-size: 14px; line-height: 30px; height: 30px; margin-top: 10px; margin-bottom: 15px; border-bottom: solid 1px #D8D8D8;}
.group-soon-list .info em { font-size: 18px; font-weight: 700; font-style: normal; color: #C00; padding-right: 5px; padding-left: 5px;}
.group-soon-list .info span { color: #360; padding: 0 5px}
.group-soon-list ul { width: 1025px;}
.group-soon-list ul li { font-family: Arial; display: block; width: 180px; float: left; margin-right: 25px; margin-bottom: 40px; overflow: hidden;}
.group-soon-list ul li .pic { width: 168px; height: 123px; padding: 5px; border: 1px solid #D8D8D8; overflow: hidden;}
.group-soon-list ul li .name { line-height: 16px; width: 168px; height: 32px; clear: both; margin: 5px auto 0 auto; overflow: hidden;}
.group-soon-list ul li .price { line-height: 20px; clear: both; width: 148px; margin: 5px auto;}
.group-soon-list ul li .price em { font-size: 14px; font-weight: 700; font-style: normal; color: #C00; float: left;}
.group-soon-list ul li .price span { color: #999; text-decoration: line-through; float: right;}
.group-soon-list ul li .btns { width: 180px; height: 28px; float: left; clear: both; margin: 5px 0;}
.group-soon-list ul li .btns a{ line-height: 28px; background: url(../images/group_bg.png) no-repeat 0px -270px; text-align: center; display: inline; width: 70px; height: 28px; float: left; margin-right: 10px; margin-left: 10px;}
.group-soon-list ul li .btns a:hover { color: #FFF; background-position: 0px -300px;}
.group { width: 762px; margin-left: 18px;}
.group h1 { font-family: "微软雅黑"; font-size: 28px;}
.group .box { display:block; width: 760px; height: 368px; margin-top: 12px; border-top: solid 2px #F60; border-right: solid 1px #D8D8D8; border-bottom: solid 1px #D8D8D8; border-left: solid 1px #D8D8D8; position: relative; z-index: 9;}
.group .box .info { font-family: "微软雅黑", Arial; background-color: #FBFBFB; width: 260px; height: 368px; float: left; border-right: solid 1px #D8D8D8; overflow: hidden; position:absolute; z-index:1; top:0; left:0;}
.group .info .prices { width: 264px; float: left; margin: 10px 0 10px -1px;}
.group .info .prices dl { width: 86px; height: 40px; float: left; margin-top: 10px; margin-bottom: 10px; border-right-width: solid 1px #D8D8D8; border-left: solid 1px #FFF;}
.group .info .prices dl dt, .group .info .prices dl dd { font-size: 14px; line-height: 20px; text-align: center;}
.group .buy-now { background: url(../images/group_bg.png) no-repeat -190px -260px; display:block; width: 286px; height: 95px; position: absolute; top: 84px; left: -17px; z-index: 99;}
.group .close, .group .not-start, .group .not-verify { background: url(../images/group_bg.png) no-repeat -190px -480px; width: 286px; height: 95px; position: absolute; z-index:2; top: 84px; left: -17px;}
.group .buy-now span, .group .close span, .group .not-start span, .group .not-verify span { font-family: "微软雅黑"; font-size: 28px; font-weight: 600; color: #FFF; text-align: left; display: inline; float: left; margin-top: 16px; margin-left: 20px;}
.group .close a, .group .not-start a, .group .not-verify a  { line-height: 1000px; background: url(../images/group_bg.png) no-repeat; width: 122px; height: 42px; float: right; margin-top: 12px; margin-right: 25px; overflow: hidden; cursor: pointer;}

.group .close a { background-position: 0px -480px;}
.group .not-start a { background-position: 0px -522px;}
.group .not-verify a { background-position: 0px -564px;}
.group .buy-now a { line-height: 1000px; background: url(../images/group_bg.png) no-repeat; width: 122px; height: 42px; float: right; margin-top: 12px; margin-right: 25px; overflow: hidden; cursor: pointer; background-position: 0px -330px;}
.group .buy-now a:hover { background-position: 0px -372px;}
.group .info .time { text-align: center; display: inline; width: 210px; float: left; clear: both; padding-bottom: 15px; margin: 100px 30px 0 30px; +margin-top: 120px;/*IE7*/ border-bottom: solid 1px #D8D8D8;}
.group .info .require { text-align: center; width: 200px; clear: both; padding-top: 15px; margin: 0px auto 15px auto; border-top: solid 1px #FFF;}
.group .info .require h3 { font-size: 14px; font-weight: 600; line-height: 28px;}
.group .info .require h3 em { font-size: 20px; font-style: normal; color: #C00; padding-left: 4px; padding-right: 4px;}
.group .info .require p { line-height: 24px; color: #C00;}
.group .info .time h3 { font-family: "微软雅黑";font-size: 16px; line-height: 32px; color: #333; background: url(../images/group_bg.png) no-repeat -210px -360px; width: 108px; height: 32px; padding-left: 40px; margin: 0px auto;}
.group .info .time p { color: #555; padding: 5px;}
.group .info .time p span { font-size: 16px; color: #333; padding-right: 2px; padding-left: 2px;}
.group .box .pic { width: 480px; height: 350px; float: right; margin-top: 8px; margin-right: 9px;}
.group .content { width: 762px; clear: both; padding-top: 1px; margin: 0;}
.group .intro { display: inline; width: 600px; float: left; padding-right: 12px;}
.group .intro img { width: 560px;}
.group .buyer { clear: both; padding: 0 10px 10px 10px; margin-top: 10px; border: 1px solid #E7E7E7;}
.group .buyer th { line-height: 28px; background-color: #EEE;}
.group .buyer td { line-height: 28px; color: #555; text-align: center;}
.group .buyer tfoot td { height: 36px; padding-top: 5px; padding-bottom: 5px; border-top: solid 1px #E7E7E7;}
.group .buyer tfoot td span { font-family: "微软雅黑"; font-size: 24px; font-weight: 700; line-height: 36px; color: #C00; display: inline; float: left; margin-left: 100px;}
.group .buyer tfoot td a { background: url(../images/group_bg.png) no-repeat 0px -220px; display: inline; height: 36px; float: right; padding-left: 6px; margin-right: 200px;}
.group .buyer tfoot td a em { font-family: "微软雅黑"; font-size: 18px; font-weight: 600; font-style: normal; line-height: 36px; color: #FFF; background: url(../images/group_bg.png) no-repeat 100% -220px; padding-right: 12px; padding-left: 6px; float: left;}
.group .side-left { display: inline; width: 600px; float: left; padding-right: 12px;}
.group .store { font-family: Arial; width: 120px; float: right; background-color: #F5F5F5; padding-right: 15px; padding-left: 15px;}
.group .content h3 { font-size: 14px; line-height: 20px; color: #C00; padding-bottom: 8px; margin-top: 8px; margin-bottom: 12px; border-bottom: solid 1px #E7E7E7;}
.group .store dl { padding-bottom: 12px;}
.group .store dl dd { clear: both; margin-top: 10px; margin-bottom: 10px;}
.group .store dl dt { line-height: 14px; font-weight: 700; color: #555; height: 14px; padding-left: 5px; border-left: 3px solid #C00;}
.group .store .pic { width: 120px; height: 120px; overflow: hidden; display: block; clear: both;}
.group .store .name a { line-height: 16px; color: #000; display: block; width: 120px; height: 32px; clear: both; margin-top: 5px; margin-bottom: 5px; overflow: hidden;}
.group .store .store-name a { color: #06C; text-decoration: underline;}
.group .store .defule_price { color: #555; line-height: 20px;}
.group .store .defule_price span { color: #999; text-decoration: line-through;}
.group .store .store_price span { color: #C00;}
.group .store .store_price { line-height: 20px; color: #555;
}
/*团购用比例缩放图片*/
.size296x216 { width: 296px; height: 216px;}
.size168x123 { width: 168px; height: 123px; }
.size120x88 { width: 120px; height: 88px;}