body{ width: 100%; min-height: 100vh; background: linear-gradient(90deg,#ff2b00 0%,#ff4002 50%,#ff2b00 100%); } .container{ width: 100%; min-height: 100vh; background: url(../img/receiveRedEnvelopeBg.png) no-repeat; background-size:100% ; padding-top: 4.5rem; box-sizing: border-box; } .receiveButton{ width: 2.28rem; height: 0.46rem; background: url(../img/receiveButton.png) no-repeat; background-size:100% ; line-height: 0.4rem; text-align: center; font-size: 0.26rem; color: #FFFFFF; margin: auto; } .receiveTklButton{ margin-top: 0.12rem; background: url(../img/receiveTklButton.png) no-repeat; background-size:100% ; font-size: 0.24rem; } .hint{ color: #FFFFFF; font-size: 0.12rem; line-height: 0.17rem; text-align: center; margin-top: 0.1rem; } /*复制成功弹框*/ .copyMask{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none; } .copyMask .maskContent{ background: #ffffff; width: 80%; /*height: 1.75rem;*/ border-radius: 0.1rem; position: absolute; top: 1.75rem; left: 0; right: 0; margin: auto; } .copyMask .maskContent h3{ line-height: 0.5rem; font-size: 0.16rem; text-align: center; } .copyMask .maskContent .tkl{ width: 95%; background: #f3f3f3; margin: auto; padding: 0.1rem; box-sizing: border-box; font-size: 0.14rem; line-height: 0.18rem; color: #000; } .copyMask .maskContent .copyMaskButton{ margin-top: 0.1rem; line-height: 0.4rem; text-align: center; font-size: 0.16rem; color: #aaaaaa; border-top: 0.01rem solid #dddddd; } .copyMask .maskContent .close{ width: 0.35rem; height: 0.35rem; position: absolute; bottom: -0.6rem; left: 0; right: 0; margin: auto; }