/*积分签到*/
.vh{visibility: hidden;}
.head {
	width: 100%;
	background-image: url(../images/integral/bg.jpg);
	background-size: 100% 100%;
	text-align: center;
}

.integralBox {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: relative;
}

.guize {
	font-size: 14px;
	color: #ffd601;
	position: absolute;
	left: 10px;
	top: 10px;
}

.myIntegral {
	width: 90px;
	position: absolute;
	right: 0px;
	top: 10px;
	padding: 3px 10px;
	text-align: right;
	font-size: 14px;
	color: #333333;
	background-color: #ffd601;
	border-top-left-radius: 32px;
	border-bottom-left-radius: 32px;
	-webkit-border-top-left-radius: 32px;
	-webkit-border-bottom-left-radius: 32px;
	-moz-border-radius-topleft: 32px;
	-moz-border-radius-bottomleft: 32px;
}

.integralBox .integralImg {
	width: 135px;
	height: 100px;
	line-height: 100px;
	margin: 20px auto;
	font-size: 30px;
	color: #FFFFFF;
	background: url(../images/integral/nun_bg.png) no-repeat;
	background-size: cover;
}

.integralBox .sign {
	width: 135px;
	margin: auto;
	padding: 10px 0;
	font-size: 16px;
	color: #C4182E;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	background-color: #ffffff;
}
.integralBox .twoSign{
	font-size: 0;
}
.twoSign .smallSign{
	min-width: 100px;
	color: #C4182E;
	font-size: 16px;
	padding: 10px;
	margin: 10px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	background-color: #ffffff;
}
/*七天*/
.dataBox{
	width: 100%;
	height: 116px;
	text-align: center;
	overflow-x: auto;
}
/*圆形*/

.calendar {
	width: 550px;
	margin-top: 10px;
	padding: 10px;
	border-top: 1px solid #d1d1d1;
	height: 45px;
	text-align: center;
	margin: auto;
}

.calendar_auto {
	height: auto;
}

.calendar .heng {
	width: 20px;
	margin: 5px;
	height: 0;
	border: 1px solid #f64771;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.calendar .round {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	margin: 5px 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.calendar .grayCircle {
	color: #333333;
	background-color: #dddddd;
	border: 1px solid #dddddd;
}

.calendar .redCircle {
	color: #fff;
	background-color: #f54757;
	border: 1px solid #f54757;
}

.calendar .Circle {
	color: #f64876;
	background-color: #fff;
	border: 1px solid #f64876;
}

