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

.upgradeCouponCommon-pop{ display:none; width:7.147rem; position:fixed; left:50%; margin-left:-3.573rem; top:50%; margin-top:-4rem; z-index:1999;}
.upgradeCouponCommon-pop .top-con{ height:3.347rem; background:url("/images/template/2025UpgradeCoupon/bg01.png") no-repeat; background-size:100% auto;}
.upgradeCouponCommon-pop .top-con h3{ line-height:1.027rem; font-size:0.427rem; color:#fff; padding:0.333rem 0 0 0.333rem;}
.upgradeCouponCommon-pop .top-con .upgradeCountDown{ line-height:0.4rem; padding:0 0 0 0.267rem; font-size:0.24rem; color:#fff;}
.upgradeCouponCommon-pop .top-con .upgradeCountDown em{ display:inline-block; width:0.453rem; height:0.4rem; line-height:0.4rem; text-align:center; font-size:0.267rem; color:#e01503; font-weight:bold; background:#fff; border-radius:0.08rem; margin:0 0.067rem;}
.upgradeCouponCommon-pop .list-con{ border-radius:0 0 0.4rem 0.4rem; background:url("/images/template/2025UpgradeCoupon/bg03.png") repeat-y; background-size:536px auto; padding:0 0 0.067rem 0;}
.upgradeCouponCommon-pop .list-con .coupon-btn{ display:block; width:6.533rem; height:1.44rem; margin:0 auto 0.267rem; text-decoration:none; background:url("/images/template/2025UpgradeCoupon/bg02.png") no-repeat; background-size:100% auto;}
.upgradeCouponCommon-pop .list-con .coupon-btn .prize{ display:block; float:left; line-height:1.44rem; width:2rem; text-align:center; font-size:0.533rem; color:#fff; font-weight:bold;}
.upgradeCouponCommon-pop .list-con .coupon-btn .prize em{ display:inline-block; font-size:0.267rem; font-weight:normal; line-height:1; vertical-align:0.373rem;}
.upgradeCouponCommon-pop .list-con .coupon-btn .name{ display:block; float:left; width:2.267rem; line-height:0.453rem; padding:0.267rem 0 0 0; font-size:0.267rem; color:#fff;}
.upgradeCouponCommon-pop .list-con .coupon-btn span{ display:block; float:right; width:1.6rem; height:0.587rem; line-height:0.587rem; text-align:center; font-size:0.32rem; color:#fe3126; background:#fff; border-radius:0.533rem; margin:0.427rem 0.227rem 0 0;}
.upgradeCouponCommon-pop .close-btn{ display:none; width:0.467rem; height:0.467rem; position:absolute; right:0; top:-0.107rem; background:url("/images/template/2025UpgradeCoupon/bg05.png") no-repeat; background-size:100% auto;}

.upgradeCouponSmallCommon-btn{ display:none; width:1.893rem; height:1.907rem; position:fixed; right:0.133rem; bottom:7rem; text-align:center; z-index:199; background:url("/images/template/2025UpgradeCoupon/bg04.png") no-repeat; background-size:100% auto;}
.upgradeCouponSmallCommon-btn .upgradeCountDown{ font-size:0.16rem; color:#fff; line-height:0.347rem;}
.upgradeCouponSmallCommon-btn .name{ line-height:0.347rem; font-size:0.2rem; padding-top:0.08rem; 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:0.4rem; font-size:0.32rem; color:#ff3b46; font-weight:bold;}
.upgradeCouponSmallCommon-btn .prize em{ font-size:0.24rem; font-weight:normal;}
.upgradeCouponSmallCommon-btn .btn{ display:block; width:1.173rem; height:0.373rem; line-height:0.373rem; text-align:center; font-size:0.213rem; color:#fc581e; margin:0.16rem auto 0;}
.upgradeCouponSmallCommon-btn:hover{ text-decoration:none;}


/* 初始状态，元素在屏幕外 */
.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%)) translateY(calc(100%)) scale(0); /* 最终定位在右下角并缩小到更小的比例 */
        opacity: 1; /* 最终保持不透明 */
    }
}