*{ margin:0;padding:0;color:#191919;}

html { font-size: 62.5%; }

*,*::before, *::after { font-family: 'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif,'Helvetica'; }

@media only screen and (min-width: 481px) {
 html {font-size: 94%!important;}
}
@media only screen and (min-width: 561px) {
 html {
font-size: 109%!important;
}
}
@media only screen and (min-width: 641px) {
 html {
font-size: 125%!important;
}
}
a {color: #191919;text-decoration: none;}
.gray{ color:#888;}
.gray{ color:#888;}
.clear{clear: both;}
.left{ float:left;}
.right{ float:right;}
.p15{ padding:1.5rem 0 1.5rem 0;}
.mt10{ clear:both; margin-top:1.2rem;}

.view {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.view.active {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.pages {
	z-index: 99;
	position: relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #000000;
	overflow: hidden;
	min-height:200px;
}
.panel {
	background: #F2F2F2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
}

.panel.active {
	display: block !important;
	z-index: 100;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
}

.keep_out {
	background: #333;
	opacity: 0.85;
	z-index: 999998;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
	bottom: 0;
}
#groupon-index{
	font-size:1.2rem;
	height: 100%;
}

.groupon-list .groupon-item {
	margin-bottom:1rem;
	position:relative;
}

.groupon-list h2.title {
	text-align:center;
	height:4.4rem;
	line-height:4.4rem;
	font-weight: normal;
}

.groupon-histroy {
	text-align:center;
}

.groupon-histroy h2.title {
	text-align:center;
	height:4.4rem;
	line-height:4.4rem;
	font-weight: normal;
}
.groupon-item {
	background:#FFF;
	margin-bottom:1rem;
	position:relative;
}

.groupon-item .groud-ico{
	 position:absolute;top:0; left:0; display:block;height:3.95rem;width:3.95rem; background: url("../images/pinhuo.png") no-repeat center center/3.95rem 3.95rem;
}

.groupon-item .groud-ico-gray{
	 position:absolute;top:0; left:0; display:block;height:3.95rem;width:3.95rem; background: url("../images/pinhuo-gray.png") no-repeat center center/3.95rem 3.95rem;
}

.groupon-item .group-success {
	 position:absolute;top:11.3rem; left:31.5%; display:block;height:7.3rem;width:11.7rem; background: url("../images/pinghuocg.png") no-repeat center center/11.7rem 7.3rem;
}


.groupon-info {
    min-height: 10.2rem;
	height: auto;
	padding: 0.5rem 1.5rem 1.2rem 1.5rem;
}



.groupon-info .left p{
	padding-top: 1.1rem;
}

.groupon-info .right p{
	line-height:2.3rem;
}

.groupon-info p.type{
	margin-top:0.2rem;
	color:#888;
	
}
.groupon-info i{
	line-height:2.5rem;
	font-style: normal;
	padding:0 0.2rem 0 0.2rem;
}

.groupon-info .red{
	color: #F00;
}
.groupon-info .gray{
	color: #888;
}
.groupon-item h1{
	margin:0; padding:0;
}

.groupon-item h1 img {
	width:100%;
}

.groupon-item .w70{
	width:65%;
}

.groupon-item .w30{
	width:35%;
	text-align:right;
}

.groupon-item p.name,.groupon-item p.name a{
	font-size: 1.5rem;
	text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}

.groupon-item .info{
	padding-top:1rem;
}

.groupon-item .price{
	text-align:right;
	font-size: 1.9rem;
	font-weight: bold;
	color:#FF3D3D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.groupon-item s{
	color:#888;
}

p.group-buy { margin-top:0.6rem; float:right;}

.groupon-item .group-buy a{
    display: block;
	width:7.8rem;
    height: 2.2rem;
    line-height: 2.1rem;
    text-align: center;
	color: #FFF;
    font-size: 1.2rem;
	background:#FF3D3D;
    border: #FF3D3D solid 0.1rem;
    border-radius: 0.5rem;
}
.groupon-item .group-buy a.off {background:#9E9E9E; border: #9E9E9E solid 0.1rem; }
/*拼伙详情*/
#groupon-detail { font-size:1.4rem; }

#groupon-detail .cover{ background:#FFF;}

#groupon-detail .serial-no{ background:#FFF; text-align:left; padding:0 1.5rem 0 1.5rem; height:4.3rem; line-height:4.3rem; border-bottom:1px solid #E1E1E1;}

#groupon-detail s{ color:#888;}
#groupon-detail .top-nav{ height:4.3rem;width:100%;line-height:4.3rem;text-align:center; }
#groupon-detail .top-nav ul {list-style-type: none;text-align:center;}
#groupon-detail .top-nav ul li{ float:left;width:33.3%;}
#groupon-detail .top-nav span{ color:#BEBEBE; font-size:1.6rem; width:2%; float:right;}
#groupon-detail .top-nav a{ font-size:1.6rem;}
#groupon-detail .top-nav a.current{ color:#1C8DD5;}
#groupon-detail .intro-wrap{ min-height:1rem; height:auto;text-align:center;}
#groupon-detail .content{ clear:both; margin:0; padding:1.2rem 1.5rem 1.2rem 1.5rem; background:#FFF;line-height:2.0;}
#groupon-detail .content div{clear:both;text-align:left;}
#groupon-detail .content .item-4{position:relative;line-height:4rem;font-size:1.1rem;color:#888;text-align:left;}
#groupon-detail .content .item-4 img{position: absolute;top:1.2rem;padding-left:0.5rem;}
#groupon-detail .content div font{ color:#FF3D3D;}
#groupon-detail .carname { font-size:1.6rem; font-weight:bold; height:3.4rem; width:72%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#groupon-detail .sysprice{ width:28%;text-align:center;font-size:1.9rem;line-height:2.9rem;}
#groupon-detail .group-endtime{ height:2.4rem; line-height:2.4rem; background:#FF6565; color:#FFF;}
#groupon-detail .group-finish-time{ height:2.4rem; line-height:2.4rem; background:#BEBFBF; color:#FFF;}
#groupon-detail .group-text{ padding:1.2rem 1.5rem 1.2rem 1.5rem;text-align:left; line-height:1.6; font-size:1.2rem; background:#FFF;}
#groupon-detail .dealer-title{ height:4.3rem; line-height:4.3rem; padding:0 1.3rem 0 1.5rem ; text-align:left; background:#FFF; border-bottom:#939393 solid 0.5px;}
#groupon-detail .dealer-title a{ display:block; float:right; width:4.3rem; height:4.3rem; background:url('../images/go.png') no-repeat center right/0.9rem 1.5rem;}
#groupon-detail .dealer-title a.showOn{ background:url('../images/icon_jt.png') no-repeat center right/1.5rem 0.9rem;}
#groupon-detail .dealer-list{ background:#fff; width:100%; display:none; clear:both; }
#groupon-detail .dealer-list ul{ list-style-type: none; padding:0.6rem 1.5rem 0 1.5rem; text-align:left;}
#groupon-detail .dealer-list ul li{ width:100%; height:3.5rem; line-height:3.5rem; }
#groupon-detail .dealer-list ul li font{ color:#FF2525;}
#groupon-detail .dealer-list ul li span.apply-name{ width:33%; display:block; float:left;color:#888;}
#groupon-detail .dealer-list ul li span.apply-time{ float:right; color:#888;}

#groupon-detail .carinfo-wrap {clear:both; }
#groupon-detail .carinfo-wrap h2 { background:#FFF; text-align:center; height:6.6rem; line-height:6.6rem; font-size:1.8rem; font-weight:normal;}
#groupon-detail .carinfo-wrap .parameter { }
#groupon-detail .carinfo-wrap .parameter ul {padding:0;list-style-type: none;}
#groupon-detail .carinfo-wrap .left{ color:#666;}
#groupon-detail .carinfo-wrap .right{ float: right;margin: 0;white-space: normal;width: 65%;text-align: left;}
#groupon-detail .carinfo-wrap .parameter ul li.item{background:#FFF; padding:0 0.8rem 0 1.5rem ; height:4.3rem; line-height:4.3rem; border-top: #e1e1e1 1px solid; width:100%;}
#groupon-detail .carinfo-wrap .parameter ul li.config{ background:#FFF; padding:0 0.8rem 0 1.5rem ; height:4.3rem; min-height:4.3rem; height:auto; line-height:4.3rem; border-top: #e1e1e1 1px solid;}
#groupon-detail .carinfo-wrap .parameter ul li.config span.text{ white-space: normal;text-align: left; display:block;padding:1rem 1.5rem 0 37%; line-height:1.9;}
#groupon-detail .carinfo-wrap .car-pic img { width:100%; clear:both; margin:0; padding:0;}



#groupon-detail .know-wrap { clear:both; min-height:20rem;height:auto;}
#groupon-detail .know-wrap h2{ background:#FFF; text-align:center; height:6.6rem; line-height:6.6rem; font-size:1.8rem; font-weight:normal;}
#groupon-detail .know-wrap p{ color:#444; font-size:1.2rem; line-height:2.5;}
#groupon-detail .flow-title h2 { height: 4.3rem;line-height:4.3rem;font-size:1.4rem;padding: 0 0.8rem 0 1.5rem;text-align: left;background: #FFF;border-bottom: #939393 solid 0.5px; }
#groupon-detail .flow-title .pic { background:#FFF; padding:1.2rem; }

#roll-top{ position:fixed; right:2rem; bottom:7rem; z-index:99998;}
#roll-top a { display:block; width:4.3rem; height:4.3rem; background:url('../images/go-top.png') no-repeat center center/4.3rem 4.3rem;}

.footer { position: fixed;z-index:99999;bottom:0;height: 6rem;width:100%;left: 0;border-top: 1px solid #C7C7C7;background:#FFF; overflow:hidden;}
.footer ul { width:100%;list-style-type: none;}
.footer ul li { float:left; }
.footer li a { text-align: center;padding: 0;height: 6rem;display: block;}
.footer .phone { background: url('../images/tab_icon_ddx.png') no-repeat center 1.2rem/2.5rem auto;line-height: 8.5rem;font-size: 1.2rem;color: #41ACE4; }
.footer .cancel { background: url('../images/tab_icon_qxph@3x.png') no-repeat center 1.5rem/3.7rem auto;line-height: 8.5rem;font-size: 1.2rem;color: #41ACE4; }
.footer .enter-btn { color: #fff;font-size: 1.6rem;line-height: 6rem; background: #41ACE4;}
.footer .contact-btn { color: #fff;font-size: 1.6rem;line-height: 6rem; background: #41ACE4;}
.footer .pay-btn { color: #fff;font-size: 1.6rem;line-height: 6rem; background: #41ACE4;}
.footer .finish-btn { color: #fff;font-size: 1.6rem;line-height: 6rem; background: #BEBFBF;}

.cart-box{  position:relative;  height:5rem;margin: 1.4rem 1.5rem 1.4rem 1.5rem; padding-bottom:0.8rem; border-bottom:#E1E1E1 solid 1px; }
.cart-box .logo{ position:absolute; left:0; top:0.6rem;}
.cart-box .info{ position:absolute; left:4rem; text-align:left; }
.cart-box .info span{ display:block; line-height:2.2rem;}
.cart-box .info .carname{  width:100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cart-box .info .typename { color:#888; font-size:1.1rem;}
.cart-box .price{ position:absolute;right:0rem; color:#FE3D3E; font-size:1.8rem;}
.cart-amount { clear:both; margin:3.3rem 1.5rem 1rem 1.5rem; text-align:left; margin-bottom:5rem; }
.cart-amount .title { color:#444; }
.amount-btn{ float: right; height:1.6rem;line-height:1.6rem;}
.cart-amount em {
	float:left;
	display:block;
	width:1.6rem;
	height:1.6rem;
	cursor: pointer;
	font-style: normal;
	color:#42ABE5;
	background:#FF0000;
}
.cart-amount input{ float:left; height:2.8rem; width:5.7rem; font-family: Geneva, Arial, Helvetica, sans-serif;}

.cart-amount em.plus {
	float:left;
	background: url("../images/icon-plus.png") no-repeat center center/1.6rem 1.6rem;
}
.cart-amount em.no-plus {
	float:left;
	background: url("../images/icon-no-plus.png") no-repeat center center/1.6rem 1.6rem;
}
.cart-amount em.minus {
	float:left;
	background: url("../images/icon-minus.png") no-repeat center center/1.6rem 1.6rem;
}

.cart-amount em.no-minus {
	float:left;
	background: url("../images/icon-no-minus.png") no-repeat center center/1.6rem 1.6rem;
}

.cart-amount em.enabled {
	color:red;
}

#groupon-apply .pay-info { background:#FFF; min-height:9rem; height:auto; padding:1.3rem;}
#groupon-apply .pay-info h2 { font-size:1.6rem;font-weight: normal;}
#groupon-apply .pay-info h2 font { color:#FD4848; }
#groupon-apply .pay-info p { font-size:1.2rem; padding:1rem 0 0 0; color:#808080; line-height:1.9;}
#groupon-apply .payment { background:#FFF; min-height:3.6rem; height:auto; }
#groupon-apply .payment h2 { padding-left:1.3rem;height:3.5rem; background:#F2F2F2;line-height:3.5rem; border-top:#C2C2C2 solid 1px; font-size:1.6rem;font-weight: normal;}
#groupon-apply .payment .list-radio { position:relative; padding-left:1.3rem;background:#FFF;height:6rem; border-bottom:#F2F2F2 solid 1px; }
#groupon-apply .payment .list-radio img { padding-top:1.2rem; width:3.4rem; height:3.4rem; }
#groupon-apply .payment .list-radio .info { background:none; position:absolute; height:2.5rem; padding-left:0.9rem; left:5rem; top:0.93rem;}
#groupon-apply .payment .list-radio .info h3 { font-weight: normal;font-size:1.6rem;line-height:1.2;}
#groupon-apply .payment .list-radio .info font { color:#FD4848;}
#groupon-apply .payment .list-radio .info p { color:#808080;font-size:1.3rem; line-height:1.9;}
#groupon-apply .pay-btn { text-align: center; padding-top:4.2rem;}
#groupon-apply .pay-btn a { display:block; margin:0 1.3rem 0 1.3rem; height:4.1rem;line-height:4.1rem; color:#FFF; font-size:1.5rem; background:#42ABE4;border: #42ABE4 solid 0.1rem;border-radius: 0.8rem;}
#groupon-apply .payment .list-radio span { display:block;position:absolute;height:1.8rem;width:1.8rem;right:1.2rem;top:2.0rem;background: url("../images/icon_iuncheck.png") no-repeat center right/1.6rem 1.6rem;overflow: hidden; }
#groupon-apply .payment .list-radio span.on { background: url("../images/icon_icheck.png") no-repeat center right/1.6rem 1.6rem;}


.wallet-box{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
}


.dis, .dis1 {
    width: 100%;
    height: 100%;
}
.inmima {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 19.8rem;
    background: #fff;
    z-index: 100;
}

.title-close {
	position:relative;
}

.title-close a.close { position:absolute;top:0; display:block;height:4.8rem;width:4.8rem; background: url("../images/x.png") no-repeat center center/2.2rem 2.2rem;}

.paytitle h2 {
	padding-top:0.8rem;
    font-size: 1.6rem;
    height: 3.0rem;
    text-align: center;
    line-height: 3.0rem;
    color: #7A7A7A;
}

.pay-info h3 {
	padding-top:0.8rem;
	font-size: 1.2rem;
	padding: 1rem 0 0 0;
	color: #808080;
	font-weight: normal;
}

.paytitle p {
    font-size: 1.4rem;
    height: 3.0rem;
    text-align: center;
    line-height: 3.0rem;
    color: #888;
}

.pay-tip {
    font-size: 1.4rem;
    height: 3.0rem;
    text-align: center;
    line-height: 3.0rem;
    color: #FD4848;
}

.payinput {
    height: 5.0rem;
    position: relative;
}
.payinput ul {
    border: 0.1rem solid #c8c8c8;
    font-size: 0;
    display: inline-block;
    position: relative;
    left: 50%;
    margin-left: -12rem;
}
.payinput ul li:first-child {
    border-left: none;
}
.payinput ul li {
    display: inline-block;
    width: 4.0rem;
    height: 4.0rem;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 5.0rem;
    border-left: 1px solid #e6e6e6;
    vertical-align: middle;
    overflow: hidden;
}
#inputmi {
    margin: 0;
    padding: 0;
    width: 1px;
    opacity: 0;
    height: 0.1rem;
    border: none;
    position: absolute;
    top: 0;
}
.paysure {
    color: #42ABE4;
    margin: 0rem 2.5rem;
    padding: 1.0rem;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
}


#pay-result {
	padding:3.6rem 0 3.6rem 0;
	line-height:1.7;
    text-align: center;
	font-size:1.6rem;
}

.foot-btn { 
	position:relative;
	padding-top:1.5rem;
}

.foot-btn a.back {
	display:block;
	position:absolute;
	left:15%;
	height:3.5rem;
	line-height:3.5rem;
	width:30%;
    text-align: center;
	font-size:1.6rem;
    border: #808080 solid 0.1rem;
    border-radius: 0.5rem;
	margin:3 auto 2rem auto;
}

.foot-btn a.my_back {
	display:block;
	position:absolute;
	right:15%;
	height:3.5rem;
	line-height:3.5rem;
	width:30%;
    text-align: center;
	font-size:1.6rem;
    border: #808080 solid 0.1rem;
    border-radius: 0.5rem;
	margin:0 auto 2rem auto;
}

.enroll h2{
	height:4.4rem;
	line-height:4.4rem;
	padding-left:1.5rem;
	font-size:1.3rem;
	font-weight: normal;
	color:#888;
}

.enroll-form{
	min-height:12.9rem;
	height:12.9rem;
	overflow:hidden;
	height:auto;
	background:#FFF;
	padding:2.3rem 10% 0 10%;
	font-size:1.4rem;
	color:#444;
	border-bottom:#E1E1E1 solid 1px;
	outline:medium;
}

.enroll-item {
	height:3.8rem;
	overflow:hidden;
}

.enroll-form label{
	height:3.8rem;
	width:%10;
	color:#444;
	margin:0;
	padding:0;
	float:left;
}

.enroll-form .enroll-input {
	width:78%;
	float:left;
}

.enroll-form input{
	border:none;
	border-radius : none;
	border:0;
	width: 100%;
	background:#CCCCCC;
	font-size:1.4rem;
	height:2.0rem;
	color:#444;
	padding-bottom:0.3rem;
	background: url(../images/line-input.png) repeat-x bottom;
	background-repeat: repeat-x;
}