.ad-mask{
	display:none;
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 998;
	background-color: #000;
	opacity: .3;
	filter:alpha(opacity=30);
}
.ad-mask.active{
	display:block;
}
.ad-modal{
	display:none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -142px;
	margin-top: -203px;
	width: 285px;
	height: 406px;
	z-index:999;
}
.ad-modal.active{
	display:block;
}
.ad-modal-inner{
	position: relative;
	width:100%;
	height:100%;
	background: url('../../images/ad/bg.png') no-repeat center center;
}
.ad-modal-close{
	position: absolute;
	top: 3px;
	right: -50px;
	width:100px;
	height:50px;
	cursor: pointer;
	background: url('../../images/ad/close-btn.png') no-repeat center center;
	z-index: -1;
}
.modal-tag{
	position: absolute;
	left:50%;
	top: 20px;
	margin-left: -110px;
	width:220px;
	height:24px;
	line-height:24px;
	vertical-align: middle;
	color: #fff;
}
.modal-title{
	position: absolute;
	top:55px;
	left:50%;
	margin-left: -49px;
	width:98px;
	height:98px;
	background: url('../../images/ad/coupon-title.png') no-repeat center center;
}
.xin{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -30px;
    margin-top: -35px;
	width: 36px;
	height: 35px;
}
.ren{
	position: absolute;
	top:50%;
	left:50%;
	width: 28px;
	height: 35px;
	margin-top: -32px;
    margin-left: 7px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
.zhuan{
	position: absolute;
	top:50%;
	left:50%;
	width: 33px;
	height: 32px;
	margin-left: -30px;
	-webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}
.xiang{
	position: absolute;
	top:50%;
	left:50%;
	width: 30px;
	height: 32px;
	margin-left: 5px;
	-webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
.modal-des{
	position:absolute;
	top:164px;
	left:50%;
	margin-left: -75px;
	width: 150px;
	height: 136px;
}
.modal-des-info{
	margin:0 auto;
	width: 150px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: left;
	color:#fff;
}
.info-sign{
	font-size: 40px;
}
.info-num{
	font-size: 90px;
}
.modal-des-type{
	margin:0 auto;
	width: 140px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #ffd3d1;
	vertical-align: middle;
	text-align: center;
	background: url('../../images/ad/coupon-type.png') no-repeat center center;
}
.modal-btn{
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -99px;
	width: 198px;
	height: 90px;
}
.modal-link{
	display: block;
	width:198px;
	height:54px;
	line-height: 54px;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
	color: #d02d26;
	background: url('../../images/ad/coupon-btn.png') no-repeat center center;
}
.modal-link-des{
	padding-top: 10px;
	color: #ffd3d1;
	text-align: center;
}
.animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform: skew(25deg) scaleY(1.2);
   		-webkit-transform-origin: bottom;
	}
	5%{
		opacity:1;
		-webkit-transform: skew(25deg) scaleY(1.2);
   		-webkit-transform-origin: bottom;
	}
	100%{
		-webkit-transform: skew(0deg) scaleY(1);
   		-webkit-transform-origin: bottom;
	}
}
@-moz-keyframes fadeInLeft{
	0%{
		opacity:0;
		-moz-transform: skew(25deg) scaleY(1.2);
   		-moz-transform-origin: bottom;
	}
	5%{
		opacity:1;
		-moz-transform: skew(25deg) scaleY(1.2);
   		-moz-transform-origin: bottom;
	}
	100%{
		-moz-transform: skew(0deg) scaleY(1);
   		-moz-transform-origin: bottom;
	}
}
@keyframes fadeInLeft{
	0%{
		opacity:0;
		transform: skew(25deg) scaleY(1.2);
   		transform-origin: bottom;
	}
	5%{
		opacity:1;
		transform: skew(25deg) scaleY(1.2);
   		transform-origin: bottom;
	}
	100%{
		transform: skew(0deg) scaleY(1);
   		transform-origin: bottom;
	}
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform: skew(-25deg) scaleY(1.2);
   		-webkit-transform-origin: bottom;
	}
	5%{
		opacity:1;
		-webkit-transform: skew(-25deg) scaleY(1.2);
   		-webkit-transform-origin: bottom;
	}
	100%{
		-webkit-transform: skew(0deg) scaleY(1);
   		-webkit-transform-origin: bottom;
	}
}
@-moz-keyframes fadeInRight{
	0%{
		opacity:0;
		-moz-transform: skew(-25deg) scaleY(1.2);
   		-moz-transform-origin: bottom;
	}
	5%{
		opacity:1;
		-moz-transform: skew(-25deg) scaleY(1.2);
   		-moz-transform-origin: bottom;
	}
	100%{
		-moz-transform: skew(0deg) scaleY(1);
   		-moz-transform-origin: bottom;
	}
}
@keyframes fadeInRight{
	0%{
		opacity:0;
		transform: skew(-25deg) scaleY(1.2);
   		transform-origin: bottom;
	}
	5%{
		opacity:1;
		transform: skew(-25deg) scaleY(1.2);
   		transform-origin: bottom;
	}
	100%{
		transform: skew(0deg) scaleY(1);
   		transform-origin: bottom;
	}
}
/* 优惠券未使用页面 悬浮层 begin */

.rm-coupon-unused {
    position: fixed;
    width:506px;
    height:408px;
    top: 50%;
    left: 50%;
    margin-top: -204px;
    margin-left: -253px;
    z-index: 12000;
}

.rm-coupon-unused .reward{
    position: relative;
    padding: 0 5%;
}
.rm-coupon-unused .rm-module-coupon{
    position: relative;
}

.rm-coupon-unused img {
    width: 100%;
    height: auto;
}

.rm-coupon-unused .item {
    position: absolute;
    width: 100%;
    text-align: center;
}

.rm-coupon-unused .close-btn {
    top: 0%;
    right: 0;
    width: 12%;
    height: 12%;
}

.rm-coupon-unused .price {
    top: 50%;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    margin-top: -80px;
    font-size: 40px;
    font-weight: bold;
    color: #fff; 
}

.rm-coupon-unused .price span {
    font-size: 72px;
}

.rm-coupon-unused .coupon {
    top: 50%;
    margin-top: 40px;
    height:60px;
}
.rm-coupon-unused .coupon .con{
    position: relative;
    width: 55%;
    text-align: center;
    margin: 0 auto;
}
.rm-coupon-unused .coupon .k {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.rm-coupon-unused .catalog {
    top: 72%;
}
.rm-coupon-unused .catalog p {
    padding: 2% 10px;
    width: 54%;
    margin: 0 auto;
    color: #fff;
    background: #d02d26;
    border-radius: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.rm-coupon-unused .lookup {
    top: 82%;
}
.rm-coupon-unused .lookup a{
    display: block;
    width: 40%;
    padding: 4% 5%;
    margin: 0 auto;
    font-size: 16px;
    color: #d02d26;
    background-color: #FED10D;
    border-radius: 50px;
}
/* 优惠券未使用页面 悬浮层 end */