/*：非源码,演示用的代码。源代码唯一下载地址: https://www.bootstrapmb.com/item/14616。（此备注只出现在演示站，下载的源码不包含。）*/
/*body {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  overflow: hidden;*/
/*  gap: 2em;*/
/*  margin: 0;*/
/*  min-height: 100vh;*/
/*  background: */
/*    repeating-linear-gradient(transparent 0 13%, #ffffff08 0 calc(13% + 1px), transparent 0) 30% 0% / 40% 100%,*/
/*    repeating-linear-gradient(transparent 0 7%, #ffffff0a 0 calc(7% + 1px), transparent 0) 70% 0% / 33% 100%,*/
/*    repeating-linear-gradient(transparent 0 11%, #ffffff08 0 calc(11% + 1px), transparent 0) -10% 0% / 35% 100%,*/
/*    repeating-linear-gradient(transparent 0 17%, #ffffff11 0 calc(17% + 1px), transparent 0) 110% 0% / 27% 100%,*/
/*    repeating-linear-gradient(transparent 0 13%, #00000008 0 calc(13% + 1px), transparent 0) 60% -10% / 33% 100%,*/
/*    repeating-linear-gradient(transparent 0 8%, #00000008 0 calc(8% + 1px), transparent 0) 21% 2% / 27% 100%,*/
/*    repeating-linear-gradient(transparent 0 8%, #00000002 0 calc(8% + 1px), transparent 0) 31% 7% / 19% 100%,*/
/*    */
/*    repeating-linear-gradient(transparent 0 13%, #00000004 0 calc(13% + 1px), transparent 0) 71% 15% / 19% 100%,*/
/*    linear-gradient(-45deg, #767a80, #b8b8bb);*/
/*  font-size: 2rem;*/
/*}*/

.metal {
  appearance: none;
  position: relative;
  width: 1.51rem;
    height: 0.52rem;
  /*aspect-ratio: 4;*/
  background: repeating-linear-gradient(#0000 0 5%, #0001 0 10%),
  linear-gradient(#0003, #0002, #0003),
  #999;
  /*box-shadow: 0 0 0.05em #fff8, inset 0 0.05em 0.125em 0.05em #0005;*/
  /*border-radius: 100vmax;*/
  font-size: 1em;
  /*border: 1px solid #0000;*/
    background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12024/0320/btnBg.png') no-repeat;
    background-size: 1.51rem 0.52rem;
    border-radius: 1rem;
}
.metal::before {
    content: "";
    position: absolute;
    top: 60%;
    left: 20%;
    width: 0.58rem;
    height: 0.58rem;
    /*aspect-ratio: 1;*/
    transform: translate(-50%, -50%);
    /*border-radius: 50%;*/
    /*border: 1px solid #0000;*/
    /*box-shadow:*/
    /*  0.125em 0.125em 0.25em #0004,*/
    /*  inset 0 0 0.05em #000c,*/
    /*  inset 0.125em 0.125em 0.125em #fff2,*/
    /*  inset -0.125em -0.125em 0.125em #0002;*/
    /*background:*/
    /*  radial-gradient(farthest-side, transparent calc(95% - 1px), #fff3 0 95%, #87848a88 0),*/
    /*  radial-gradient(#3a3a3a77, #1b213911 50%, transparent),*/
    /*  repeating-radial-gradient(#fbfbfb11 0 1%, #3a3a3a11 0 2%),*/
    /*  conic-gradient(#fbfbfb66 0, transparent 45deg 135deg, #fbfbfb66 180deg, transparent 225deg 315deg, #fbfbfb66),*/
    /*  conic-gradient(transparent 45deg, #3a3a3a88 90deg, transparent 135deg 225deg, #3a3a3a88 270deg, transparent 300deg),*/
    /*  linear-gradient(-45deg, #65696f, #d9d9d9aa),*/
    /*  #666;*/
    background: url('https://telunsu-cdn.mengniu.com.cn/telunsu/active/12026/0320/btn1.png') no-repeat;
    background-size: 0.58rem 0.58rem;
    transition: left 0.3s;
  }

.metal:checked::before {
    left: 84%;
  }

.metal[disabled] {
  opacity: 0.25;
}

@media print {
  .metal, .metal::before, .metal::after {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media (prefers-reduced-motion) {
.metal, .metal::before, .metal::after {
    transition: none !important;
    animation: none !important;
  }
}  /*：非源码,演示用的代码。源代码唯一下载地址: https://www.bootstrapmb.com/item/14616。（此备注只出现在演示站，下载的源码不包含。）*/


.redPackage_mark .redPackage_mark_box .pzq{
    width:5.04rem;
    height:6.68rem;
    position: relative;
    transform-origin: center;
}
.pzq-btn{
    width: 2.22rem;
    height: .63rem;
    position: absolute;
    bottom: 1.17rem;
    left: 1.41rem;
}
.redPackage_mark .redPackage_mark_box .pzq.peng2{
    animation: 0.6s aout2 ease-out forwards;
}
.redPackage_mark .redPackage_mark_box .pzq.pzh.peng{
    animation: 0.5s aout ease-in-out;
    display: block;
}
.redPackage_mark .redPackage_mark_box .pzq.pzh{
    /*animation: 1s aout linear;*/
    /*transform: scale(0);*/
    transform-origin: center;
    display: none;
}
@keyframes aout {
    from{
        transform: scale(0);
    }
    to{
        transform: scale(1);
    }
}
@keyframes aout2 {
    from{
        transform: scale(1);
        opacity: 1;
    }
    to{
        transform: scale(0);
        opacity: 0;
        display: none;
    }
}

.roll-box .roll-el {
    transition: transform 1.2s cubic-bezier(0.42, 0, 0.14, 0.98);
    transition: transform 1.2s cubic-bezier(0.42, 0, 0.03, 1.09);
    display: block;
    width: 100%;
    height: 100%;
    font-family: DINCondBold;
}
@keyframes myBreath {
    0%{
        transform: scale(0.9);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(0.9);
    }
}