﻿.list { position:absolute;left:50%;top:50%;width:100%;margin-left:-50%;margin-top:-50%;}
.coupon{width:100%;background:url(../../images/user/coupon.jpg) bottom center no-repeat #e4493e;background-size:cover;position:relative;overflow:hidden;}
.conponSun{width:115px;position:absolute;top:-25px;right:-5px;}
.conponSun img{width:100%;display:block;}
.conponCountdown{width:180px;height:40px;margin:auto;margin-top:15px;}
.conponCountdown p{width:30px;height:40px;display:block;background:#fff;color:#000000;text-align:center;line-height:4rem;font-size:3.6rem;border-radius:0.2rem;float:left;margin-right:1px;font-weight:bold;}
.conponCountdown span{display:block;color:#FFF;text-align:center;font-size:1.5rem;float:left;margin:0px 5px;margin-top:2rem;}
.coupon .swipe{width:100%;height:205px;margin-top:10px;}
.coupon .swipe ul li{position:relative;}
.coupon .swipe ul li .item{width:200px;margin:auto;}
.coupon .swipe ul li img{width:200px;display:block;margin:auto;position:relative;z-index:1;}
.coupon .swipe ul li .C_CPrize{width:63px;height:63px;left:50%;margin-left:-35px;position:absolute;top:19px;z-index:5;color:#FFF;font-size:3rem;line-height:92px;text-align:center;}
.coupon .swipe ul li .C_CPrize span{font-size:1.6rem;margin-right:-4px;}
.coupon .swipe ul li .C_LPrize{width:37px;height:37px;left:50%;margin-left:-78px;position:absolute;top:40px;z-index:6;color:#FFF;font-size:1.6rem;line-height:54px;text-align:center;transform: rotate(-30deg); }
.coupon .swipe ul li .C_LPrize span{font-size:1rem;margin-right:-4px;}
.coupon .swipe ul li .C_RPrize{width:37px;height:37px;left:50%;margin-left:37px;position:absolute;top:34px;z-index:6;color:#FFF;font-size:1.6rem;line-height:54px;text-align:center;transform: rotate(30deg); }
.coupon .swipe ul li .C_RPrize span{font-size:1rem;margin-right:-4px;}
.coupon .swipe ul li .ConponNum{font-size:1.2rem;line-height:2.4rem;color:#cecfd1;text-decoration:none !important;position:absolute;left:50%;top:110px;z-index:6;width:100px;margin-left:-50px;text-align:center;}
.coupon .swipe ul li .ConponNum span{font-size:1.8rem;line-height:2.4rem;color:#d53a32;margin:0 4px;font-weight:bold;}
.C_pagenavi{bottom:0px !important;}
.C_pagenavi a {background: none !important;border:1px solid #fce881;}
.C_pagenavi a.active {background: #fce881 !important;}
.C_Exchange{width:134px;text-align:center;height:30px;margin:auto;background:#fce881;border-radius:15px;line-height:32px;color:#d83d34;}
.C_Exchange a{display:block;width:100%;height:100%;color:#d83d34;text-decoration:none;}
.C_Exchange img{width:15px;}
.C_Receive{width:280px;height:280px;position:fixed;background:#fce881;border-radius:50%;top:50%;left:50%;margin-left:-140px;margin-top:-140px;z-index:10;display:none;}
.C_Receive .C_close{width:26px;position:absolute;top:-13px;left:50%;margin-left:-13px;display:block;}
.C_Receive h1{text-align:center;font-size:1.6rem;line-height:2.4rem;font-weight:normal;margin-top:40px;color:#d60000;}
.C_Receive p{text-align:center;font-size:1.2rem;line-height:2rem;margin-top:25px;color:#c8b75e;}
.C_Receive .LinkOther{width:200px;margin:25px auto 0;}
.C_Receive .LinkOther a{width:90px;height:30px;border-radius:15px;background:#d60000;color:#fff;font-size:1.5rem;line-height:32px;display:block;float:left;text-align:center;text-decoration:none;}
.C_Receive_bg {width:100%;height:100%;background-color:#000;opacity:0.6;position:fixed;top:0;display:none;}
#pagenavi {position:absolute;bottom:10px;left: 50%;}
#pagenavi a {width:12px;height:12px;line-height:99em;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 2px;overflow: hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
#pagenavi a.active {background: #b30913;}
