/*gift-coupons-mian*/
.gift-coupons-mian{ position: relative; overflow: hidden; width: 100%; background-image: linear-gradient(to right, #fb9e35 , #fabd2b); color: #000;}
.gift-coupons-banner{ height: 638px; background: url(../img/gift-coupons-banner@bg.jpg) center no-repeat;}
.gift-coupons-banner .banner-title{ position: absolute; left: 0; right: 0; top:102px; margin: auto; width:569px; height: 283px; background: url(../img/gift-coupons-banner-des1@img.png);}
.gift-coupons-banner .banner-des{ position: absolute; left: 0; right: 0; top:370px; margin: auto; width:543px; height:157px; background: url(../img/gift-coupons-banner-des2@img.png);}
.gift-coupons-banner-bottom{ height: 146px; background: url(../img/gift-coupons-banner2@bg.png) center no-repeat;}
.gift-coupons-banner-bottom .spacer{ position: absolute; right: 5px; top:12px; margin: auto; width:303px; height:247px; background: url(../img/gift-coupons-banner-des3@img.png);}

.gift-coupons-intro-container{ padding: 40px 0;}
.gift-coupons-intro-container h3{ width: 100%; height: 64px; background: url(../img/gift-coupons-intro@title.png) center no-repeat; margin-bottom: 30px;}
.gift-coupons-intro-container .box{  overflow: hidden; padding:2px; background-image: linear-gradient(to bottom, #fcdea1 , #ffca4a);  border-radius: 20px; box-shadow: 0 5px 12px rgba(0,0,0,0.04);}
.gift-coupons-intro-container .box .border{ padding: 45px; background-image: linear-gradient(to right, #fcb15d , #fbcb54); border-radius: 18px; font-size: 18px; line-height: 2; }
.gift-coupons-intro-container .box .txt strong{ color: #ff2205;}
.gift-coupons-intro-container .box .txt p{ text-indent: 35px;}

.gift-coupons-container{ padding: 20px 0;}
.gift-coupons-container h3{ width: 100%; height: 64px; background: url(../img/gift-coupons@title.png) center no-repeat; margin-bottom: 30px;}
.gift-coupons-container .box{  overflow: hidden; padding:2px; background-image: linear-gradient(to bottom, #fcdea1 , #ffca4a);  border-radius: 20px; box-shadow: 0 5px 12px rgba(0,0,0,0.04);}
.gift-coupons-container .box .border{ overflow: hidden; padding: 50px 45px; background-image: linear-gradient(to right, #fcb15d , #fbcb54); border-radius: 18px; font-size: 16px; }

/*coupon-list*/
.gift-coupons-container .box .list li{ position: relative; float: left; width: 368px; height: 210px; border: 1px solid #f53d51; background-color: #ffd59d; border-radius: 4px; margin: 0 38px 30px 0;}
.gift-coupons-container .box .list li:nth-child(3n){ margin-right: 0;}
.gift-coupons-container .box .list li .coupon-item{ display: block; position: relative; z-index: 2; left: -5px; top: -5px; width: 368px; height: 210px; border-radius: 4px;   border: 1px solid #f53d51; background-color: #fff;}
.gift-coupons-container .box .list li .coupon-item .c-type{ border-top-left-radius: 3px; border-top-right-radius: 3px;  overflow: hidden; position: relative; height: 85px;  padding: 8px 25px; background-color: #f53d51; color: #fff; }
.gift-coupons-container .box .list li .coupon-item .c-type .c-price{ display: inline-block; vertical-align: middle; font-family: arial;}
.gift-coupons-container .box .list li .coupon-item .c-type .c-price strong{ font-size: 58px; }
.gift-coupons-container .box .list li .coupon-item .c-type .c-price em{ display: inline-block; font-size: 28px;}
.gift-coupons-container .box .list li .coupon-item .c-type .c-icon{ position: absolute; right: 10px; bottom: 0; z-index: 2; width: 78px; height: 56px; background: url(../img/coupon@icon.png);}
.gift-coupons-container .box .list li .coupon-item .c-type .c-spacer{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(../img/dian@icon.png) repeat-x;}
.gift-coupons-container .box .list li .coupon-item .c-type .c-limit{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.gift-coupons-container .box .list li .coupon-item .c-type .c-limit p{ margin-bottom: 2px;}
.gift-coupons-container .box .list li .coupon-item .c-msg{ padding: 20px 25px; color: #333;}
.gift-coupons-container .box .list li .coupon-item .c-msg .c-range{ display: inline-block; }
.gift-coupons-container .box .list li .coupon-item .c-msg .c-range p{ margin-bottom: 5px;}
.gift-coupons-container .box .list li .coupon-item .c-msg .btn{ display:inline-block; vertical-align: top; margin-top: 5px; width: 82px; height: 34px; text-align: center; line-height: 34px; background-color: #f5f5f5; border: 1px solid #dedede; border-radius: 20px;}
.gift-coupons-container .box .list li .coupon-item:hover .btn{ color: #f14d3b; border: 1px solid #f14d3b;}

.gift-coupons-container .box .list li .itemNub{
    position: absolute;
    right: -15px;
    top: -12px;
    z-index: 10;
    height: 32px;
    padding: 0 10px;
    border-radius: 20px;
    color: #ff2a28;
    line-height: 32px;
    font-size: 20px;
    border: 1px solid #ff2e2f;
    background-color: #fff;
}  

.gift-coupons-container .box .receive-oper{ overflow: hidden; margin-top: 10px;}
.gift-coupons-container .box .receive-oper .item{ width: 750px; float: left;}
.gift-coupons-container .box .receive-oper .item .des{ font-size: 28px; }
.gift-coupons-container .box .receive-oper .item .des span{ display: inline-block;vertical-align: middle; margin-top: -12px; color: #ed2d41; font-size: 36px;}
.gift-coupons-container .box .receive-oper .item .time{ font-size: 28px; margin-top: 20px;}
.gift-coupons-container .box .receive-oper .item .time .dt{ float: left; margin-top: 3px;}

.gift-coupons-container .box .receive-oper .item .time .time-item strong {
	color: #fff;
	line-height: 49px;
	font-size: 36px;
	font-family: Arial;
	padding: 0 10px;
	margin-right: 10px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	background-color: #221e1f;
	background-image: linear-gradient(to bottom, #464646 , #1e1a1b);  
	border: 1px solid #3d3d3d;
}

.gift-coupons-container .box .receive-oper .item .time .item-title .unit {
	background: none;
	line-height: 49px;
	font-size: 24px;
	padding: 0 10px;
	float: left;
}

.gift-coupons-container .box .receive-oper .btn{ display: block; float: right; width: 350px; height: 90px; margin-top: 30px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; line-height: 76px; background: url(../img/receive@btn.png);}
.gift-coupons-container .box .receive-oper .btn:hover{ opacity: 0.85;}
.gift-coupons-container .box .receive-oper .btn:active{ opacity:1;}

.gift-coupons-container .box .receive-oper .btn.end{ background: url(../img/receive-end@btn.png);}
.gift-coupons-container .box .receive-oper .btn.end:hover{ opacity: 1; cursor:not-allowed;}


.gift-coupons-rule-container{ padding: 20px 0;}
.gift-coupons-rule-container .box{  overflow: hidden; padding:2px; background-image: linear-gradient(to bottom, #fcdea1 , #ffca4a);  border-radius: 20px; box-shadow: 0 5px 12px rgba(0,0,0,0.04);}
.gift-coupons-rule-container .box .border{ overflow: hidden; padding: 40px 45px; background-image: linear-gradient(to right, #fcb15d , #fbcb54); border-radius: 18px; font-size: 16px; }	
.gift-coupons-rule-container .box .border .title{ width: 170px; float: left; text-align: center;}
.gift-coupons-rule-container .box .border .title h3{ font-size: 36px; margin-bottom: 10px;}
.gift-coupons-rule-container .box .border .title p{ width: 170px; height: 110px; background: url(../img/rule@icon.png);}
.gift-coupons-rule-container .box .border .des{ position: absolute; right: 35px; bottom: 20px; width: 125px; height: 142px; background: url(../img/rule2@icon.png);}
.gift-coupons-rule-container .box .border .rule-list{ float: left; width: 750px; margin:10px 0 0 100px;}
.gift-coupons-rule-container .box .border .rule-list p{ margin-bottom: 15px;}
.gift-coupons-rule-container .box .border .rule-list p i{ width: 20px; height: 20px; margin: -3px 10px 0 0; color: #fff; display: inline-block; vertical-align: middle; background-color: #ff4a26; border-radius: 20px; text-align: center; line-height: 20px;}

.gift-coupons-factory-container{ padding: 20px 0 65px;}
.gift-coupons-factory-container .list{ overflow: hidden; border-radius: 15px;}
.gift-coupons-factory-container .list li{ float: left; margin: 0 2px 2px 0;}
.gift-coupons-factory-container .list li:nth-child(3n){ margin-right: 0;}