.calendar .true {
	width: 20px;
	height: 20px;
	background: url(../images/integral/true.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: -5px;
	right: -5px;
}


/*日期*/

.dateTime {
	width: 550px;
	padding: 10px;
	font-size: 16px;
	text-align: left;
	color: #333333;
	height: 20px;
	margin: auto;
	text-align: center;
}

.dateTime span {
	width: 40px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.dateTime .heng {
	width: 33px;
}

.down,
.up {
	padding: 10px 0;
	text-align: center;
	background: url(../images/integral/xiala.png) no-repeat;
	background-size: 100% 100%;
	background-color: #ffedf1;
}



/*日历*/

.calendarBox {
	border-top: 10px solid #eeeeee;
	position: relative;
	padding-top: 30px;
}
/*补签卡*/
.buqian{
	background: url(../images/integral/bq.png) no-repeat;
	background-size: cover;
	width:72px;
	height: 30px;
	margin-top: 10px;
	position: absolute;
	right: 10px;
	top: -10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	
}
.calendarBox li {
	font-size: 0;
	padding: 0 1%;
}

.calendarBox li span {
	width: 14%;
	padding: 5px 0;
	text-align: center;
	font-size: 16px;
	color: #333;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.calendarBox li span.true {
	background: url(../images/integral/true_red.png) no-repeat center center;
	background-size: 30px 30px;
}

.calendarBox li span.false {
	background: url(../images/integral/false_black.png) no-repeat center center;
	background-size: 30px 30px;
}


/*积分兑换*/

.exchange {
	padding-bottom: 20px;
	background-color: #ffedf1;
	font-size: 0;
}

.exchange .liwu,
.exchange .txt {
	width: 46%;
	padding: 2%;
	padding-top: 0;
	text-align: left;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.exchange .txt {
	font-size: 12px;
	color: #999999;
}

.exchange .txt .tit {
	font-size: 18px;
	color: #333333;
}

.exchange .txt p {
	margin: 10px 0;
}

.exchange .txt .btn {
	border: 1px solid #999;
	padding: 5px 10px;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
}
.exchange .txt .btn:hover{
	border-color:#C4182E ;
}

/*规则弹窗*/

.ruleTit {
	font-size: 18px;
	color: #000;
	padding: 10px 0;
	text-align: center;
	background: #ffd601;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
}

.ruleTxt {
	padding: 10px;
	font-size: 14px;
	color: #333333;
	padding: 10 auto;
	text-align: left;
	border-bottom: 0;
}

.ruleClose {
	width: 30px;
	height: 30px;
	background: url(../images/integral/close.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: -10px;
	top: -10px;
}


/*积分弹窗*/

.integral {
	background: url(../images/integral/tcbg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	padding: 10px 0;
	font-size: 0;
	text-align: left;
	color: #f7f9f5;
}

.zsImg {
	width: 50%;
	position: absolute;
	left: 25%;
}

.dayTime {
	padding: 10px 0;
	font-size: 0;
	text-align: left;
}

.integral .t_f,
.dayTime .t_f {
	width: 10%;
	margin: 1.2%;
	font-size: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.integral img {
	width: 100%;
}

.integral .heng,
.dayTime .heng {
	width: 10%;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.bor1 {
	width: 100%;
	border-bottom: 1px dotted #fff;
}

.integral p {
	padding: 10px 0;
}

.integralClose {
	position: absolute;
	left: 40%;
	bottom: -60px;
	text-align: center;
	z-index: 99;
}

.integralClose .shuxian {
	width: 0;
	height: 30px;
	border: 1px solid #fff;
	margin: auto;
}

.gifBox {
	width: 120%;
	position: absolute;
	left: -10%;
	top: -150px;
}


/*优惠券*/

.bg-gray {
	background-color: #f8f8f8;
}

.coupon {}

.coupon li {
	font-size: 0;
	margin: 10px;
	background-color: none;
	position: relative;
}

.coupon li .left,
.coupon li .right {
	height: 100px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.coupon li .left {
	width: 35%;
	font-size: 0;
	color: #FFF;
	padding: 10px 0;
	text-align: center;
	background-size: 100% 100%;
}

.coupon li .left .cont {
	margin: auto;
	font-size: 16px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.red {
	background: url(../images/integral/red.png) no-repeat;
}

.blue {
	background: url(../images/integral/blue.png) no-repeat;
}

.purple {
	background: url(../images/integral/purple.png) no-repeat;
}

.coupon li .right {
	width: 60%;
	padding: 10px 2%;
	background: url(../images/integral/white.png) no-repeat;
	background-size: cover;
	position: relative;
}

.coupon li .right .tit {
	font-size: 16px;
	color: #333;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden; */
}

.coupon li .right .right_info {
	color: #999999;
	margin-left: 10px;
}

.coupon li .right p {
	margin-left: 10px;
}

.coupon li .right .right_info li {
	font-size: 12px;
	list-style: disc;
	margin: 0;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.receive {
	font-size: 14px;
	background-color: #FFFFFF;
	color: #C4182E;
	border: 1px solid #C4182E;
	/*height: 20px;
	line-height: 20px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:0 3px;
	text-align: center;
	position: absolute;
	bottom: 8px;
	right: 10px;
}
.receiveed {
	font-size: 14px;
	background-color: #FFFFFF;
	color: #a1a1a1;
	border: 1px solid #a1a1a1;
	/*height: 20px;
	line-height: 20px;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:0 3px;
	text-align: center;
	position: absolute;
	bottom: 8px;
	right: 10px;
}
/*优惠券领取*/
.coupon_pro{
	margin: 10px;
	color: #fff;
}
.coupon_pro li{
	position: relative;
	padding: 10px;
	background:url(../images/coupon/bg.png) no-repeat;
	background-size: 100% 100%;
	height: 290px;
}
/*.coupon_pro li .coupon_bg {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;	
	z-index: -1;
}*/
.coupontxt{
	float: left;
	margin-top: 10px;
}
.coupontxt li{
	list-style: initial;
	margin: 0 0 0 20px;
	padding: 0;
	height: auto;
	background: none;
}
.condition{
	float: right;
}
.coupon_pro li .time{
	color: #666666;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.btnRed{
	margin: 20px;
	text-align: center;
	color: #fff;
	background-color: #ff6c6c;
	padding: 10px 0;
	border-radius:4px;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px ;
}
.guess{
	text-align: center;
	margin-bottom: 10px;
}
/*弹窗*/

.couponImg {
	width: 150px;
	position: absolute;
	left: 25%;
	top: -70px;
}

.obtain {
	font-size: 18px;
	color: #4e220b;
	margin-top: 55px;
}

.select {
	background-color: #C4182E;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 20px;
	padding: 15px 0;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-bottomright: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
}


/*积分购*/

.pointsNav {
	border-top: 10px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 0;
}

.pointsNav li {
	text-align: center;
	width: 25%;
	padding: 10px 0;
	vertical-align: middle;
	display: inline-block;
	*direction: initial;
	*zoom: 1;
	font-size: 16px;
	color: #999;
}

.pointsNav li.on {
	color: #C4182E;
	border-bottom: 2px solid #C4182E;
}

.pointsNav li .redSJ {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #C4182E;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.pointsNav li .redSJ1 {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #C4182E;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}



.pointsList{
	
}
.pointsList li{
	font-size: 0;
	padding: 10px 2%;
	border-bottom: 1px solid #eee;
}
.pointsList li .left,.pointsList li .right{
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.pointsList li .left{
	width: 35%;
	text-align: center;
}
.pointsList li .left img{
	padding: 2%;
	width: 96%;
	vertical-align: middle;
	
}
.pointsList li .right{
	width: 61%;
	padding:0 2%;
	font-size: 16px;
	color: #000;
	
}
.pointsList li .right .tit {
	max-height: 50px;
	line-height: 25px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden;
}
.loadBtn{
	margin: 10px;
}
.num_rmb{
	font-size: 12px;
	color: #999;
}

.discount{
	color: #C4182E;
	border: 1px solid #C4182E;
	font-size: 12px;
	margin-left: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*goods的样式重定*/
.product_info .info_dottm{
	background-color: #fff;
}
.goods_no{
	font-size: 14px;
	color: #999999;
	padding: 10px;
	background-color: #EEEEEE;
}
.price_dottm li{
	color: #333;
}
/*提交订单*/
/*提交订单样式重定*/
.order-buy .order-info .order-list-info .list-info{
	padding: 12px 10px 35px 10px;
}
.order-buy .order-info .order-list-info .list-price-nums{
	top: 70px;
	width: 95%;
	font-size: 0;
}
.order-buy .order-info .order-list-info .list-price-nums p{
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.order-buy .order-info .order-list-info .list-price-nums .price{
	color: #999999;
}
.order-buy .order-info .order-list-info .list-price-nums .nums{
	color: #333;
	width: 27%;
}
.order_total_ul{
	color: #333333;
}
.order_total_ul .txt_right{
	color: #C4182E;
}
.confirm .confirm_text{
	text-align: left;
	padding-left: 10px;
}
@media (max-width:480px ) {
	.coupon_pro li{
		height: 217px;
	}
	.coupontxt li{
		height: auto;
	}
}
@media (max-width:360px ) {
	.coupon_pro li{
		height: 158px;
	}
	.coupontxt li{
		height: auto;
	}
}
@media (max-width:320px ) {
	.coupon_pro li{
		height: 138px;
	}
	.coupontxt li{
		height: auto;
	}
}