You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
2.0 KiB
1 line
2.0 KiB
3 years ago
|
page{width:100%;height:100vh}.page-box{width:100%;height:100%;position:relative}.bg-img-box{width:100%;height:100%;position:absolute;top:0;left:0}.bg-img-box image{width:100%;height:100%}.mail-box{width:687rpx;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mail-box .mail-img-box{position:absolute}.mail-top,.mail-bottom{z-index:3}.mail-top{z-index:4;top:10rpx}.top-move{-webkit-animation:topMove 2s ease;animation:topMove 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mail-top image{width:687rpx;height:445rpx}.mail-center image{width:684rpx;height:648rpx;-webkit-transform:scale(.99);transform:scale(.99)}.mail-center{top:316rpx}.mail-bottom image{width:687rpx;height:432rpx}.mail-bottom{top:616rpx}.btm-move{-webkit-animation:btmMove 1.5s ease;animation:btmMove 1.5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes topMove{0%{top:10rpx;opacity:.8}100%{top:314rpx;opacity:1}}@keyframes topMove{0%{top:10rpx;opacity:.8}100%{top:314rpx;opacity:1}}@-webkit-keyframes btmMove{0%{top:616rpx;opacity:.2}100%{top:532rpx;opacity:1}}@keyframes btmMove{0%{top:616rpx;opacity:.2}100%{top:532rpx;opacity:1}}.tips{width:100%;color:#efdaca;font-size:40rpx;line-height:56rpx;position:absolute;top:1000rpx;text-align:center}.word-move{-webkit-animation:wordMove 1s ease;animation:wordMove 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes wordMove{0%{left:-100%}100%{left:0}}@keyframes wordMove{0%{left:-100%}100%{left:0}}.pay-btn{width:686rpx;height:82rpx;position:absolute;top:1100rpx;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:-webkit-linear-gradient(128deg,#deb99f,#e9d1c0 51%,#e3c9b5);background:linear-gradient(322deg,#deb99f,#e9d1c0 51%,#e3c9b5);border-radius:62rpx;text-align:center;line-height:82rpx;color:#946f46}.tip{width:100%;text-align:center;color:#efdaca;font-size:32rpx;line-height:44rpx;position:absolute;top:1200rpx;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
|