.upgradeCouponCommon-mask{display:none; width:100%;z-index:998;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}

.upgradeCouponCommon-pop{ display:none; width:536px; position:fixed; left:50%; margin-left:-268px; top:50%; margin-top:-300px; z-index:999;}
.upgradeCouponCommon-pop .top-con{ height:251px; background:url("/images/template/2025UpgradeCoupon/bg01.png") no-repeat;}
.upgradeCouponCommon-pop .top-con h3{ line-height:77px; font-size:32px; color:#fff; padding:25px 0 0 25px;}
.upgradeCouponCommon-pop .top-con .countDown{ line-height:30px; padding:0 0 0 20px; font-size:18px; color:#fff;}
.upgradeCouponCommon-pop .top-con .countDown em{ display:inline-block; width:34px; height:30px; line-height:30px; text-align:center; font-size:20px; color:#e01503; font-weight:bold; background:#fff; border-radius:6px; margin:0 5px;}
.upgradeCouponCommon-pop .list-con{ border-radius:0 0 30px 30px; background:url("/images/template/2025UpgradeCoupon/bg03.png") repeat-y; padding:0 0 5px 0;}
.upgradeCouponCommon-pop .list-con .coupon-btn{ display:block; width:490px; height:108px; margin:0 auto 20px; text-decoration:none; background:url("/images/template/2025UpgradeCoupon/bg02.png") no-repeat;}
.upgradeCouponCommon-pop .list-con .coupon-btn .prize{ display:block; float:left; line-height:108px; width:150px; text-align:center; font-size:40px; color:#fff; font-weight:bold;}
.upgradeCouponCommon-pop .list-con .coupon-btn .prize em{ display:inline-block; font-size:20px; font-weight:normal; line-height:1; vertical-align:28px;}
.upgradeCouponCommon-pop .list-con .coupon-btn .name{ display:block; float:left; width:170px; line-height:34px; padding:20px 0 0 0; font-size:20px; color:#fff;}
.upgradeCouponCommon-pop .list-con .coupon-btn span{ display:block; float:right; width:120px; height:44px; line-height:44px; text-align:center; font-size:24px; color:#fe3126; background:#fff; border-radius:40px; margin:32px 17px 0 0;}
.upgradeCouponCommon-pop .close-btn{ display:none; width:35px; height:35px; position:absolute; right:0; top:-8px; background:url("/images/template/2025UpgradeCoupon/bg05.png") no-repeat;}

.upgradeCouponSmallCommon-btn{ display:none; width:142px; height:143px; position:fixed; right:10px; bottom:100px; text-align:center; z-index:199; background:url("/images/template/2025UpgradeCoupon/bg04.png") no-repeat;}
.upgradeCouponSmallCommon-btn .countDown{ font-size:12px; color:#fff; line-height:26px;}
.upgradeCouponSmallCommon-btn .name{ line-height:26px; font-size:15px; padding-top:6px; background:-webkit-linear-gradient(left,#5f0001,#560001 40%,#130001 60%,#110001);-webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#5f0001;}
.upgradeCouponSmallCommon-btn .prize{ line-height:30px; font-size:24px; color:#ff3b46; font-weight:bold;}
.upgradeCouponSmallCommon-btn .prize em{ font-size:18px; font-weight:normal;}
.upgradeCouponSmallCommon-btn .btn{ display:block; width:88px; height:28px; line-height:28px; text-align:center; font-size:16px; color:#fc581e; margin:12px auto 0;}
.upgradeCouponSmallCommon-btn:hover{ text-decoration:none;}

.zoomOut { animation: zoomOut 1s ease infinite; -webkit-animation: zoomOut 1s ease infinite;}
@-webkit-keyframes zoomOut { from { opacity: 1;} 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }

/* 初始状态，元素在屏幕外 */
.fly-in-element {
    animation: flyInAndShrink 1s ease-out forwards; /* 应用动画 */
}

/* 定义飞入并变小的动画 */
@keyframes flyInAndShrink {
    0% {
        transform: translateX(0) translateY(0) scale(1); /* 开始时不移动也不缩放 */
        opacity: 0; /* 开始时透明 */
    }
    50% {
        /*transform: translateX(calc(100% - 100px)) translateY(calc(100% - 100px)) scale(0.5); !* 中间移动到右下角并缩小到一半大小 *!*/
        /*opacity: 1; !* 中间变为不透明 *!*/
    }
    100% {
        /*transform: scale(0); !* 最终定位在右下角并缩小到更小的比例 *!*/
        /*right:10px;*/
        /*bottom:100px;*/
        /*margin:0;*/
        transform: translateX(calc(100% + 0px)) translateY(calc(100%)) scale(0); /* 最终定位在右下角并缩小到更小的比例 */
        opacity: 1; /* 最终保持不透明 */
    }
}