|
@@ -0,0 +1,669 @@
|
|
|
|
+.j-icon-bg {
|
|
|
|
+ display: block;
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+}
|
|
|
|
+.icon-bg-jy-coin {
|
|
|
|
+ background-image: url(/common-module/active/2022.5.20/jianyubi@2x.png);
|
|
|
|
+}
|
|
|
|
+.icon-bg-jy-svip {
|
|
|
|
+ background-image: url(/common-module/active/2022.5.20/chaojidingyue@2x.png);
|
|
|
|
+}
|
|
|
|
+.icon-img-close {
|
|
|
|
+ background-color: transparent;
|
|
|
|
+ background-image: url(/common-module/active/202402/icon-img-close@2x.png);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* vant-custom */
|
|
|
|
+.j-confirm-dialog {
|
|
|
|
+ border-radius: 8px;
|
|
|
|
+}
|
|
|
|
+.j-confirm-dialog .van-dialog__message {
|
|
|
|
+ font-size: .32rem;
|
|
|
|
+ color: #171826;
|
|
|
|
+ line-height: .48rem;
|
|
|
|
+}
|
|
|
|
+.j-confirm-dialog.text-center .van-dialog__message {
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+.j-confirm-dialog .van-button {
|
|
|
|
+ font-size: .36rem;
|
|
|
|
+ color: #171826;
|
|
|
|
+ line-height: .52rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+.header-banner > img,
|
|
|
|
+.point-img > img {
|
|
|
|
+ display: block;
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+.section {
|
|
|
|
+ padding: 0 .24rem;
|
|
|
|
+ margin-bottom: .4rem;
|
|
|
|
+}
|
|
|
|
+.section .section-card {
|
|
|
|
+ background-color: #FFEAD1;
|
|
|
|
+ border-radius: .16rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-container {
|
|
|
|
+ position: relative;
|
|
|
|
+ background: #EB3A29 url(/common-module/active/202402/mobile/mobile-banner-bg.png) no-repeat;
|
|
|
|
+ background-size: 100% auto;
|
|
|
|
+ background-position: 0 1rem;
|
|
|
|
+ padding: 1.86rem 0 0;
|
|
|
|
+}
|
|
|
|
+.header-banner-header {
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ width: 5.58rem;
|
|
|
|
+ min-height: 1.96rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#main-app {
|
|
|
|
+ background: linear-gradient(180deg, #F7680F 0%, #E84D14 100%);
|
|
|
|
+}
|
|
|
|
+#main-app img {
|
|
|
|
+ display: block;
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.fixed-right {
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 3rem;
|
|
|
|
+ right: .16rem;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ z-index: 2;
|
|
|
|
+}
|
|
|
|
+.wx .fixed-right {
|
|
|
|
+ top: 1.6rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header-banner-light {
|
|
|
|
+ width: 1.8rem;
|
|
|
|
+ height: 1.3rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-light:last-of-type {
|
|
|
|
+ margin-left: .2rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-bottom {
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ width: 3.45rem;
|
|
|
|
+ margin-top: -0.32rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-bottom-img-2 {
|
|
|
|
+ margin-top: .08rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header-banner-content {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+.header-banner-content-time {
|
|
|
|
+ margin: .2rem 0;
|
|
|
|
+ margin-top: .06rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .2rem;
|
|
|
|
+ letter-spacing: .06rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header-banner-machine {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 6.31rem;
|
|
|
|
+ background: url(/common-module/active/202402/mobile/get-eggs-machine-bg.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ background-position: center;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-title {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: .06rem;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ font-size: .24rem;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ color: #fff;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-button-tip {
|
|
|
|
+ position: absolute;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .26rem;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ height: .48rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: .44rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-button-tip.tip-left {
|
|
|
|
+ width: 4.12rem;
|
|
|
|
+ right: .9rem;
|
|
|
|
+ top: -.36rem;
|
|
|
|
+ background: url(/common-module/active/202402/button-left-tip-bg.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-button-tip.tip-right {
|
|
|
|
+ width: 1.6rem;
|
|
|
|
+ height: .48rem;
|
|
|
|
+ right: -.8rem;
|
|
|
|
+ top: -0.26rem;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ background: url(/common-module/active/202402/button-right-tip-bg.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header-banner-machine .machine-confirm {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 50%;
|
|
|
|
+ top: 2.64rem;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ background-color: transparent;
|
|
|
|
+ width: 3.16rem;
|
|
|
|
+ height: 1rem;
|
|
|
|
+ background: url(/common-module/active/202402/get-eggs-machine-button.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ z-index: 6;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-pointer {
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 1.22rem;
|
|
|
|
+ height: 1.06rem;
|
|
|
|
+ right: -0.50rem;
|
|
|
|
+ bottom: -0.3rem;
|
|
|
|
+ transform: scale(0.9);
|
|
|
|
+ animation: pointer 1.3s cubic-bezier(0.4, 0, 0.2, 1) 1.3s infinite alternate;
|
|
|
|
+ background: url(/common-module/active/202402/img-pointer.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header-banner-machine .machine-ani-content {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: .48rem;
|
|
|
|
+ left: calc(50%);
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ width: 5.2rem;
|
|
|
|
+ height: 2.68rem;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-canvas {
|
|
|
|
+ width: 5rem;
|
|
|
|
+ height: 2.5rem;
|
|
|
|
+ z-index: 1;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-mask {
|
|
|
|
+ background: transparent url(/common-module/active/202402/pc-get-eggs-machine-mask.png) no-repeat;
|
|
|
|
+ background-size: cover;
|
|
|
|
+ z-index: 3;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-ball-list {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 96%;
|
|
|
|
+}
|
|
|
|
+.header-banner-machine .machine-ball-item {
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 40px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ transition: all 0.5s ease;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.machine-balance-container {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 1.2rem;
|
|
|
|
+ top: 4.32rem;
|
|
|
|
+ width: 3.32rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .28rem;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+}
|
|
|
|
+.my-coin-count {
|
|
|
|
+ padding-left: .12rem;
|
|
|
|
+}
|
|
|
|
+.add-jianyu-coin {
|
|
|
|
+ position: relative;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: .2rem;
|
|
|
|
+ padding: 0.06rem .14rem;
|
|
|
|
+ font-size: .22rem;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ border-radius: .25rem;
|
|
|
|
+ border: 1px solid #FFF;
|
|
|
|
+ box-shadow: 0px 0px 4px 0px rgba(236, 143, 4, 0.25) inset;
|
|
|
|
+}
|
|
|
|
+.earn-button {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ height: 100%;
|
|
|
|
+ padding: 2px 6px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ border-radius: inherit;
|
|
|
|
+ color: #E8100D;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ background: linear-gradient(90deg, #FBDB9F 2.6%, #FFECD7 50.52%, #FFDEB8 100%);
|
|
|
|
+ box-shadow: 0px 0px 4px 0px rgba(236, 143, 4, 0.25) inset;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+.reward-section .section-header,
|
|
|
|
+.activity-rules .section-header {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-bottom: .2rem;
|
|
|
|
+}
|
|
|
|
+.section-header-img {
|
|
|
|
+ display: block;
|
|
|
|
+ width: 2.08rem;
|
|
|
|
+ height: .74rem;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-position: center;
|
|
|
|
+}
|
|
|
|
+.section-header-img.reward-title {
|
|
|
|
+ background-image: url(/common-module/active/202402/activity-reward-text@2x.png);
|
|
|
|
+}
|
|
|
|
+.section-header-img.rules-title {
|
|
|
|
+ background-image: url(/common-module/active/202402/activity-rules-text@2x.png);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.reward-list.empty {
|
|
|
|
+ padding-top: 0;
|
|
|
|
+ min-height: 1.2rem;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+}
|
|
|
|
+.reward-empty {
|
|
|
|
+ color: #171826;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.activity-red-button {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 4.04rem;
|
|
|
|
+ height: 0.96rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .36rem;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ background-color: transparent;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ background-image: url(/common-module/active/202402/button-red-bg@2x.png);
|
|
|
|
+ background-size: 100%;
|
|
|
|
+}
|
|
|
|
+.reward-card.no-login {
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.reward-list {
|
|
|
|
+ padding: 0 .44rem;
|
|
|
|
+}
|
|
|
|
+.reward-list-item {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ padding: .24rem 0;
|
|
|
|
+}
|
|
|
|
+.reward-list-item:not(:last-of-type) {
|
|
|
|
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
|
|
+}
|
|
|
|
+.reward-list-item .r-l-i-l {
|
|
|
|
+ width: .8rem;
|
|
|
|
+ height: .8rem;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .r-l-i-c {
|
|
|
|
+ margin: 0 .16rem;
|
|
|
|
+ flex: 1;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .r-l-i-c-line:not(:last-of-type) {
|
|
|
|
+ margin-bottom: .16rem;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .r-l-i-action {
|
|
|
|
+ font-size: .48rem;
|
|
|
|
+ color: #FFCD6A;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .reward-text {
|
|
|
|
+ font-size: .32rem;
|
|
|
|
+ color: #171826;
|
|
|
|
+ line-height: .4rem;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .reward-desc {
|
|
|
|
+ font-size: .24rem;
|
|
|
|
+ color: #171826;
|
|
|
|
+ line-height: .32rem;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .receive-time {
|
|
|
|
+ font-size: .2rem;
|
|
|
|
+ color: #9B9CA3;
|
|
|
|
+}
|
|
|
|
+.reward-button {
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .24rem;
|
|
|
|
+ line-height: .32rem;
|
|
|
|
+ border-radius: .66rem;
|
|
|
|
+ border: 2px solid #FEF2C0;
|
|
|
|
+ background: linear-gradient(180deg, #F86436 0%, #E1180B 100%);
|
|
|
|
+ box-shadow: 0px 6.623px 6.623px 0px rgba(227, 29, 14, 0.24);
|
|
|
|
+}
|
|
|
|
+.reward-copy-button {
|
|
|
|
+ margin-top: .08rem;
|
|
|
|
+ width: 3.46rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.reward-list-item .receive-from {
|
|
|
|
+ padding: .04rem .16rem;
|
|
|
|
+ font-size: .2rem;
|
|
|
|
+ color: #171826;
|
|
|
|
+ line-height: .32rem;
|
|
|
|
+ background: linear-gradient(135deg, #FFCC66 0%, #FFECC5 100%);
|
|
|
|
+ border-radius: .2rem 0 0 .2rem;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+}
|
|
|
|
+.reward-list-item .receive-time {
|
|
|
|
+ font-size: .24rem;
|
|
|
|
+ color: #9B9CA3;
|
|
|
|
+ line-height: .28rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.rules-list {
|
|
|
|
+ padding: .24rem;
|
|
|
|
+}
|
|
|
|
+.rules-item {
|
|
|
|
+ display: flex;
|
|
|
|
+ /* align-items: center; */
|
|
|
|
+ margin-bottom: .16rem;
|
|
|
|
+}
|
|
|
|
+.rules-item:last-of-type {
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
+}
|
|
|
|
+.rule-index {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-right: .24rem;
|
|
|
|
+ width: .44rem;
|
|
|
|
+ height: .46rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ background-image: url(/common-module/active/202402/index-bg@2x.png);
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+}
|
|
|
|
+.rule-text {
|
|
|
|
+ flex: 1;
|
|
|
|
+ font-size: .24rem;
|
|
|
|
+ color: #1d1d1d;
|
|
|
|
+ line-height: .36rem;
|
|
|
|
+}
|
|
|
|
+.rules-list a,
|
|
|
|
+.terms-link {
|
|
|
|
+ color: #006CFF;
|
|
|
|
+}
|
|
|
|
+.rules-list a:hover,
|
|
|
|
+.terms-link:hover {
|
|
|
|
+ color: #006CFF;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+.activity-rules-button {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ top: 12%;
|
|
|
|
+ z-index: 9;
|
|
|
|
+
|
|
|
|
+ /* padding: .12rem .08rem;
|
|
|
|
+ writing-mode: vertical-lr;
|
|
|
|
+ background: linear-gradient(272deg, rgba(233, 138, 95, 0.5) 0%, #DB5634 100%); */
|
|
|
|
+
|
|
|
|
+ color: #fff;
|
|
|
|
+ width: .96rem;
|
|
|
|
+ height: .54rem;
|
|
|
|
+ line-height: .28rem;
|
|
|
|
+ border-radius: .12rem 0px 0px .12rem;
|
|
|
|
+ background: url(/common-module/active/202402/mobile/share-button.png) no-repeat;
|
|
|
|
+ background-size: cover;
|
|
|
|
+}
|
|
|
|
+.activity-rules-button::after {
|
|
|
|
+ /* content: ''; */
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -0.04rem;
|
|
|
|
+ bottom: -0.04rem;
|
|
|
|
+ left: -0.04rem;
|
|
|
|
+ right: -0.04rem;
|
|
|
|
+ background: linear-gradient(180deg, rgba(255, 216, 216, 0), rgba(255, 216, 216, 1));
|
|
|
|
+ z-index: -1;
|
|
|
|
+ border-radius: .12rem 0px 0px .12rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#active-tip-modal.van-popup {
|
|
|
|
+ background:transparent;
|
|
|
|
+}
|
|
|
|
+#active-tip-modal[data-modal-type='over'] .modal-dialog.active-tip--over {
|
|
|
|
+ display:flex;
|
|
|
|
+}
|
|
|
|
+.active-tip--over,
|
|
|
|
+.active-tip--success {
|
|
|
|
+ position:relative;
|
|
|
|
+ display:flex;
|
|
|
|
+ flex-direction:column;
|
|
|
|
+ align-items:center;
|
|
|
|
+ width:6.06rem;
|
|
|
|
+ margin:0 auto;
|
|
|
|
+ top:calc(50% - 4rem);
|
|
|
|
+ border-radius:0.24rem;
|
|
|
|
+ overflow:hidden;
|
|
|
|
+}
|
|
|
|
+.active-tip--over button {
|
|
|
|
+ width:4.62rem;
|
|
|
|
+ height:0.96rem;
|
|
|
|
+ background: linear-gradient(90deg, #FE542F 0%, #F01313 100%);
|
|
|
|
+ font-size:0.32rem;
|
|
|
|
+ font-weight:500;
|
|
|
|
+ color:#fff;
|
|
|
|
+ border-radius:0.48rem;
|
|
|
|
+ margin-bottom: 0.8rem;
|
|
|
|
+}
|
|
|
|
+.active-tip--over {
|
|
|
|
+ background-color:#fff;
|
|
|
|
+}
|
|
|
|
+.active-tip--over h4 {
|
|
|
|
+ font-size:0.4rem;
|
|
|
|
+ font-weight:bold;
|
|
|
|
+ color:#171826;
|
|
|
|
+ line-height:0.56rem;
|
|
|
|
+ margin-top:0.64rem;
|
|
|
|
+ margin-bottom:0.4rem;
|
|
|
|
+}
|
|
|
|
+.active-tip--over p {
|
|
|
|
+ margin-top:0.32rem;
|
|
|
|
+ margin-bottom:0.56rem;
|
|
|
|
+ font-size:0.28rem;
|
|
|
|
+ font-weight:500;
|
|
|
|
+ color:#5F5E64;
|
|
|
|
+ line-height:0.4rem;
|
|
|
|
+ text-align:center;
|
|
|
|
+}
|
|
|
|
+.close-dialog-icon img {
|
|
|
|
+ width:0.32rem;
|
|
|
|
+}
|
|
|
|
+.close-dialog-icon {
|
|
|
|
+ position:absolute;
|
|
|
|
+ top:0;
|
|
|
|
+ right:0;
|
|
|
|
+ padding:0.24rem;
|
|
|
|
+ cursor:pointer;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#active-tip-modal[data-modal-type=success] {
|
|
|
|
+ overflow: unset;
|
|
|
|
+}
|
|
|
|
+#active-tip-modal[data-modal-type=success] .close-dialog-icon-bottom {
|
|
|
|
+ position:absolute;
|
|
|
|
+ bottom:-1rem;
|
|
|
|
+ left:50%;
|
|
|
|
+ width: .48rem;
|
|
|
|
+ height: .48rem;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ cursor:pointer;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.modal-dialog.active-tip--success {
|
|
|
|
+ background: url(/common-module/active/202402/success-dialog-bg.png) no-repeat;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ background-position: center;
|
|
|
|
+ overflow: auto;
|
|
|
|
+}
|
|
|
|
+.active-tip-success-content {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ position: absolute;
|
|
|
|
+ height: 4.52rem;
|
|
|
|
+ bottom: 0.32rem;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+}
|
|
|
|
+.reward-success-text {
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .28rem;
|
|
|
|
+ line-height: .4rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+}
|
|
|
|
+.reward-img-container {
|
|
|
|
+ position: relative;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ width: 2.6rem;
|
|
|
|
+}
|
|
|
|
+.reward-img-container > .reward-img {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 2rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.float-tip-bg {
|
|
|
|
+ position: relative;
|
|
|
|
+ padding-left: .2rem;
|
|
|
|
+ padding-right: .12rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: .36rem;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ height: .6rem;
|
|
|
|
+ min-width: 1.12rem;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ background-image: url(/common-module/active/202402/float-tip-left@2x.png), url(/common-module/active/202402/float-tip-right@2x.png);
|
|
|
|
+ background-repeat: no-repeat, no-repeat;
|
|
|
|
+ background-position: left top, right top;
|
|
|
|
+ background-size: contain, contain;
|
|
|
|
+ z-index: 2;
|
|
|
|
+}
|
|
|
|
+.float-tip-content {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: .48rem;
|
|
|
|
+ background-color: #E22317;
|
|
|
|
+ line-height: .48rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+.reward-float-tip {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -.2rem;
|
|
|
|
+ left: 1.6rem;
|
|
|
|
+ z-index: 3;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.floating {
|
|
|
|
+ animation: floating 1.3s ease-in-out 1.3s infinite alternate;
|
|
|
|
+ transition: left,right,top,bottom 1.3s ease;
|
|
|
|
+}
|
|
|
|
+.floating.delay-100 {
|
|
|
|
+ /* animation-delay: 0.1s; */
|
|
|
|
+}
|
|
|
|
+.floating.delay-300 {
|
|
|
|
+ /* animation-delay: 0.3s; */
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+@keyframes floating {
|
|
|
|
+ from {
|
|
|
|
+ transform: translate(0, 0);
|
|
|
|
+ }
|
|
|
|
+ to {
|
|
|
|
+ transform: translate(0, 10px);
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+@keyframes pointer {
|
|
|
|
+ from {
|
|
|
|
+ transform: translate(0, 0) scale(1);
|
|
|
|
+ }
|
|
|
|
+ to {
|
|
|
|
+ transform: translate(0, -.1rem) scale(1.2);
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+.register-form .van-button--round {
|
|
|
|
+ margin: 0.24rem 0;
|
|
|
|
+ height: 0.92rem;
|
|
|
|
+ width: 100%;
|
|
|
|
+ line-height: 0.92rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 0.36rem;
|
|
|
|
+ background: linear-gradient(90deg, #FA6F33 0%, #F44012 100%);
|
|
|
|
+ border: unset;
|
|
|
|
+ border-radius: 0.16rem;
|
|
|
|
+}
|
|
|
|
+.register-form .footer-button-box .go-easy {
|
|
|
|
+ color: rgba(246, 77, 28, 1);
|
|
|
|
+ font-size: 0.28rem;
|
|
|
|
+ line-height: 0.4rem;
|
|
|
|
+}
|
|
|
|
+.register-form .footer-button-box {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 0.32rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.register-form .van-form .getCodeDownTime .van-count-down{
|
|
|
|
+ color: rgba(155, 156, 163, 1);
|
|
|
|
+ font-size: 0.3rem;
|
|
|
|
+}
|
|
|
|
+.register-form .van-form .getCodeDownTime {
|
|
|
|
+ color: rgba(155, 156, 163, 1);
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+.register-form .van-form .getCode {
|
|
|
|
+ color: rgba(155, 156, 163, 1);
|
|
|
|
+}
|
|
|
|
+.register-form .van-form .active-text {
|
|
|
|
+ color: rgba(246, 77, 28, 1);
|
|
|
|
+}
|
|
|
|
+.register-form .van-form .van-cell::after {
|
|
|
|
+ border-color: rgba(0, 0, 0, 0.1);
|
|
|
|
+}
|
|
|
|
+.register-form .van-form .van-cell {
|
|
|
|
+ font-size: 0.3rem;
|
|
|
|
+ padding: 0.28rem 0.32rem;
|
|
|
|
+ background: transparent;
|
|
|
|
+}
|
|
|
|
+.register-form .van-form input::placeholder{
|
|
|
|
+ color: rgba(155, 156, 163, 1);
|
|
|
|
+}
|
|
|
|
+.register-form .van-form{
|
|
|
|
+ border-radius: 0.32rem;
|
|
|
|
+ background: rgba(255, 255, 255, 0.9);
|
|
|
|
+ margin: -2.12rem 0.28rem 1rem 0.28rem;
|
|
|
|
+ padding: 0.24rem;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ color: rgba(155, 156, 163, 1);
|
|
|
|
+ font-size: 0.3rem;
|
|
|
|
+}
|